/* ----------------------------------- */
/*
Light blue (primefaces table header) #6d96d1
Mid blue (backgrounds, viewcontrol) #6d96d1 (old #7da6d1)
Dark gray (tableheaders) #a1a1a1
Vector Solutions orange #F5A530
Darker than Vector Solutions orange #DA9230

background-color: #356DB4;
background: -moz-linear-gradient(top, #79a2d8 0%, #4f82d6 18%, #3c71b2 33%, #2363b2 62%, #2363b2 74%, #346caf 89%, #3e72b2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79a2d8), color-stop(18%,#4f82d6), color-stop(33%,#3c71b2), color-stop(62%,#2363b2), color-stop(74%,#2363b2), color-stop(89%,#346caf), color-stop(100%,#3e72b2));
background: -webkit-linear-gradient(top, #79a2d8 0%,#4f82d6 18%,#3c71b2 33%,#2363b2 62%,#2363b2 74%,#346caf 89%,#3e72b2 100%);
background: -o-linear-gradient(top, #79a2d8 0%,#4f82d6 18%,#3c71b2 33%,#2363b2 62%,#2363b2 74%,#346caf 89%,#3e72b2 100%);
background: -ms-linear-gradient(top, #79a2d8 0%,#4f82d6 18%,#3c71b2 33%,#2363b2 62%,#2363b2 74%,#346caf 89%,#3e72b2 100%);
background: linear-gradient(to bottom, #79a2d8 0%,#4f82d6 18%,#3c71b2 33%,#2363b2 62%,#2363b2 74%,#346caf 89%,#3e72b2 100%);
  
background-color: #ddeeff;
background-image: -webkit-linear-gradient(top, #eef0ff, #ddeeff, #ddeeff);
background-image: -moz-linear-gradient(top, #eef0ff, #ddeeff, #ddeeff);
background-image: -ms-linear-gradient(top, #eef0ff, #ddeeff, #ddeeff);
background-image: -o-linear-gradient(top, #eef0ff, #ddeeff, #ddeeff);
background-image: linear-gradient(top, #eef0ff, #ddeeff, #ddeeff);

*/
/* ----------------------------------- */
@font-face {
    font-family: 'DroidSans';
    src: url('/resources/fonts/DroidSans.eot');
    src: local('DroidSans Regular'), local('DroidSans'), url('/resources/fonts/DroidSans-Regular.ttf') format('truetype');
    src: local('DroidSans Regular'), local('DroidSans'), url('/resources/fonts/DroidSans-Regular.woff') format('woff');
    src: local('DroidSans Regular'), local('DroidSans'), url('/resources/fonts/DroidSans-Regular.woff2') format('woff2');
}
/* ----------------------------------- */
html {
    margin: 0;
    /*  overflow-x: hidden;
  overflow-y: hidden;*/
    height:100%;
}
body {
    margin: 0;
    font-family: Arial, Helvetica,sans-serif !important;
    font-style: normal;
    font-size: 12px !important;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: hidden;
    height:100%;
}

.publicbody {
    background-color: #eee;
}

.circleBase {
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    behavior: url(PIE.htc);
}


h5 {
    font-family: "DroidSans", Arial, Helvetica,sans-serif;
    font-size: 20px;
    color: #666;
    font-style: italic;
    font-weight: normal;
    margin-left: 0px;
    line-height: 20px;
    margin-bottom: 6px;
    margin-top: 10px;
    display: inline;
    float:left;
}

h5sub {
    font-family: "DroidSans", Arial, Helvetica,sans-serif;
    font-size: 12px;
    color: #666;
    font-style: italic;
    font-weight: normal;
    margin-left: 5px;
    line-height: 20px;
    margin-bottom: 0px;
    margin-top: 10px;
    display: inline;
    float:left;
}

h6{
    font-family: Arial, Helvetica,sans-serif;
    font-size: 18px;
    color: #666;
    font-weight: normal;
    line-height: 16px;
    margin-bottom: 5px;
    margin-top: 10px;
    display: inline;
    float:left;
}

h7 {
    font-family: "DroidSans", Arial, Helvetica,sans-serif;
    font-size: 18px;
    color: #666;
    font-style: italic;
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 5px;
    display: inline;
    float:left;
}

h8 {
    font-family: "DroidSans", Arial, Helvetica,sans-serif;
    font-size: 20px;
    color: #666;
    font-style: italic;
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 10px;
    display: inline;
    float:left;
}

h9{
    font-family: Arial, Helvetica,sans-serif;
    font-size: 18px;
    color: #666;
    font-weight: bold;
    line-height: 25px;
    margin-bottom: 5px;
    margin-top: 10px;
    display: inline;
    float:left;
}

h10 {
    font-family: "DroidSans", Arial, Helvetica,sans-serif;
    font-size: 16px;
    color: #666;
    font-style: italic;
    font-weight: normal;
    line-height: 16px;
    margin-bottom: 4px;
    margin-top: 0px;
    display: inline;
    float:left;
}


/* ----------------------------------- */
.menuBtn {
    height: 40px !important;
    float: right;
    text-align: left;
    display:inline;
    margin-top: 5px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    width: 100px;
}

.title {
    font-family: "DroidSans", Arial, Helvetica,sans-serif;
    font-size: 20px;
    color: #666;
    font-style: italic;
    font-weight: normal;
}
.titleheader {
    display: block;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 8px;
    width: 100%;
    height: 30px;
}

.activityheader {
    height: 35px;
    display:block;
    margin: 10px 0 0 5px;
}

#formInnerActions{
    display: block;
    float:right;
    height: 25px;
    margin: 8px 0 6px 20px;
    text-align: right;
    width:600px;
}

#eventTypeFilterList_panel div.ui-widget-header.ui-corner-all.ui-selectcheckboxmenu-header.ui-helper-clearfix {
    display:none !important;
}

#eventTypeFilterList a.ui-selectcheckboxmenu-label-container {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold !important;
    color: #333 !important;
    height: 100% !important;
}

#eventTypeFilterList.ui-selectcheckboxmenu {
    height: 25px;
    font-family: Arial, Helvetica, sans-serif !important;
    color: #333 !important;
    border: 1px solid #CCC !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: -moz-linear-gradient(top, #fefefe, #ededed) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe),color-stop(100%,#ededed)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe, #ededed) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%, #ededed 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%, #ededed 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #fefefe 0%, #ededed 100%) !important; /* W3C */
}

#eventTypeFilterList label.ui-selectcheckboxmenu-label.ui-corner-all.ui-state-hover {
    background: none !important;
}

#eventTypeFilterList label.ui-selectcheckboxmenu-label.ui-corner-all {
    margin:1px 2px 2px 2px !important;
    font-weight: bold !important;
}

#eventTypeFilterList .ui-state-default,
#eventTypeFilterList .ui-widget-content .ui-state-default,
#eventTypeFilterList .ui-widget-header .ui-state-default {
    border: none !important;
}

/* Interaction states ----------------------------------*/
#eventTypeFilterList .ui-state-default,
#eventTypeFilterList .ui-widget-content .ui-state-default,
#eventTypeFilterList .ui-widget-header .ui-state-default {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border:0 !important;
    background: -moz-linear-gradient(top, #fefefe, #ededed) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe),color-stop(100%,#ededed)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe, #ededed) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%, #ededed 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%, #ededed 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #fefefe 0%, #ededed 100%) !important; /* W3C */
    zoom: 0;
    -webkit-box-shadow: 0 !important;
    -moz-box-shadow: 0 !important;
    box-shadow: 0 !important;
}

#eventTypeFilterList_panel {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    padding:5px !important;
}

#eventTypeFilterList_panel.ui-selectcheckboxmenu-panel ul li{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: normal !important;
}

#daterangepanel {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    padding:5px !important;
}

#daterangeform span.ui-button-text.ui-c {
    text-align: left !important;
    margin-left: 10px !important;
}

#tieredmenu .ui-menu-child {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    padding:10px 0 0 0 !important;
}

#tieredmenu .ui-menuitem li a {
    padding:5px 0px 5px 0px !important;
    width: 100% !important;
    line-height: 8px !important;
    font-size: 12px !important;
}
#tieredmenu .ui-menuitem li a span {
    margin-left: 5px !important;
    margin-right: 10px !important;
}

#pageheaderminimal {
    /* page header with only logo and help icon, for form recording */
    position: fixed;
    top:0;
    width: 100%;
    height: 50px;
    background-color: #F98E2B;
    border: 1px solid #aaa;
    border-width: 0 0 1px 0;
    z-index: 1001 !important;
    font-size: 14px;
    z-index:101;
}
#pageheaderminimal .logo {
    display: block;
    float:left;
    height: 50px;
}

#pageheaderminimal .logo {
    display: block;
    width: 186px;
    height: 35px;
    background-image: url('/resources/images/tp_logo.png') !important;
    background-size: auto 100%;
    background-position: top left !important;
    background-repeat: no-repeat;
    margin: 8px 0 0 5px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi){
    #pageheaderminimal .logo  {
        background-image: url('/resources/images/tp_logo.png') !important;
        -webkit-backgorund-size: auto 100% !important;
        background-size: auto 100% !important;
        -moz-background-size: auto 100% !important;
        background-repeat: no-repeat;
    }
}

#pageheaderminimal .help {
    height: 50px;
    width: 48px;
    display: inline-block;
    float:right;
}

#header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    /*background-color: #F98E2B;*/
    border: 1px solid #aaa;
    border-width: 0 0 1px 0;
    z-index: 1000;
}

#footer {
    width: 100%;
    height: 50px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    background-color: #F98E2B;
    border: 1px solid #aaa;
    border-width: 0 0 1px 0;
}

@media print {
    #header,
    #pageheaderminimal,
    #headernotification,
    .formrecbuttons {
        display: none !important;
    }
}

#header .logo {
    display: block;
    float:left;
    height: 50px;
}

#header .logo {
    display: block;
    width: 186px;
    height: 35px;
    background-image: url('/resources/images/tp_logo.png') !important;
    background-size: auto 100%;
    background-position: left !important;
    background-repeat: no-repeat;
    margin: 8px 0 0 10px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi){
    #header .logo  {
        background-image: url('/resources/images/tp_logo.png') !important;
        -webkit-backgorund-size: auto 100% !important;
        background-size: auto 100% !important;
        -moz-background-size: auto 100%; !important;
        background-repeat: no-repeat;
    }
}

.tplogoorange {
    display: block;
    width: 330px;
    height: 130px;
    background-image: url('/resources/images/tp_login_logo.png') !important;
    background-size: 100% auto;
    background-position: center !important;
    background-repeat: no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi){
    .tplogoorange  {
        background-image: url('/resources/images/tp_login_logo.png') !important;
        -webkit-backgorund-size:330px 130px !important;
        background-size: 100% auto !important;
        background-position: center !important;
        -moz-background-size: 330px 130px !important;
        background-repeat: no-repeat;
    }
}

#header .logincontrol {
    height: 60px;
    min-width:130px;
    padding-left: 5px;
    padding-right: 5px;
    display: block;
    float: right;
    right: 15px;
}

#header .helpcontrol {
    height: 60px;
    padding-left: 5px;
    padding-right: 5px;
    display: block;
    float: right;
    right: 15px;
}

#header .logincontrol #accountdropdown {
    display: inline-block;
    padding: 4px;
}
#header .logincontrol a {
    padding-left: 35px;
    text-decoration: none;
}
#header .logincontrol a img {
    margin: 0 5px 0 5px;
    padding:0;
    height: 24px;
    width: 24px;
    vertical-align: middle;
}

.sticky {
    position: sticky !important;
}

.logincontrol form{
    height: 50px;
    width: 100%;
    text-align: center;
    margin: 10px 30px 0 0;
}

#header .logincontrol .username {
    font-size: 1em;
    color: #fff;
    line-height: 34px;
}

#header span {
    color:#ffffff !important;
}

#header .uploaddoc {
    height: 60px;
    width:60px;
    display: inline-block;
    float:right;
}

.uploaddoc img{
    margin-top:12px;
    margin-left:12px;
}

.uploaddoc span{
    margin-top:10px;
    margin-left:10px;
}

#dynaButton ui-commandlink ui-widget span{
    color:#fff !important;
    font-family: serif;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"]::-webkit-file-upload-button, button {
    /*   -webkit-box-align: center;
    text-align: center;
    cursor: default;
    color: buttontext;
    padding: 5px;
    border: 2px outset buttonface;
    border-image: initial;
    background-color: buttonface;
    box-sizing: border-box;
    height: 27px !important;
      border-radius: 0px;
  -moz-border-radius: 0px;*/
    border:1px solid #d8d8d8  !important;
    -webkit-border-radius: 2px  !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
    font-size:11px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    padding: 5px 10px 5px 10px;
    text-decoration:none !important;
    display:inline-block;
    font-weight:bold !important;
    color: #777 !important;
    cursor: pointer;
    height: 27px !important;
    background: -moz-linear-gradient(top, #fefefe, #f5f5f5) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe),color-stop(100%,#f5f5f5)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe, #f5f5f5) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%, #f5f5f5 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%, #f5f5f5 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%) !important; /* W3C */

}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="file"]::-webkit-file-upload-button:hover, button:hover {
    border:1px solid #d8d8d8 !important;
    background-color: #f5f5f5 !important;
    background: -moz-linear-gradient(top, #f5f5f5, #f5f5f5) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5),color-stop(100%,#f5f5f5)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f5f5f5, #f5f5f5) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f5f5f5 0%, #f5f5f5 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f5f5f5 0%, #f5f5f5 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #f5f5f5 0%, #f5f5f5 100%) !important; /* W3C */
    text-decoration:none !important;
    display:inline-block;
    font-weight:bold !important;
    color: #666 !important;
    cursor: pointer;
}

input[type="text"] {
    min-width: 20px;
    height: 20px;
    padding: 2px;
    color:#ccc;
    border:1px solid #d8d8d8;
    font-family: Aria, Helvetica, sans-serif;
    font-size: 12px;
    color: #676767;
    border-radius: 1px;
    -moz-border-radius: 1px;
}

#header .logoutcontrol {
    height: 33px;
    width: 36px;
    display: inline-block;
    right: 0;
    float:right;
    padding-right: 5px;
    margin-top: 17px;
}

.logoutcontrol img {
    margin-top:12px;
    margin-left:12px;
}

.logoutcontrol span {
    /*margin-top: 17px;*/
}

.help span{
    margin-top:12px;
    margin-left:10px;
    color: #fff !important;
}

#header .settings {
    height: 50px;
    width: 50px;
    display: inline-block;
    float:right;
}

.settings img{
    margin-top:12px;
    margin-left:12px;
}

.settings span{
    margin-top: 17px;
}

.settings a:hover{
    text-decoration: none;
}

#header .displayNameSwitch {
    position: absolute;
    height: 50px;
    margin-top: -5px;
    display: inline;
    cursor: pointer;
}

#header .propertiesSwitch {
    position: absolute;
    height: 50px;
    margin-top: -25px;
    display: inline;
    cursor: pointer;
}

#header .districtname {
    z-index: -1;
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    text-align: center;
    margin-left: 0px;
    margin-top: 5px;
    font-family: "DroidSans", Arial;
    font-size: 1.25em;
    color: #fff;
}

#header .issuedbadge {
    z-index: -1;
    position: relative;
    margin-left: 50%;
    width:200px;
    right: -180px;
    display: block;
    height: 50px;
    text-align: center;
    margin-top: 2px;
    font-family: "DroidSans", Arial;
    font-size: 1.25em;
    color: #fff;
}

#header .properties {
    font-size: .8em;
    line-height: 25px;
}

#header .districtNameHeader {
    font-size: 1.05em;
    line-height: 25px;
}

#usercomponent {
    display: block;
    position: absolute;
    top: 21px;
    z-index: 800;
    width: 300px;
    overflow-y: auto;
}
#headernotification {
    position: fixed;
    background-color: #EFEFEF;
    border-bottom: 1px solid #fff;
    margin: 0 auto;
    min-height: 30px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    /*
  z-index: 500000;
  */
}

#headernotification span{
    color: #676767;
    font-family: Arial, Helevetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 30px;
}

/* ----------------------------------- */

.padlockicon {
    position: absolute;
    left: -20px;
    top: 5px;
    width: 16px;
    height: 16px;
    background-image: url('/resources/images/padlock.png') !important;
    background-position: top left !important;
    background-repeat: no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {
    .padlockicon  {
        background-image: url('/resources/images/padlock@2x.png') !important;
        -webkit-backgorund-size:16px 16px !important;
        background-size: 16px 16px !important;
        -moz-background-size: 16px 16px !important;
        background-repeat: no-repeat;
    }
}

/* ----------------------------------- */

.usericon {
    display: block;
    width: 36px;
    height: 36px;
    background-image: url('/resources/images/profile_img_placeholder.png') !important;
    background-position: top left !important;
    background-repeat: no-repeat;
}

.usericon-large {
    display: block;
    width: 72px;
    height: 72px;
    background-image: url('/resources/images/profile_img_placeholder_72x72.png') !important;
    background-position: top left !important;
    background-repeat: no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi){
    .usericon  {
        background-image: url('/resources/images/profile_img_placeholder@2x.png') !important;
        -webkit-backgorund-size:36px 36px !important;
        background-size: 36px 36px !important;
        -moz-background-size: 36px 36px !important;
        background-repeat: no-repeat;
    }
}

/* ----------------------------------- */

#mode-bar-div {
    display: block;
    position: absolute;
    top: 60px;
    width: 60px;
    height: 100%;
    background-image: url('/resources/images/modebarbg.png') !important;
    background-position: top left !important;
    background-repeat:repeat-y !important;
}
@media print {
    #mode-bar-div {
        display: none !important;
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi){
    #mode-bar-div  {
        background-image: url('/resources/images/modebarbg@2x.png') !important;
        -webkit-backgorund-size:60px 60px !important;
        background-size: 60px 60px !important;
        -moz-background-size: 60px 60px !important;
        background-repeat:repeat-y;
        background-position: top left;
        background-repeat:repeat-y;
    }
}

#mymodebar {

    height: 100% !important;
    min-height: 100% !important;
    padding: 5px 0 5px 0;
    display:block;
    float:left;
    width:55px;
    position: fixed;
    /*#e9e9e9;
  border-right-color: #98a5b6;
  border-right-style: solid;
  border-right-width: 1px;
  box-shadow: rgb(241, 241, 243) 0px -3px 0px 0px;
  box-sizing: border-box;*/
}

#mymodebar span:hover {
    color: #98a5b6;
}
#mymodebar a.selected span{
    color:#F98E2B;
    font-weight: bold;
}

#mymodebar a.selected {

}

#mymodebar span {
    width: 50px;
    height:50px;
    display:block;
    z-index: 99999 !important;
}

#mymodebar ul {
    list-style-type:none;
    padding:0px;
    margin:0px;
    margin-top: 15px;
}

#mymodebar ul li {
    margin-top: 5px;
}

.modebar {
}

.modebar a img {
    margin-top:25px !important;
    margin-left:10px;
    height: 30px;
    width: 30px;
    opacity:0.5;
    filter:alpha(opacity=50);
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */
    zoom: 1;
}
.modebar a.selected img {
    opacity:0.9;
    filter:alpha(opacity=90);
}
/* ----------------------------------- */
.user-sub-nav {
    display:block;
    float: left;
    width:300px;
    margin-left: 5px;
    margin-bottom: 60px;
}

.user-list-nav {
    display:block;
    float: left;
    width:285px;
    margin: 0 0 60px 5px;
    overflow-y: auto;
}

.report-user-sub-nav {
    display:block;
    float: left;
    width:300px;
    height: calc(100vh - 105px);
    scrollbar-width: none;
    padding: 10px 10px 20px 15px !important;
    /* position: fixed; */
    position: relative;
    /* top:70px; */
    bottom:0;
    overflow-y: auto;
    /*
  border:1px solid #00ff00;
  overflow-y: scroll;
  margin-left: 5px;
  margin-bottom: 60px;*/
}


@media print {
    .user-sub-nav,
    .user-list-nav,
    .report-user-sub-nav {
        display: none !important;
    }
}

.activity-sub-nav {
    /*background-color:#f4f4f4;
  border-right:1px solid #ccc;*/
    display:block;
    overflow:hidden;
    margin-top: 0px;
    margin-right: 15px;
    width: auto;
    margin-left: 5px;
    margin-bottom: 10px;
}

.user-main-panel {
    /* overflow:hidden; */
    overflow-y: auto;
    right:0;
    width:auto;
    margin-bottom: 30px;
}

.report-main-panel {
    position: relative;
    bottom:0;
    right:0;
    overflow: hidden;
    padding-top:10px;
    height: calc(100vh - 105px);
}

@media print {
    .report-main-panel,
    div.report-main-panel.ps-container {
        position:absolute;
        left:0px !important;
        overflow: visible;
        height: auto;
    }
}

@media print {
    #toggleReportList {
        display:none;
    }
}

.user-main-panel-coaching {
    overflow:visible;
    right:0;
    margin-top: 0 !important;
    border:1px solid #fff;
    width:auto;
}

.user-empty-panel {
    overflow:hidden;
    width:auto;
    height: 100%;
    text-align: center;
    margin: 0 auto;
    display: block;
}

#engagementform {
    display: block;
}

#reqcontent .ui-widget-overlay {
    /*background-color: #222299 !IMPORTANT;*/
    background-color: #ffffff !important;
    background-image: none !important;
    opacity: .80 !important;
    filter: Alpha(Opacity=80) !important;
}


.emptyengspan {
    font-family: "Myriad Pro", "DroidSans", Arial, Helvetica, sans-serif;
    font-size: 25px;
    color: #333;
    width: 600px;
    line-height: 1.2em;
    text-align: center;
    vertical-align: middle;
}

.emptyengspan a,
.emptyengspan a:hover{
    color:#fa6900 !important;
    text-decoration: underline;
}


.user-new-page {
    display:block;
    float: left;
    border:1px solid #333;
    margin-right:15px;
    min-width: 900px;
    width: auto !important;
    overflow: hidden;
}

.user-activity-panel {
    display:block;
    position:absolute;
    width:90%;
    height: 90%;
    top:50px;
    left:50px;
    right:5px;
    bottom: 0px;
    overflow: auto;
    border: 1px solid #ffcc00;
    display: none;
}

ul.ui-menu-child{
    padding: 1px;
    min-width: 310px !important;
    width:auto !important;
    text-overflow:ellipis;
}

.ui-overlaypanel {
    background-color: #fff;
    position: fixed !important;
}

.largemenuitem {
    min-width: 400px;
    width: auto;
}
/* ----------------------------------- */
a, a.link, a.visited, a.active {
    color: #3565cb;
    text-decoration: none;
    border:none;
    outline: none;
}

a:focus {
    border: revert;
    outline: revert;
    color: #3565CB;
}

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

a.form-rec-button:focus,
.eventsColumnsButton div.ui-state-focus {
    border: 2px solid #3565CB;
    outline: 2px solid #3565CB;
    color: #3565CB;
}

.tag-dialog-selections fieldset {
    border: 1px solid #aaaaaa;
    border-radius: 3px;
    -moz-border-radius: 3px;
}
.tag-dialog-selections fieldset legend {
    color: #666666;
    font-size: 12px;
    font-weight: normal;
}
img {
    border:none;
    outline: none;
}
.smallbluelink {
    font-size: 0.85em !important;
    color: #3565cb !important;
    text-decoration: underline !important;
}
.mediumbluelink {
    font-size: 1em !important;
    color: #3565cb !important;
    text-decoration: underline !important;
}
.smallredlink {
    font-size: 0.85em !important;
    color: darkred !important;
    text-decoration: underline !important;
}
.mediumredlink {
    font-size: 1em !important;
    color: darkred !important;
    text-decoration: underline !important;
}
/* ----------------------------------- */
/* --- Modal dialog style overrides primefaces style --- */
.modaldialog {
    padding: 0px ! important;
    min-height: 100px ! important;
    min-width: 400px ! important;
    border-radius: 2px ! important;
    -moz-border-radius: 2px ! important;
    border: 1px solid #d8d8d8;
}
.modaldialog .ui-dialog-titlebar {

}
.modaldialogtitle {
    display: block;
    padding-bottom: 20px;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif !important;
}
.modaldialog form {
    text-align: center;
    font-size: 14px;
}
.modaldialog form table {
    display: inline-block;

}
.modaldialogbuttons {
    padding: 20px 10px 0px 10px;
    text-align: center;
}
/* Doesn't cover whole page for some reason */
.ui-widget-overlay {
    /*background-color: #222299 !IMPORTANT;*/
    background-color: #000 !IMPORTANT;
    background-image: none !IMPORTANT;
    opacity: .80 !IMPORTANT;
    filter: Alpha(Opacity=80) !IMPORTANT;
}

/* --- General primefaces style overrides --- */
.ui-selectonemenu-label {
    padding: 4px 2px 2px 2px ! important;
    font-size: 12px ! important;
    -moz-box-shadow: 0 0 0 0 rgba(0,0,0,.3) inset ! important;
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.3) inset ! important;
    box-shadow: 0 0 0 0 rgba(0,0,0,.3) inset ! important;
}
/* ----------------------------------- */
.printbody {
    width: 99%;
    margin: 5px;
}

#publiccontainer {
    /* contains all content below header */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    background-color: #f5f5f5;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#admincontainer {
    /* contains all content below header */
    position: absolute;
    top: 50px;
    left: 155px;
    right: 0px;
    bottom: 0px;
    padding: 0;
    overflow: auto;
}
@media print {
    #admincontainer {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 0;
        overflow: visible;
    }
}

.content {
    width: 100%;
    height: 100%;
    display: flex;
  }

  .inner-content {
    width: 100%;
    flex: 1 1 0;
    box-sizing: border-box;
    padding: 8px 16px;
    height: 100%;
    min-width: 0px;
  }

#usercontainer {
    height: calc(100vh - 100px);
    position: relative;
    padding: 15px 10px 5px 5px;
    bottom: 0px;
    overflow-y: auto;
}

#reportcontainer {
    height: calc(100vh - 95px);
    position: relative;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
}

@media print {
    #usercontainer,
    #reportcontainer {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        padding: 0;
        overflow: visible;
    }
}

#formcontainer {
    /* contains all content below header in form recording page*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    overflow: auto !important;
}

.formcontainer {
    width:100%;
    position:absolute;
    margin:0 !important;
    top: 40px !important;
    left: 0;
    display: block !important;
    height: 100%;
    overflow-y: auto !important;
}

#container {
    position: fixed;
    top: 50px;
    margin: 0 auto;
    min-width: 600px;
    width: 100%;
    padding: 0;
    background-color: #fff;
    display:block;
    float:left;
    height: 100% !important;
    overflow: auto;
}

.errorbox {
    margin: 100px auto 0 auto;
    min-width: 300px;
    max-width: 600px;
    border: thin solid #CCC;
    padding: 10px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    border-color: #ccc;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 2px 0px !important;
    font-size: 14px;
}

.moderbaricon span{
    color: #ffcc00;
}

#separatortop {
    height: 50px;
    display: block;
    width: 50px;
}


.listcontainer {
    width:100%;
    height: 300px;
    display: block;
}

.listcontainer ul {
    list-style-type:none;
    padding:0px;
    margin:0px;
}

.listcontainer ul li {
    margin-top: 5px;
    display: block;
    float:left;
}

.mbselected {
    width: 60px;
    background-image: url('/resources/images/modebarselector.png') !important;
    background-position: center right;
    background-repeat:no-repeat;
    -webkit-backgorund-size:20px 20px !important;
    background-size: 20px 20px !important;
    -moz-background-size: 20px 20px !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi){
    .mbselected  {
        background-image: url('/resources/images/modebarselector@2x.png') !important;
        background-position: center right;
        background-repeat:no-repeat;
        -webkit-backgorund-size:20px 20px !important;
        background-size: 20px 20px !important;
        -moz-background-size: 20px 20px !important;
    }
}

#mymodebar span{
    display: block;
    /*margin-top: 10px;*/
    width: 50px;
    text-align: center;
    color: #98a5b6 /*#98a5b6*/;
}

/*--- CUT ----*/
#mymodebar a,
#mymodebar a:link,
#mymodebar a:visited{
    /*color:#0081b1 !important;*/
    cursor:pointer;
    display: block;
    width:50px;
    height: 50px;
    margin-left: 3px;
    margin-right: 3px;
    border-bottom: 1px solid #dae1e8;
    border-left:1px solid #f7f7f7;
    border-top:1px solid #f7f7f7;
    box-shadow: 0 2px 1px -1px #fff;
}

#mymodebar a,
#mymodebar a:active,
#mymodebar a:selected {
    color:#FF0000 !important;
    cursor:pointer;
    display: block;
    margin-left: 3px;
    margin-right: 3px;
    height: 50px;
}

#reportcontainer {
    min-width: 900px;
    padding-top: 10px;
}

/* ----------------------------------- */
#loginheading {
    padding: 0px;
    text-align: center;
}
#heading {
    padding: 0px;
    height: 50px;
    text-align: center;
}

#publicheader {
    background-color: #fff;
    background-image: -webkit-linear-gradient(top, #fff, #ddd);
    background-image: -moz-linear-gradient(top, #fff, #ddd);
    background-image: -ms-linear-gradient(top, #fff, #ddd);
    background-image: -o-linear-gradient(top, #fff, #ddd);
    background-image: linear-gradient(top, #fff, #ddd);
}
/* ----------------------------------- */

.header {
    text-align: left;
}
/* ----------------------------------- */
/* headerlinks are used for the special
   links to navigate between groups of
   pages (user, administrator, system) */
/* ----------------------------------- */
.headerlinks {
    margin: 0;
    padding: 5px 10px 0 0;
    font-size: 13px;
    line-height: 10px;
    color: #333333;
    text-align: right;
}
.headerlinks a, a.link, a.visited, a.active {
    text-decoration: none;
}
.headerlinks a:hover {
    color: #333333;
    text-decoration: underline;
}
.headerlinks a.selected, a.link, a.visited, a.active, a.selected:hover {
    color: #DA9230;
}
.userlink {
    display: inline;
    padding: 2px 5px 3px 5px;
}
.adminlink {
    display: inline;
    padding: 2px 5px 3px 5px;
    border: thin solid #666666;
    border-width: 0px 0px 0px 1px;
}
.rootlink {
    display: inline;
    padding: 2px 5px 3px 5px;
    border: thin solid #666666;
    border-width: 0px 0px 0px 1px;
}
.crmlink {
    display: inline;
    padding: 2px 5px 3px 5px;
    border: thin solid #666666;
    border-width: 0px 0px 0px 1px;
}
/* ----------------------------------- */
.loginbartop {
    display: none;
    margin: 0;
    padding: 0;
    height: 1px;
    background-color:#fff;
}
.loginbar {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 40px;
    background-color: #356DB4;
    background: #79a2d8; /* Old browsers */
    background: -moz-linear-gradient(top, #79a2d8 0%, #4f82d6 18%, #3c71b2 33%, #2363b2 62%, #2363b2 74%, #346caf 89%, #3e72b2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79a2d8), color-stop(18%,#4f82d6), color-stop(33%,#3c71b2), color-stop(62%,#2363b2), color-stop(74%,#2363b2), color-stop(89%,#346caf), color-stop(100%,#3e72b2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #79a2d8 0%,#4f82d6 18%,#3c71b2 33%,#2363b2 62%,#2363b2 74%,#346caf 89%,#3e72b2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #79a2d8 0%,#4f82d6 18%,#3c71b2 33%,#2363b2 62%,#2363b2 74%,#346caf 89%,#3e72b2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #79a2d8 0%,#4f82d6 18%,#3c71b2 33%,#2363b2 62%,#2363b2 74%,#346caf 89%,#3e72b2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #79a2d8 0%,#4f82d6 18%,#3c71b2 33%,#2363b2 62%,#2363b2 74%,#346caf 89%,#3e72b2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79a2d8', endColorstr='#3e72b2',GradientType=0 ); /* IE6-9 */
    color: #ffffff;
    font-size: 20px;
}
.loginbarbottom {
    display: block;
    margin: 0;
    padding: 0;
    height: 1px;
    background-color:#666;
}
a.logoutlink {
    text-decoration:none!IMPORTANT;
    font-size:12px;
}
a.logoutlink:hover {
    text-decoration:underline!IMPORTANT;
}

.loginbox {
    width: 400px;
    margin: auto;
    margin-top: 200px;
}
/* ----------------------------------- */
#publice {
    margin: 0 0 8px 0;
    min-height: 400px;
    min-width: 600px;
}
#content {
    margin-left: 130px;
    min-height: 400px;
    border:1px solid #ff0000;
}

#emptycontent {
    margin-left: 130px;
    min-height: 400px;
    border:1px solid #ff0000;
}

#admincontent,
#crmcontent {
    display: block;
    overflow:hidden;
    width:auto;
    margin-right: 15px;
    margin-top: 0;
}
#contentwide {
    margin: 0;
    padding:0;
    min-height: 400px;
    display:block;
    position:absolute;
    top:65px;
    left:50px;
    right:0;
    bottom:0;
    overflow:auto;
}
#contentfullwidth {
    margin: 0;
    padding:0;
    min-height: 400px;
    display:block;
    left:0px;
    right:0;
    bottom:0;
    margin-top: 90px;
}
#usercontent {
    margin-left: 270px;
}
.pbankbutton {
    display: block;
    position: absolute;
    top: 10px;
    right: 20px;
}
.pbanktree {
    height: 500px !IMPORTANT;
    width: 700px !IMPORTANT;
}
.pbanktree span,
.pbanktree span.ui-treenode-label {
    white-space: normal !IMPORTANT;
    padding-bottom: 2px;
}
.ui-tree {
    padding: 0.5em;
}
/* ----------------------------------- */
#sidebarleft {
    /* used for admin and root page navigation */
    position: fixed;
    top: 50px;
    bottom: 0px;
    width: 149px;
    padding: 0;
    height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #f8f8f8;
    border-right: 1px solid #d8d8d8;
}
@media print {
    #sidebarleft {
        display: none !important;
    }
}
.sidebarleftoffset {
    top: 50px;
}
#sidebarleft ul {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
    display: table;
    text-align: left;
    -webkit-padding-start: 0;
}
#sidebarleft ul li {
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    border-width: 0 0 1px 0;
    min-width: 149px !important;
    width: 149px !important;
}
#sidebarleft ul li.sbselect a {
    background-color: #cce6f5;
    color: #666;
    /* border-left: 3px solid #F98E2B; */
}
#sidebarleft ul li.sbselect {
    /*min-width: 155px !important;
  width: 155px !important;*/
}
#sidebarleft a {
    padding: 1px;
    display: block;
    text-decoration: none;
    color: #716b7a;
    padding: 5px 10px 5px 15px;
    font-size: 12px;
}
#sidebarleft ul li a:hover {
    background-color: #f0f0f0;
}
#sidebarleft ul li a.sidebarindent {
    padding-left: 0px;
}
/* ----------------------------------- */
.overlaymenu ul {
    list-style: none;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    min-width: 160px;
    display: table;
    text-align: left;
}
.overlaymenu ul li {
    margin: 0;
    padding: 0;
    text-align: left !important;
    display: block;
    height: 24px;
}
.overlaymenu a {
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    text-decoration: none !important;
    padding: 3px 10px 3px 10px !important;
    font-size: 12px !important;
}
.overlaymenu ul li a:hover,
.overlaymenu a.overlaymenu-link:hover {
    background-color: #f0f0f0 !important;
}
.overlaymenu li a:hover,
.overlaymenu a.overlaymenu-link:hover {
    background-color: #f0f0f0 !important;
}
.overlaymenu li {
    margin: 0;
    padding: 0;
    text-align: left !important;
    display: block;
    height: 24px;
}
.ui-overlaypanel-content {
    padding: 0 !important;
}
.planitem-overlay {
    background-color: white;
    display:block;
}
.planitem-overlay:hover {
    background-color: #f0f0f0 !important;
    display:block;
}
/* ----------------------------------- */
.activitymodeicon {
    position: relative;
}

.activitycountbadge {
    padding:0;
    position: absolute;
    top: 140px;
    left: 30px;
    background-color: #FC6C00;
    border-radius: 999px;
    font-size: 0.8em;
    color: #fff;
    z-index: 100;
    border:1px solid #F7F7F7;
    width: 17px;
    height: 15px;
}

.activitycountbadge2 {
    padding:0;
    position: absolute;
    top: 80px;
    left: 30px;
    background-color: #FC6C00;
    border-radius: 999px;
    font-size: 0.8em;
    color: #fff;
    z-index: 100;
    border:1px solid #F7F7F7;
    width: 17px;
    height: 15px;
}

#notificationcount span {
    color:#fff;
    font-size: 10px;
    text-align: center;
    width: 15px;
    height: 10px;
    margin-top: 2px;
    margin-left: 1px;
}

.activitylistheader {
    margin-left: 20px;
    margin-top:0;
}

.notification {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #363636;
}

.notification a{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #363636;
    text-decoration: underline;
}

.activitylist {
    margin:0;
    padding:0;
    width:100%;
    margin-left: 0px;
    margin-top: 5px;
}
.activitylist table {
    border-collapse: collapse;
    border:none;
}
.activitylist table th, td {
    padding: 0;
}

.activitylistitem {
    padding: 10px 10px 10px 15px;
    margin-top: 1px;
    border-bottom: 1px dotted #bfcbdd;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #363636;
    /* border-left: 5px solid #bfcbdd; */
}

.activitylistitem a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #0081b1 !important;
    font-weight:normal;
}

.lighter {
    font-weight:lighter !important;
}

.activitylistitem i{
    color: gray !important;
}

.spanic {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #363636 !important;
    font-weight:lighter;
}

.blue {
    color: #0081b1 !important;
}

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

.activityunseen {
    background-color: #c8e7ff;
    /* border-left: 5px solid #95a6c0;*/
}

.activityunseen i{
    color: gray !important;
}

.activitylistitem .objectname {
    font-size: 12px;
}
.activitylistitem .evalueename {

}
.activitylistitem .username {

}
.activitylistitem .action {
    font-size: 12px;
    font-weight: bold;
    color: #333;
}
.activitylistitem .date {
    font-size: 12px;
    color: #666;
}
/* ----------------------------------- */
#printcontent {
    display: block;
    overflow:visible;
}
.contentbox {
    /* contentbox used for admin and root pages only */
    display: block;
    padding: 10px 10px 40px 10px;
    min-width: 800px;
}
.usercontentbox {
    /* usercontentbox used for user pages with no left navigation panel */
    padding: 10px;
    display: block;
    overflow: auto;
    width:auto;
}
.contentboxtitle {
    margin: 0px;
    display: inline-block;
    color: #DA9230; /* slightly darker than Vector Solutions orange #F5A530 */
    font-size: 16px;
}
.contentboxtitlewithquicklink {
    margin-bottom: 5px;
    display: inline-block;
    color: #777;
    font-size: 16px;
}

.contentboxreport {
    width: 100%;
    overflow: hidden;
}
/* ----------------------------------- */
.contentsubbox {
    margin: 0 0 6px 0;
    padding: 6px;
    border: 1px solid darkGray;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

/* ----------------------------------- */
.jobqueuedatatable {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: normal;
    margin-right:0px;
    /* background-color: #68BDFF !important; */
}

.ui-datatable table, .ui-treetable table {
    table-layout: auto !important;
}

.ui-datatable-scrollable-theadclone {
    visibility: collapse;
}

.jobqueuedatatable .ui-datatable-header {
    text-align: center;
    padding: 1px !important;
    border: 1px solid #d8d8d8;
    border-width: 1px 1px 0 1px;
    /* background-color: #6AF3FF !important; */
}

.jobqueuedatatable table thead tr th {
    /* background-color: #6AF3FF !important; */
}

.jobqueuedatatable .ui-datatable-even {
    background-color: #D4F7FF;
}

.jobqueuedatatable .ui-datatable-odd {
    background-color: #C4EFFF;
}

/* ----------------------------------- */
.pdatatable {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: normal;
    margin-right:0px;
}

.pdatatable .ui-datatable-header {
    text-align: center;
    padding: 5px !important;
    border: 1px solid #d8d8d8;
    border-width: 1px 1px 0 1px;
    background-color: #e0e0e0 !important;
    /* background-image: -webkit-linear-gradient(top,#fefefe,#eeeeee) !important; */
}

.pdatatable .ui-datatable-footer {
    text-align: center;
    padding: 5px !important;
    border: 1px solid #d8d8d8;
    border-width: 0 1px 1px 1px;
    background-color: #f0f0f0 !important;
    /* background-image: -webkit-linear-gradient(top,#fefefe,#eeeeee) !important; */
}

.pdatatable table thead tr{
}

.pdatatable tr th,
.pdatatable tr td {
    height: 15px !important;
    border: 1px solid #d8d8d8;
    white-space: normal !important;
}

.pdatatable td div.ui-dt-c {
    padding: 2px !IMPORTANT;
}

.pdatatable div.ui-dt-c a {
    display: inline;
}

.pdatatable div.ui-dt-c a span .redtext{
    display: inline;
    text-decoration: none !important;
}

.pdatatable table td a{
    color: #0081b1;
    text-decoration: underline !important;
    font-size:12px;
    padding: 2px;
}

.pdatatable table tr th {
    text-align: center;
    padding: 2px;
    height: 25px;
}

.pdatatable table td {
    height: 20px;
    border: 1px solid #d8d8d8;
}

.pdatatable table thead th{
    background-color: #fafafa;
}

.pdatatable table tbody {
    border-width: 1px !important;
}

.pdatatable table tbody tr td{
    border-width: 1px !important;
    padding: 2px;
}

.pdatatable table thead tr th {
    height: 25px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
    color: #333;
    background: none !important;
    background-image: none !important;
    background-color: #eeeeee !important;
    /*background-image: -webkit-linear-gradient(top,#fefefe,#eeeeee) !important;*/
}

.ui-paginator-bottom {
    padding: 5px !important;
    border-collapse: collapse;
    border: 1px solid #ddd;
    background-color: #fefefe !important;
    background-image: -webkit-linear-gradient(top, #fefefe, #e6e6e6) !important;
    background-image: -moz-linear-gradient(top, #fefefe, #e6e6e6) !important;
    background-image: -ms-linear-gradient(top, #fefefe, #e6e6e6) !important;
    background-image: -o-linear-gradient(top, #fefefe, #e6e6e6) !important;
    background-image: linear-gradient(top, #fefefe, #e6e6e6) !important;
}

.pdatatable table thead .ui-state-hover {
    background-color: #f5f5f5 !important;
    /* background-image: -webkit-linear-gradient(top,#ffffff,#F5F5F5) !important; */
}

.pdatatable table tr.ui-widget-content {
    border-width: 1px 0 1px 0 !IMPORTANT;
}

.ui-datatable-tablewrapper {
    overflow: visible !important;
}

.pdatatable .ui-sortable-column {
}
.pdatatable .ui-datatable-even {
    background-color: #fafafa;
}
.pdatatable .ui-datatable-odd {
    background-color: #f0f0f0;
}
.pdatatablerow {
    padding: 0;
    margin: 0;
}
.pdatatable .highlight-row {
    background-color: #d9e2ef;
    border: 1px solid #fafafa;
}
.pdatatable .ui-corner-top {
    border-radius: 0px;
    -moz-border-radius: 0px;
}
.pdatatable .ui-corner-bottom {
    border-radius: 0px;
    -moz-border-radius: 0px;
}
.pdatatable table tr th,
.pdatatable .ui-datatable-data td {
    /* border-left-width: 0 !IMPORTANT;
  border-right-width: 0 !IMPORTANT;*/
}
.pdatatable .ui-state-hover {
    /*background-color: #ddeeff !important;*/
}
.pdatatable .ui-state-highlight {
    color: #ffffff !important;
}

.pdatatable .ui-state-highlight a{
    color: #ffffff !important;
}

/* change sortable columns to only show icon when sorted */
.pdatatable .ui-icon-carat-2-n-s {background-position: -160px 0px;}
.pdatatable .ui-icon-triangle-1-s {background-position: -64px -16px;}
.pdatatable .ui-icon-triangle-1-n {background-position: 0 -16px;}
.pdatatable .ui-sortable-column-icon {
}
.pdatatable .ui-sortable-column-icon span {
    display: block;
}

.pdatatable span.columnicon {
    color: #666;
    text-decoration: none;
}

/* ----------------------------------- */

.pdatatableassignments {
    font-family: Arial, helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: normal;
    right:5px;
}

.pdatatableassignments tr th,
.pdatatableassignments tr td {
    height: 25px;
    border: 1px solid #d8d8d8;
}

.pdatatableassignments td div.ui-dt-c {
    padding: 4px !IMPORTANT;
}

.pdatatableassignments div.ui-dt-c a {
    display: inline;
}

.pdatatableassignments div.ui-dt-c a span .redtext{
    display: inline;
    text-decoration: none !important;
}

.pdatatableassignments table td a{
    color: #0081b1 !important;
    text-decoration: underline !important;
    font-size:12px;
    padding: 1px;
}

.pdatatableassignments table tr th {
    text-align: center;
    padding: 5px;
    height: 25px;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px;
    font-weight: bold;
    color: #333;
}

.pdatatableassignments table td {
    height: 20px;
    border: 1px solid #d8d8d8;
}

.pdatatableassignments table thead th{
    background-color: #fafafa;
}

.pdatatableassignments table tbody {
    border-width: 1px solid #333 !important;
}

.pdatatableassignments table tbody tr td{
    border-width: 1px solid #333 !important;
    padding: 5px;

}

.pdatatableassignments table thead tr th {
    background-color: #fafafa !important;
}

.pdatatableassignments table tr.ui-widget-content {
    border-width: 1px 0 1px 0 !IMPORTANT;
}
.pdatatableassignments .ui-datatable-header {
    background-color: #eeeeee;
    text-align: center;
    /*    border-radius: 5px;
  -moz-border-radius: 5px;*/
}
.pdatatableassignments .ui-sortable-column {
}
.pdatatableassignments .ui-datatable-even {
    background-color: #fafafa;
}
.pdatatableassignments .ui-datatable-odd {
    background-color: #f3f4f8;
}
.pdatatablerow {
    padding: 0;
    margin: 0;
}
.pdatatableassignments .ui-corner-top {
    /*  border-radius: 5px;
  -moz-border-radius: 5px;*/
}
.pdatatableassignments .ui-corner-bottom {
    /*  border-radius: 5px;
  -moz-border-radius: 5px;*/
}
.pdatatableassignments .ui-corner-top {
    border-bottom-width: 1px;
}
.pdatatableassignments table tr th,
.pdatatableassignments .ui-datatable-data td {
    /* border-left-width: 0 !IMPORTANT;
  border-right-width: 0 !IMPORTANT;*/
}
.pdatatableassignments .ui-state-hover {
    /*background-color: #ddeeff !important;*/
}
.pdatatableassignments .ui-state-highlight {
    background-image: none;
    background-origin: padding-box;
    background-position: 0px 50%;
    background-repeat: repeat-x;
}

.pdatatableassignments .ui-state-highlight a{
    color: #0081b1 !important;
}

.pdatatableassignments .ui-icon-check {
    background-image: url("/resources/images/ui-icons_666666_256x240.png");
    background-origin: padding-box;
    background-position: -64px -144px;
    background-repeat: no-repeat;

}

/* change sortable columns to only show icon when sorted */
.pdatatableassignments .ui-icon-carat-2-n-s {background-position: -160px 0px;}
.pdatatableassignments .ui-icon-triangle-1-s {background-position: -64px -16px;}
.pdatatableassignments .ui-icon-triangle-1-n {background-position: 0 -16px;}
.pdatatableassignments .ui-sortable-column-icon {
}
.pdatatableassignments .ui-sortable-column-icon span {
    display: block;
}

.ui-datatable .ui-sortable-column-icon {
    display: none !important;
}

.pdatatableassignments span.columnicon {
    color: #bfcbdd;
    text-decoration: none;
}

/* --------------- */

.plansummary-title {
    float:left;
    left:0;
    margin-left: 0;
    font-family: "DroidSans", Arial;
    font-size: 15px;
    color: #fff;
    font-style: italic;
}

.plansummary-evaluators {
    float:left;
    left:0;
    margin-left: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
    font-style: normal;
    text-align: left;
    line-height: 1em;
}

.engagement-description {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    font-style: normal;
    text-align: left !important;
}


#batchEditForm .ui-widget {
    font-family: Arial, helvetica !important;
    font-size: 12px !important;
}

#batchEditForm .ui-panel {
    padding:0 !important;
    width: 420px;
}

#batchEditForm .ui-corner-all {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}

#batchEditForm .ui-dashboard-column {
    padding-bottom: 0 !important;
}

#batchEditForm .ui-selectcheckboxmenu-label {
    font-family: Arial, helvetica !important;
    font-size: 11px !important;
}

.ui-selectcheckboxmenu-label {
    font-family: Arial, helvetica !important;
    font-size: 11px !important;
}

#batchEditForm .ui-widget-header {
    border:0 !important;
    border-bottom: 1px solid #dddddd !important;
}

#batchEditForm .ui-dialog-footer {
    padding: 1em 1em !important;
    border-width: 1px 0 0 0;
    text-align: left;
}

#batchEditForm .ui-dialog-content {
    padding: 15px 15px 0 15px !important;
}

#batchEditForm .ui-dialog{
    width: 455px !important;
    max-width: 455px !important;
}

/* ----------------------------------- */

.accordatatable {
    font-family: "DroidSans", Arial !important;
    font-size: 13px !important;
    font-weight: normal;
    margin: 0px;
    min-width: 100%;
}

.accordatatable td div.ui-dt-c {
    padding: 0 !IMPORTANT;
}
.accordatatable div.ui-dt-c a {
    display: block;
    padding: 4px;
}
.accordatatable table td a{
    color: #0081b1 !important;
    text-decoration: underline !important;
    font-size:13px;
}

.accordatatable table td {
    height: 25px;
}

.accordatatable table tbody {
    border-width: 1px solid #333 !important;

}
.accordatatable table tr.ui-widget-content {
    border-width: 1px 0 1px 0 !IMPORTANT;
}
.accordatatable .ui-datatable-header {
    background-color: #6d96d1;
    text-align: center;
    height: 20px;
    padding-left: 30px;
}
.accordatatable .ui-sortable-column {
}
.accordatatable .ui-datatable-even {
    background-color: #fafafa;
}
.accordatatable .ui-datatable-odd {
    background-color: #f3f4f8;
}
.accordatatablerow {
    padding: 0;
    margin: 0;
}
.accordatatable .ui-corner-top {
    border-radius: 0;
    -moz-border-radius: 0;
}
.accordatatable .ui-corner-bottom {
    border-radius: 0;
    -moz-border-radius: 0;
}
.accordatatable .ui-corner-top {
    border-bottom-width: 0;
}
.accordatatable table tr th,
.pdatatable .ui-datatable-data td {
    /* border-left-width: 0 !IMPORTANT;
  border-right-width: 0 !IMPORTANT;*/
}
.accordatatable .ui-state-hover {
    background-color: #ddeeff !important;
}

.accordatatable .ui-state-highlight {
    color: #ffffff !important;
}

.accordatatable .ui-state-highlight a{
    color: #ffffff !important;
}

/* change sortable columns to only show icon when sorted */
.accordatatable .ui-icon-carat-2-n-s {background-position: -160px 0px;}
.accordatatable .ui-icon-triangle-1-s {background-position: -64px -16px;}
.accordatatable .ui-icon-triangle-1-n {background-position: 0 -16px;}
.accordatatable .ui-sortable-column-icon {
}
.accordatatable .ui-sortable-column-icon span {
    display: block;
}

.ui-tabs-panels {
}
/* ----------------------------------- */

.gradientcircle {
    color: #ccc;
}


td.box {
    border-bottom: 1px solid #E5E5E5 !important;
}

.fullwidth {
    /*    border-right:1px solid #E5E5E5;
    border-left:1px solid #E5E5E5;*/
    text-align: left;
}

#new-form-tabview a{

}

#new-form-tabview .padding {
    padding: 5px 5px 5px 0 !important;
    color: #333 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    /* line-height: 20px !important; */
}

#new-form-tabview a:hover{
    text-decoration: underline;
}

.nopadding {
    padding: 0px !important;
}

.fullwidthtab {
    border:0;
    text-align: left;
}

.fullwidthtab a{
    color: #ff0000 !important;
    font-size: 10px !important;
    text-decoration: underline !important;
}

.box .ui-state-highlight,
.box .ui-widget-content .ui-state-highlight,
.box .ui-widget-header .ui-state-highlight {
    background-color: #ff0000 !important;
    color:blue !important;
}

.ui-tabs-panel {
    padding: 4px !important;
}
/*
ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only
ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left
*/

.fileuploadclass .ui-button {
    width: 90px;
}

.ui-button {
    border:1px solid #d8d8d8 !important;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
    font-family: Arial, helvetica, sans-serif !important;
    font-size:11px !important;
    padding: 5px 10px 5px 10px;
    text-decoration:none !important;
    display:inline-block;
    font-weight:bold !important;
    color: #333 !important;
    margin-left: 5px !important;
    background: -moz-linear-gradient(top, #fefefe, #ededed) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe),color-stop(100%,#ededed)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe, #ededed) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%, #ededed 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%, #ededed 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #fefefe 0%, #ededed 100%) !important; /* W3C */
}

.ui-button:hover {
    border:1px solid #d8d8d8 !important;
    background-color: #f5f5f5 !important;
    text-decoration:none !important;
    display:inline-block;
    font-weight:bold !important;
    color: #222 !important;
    background: -moz-linear-gradient(top, #ededed, #fefefe) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed),color-stop(100%,#fefefe)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ededed, #fefefe) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ededed 0%, #fefefe 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ededed 0%, #fefefe 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #ededed 0%, #fefefe 100%) !important; /* W3C */
}

#searchUsers span {
    color: #333;
}

.ui-button-text ui-c span{
    color: #676767 !important;
}

.ui-button-text ui-c {
    color: #333 !important;
}


.ui-button-text {
    padding: 0;
    text-align: center;
    width: 100% !important;
    margin-top: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 11px !important;
    font-weight: bold !important;
}

.ui-icon-triangle-1-s,
.ui-icon-triangle-1-e,
.ui-icon-closethick {
    display:block;
}

.ui-icon-closethick {
    width: 16px;
    height: 16px;
    background-image: url('/resources/images/icon-closethick.png') !important;
    background-position: 2px 2px !important;
    background-repeat: no-repeat !important;
    padding: 2px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {
    .ui-icon-closethick {
        background-image: url('/resources/images/icon-closethick@2x.png') !important;
        -webkit-backgorund-size:16px 16px !important;
        background-size: 16px 16px !important;
        -moz-background-size: 16px 16px !important;
        padding: 2px;
    }
}

.ui-icon-triangle-1-s {
    width: 16px;
    height: 16px;
    background-image: url('/resources/images/icon_down.png') !important;
    background-position: 0px 0px !important;
    background-repeat: no-repeat !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi) {
    .ui-icon-triangle-1-s {
        background-image: url('/resources/images/icon_down@2x.png') !important;
        -webkit-backgorund-size:16px 16px !important;
        background-size: 16px 16px !important;
        -moz-background-size: 16px 16px !important;
    }
}

.ui-icon-triangle-1-e {
    width: 16px;
    height: 16px;
    background-image: url('/resources/images/icon_right.png') !important;
    background-position: 0px 0px !important;
    background-repeat: no-repeat !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {
    .ui-icon-triangle-1-e {
        background-image: url('/resources/images/icon_right@2x.png') !important;
        -webkit-backgorund-size:16px 16px !important;
        background-size: 16px 16px !important;
        -moz-background-size: 16px 16px !important;
    }
}


.ui-icon-search {
    width: 12px;
    height: 12px;
    background-image: url('/resources/images/icon_search.png') !important;
    background-position: 0px 0px !important;
    background-repeat: no-repeat !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi){
    .ui-icon-search {
        background-image: url('/resources/images/icon_search@2x.png') !important;
        -webkit-backgorund-size:12px 12px !important;
        background-size: 12px 12px !important;
        -moz-background-size: 12px 12px !important;
    }
}

.ui-icon-circle-close {
    width: 16px;
    height: 16px;
    background-image: url('/resources/images/icon_close.png') !important;
    background-position: 0px 0px !important;
    background-repeat: no-repeat !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi){

    .ui-icon-circle-close {
        background-image: url('/resources/images/icon_close@2x.png') !important;
        -webkit-backgorund-size:16px 16px !important;
        background-size: 16px 16px !important;
    }
}

.ui-chkbox-box {
    width: 12px !important;
    height: 12px !important;
}
.ui-chkbox-icon {
    width: 12px !important;
    height: 12px !important;
}

.ui-icon-check {
    background-image: url('/resources/images/icon_check.png') !important;
    background-position: 0px 0px !important;
    background-repeat: no-repeat !important;
    -webkit-backgorund-size:12px 12px !important;
    background-size: 12px 12px !important;
    -moz-background-size: 12px 12px !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi){

    .ui-icon-check {
        background-image: url('/resources/images/icon_check@2x.png') !important;
        background-position: 0px 0px !important;
        background-repeat: no-repeat !important;
        -webkit-backgorund-size:12px 12px !important;
        background-size: 12px 12px !important;
        -moz-background-size:12px 12px !important;
    }
}

.ui-icon-document {

    width: 16px;
    height: 16px;
    background-image: url('/resources/images/icon_document.png') !important;
    background-position: 0px 0px !important;
    background-repeat: no-repeat !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi){

    .ui-icon-document {
        background-image: url('/resources/images/icon_document@2x.png') !important;
        -webkit-backgorund-size:16px 16px !important;
        background-size: 16px 16px !important;
        -moz-background-size: 16px 16px !important;
    }
}

.ui-icon-calendar {

    width: 16px;
    height: 16px;
    background-image: url('/resources/images/icon_cal.png') !important;
    background-position: 0px 0px !important;
    background-repeat: no-repeat !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi){

    .ui-icon-calendar {
        background-image: url('/resources/images/icon_cal@2x.png') !important;
        -webkit-backgorund-size:16px 16px !important;
        background-size: 16px 16px !important;
        -moz-background-size: 16px 16px !important;
    }
}


/* ----------------------------------- */
.datetextbox input {
    padding: 1px;
    box-shadow: 0 0;
    -webkit-box-shadow: 0 0;
    text-shadow: 0;
}
/* ----------------------------------- */
.datatable {
    padding: 0px;
    width: 100%;
    font-size: 13px;
}
.datatableheader {
    font-size: 13px;
    text-align: center;
    font-weight: normal;
    color: #ffffff;
    background-color: #4c81c2;
}
.datatableoddrow {
    text-align: center;
    background-color: #efefef;
}
.datatableevenrow {
    text-align: center;
    background-color: #e4e4e4;
}
.datatablealtrow {
    text-align: center;
    background-color: #aaaaaa;
}
.datatablealt2row {
    text-align: left;
    background-color: #dfdfdf;
}
.datatable thead {
    margin: 0;
}
.datatable tbody {
    margin: 0;
}
.datatable tr th {
    padding: 4px 4px 4px 4px;
    height: 1.6em;
    border: 1px solid #d8d8d8;
}
.datatable tr th a {
    color: #ffffff;
}
.datatable tr td {
    padding: 1px 4px 1px 4px;
    border: 1px solid #d8d8d8;
}
.datatable .ui-corner-top {

}
table.minimizefirstcol tr td:first-child {
    width: 1%;
}
table.firstcol25percent tr td:first-child {
    width: 25%;
}
/* ----------------------------------- */
/* utable defines styles for the user
   list on the left sidebar of the user
   pages                               */
/* ----------------------------------- */
table.usertable {
    padding: 1px;
    font-size: 14px;
    width: 100%;
}
table.usertable td {
    font-size: 15px;
}
.usertableheader {
    text-align: center;
    font-style: italic;
    font-weight: normal;
    color: #ffffff;
    background-color: #6d96d1;
}
.usertablerow {
    text-align: center;
    background-color: #ffffff;
    border: thin solid #333333;
}
/* ----------------------------------- */
.loginform {
    margin: 100px auto 0 auto;
    min-width: 300px;
    border:1px solid #DDD;
    padding: 10px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    border-color: #ccc;
    background-color: #eeeeee;
    box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 2px 0px !important;
}

.loginexhausted {
    position: fixed;
    background-color: #fff;
    left: 50%;
    top: 50%;
    z-index: 100;
    height: 200px;
    margin-top: -100px;
    width: 300px;
    margin-left: -150px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    border-color: #bbb;
    background-color: #fff;
    padding: 20px;
    text-align: center;
}

.logininput {
    width:250px !important;
    height: 25px !important;
    padding: 2px !important;
    color:#ccc !important;
    border:1px solid #ccc !important;
    font-size: 14px !important;
    border-radius: 2px !important;
    -moz-border-radius: 2px !important;
}
/* ----------------------------------- */
.headerbox {
    padding: 10px 0px 0px 0px;
    /*
  background-color: #fafafa;
  border: 1px solid #d8d8d8;
  border-width: 1px 1px 0px 1px;
  */
}
.headerbox .headertitle {
    font-family: "DroidSans", Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #557788;
    font-style: normal;
    font-weight: bold;
    display: inline-block;
}
.nodatamessagecontainer {
    margin-top: 34px;
    padding: 50px;
    background-color: #fafafa;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    -moz-border-radius: 4px;
    min-width: 600px;
    text-align: center;
    font-size: 14px;
}
/* ----------------------------------- */
.editformcontainer {
    padding: 15px 10px 15px 10px !important;
    background-color: #fafafa;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 0;
    min-width: 600px;
}

.editformcontainernarrow {
  padding: 15px 10px 15px 10px !important;
  background-color: #fafafa;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  -moz-border-radius: 4px; 
  margin-top: 0;
  min-width: 300px; 
}

.clearcolors {
    background-color: #fff !important;
    border: 0 !important;
}

.editform {
    min-width: 400px;
    color:#333333 !important;
    background-color: #fafafa;
    border: 1px solid #d8d8d8;
    padding: 10px;
    margin-right: 0px;
    font-size: 12px;
}
.editform legend {
  font-family: "DroidSans", Arial, Helvetica,sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 600;
  color: #666;
}
.editformbuttons {
    margin-top: 20px;
    margin-left:5px;
    float: left;
    height: 30px;
    display: block;
}
.editformbuttons a {

}
.editformbuttonscont {
    margin-top: 20px;
    float: left;
    height: 30px;
    display: block;
}
.editformquestion {
    display: block;
    margin-top: 5px;
    min-width: 400px;
    color:#333333 !important;
    background-color: #fafafa;
    border: 1px solid #d8d8d8;
    padding: 10px;
    font-size: 12px;
    word-wrap: break-word;
}
.editform ul {
    margin: 0;
    padding: 0;
}
.editform ul.column2 {
    margin: 0;
    padding: 0;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
.editform ul li {
    margin: 3px 10px 3px 10px;
    padding: 0;
    list-style: none;
    display: table;
    float: left;
}

.editform ul li .ql-editor,
.editform ol li .ql-editor,
.editform .ql-editor ul li,
.editform .ql-editor ol li {
    margin: inherit;
    padding: inherit;
    list-style: inherit;
    display: inherit;
    float: inherit;
}

.editform ul.column2 li {
    margin: 3px 10px 3px 10px;
    padding: 0;
    list-style: none;
}
[class^='ratingscalesize'] ul li {
    margin: 0px 0px 0px 20px;
    display: list-item;
    list-style: inherit;
    float: none;
}
.editform ul li span {
    display: block;
    font-size: 12px;
}

.editform ul li .ql-container span {
    display: initial;
}

.editform ul.column2 li span {
    font-size: 12px;
}
.editform ul li input,
.editform ul li select,
.editform ul li textarea {
    margin: 1px;
}
.editform ul li div.edititem {
    display: table-cell;
    width: 1%;
}
.editform table tr {
    vertical-align: top;
}
.ui-selectonemenu-filter-container {
    width: 95% ! important;
}
.editform label.ui-selectonemenu-label {
    padding: 4px 2px 2px 2px;
    font-size: 12px;
    -moz-box-shadow: 0 0 0 0 rgba(0,0,0,.3) inset;
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.3) inset;
    box-shadow: 0 0 0 0 rgba(0,0,0,.3) inset;
}
.editform li.ui-selectonemenu-item {
    font-size: 12px ! important;
}

/* ----------------------------------- */
.editform-option-table table {
    width: 100%;
    min-width: 400px;
    color:#333333 !important;
    background-color: #fafafa;
    border: 1px solid #d8d8d8;
    padding: 10px;
    margin-right: 0px;
    font-size: 12px;
}

.editform-option-table-1 tr {
    width: 100%;
}
.editform-option-table-2 tr {
    width: 50%;
}
.editform-option-table-3 tr {
    width: 33%;
}
.editform-option-table-4 tr {
    width: 25%;
}

.editform-option-table tr {
    float: left;
    margin-top:4px;
}

.editform-option-table tr td {
    vertical-align:top;
}

.editform-option-table tr td div {
    margin-top:1px;
}

.editform-option-table tr td div.ui-radiobutton-box {
    /* width: 13px; */
    /* height: 13px; */
}

.editform-option-table tr td label {
    margin-top:0;
    margin-left: 3px;
}

/* ----------------------------------- */
.tagttip {
    text-decoration: none;
    color: #333;
}

.tagttip:hover {
    text-decoration: none;
    color: #333;
}


.planform {
    min-width: 400px;
    color:#333333 !important;
    background-color: #fafafa;
    border: 1px solid #d8d8d8;
    padding: 10px;
    font-size: 12px;
}

.planform ul {
    margin: 0;
    padding: 0;
}
.planform ul li {
    margin: 3px 10px 3px 10px;
    padding: 0;
    list-style: none;
    display: table;
    float: left;
}
.planform ul li span {
    display: block;
    font-size: 12px;
}
.planform ul li input,
.planform ul li select,
.planform ul li textarea {
    margin: 1px;
}
.planform ul li div.edititem {
    display: table-cell;
    width: 1%;
}
.planform table tr {
    vertical-align: top;
}
.planform label.ui-selectonemenu-label {
    padding: 4px 2px 2px 2px;
    font-size: 12px;
    -moz-box-shadow: 0 0 0 0 rgba(0,0,0,.3) inset;
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.3) inset;
    box-shadow: 0 0 0 0 rgba(0,0,0,.3) inset;
}
.planform li.ui-selectonemenu-item {
    font-size: 12px ! important;
}

.newcoaching {
    padding: 10px 10px 20px 10px;
    color:#333333 !important;
    font-size: 12px;
    display: block;
    overflow: auto;
    background-color: #fafafa;
    border: 1px solid #d1d1d1;
    border-radius: 0px;
    -moz-border-radius: 0px;
}

.newcoaching span {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.newcoaching-ul {
    margin: 0;
    padding: 0;
    display: block;
}
.newcoaching-ul li {
    margin: 10px 10px 5px 10px;
    padding: 0;
    list-style: none;
    display:inline;
}
.newcoaching-ul li span {
    font-size: 12px;
    display:block;
}

.uploadform {
    margin: 0 20px 20px 20px;
    padding: 20px;
    background-color: #fafafa;
    border-radius: 4px;
    -moz-border-radius: 4px;
    color:#333333 !important;
    border: 1px solid #d8d8d8;
    font-size: 12px;
    font-family: "DroidSans", Arial, Helvetica;
}

.uploadform span {
    font-size: 12px;
    font-family: "DroidSans", Arial, Helvetica;
}

.uploadform ul {
    margin: 0;
    padding: 0;
}
.uploadform ul li {
    margin: 10px 10px 5px 10px;
    padding: 0;
    list-style: none;
    display: table;
    float: left;
}
.uploadform ul li span {
    display: block;
    font-size: 12px;
}

.admineditepims {
    padding: 10px;
    font-size: 12px;
    font-family: "DroidSans", Arial, Helvetica;
}

.adminedit {
    /*  padding: 20px;
  margin: 0 20px 0px 20px;
  background-color: #fafafa;
  border-radius: 4px;
  -moz-border-radius: 4px;
  color:#333333 !important;
  border: 1px solid #d8d8d8;
  padding: 10px;*/
    font-size: 12px;
    font-family: Arial, Helvetica;
    /*  border: 1px solid #aaaaaa;
  border-radius: 2px;
  -moz-border-radius: 2px;*/
}

.adminedit span :not(.icon-stack) {
    font-size: 12px;
    font-family: "DroidSans", Arial, Helvetica;
}

.adminedit ul {
    margin: 0;
    padding: 0;
}
.adminedit ul li {
    margin: 10px 10px 5px 10px;
    padding: 0;
    list-style: none;
    display: table;
    float: left;
}
.adminedit ul li span {
    display: block;
    font-size: 12px;
}

.adminedit #formlibEditDialogForm\:textEditor ul li,
.editform #tabview\:rubricedit\:textEditor ul li,
.editform #tabview\:rubricedit\:textEditor ol li {
    margin: 0;
    padding: 0;
    float: none;
}

.adminedit .formlibeditlistdiv {
    margin: 10px 10px 5px 10px;
    padding: 0;
    display: inline-grid;
}



.badgeedit {
    /*  padding: 20px;
  margin: 0 20px 0px 20px;
  background-color: #fafafa;
  border-radius: 4px;
  -moz-border-radius: 4px;
  color:#333333 !important;
  border: 1px solid #d8d8d8;
  padding: 10px;*/
    font-size: 12px;
    font-family: Arial, Helvetica;
    /*  border: 1px solid #aaaaaa;
  border-radius: 2px;
  -moz-border-radius: 2px;*/
}

.badgeedit span :not(.icon-stack) {
    font-size: 12px;
    font-family: "DroidSans", Arial, Helvetica;
}

.badgeedit ul {
    margin: 0;
    padding: 0;
}
.badgeedit ul li {
    margin: 0px 10px 5px 10px;
    padding: 0;
    list-style: none;
    display: table;
    float: left;
}
.badgeedit ul li span {
    display: block;
    font-size: 12px;
}

.uploadmenu {
    display: block;
    height: 25px;
    margin: 10px 20px 5px 20px;
}

.coachingreqmenu {
    display: block;
    height: 25px;
    margin: 0px 0px 10px 0px;
}

.errormsgdiv {
    margin:0;
}

.adminsubtableheader {
    width:100%;
    height: 30px;
}

.adminmenu {
    display: block;
    margin: 10px 0px 0px 0px;
    height: 20px;
}

.adminmenusubtitle {
    display: block;
    margin: 10px 0px 20px 30px;
}

.adminmenuedit {
    display: block;
    height: 35px;
    margin: 10px 10px 0px 10px;
}

.inputfield {
    width:220px;
    height: 25px;
    padding: 2px;
    border:1px solid #ccc;
    color: #676767;
    font-size: 14px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    margin-top: 5px;
}

textarea {
    min-width: 200px !important;
    min-height: 60px !important;
    padding: 2px !important;
    color:#333 !important;
    border:1px solid #d8d8d8 !important;
    font-family: Arial, Helvetica,sans-serif !important;
    font-size: 13px !important;
    color: #333 !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
}

textarea:focus {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3) !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid #48ace5 !important;
    outline: none !important;
    color: #3565CB;
}

/*input:focus {
    border: 1px solid #48ace5 !important;
    outline: none !important;
}*/

.inputtextarea {
    width:1000px;
    height: 100px;
    padding: 2px;
    color:#ccc;
    border:1px solid #d8d8d8 !important;
    font-family: Arial, Helvetica,sans-serif;
    font-size: 12px;
    color: #676767;
    border-radius: 1px;
    -moz-border-radius: 1px;
}

.dark-grey{
    color: #333 !important;
}

.editlabel {
    color: #333;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold;
    padding-left: 3px;
    padding-bottom: 3px;
}

.feedbacklabel {
    color: #333;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif !important;
    padding-left: 3px;
    padding-bottom: 3px;
}

.ctinstructions {
    color: #333;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: lighter;
    font-style: normal;
    padding-left: 3px;
    padding-bottom: 3px;
}

#searchUsers span{
    color: #333;
}


.ui-dialog-title {
    color: #333333 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;

}

#searchUsers .ui-dialog-title {
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;

}

.searchform {
    min-width: 400px;
    /*border: thin solid #aaaaaa;*/
    padding: 10px;
    font-size: 12px;
    border:1px solid #b9d2e8 !important;
    background-color: #ecf6f9 !important;
}
/* ----------------------------------- */
.leftlinkpad,
.leftbuttonpad {
    margin-left: 4px;
}
.leftpadwide, .leftindent {
    margin-left: 15px;
}
.leftindentbig {
    margin-left: 25px;
}

.indent {
    margin-left: 10px;
}
.darkgraybg {
    background-color: #cccccc;
}
.graybg {
    background-color: #dddddd;
}
.darkorangetext {
    color: #e65c00;
}
.graytext, .greytext {
    color: #666666;
}
.lightgraybg {
    background-color: #eeeeee;
}
.forcelightgraybg {
    background-color: #f0f0f0 !important;
}

.forcefolderbg {
    background-color: #EEEEEE !important;
    color: gray !important;
}

.vlightgraybg {
    background-color: #fafafa;
}
.whitebg {
    background-color: #ffffff;
}
.thinborder {
    border: thin solid #aaaaaa;
}
.width190px{
    width: 190px;
}
.twothirdswidth {
    width: 65%;
}
.onethirdswidth {
    width: 35%;
}
.width75percent {
     width: 75%;
 }
.width25percent {
    width: 25%;
}
.width10percent {
    width: 10%;
}
.width8percent {
    width: 8%;
}
.width5percent {
    width: 5%;
}
.width2percent {
    width: 2%;
}
.minwidth15percent {
    min-width: 15%;
}
.width15percent {
    width: 15%;
}
.width20percent {
    width: 20%;
}
.width25percent {
    width: 25%;
}
.width80percent {
    width: 80%;
}
.width90percent {
    width: 90%;
}
.fullwidth {
    width: 100% !important;
}
.halfwidth {
    width: 50%;
}
.minwidth {
    width: 3%;
}
.minwidthlrpad {
    width: 1%;
    padding: 0 4px 0 4px;
}
.lrpad {
    padding: 0 4px 0 4px;
}
.rightpad {
    margin-right: 8px;
}
.leftpad {
    margin-left: 8px;
}
.rightruepad {
    padding-right: 8px;
}
.lefttruepad {
    padding-left: 8px;
}
.quarterwidth {
    width: 25%;
}
[disabled] {
    color: #101010 !important;
    background-color: #e1ecf3 !important;
}

.ui-state-disabled {
    color: #101010 !important;
    background-image: none !important;
    background: none !important;
    background-color: #fff !important;
    opacity: 1.0 !important;
    filter: alpha(opacity=100) !important;
}

#formrec .ui-state-disabled {
    color: #333 !important;
    background-image: none !important;
    background-color: #fff !important;
    opacity: 0.9 !important;
    filter: alpha(opacity=90) !important;
}

/* PrimeFaces Extensions */
.ui-inputfield, .ui-widget-content .ui-inputfield,
.ui-widget-header .ui-inputfield {
}

hr,
.hrthingray,
.hrgray1px {
    color: #aaaaaa;
    background-color: #aaaaaa;
    height: 1px;border-width:0;
}
.hrdarkgray2px {
    color: #aaaaaa;
    background-color: #999999;
    height: 2px;border-width:0;
}
.docbuttons {
    display: inline-block;
    float:right;
    vertical-align: text-bottom;
}
/* ----------------------------------- */
.formlogbuttons {
    position:fixed;
    top:50px;
    border:1px solid #fff;
    margin: 0 12px 0 12px;
    padding: 4px;
    display: block;
    vertical-align: text-bottom;
}

.formrecbuttons {
    margin:0;
    display: block;
    position:fixed;
    top:50px;
    min-height:40px;
    width:100%;
    background-color: #fff;
    float:right;
    vertical-align: text-bottom;
    text-align: right;
    border-bottom: 1px solid #bbb;
    box-shadow: 0 0 16px 0 #bbb;
    z-index:100;
    padding:1px;
}
.formrec {
    margin: 0 40px 0px 40px;
    padding: 20px;
    background-color: #fafafa;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

.uploadcontainer {
    position: fixed;
    top: 50px;
    bottom: 0px;
    width: 100%;
    overflow: auto;
}
.formpageold {
    margin: 20px;
    background-color: #fafafa;
    border: 1px solid #aaa;
    border-radius: 4px;
    -moz-border-radius: 4px;
    overflow: auto;
}

.changelogheader {
    background-color: #fafafa !important;
    border:1px solid #aaaaaa !important;
    padding: 5px !important;
    box-shadow: 0 0 2px rgba(0,0,0,0.1);
}

.changelogpage {
    margin: 50px;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 0px;
    -moz-border-radius: 0px;
    overflow: hidden;
    padding:30px;
}

.formpage {
    margin: 20px 50px 50px 50px !important;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
    border-radius: 0px;
    -moz-border-radius: 0px;
    overflow: hidden;
}

.formcontainersimplereview {
    margin-top: 33px;
    padding-top: 9px;
    overflow-y: auto !important;
}

@media print {
    .formpage,
    .formcontainer,
    #formcontainer2,
    .formcontainersimplereview
    .formcontainersimple {
        margin: 0 !important;
        position:absolute;
        left:0 !important;
        top:0 !important;
        overflow-y: visible !important;
        height: auto;
        width:100%;
    }
}

.printpage {
    margin: 10px;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
    border-radius: 0px;
    -moz-border-radius: 0px;
    overflow: hidden;
}

.formpagedeleted {
    margin: 50px;
    background-color: #ffe6e2;
    border: 1px solid #d1d1d1;
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
    border-radius: 0px;
    -moz-border-radius: 0px;
    overflow: hidden;
}


#formcontainer2 {
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    background-color: #ebebeb !important;
    background-image: url('/resources/images/linen.png') !important;
    background-position: 0px 0px !important;
    background-repeat: repeat !important;
}

#changelogformcontainer {
    display: block;
    overflow-y:auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    background-color: #ebebeb !important;
    background-image: url('/resources/images/linen.png') !important;
    background-position: 0px 0px !important;
    background-repeat: repeat !important;
}

@media print {
    #changelogformcontainer {
        display: block;
        margin: 0 !important;
        position:absolute;
        left:0 !important;
        top:0 !important;
        overflow-y: visible !important;
        height: auto !important;
        width:100% !important;
    }
}

.formheader {
    /*  background-color: #eee;
  border: 0px solid #aaa;
  border-width: 0 0 1px 0;*/
    background-color: #f5f5f5 !important;
    margin: 0 !important;
    border:1px solid #dedede !important;
    border-width: 1px 0 1px 0 !important;
    padding:20px 20px 30px 20px !important;
    box-shadow: 0 0 2px rgba(0,0,0,0.1);
}
.formheaderrec {
    margin: 0 !important;
    border:1px solid #dedede !important;
    border-width: 1px 0 1px 0 !important;
    padding:20px 20px 30px 20px !important;
    box-shadow: 0 0 2px rgba(0,0,0,0.1);
    position: relative;
    z-index: 78;
}
.formheaderdeleted {
    background-color: #ffc6c2;
    margin: 0;
    padding:20px 20px 30px 20px !important;
    border-bottom: 2px dotted #fff;
}

.formfooter {
    background-color: #fff;
    margin: 10px 20px 0px 20px;
    padding-bottom: 10px;
}
.formfooterdeleted {
    background-color: #ffc6c2;
    margin: 30px 30px 0px 30px;
    padding-bottom: 30px;
    border-bottom: 2px dotted #fff;
}

.deleteflag {
    display: block;
    background-color: #ffc6c2;
    border: 1px solid #ffc6c2; /* aa2222 */
    border-radius: 2px;
    -moz-border-radius: 2px;
    color: darkred;
    text-align: center;
    padding: 4px;
    margin: 2px;
}
.deleteflagtextonly {
    display: block;
    color: darkred;
    text-align: center;
    padding: 4px;
}
/*
#quickreport {
  border-radius: 2px !important;
  -moz-border-radius: 2px !important;
}*/


.formlog {
    margin: 0 12px 0 12px;
    padding: 8px;
    background-color: #fff;
    border: 1px solid darkGray;
    border-radius: 4px;
    -moz-border-radius: 4px;
}
.rubrictitle {
    display: inline;
    margin-bottom: 5px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

.rubrictip {
    display: block;
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    font-style: italic;
}

.rubricdateedit input {
    min-width: 100px !important;
    width: 145px !important
}

input[type="text"].rubrictitleinput {
    min-width: 90%;
    height: auto;
    padding: 5px;
    border:1px solid #d8d8d8;
    font-family: Aria, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #333;
    border-radius: 1px;
    -moz-border-radius: 1px;
    text-align: center;
    width: auto;
}

.rubricqtitle {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    padding: 1px 0 1px 0;
    line-height: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    color:#333;
    width: 100%;

}
.rubricqinlinetitle {
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 1px 0 1px 0;
}
.rubricqprompt {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    display: block;
    padding: 4px 0 8px 12px;
    font-style: normal;
}
.rubricqheading {
    font-size: 20px;
    display: block;
    font-weight: bold;
    word-wrap: break-word;
}
.signature {
    font-family: Zapfino,'Lucinda Handwriting','Comic Sans MS',Arial,Helvetica,sans-serif;
    font-style: italic;
    font-size: 20px;
}
table.rubricheading td {
    font-size: 14px;
}
table.rubricqratingscale {
    -webkit-border-horizontal-spacing: -1px;
    width: 100%;
}
table.rubricqratingscale td {
    border: thin solid #aaaaaa;
    vertical-align: top;
    margin: 0;
    width: 25%;
}
.rubricqinstructionheading {
    font-size: 18px;
    font-weight: bold;
    display: block;
}

.rubricqinstructionheadingsimple {
    font-size: 12px;
    font-weight: normal;
    display: block;
    margin-top:10px;
}

.rubricq {
    border: 0px solid #666;
    border-width: 0 0 0 0;
    /* background-color: #fafafa; padding: 8px 4px 8px 4px;*/
    margin: 0;
    padding: 5px 20px 5px 20px !important;
}

.rubricqnoreflection {
    /*  border: 1px solid darkGray;
  border-width: 1px 0 0 0;
  padding: 8px 4px 8px 4px;*/
}
.rubricqreflection {
    /* reflection background color is broken (box size and placement)
  border: 1px solid darkGray;
  border-width: 1px 0 0 0;
  padding: 8px 4px 8px 4px;
  background-color: #d9e5f0;
  */
}
.rubricqreflectionlabel {
    font-size: 10px;
    font-weight: normal;
    font-style: italic;
    color: #2b5bc4;
    display: block;
}
.reflectionbg {
    background-color: #d9e5f0;
}
.ratingtable {
    /* width:100%; */
    border-spacing:0;
    border-collapse:collapse;
    border:1px solid #aaaaaa;
    table-layout: fixed;
}
table.ratingtable th {
    border: 1px solid #aaaaaa;
    text-align: center;
    font-weight: normal;
    word-wrap: break-word;
}
table.ratingtable td {
    border: 1px solid #aaaaaa;
    text-align: left;
    font-size: 12px;
    padding: 2px;
    word-wrap: break-word;
}
table.ratingtable th.ratingscalesize2 {
    width: 50%;
}
table.ratingtable th.ratingscalesize3 {
    width: 33%;
}
table.ratingtable th.ratingscalesize4 {
    width: 25%;
}
table.ratingtable th.ratingscalesize5 {
    width: 20%;
}
table.ratingtable th.ratingscalesize6 {
    width: 16%;
}
table.ratingtable th.ratingscalesize7 {
    width: 14%;
}
table.ratingtable th.ratingscalesize8 {
    width: 12%;
}

a.ratinglink, a.ratinglink:hover {
    color: #000000;
    text-decoration: none;
    display: block;
    padding:10px;
}

span.ratinglink {
    color: #000000;
    text-decoration: none;
    display: block;
    padding:10px;
}
.topborderonly {
    border: 1px solid darkGray;
    border-width: 1px 0 0 0;
    padding: 8px 4px 8px 4px;
}
/* ----------------------------------- */
.greenbutton {
    /*background-color: #88aa88 ! important;*/
}
.redbutton {
    background-color: #aa8888 ! important;
}
.bluebutton {
    background-color: #8888aa ! important;
}
/* ----------------------------------- */
.greenbg {
    background-color: #55aa55;
}
.lightgreenbg {
    background-color: #defddf;
    padding:5px !important;
}
.yellowbg {
    background-color: yellow;
}
.redbg {
    background-color: #dd5555;
}
.lightredbg {
    background-color: #ffe6e2;
}
/* ----------------------------------- */
.scrollboxsmall {
    overflow: auto;
    width: 99%;
    max-height: 200px;
}
.scrollboxmedium {
    overflow: auto;
    width: 99%;
    max-height: 400px;
}
.scrollboxlarge {
    overflow: auto;
    width: 99%;
    max-height: 600px;
}.scroll {
     overflow: auto;
 }
/* ----------------------------------- */
.box {
    border: 1px solid #aaaaaa;
    border-radius: 2px;
    -moz-border-radius: 2px;
    margin-bottom: 20px;
    display: block;
}
.overflow {
    overflow: auto;
}
.pad {
    padding: 4px;
}
.padwide {
    padding: 8px;
}
.tpad {
    padding-top: 4px;
}
.bpad {
    padding-bottom: 4px;
}
.lpad {
    padding-left: 4px;
}
.rpad {
    padding-right: 4px;
}
.lrpad {
    padding-left: 4px;
    padding-right: 4px;
}
.userviewcontrolnewformbutton {
    width: 10%;
    float: left;
    margin-left: 10px;
}

.margin8px {
    margin: 8px;
}

.tmargin,
.tmarginsmall,
.tmargin4px {
    margin-top: 4px;
}
.tmarginmedium,
.tmargin8px {
    margin-top: 8px;
}
.tmarginlarge,
.tmargin12px {
  margin-top: 12px;
}
.bmargin,
.bmargin4px {
    margin-bottom: 4px;
}
.bmargin8px {
    margin-bottom: 8px;
}
.rubriclist {
    border: 1px solid #aaaaaa;
    min-width: 600px;
}
.formlistimage {
    width: 20px;
    height: 20px;
}
/* ----------------------------------- */
.quicklink {
    margin:          0 0 2px 0;
    text-align:      right;
    font-size:       12px;
    font-weight:     bold;
}

#quicklinkfloat {
    margin-bottom: 50px;
    overflow: auto;
}

.quicklinkfloat {
    float:           right;
    margin:          0 0px 5px 0;
    text-align:      right;
    font-size:       12px;
    font-weight:     bold;
}

.quicklinkfloatquestlist {
    display:block;
    float: right;
    margin: 0 0 15px 0;
    text-align:      right;
    font-size:       12px;
    font-weight:     bold;
}

.adminaddbutton {
    float:           right;
    margin:          0 0 5px 0;
}

.quicklinkfloatbottom {
    float:           right;
    margin:          5px 0 0 0;
    text-align:      right;
    font-size:       12px;
    font-weight:     bold;
}
.linkseparator {
    display: inline;
    padding-right: 4px;
    color: #888888;
}
.floatright {
    float:          right !important;
}
.floatleft {
    float:          left;
}
.clearfloat {
    clear:          both;
}
/* ----------------------------------- */
.block {
    display: block;
}
.none {
    display: none;
}
.noneimportant {
    display: none !important;
}
.clearmargins {
    border-spacing:0;
    border-collapse:collapse;
    margin: 0;
    padding: 0;
}
.inline {
    display:        inline;
}
.inlineblock {
    display:        inline-block;
}

.nowrap {
    white-space: nowrap;
}
.wrap {
    white-space: normal;
}
.nomarginpadding {
    margin: 0 !IMPORTANT;
    padding: 0 !IMPORTANT;
}
.nobg {
    background: none !IMPORTANT;
}
.bgwhite {
    background-color: #fff !IMPORTANT;
}
.bggray {
    background-color: #e0e0e0 !IMPORTANT;
}
.spacer2px {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 2px;
}
.spacer5px {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 5px;
}
.spacer10px {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 10px;
}
/* ----------------------------------- */
.errormsg,

.redtext {
    color: #ff0000 !important;
    text-decoration: none !important;
}

.redtextimportant {
    color: #ff0000 !important;
    font-size: 11px;
}
.darkredtext {
    color: #aa2222;
}
.successmsg,
.greentext {
    color: #55aa55;
}
.darkgreentext {
    color: darkgreen;
}
.orangetext {
    color: #d3a401;
}
.graytext,
.greytext {
    color: #666666;
}
.lightgraytext,
.lightgreytext {
    color: #888888;
}
.vlightgraytext {
    color: #bbbbbb;
}
.darkgraytext,
.darkgreytext {
    color: #333333;
}
.infomsg,
.bluetext {
    color: #222299;
}
.blacktext {
    color: #000000;
}
/* ----------------------------------- */
.vsmall {
    font-size: 11px;
    font-weight: normal;
}
a.smalllink {
    font-size:  12px;
}

.small {
    font-size: 12px;
    font-weight: normal;
}

.smaller {
    font-size: 10px;
    font-weight: normal;
    display:inline;
    float:left;
    margin-left: 5px;
}

.little {
    font-size: 13px;
    font-weight: normal;
}
.medium {
    font-size: 14px;
    font-weight: normal;
}
.large {
    font-size: 14px;
    font-weight: normal;
}
.vlarge {
    font-size: 18px;
    font-weight: normal;
}
.xlarge {
    font-size: 20px;
    font-weight: normal;
}
.xxlarge {
    font-size: 24px;
    font-weight: normal;
}
.italic {
    font-style: italic;
}
.smallitalic {
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
}
.smallgray {
    font-size: 12px;
    color: #666666;
}
.smallgraybold {
    font-size: 12px;
    font-weight: bold;
    color: #666666;
}
.smalllightgray {
  font-size: 12px;
  color: #939393;
}
.graybold {
    color: #666666;
    font-weight: bold;
}
.bolditalic {
    font-weight: bold;
    font-style: italic;
}
.bold {
    font-weight: bold !important;
}
.underline {
    text-decoration: underline;
    mix-blend-mode: difference;
}
.fakelink {
    color: #da9230;
    text-decoration: underline;
}
.smallvbar {
    font-size: 12px;
    display: inline-block;
    padding: 0 5px 0 5px;
}
/* ----------------------------------- */
.singlespace {
    line-height: 1.0em;
}
.halfspace {
    line-height: 1.5em;
}
.doublespace {
    line-height: 2.0em;
}
.alignright {
    text-align: right;
}
.alignleft {
    text-align: left;
}
.aligncenter {
    text-align: center;
}
.aligntop {
    vertical-align: top;
}
.alignmiddle {
    vertical-align: middle;
}
.alignmiddlei {
    vertical-align: middle !important;
}
.alignbottom {
    vertical-align: bottom;
}
.vertspacer {
    height: 8px;
}
/* ----------------------------------- */
.boxtitle {
    font-weight: bold;
    font-size: 14px;
    color: #666666;
}
/* ----------------------------------- */
.code {
    font-family: Courier,monospace, sans-serif;
    font-style: normal;
    font-size: 12px;
}
/* ---------- popup on hover over link/div ------------- */
/*
div.popuplink {
  color: #3585db;
  text-decoration: underline;
}
div.popup a:hover {
  color: #ffffff;
}
div.menu:hover div:first-child { border-bottom: none; }
div.menu div.popup { display: none; }
div.menu:hover div.popup {
  display: block;
  border: 1px solid darkGray;
  border-radius: 3px;
  -moz-border-radius: 3px;
  background-color: #dddddd;
}

div.menu div {
  width:300px;
}

div.popup div, div.popup a {
  width:300px;
  display:block;
  text-decoration: none;
  margin: 2px 2px 2px 5px;
}
div.popup div + div, div.popup a + a {
  margin-top: 10px;
}
*/

/* --------- sys info ------------- */
#sysinfo {
    margin: 0 0 10px 0;
    padding: 10px 10px 10px 10px;
    border: 1px solid darkGray;
    border-radius: 2px;
    -moz-border-radius: 2px;
    background-color: #dddddd;
    height: 26px;
}
div#sysinfo a.selected, a.link, a.visited, a.active, a.selected:hover {
    color: #DA9230;
}
/* ----------------------------------- */
.ui-button-text {
    padding: .1em !important;
    font-size: 13px;
    font-weight: normal;
    min-width: 25px !important;
    width: auto;
}
.ui-button-text-only {
    padding: .1em ! important;
}
.ui-button-text-icon-left .ui-button-text {
    margin-right: 15px !important;
}
/* ----------------------------------- */


.usersortcontrol {
    padding: 4px;
    height: 24px;
    border: 1px solid #ccc;
    border-width: 0 0 2px 0;
    background-color: #777;
    background-image: -webkit-linear-gradient(top, #aaa, #777);
    background-image: -moz-linear-gradient(top, #aaa, #777);
    background-image: -ms-linear-gradient(top, #aaa, #777);
    background-image: -o-linear-gradient(top, #aaa, #777);
    background-image: linear-gradient(top, #aaa, #777);
}
.usersortcontrollink {
    padding: 4px 0 0 190px;
}
.usersortcontrollink a {
    color: #eee;
}
.usersortcontrollink a:hover {
    text-decoration: none;
}

.coachinglist-title {
    max-width: 180px;
}

.coachinglistitemselected {
    text-decoration: none;
    color: #333 !important;
    padding: 5px 5px 5px 10px;
    margin:0;
    text-align: left !important;
    background-color: #d9e2ef !important;
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px solid #bfcbdd;
    border-left: 5px solid #F98E2B;
    width:100%;
}

.coachinglistitemselected a,
.coachinglistitemselected .coachingtimestamp{
    color: #333 !important;
    text-decoration: none !important;
}

.coachinglistitemselected .engagement-status-completed,
.coachinglistitemselected .engagement-status-new,
.coachinglistitemselected .engagement-status-inprogress,
.coachinglistitemselected .engagement-status-canceled{
    background-color: #fff;
    border: 1px solid #fff;
    color: #7b8b9f;
}

.coachinglistitemnew {
    text-decoration: none;
    color: #333 !important;
    padding: 5px 5px 5px 10px;
    margin:0;
    text-align: left !important;
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px solid #efefef;
    border-left: 5px solid #4BA614;
    width:100%;
}

.coachinglistitemselectednew {
    text-decoration: none;
    color: #333 !important;
    padding: 5px 5px 5px 10px;
    background-color: #d9e2ef !important;
    margin:0;
    text-align: left !important;
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px solid #efefef;
    border-left: 5px solid #4BA614;
    width:100%;
}

.coachinglistitem {
    padding: 5px 5px 5px 10px;
    margin:0;
    text-align: left !important;
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px solid #efefef;
    border-left: 5px solid #F98E2B;
    width:100%;
}

.coachinglistitem a,
.coachinglistitemnew a,
.coachinglistitemselectednew a{
    text-decoration: none !important;
    color: #333 !important;
}

#biguserlist {
    display: block;
    float:left;
    width: 280px !important;
}

#biguserlist .ui-chkbox .ui-chkbox-box {
    float: left;
    width: 10px;
    height: 10px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    margin-right: 3px;
}

#biguserlist .ui-icon-check {
    width: 10px;
    height: 10px;
    background-image: url('/resources/images/icon_check.png') !important;
    background-position: 0px 0px !important;
    background-repeat: no-repeat !important;
    -webkit-backgorund-size:10px 10px !important;
    background-size: 10px 10px !important;
    -moz-background-size:10px 10px !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi){

    #biguserlist .ui-icon-check {
        background-image: url('/resources/images/icon_check@2x.png') !important;
        background-position: 0px 0px !important;
        background-repeat: no-repeat !important;
        -webkit-backgorund-size:10px 10px !important;
        background-size: 10px 10px !important;
        -moz-background-size: 10px 10px !important;
    }
}

#biguserlist label {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    color: #333 !important;
}


.userlist {
    padding: 0px;
}
.userlistitem {
    padding: 0;
    margin:0;
    text-align: left !important;
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px solid #efefef;
    border-left: 0px solid #efefef;
    width: 100% !important;
}

.userlistitem a{
    text-decoration: underline;
    color: #0081B1 !important;
}

.userlistitemselected {
    margin:0;
    padding:0;
    width: 100% !important;
    text-align: left;
    background-color: #d9e2ef !important;
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px solid #bfcbdd;
    border-left: 0px solid #bfcbdd;
    text-decoration: underline;
    color: #0081B1 !important;
}

.userlistitemselected span{
    color: #333 !important;
}

.userlist .usersubtitle {
    /*font-size: 0.88em;*/
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none !important;
}

.coaching-subtitle-type{
    font-size: 11px;
    font-weight: normal;
    color: #666;
}

.coaching-subtitle-users{
    font-size: 11px;
    font-weight: normal;
}

.userlist .ui-accordion-content {
    padding: 0px !important;
}

.ui-accordion {
    margin-top: 5px !important;
}

.userlist .ui-accordion .ui-accordion-header {
    padding-left: 25px;
    padding-top: 5px;
    min-height: 20px;
    font-weight: bold;
    background-color: #f5f5f5;
    background: -moz-linear-gradient(top, #fefefe, #f5f5f5); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe),color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe, #f5f5f5); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%, #f5f5f5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%, #f5f5f5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%); /* W3C */
    border: 1px solid #D8D8D8;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft:  0px;
    -moz-border-radius-bottomright:  0px;
}


.userlist .ui-accordion .ui-accordion-header .ui-icon {
    margin-top: -8px;
    position: absolute;
    right: 0.5em;
    top: 50%;
    display:block;
    float:left;
}

.userlist .ui-accordion .ui-accordion-header a {
    padding: 2px;
    font-size:12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #333 !important;
    margin-left: 5px !important;
    /*text-transform: uppercase !important;*/
}

.userlist h3 {
    line-height:1.2em;
    font-size:14px;
    font-weight:bold !important;
}
.userlist td {
    margin: 0;
    padding: 0;
    border: none;
}
.userlist .ui-state-default a {
    font-weight: normal;
    color:#333 !important;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
}

.largemenuitem .ui-menuitem-text {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 0 !important;
    padding-right: 10px !important;
}

.ui-menuitem-text {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 15px !important;
    padding-right: 10px !important;
}

.ui-menu {
    border:1px solid #ccc !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    box-shadow: rgba(0, 0, 0, 0.199219) 0px 2px 4px 0px !important;
}

.ui-menu-list li {
    margin-left: 10px;
}

.ui-selectcheckboxmenu-panel {
    border:1px solid #ccc !important;
    border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    box-shadow: rgba(0, 0, 0, 0.199219) 0px 2px 4px 0px !important;
}

.ui-selectcheckboxmenu-header {
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
}

.ui-menu-child {
    padding:0px !important;
}

.ui-menu ul li a:hover{
    color: #333 !important;
}

.ui-menu ul li a.groupby{
    padding-left:0 !important;
    margin-left:0 !important;
}

.ui-menu ul li a.groupby span{
    font-weight: bold !important;
    border-left: 5px solid #CCC;
    margin-left:0 !important;
}

.ui-menuitem {
}

.ui-menuitem-link {
}

.ui-menuitem-link.ui-state-hover {
    color: #333;
    background-color:#DEDEDE !important;
    background-image: none !important;
}

.ui-menuitem li a {
    padding:5px 0px 5px 0px !important;
    width: 100% !important;
}
.ui-menuitem li a span {
    margin-left: 15px !important;
    margin-right: 10px !important;
}

ui-selectcheckboxmenu-filter-container {
    width: 95%;
}


/*
.userlist .ui-accordion-header {
  background-color: #eeeeee;
  border: thin solid #dddddd;
}
.userlist .ui-accordion-header *:hover {
  -moz-box-shadow: none ! important;
  -webkit-box-shadow: none ! important;
  box-shadow: none ! important;
  background-color: #ffffff;
}
*/
/*
.ui-widget-overlay {
  opacity: 0.1 ! important;
}
*/
/* --------- user view control ------------- */

.userviewcontrol {
    position: relative;
    margin: 0;
    padding: 4px;
    min-width: 600px;
    border: 1px solid #ccc;
    border-width: 0 0 1px 0;
    min-height: 24px;
    height: 24px;
    background-color: #777;
    background-image: -webkit-linear-gradient(top, #aaa, #777);
    background-image: -moz-linear-gradient(top, #aaa, #777);
    background-image: -ms-linear-gradient(top, #aaa, #777);
    background-image: -o-linear-gradient(top, #aaa, #777);
    background-image: linear-gradient(top, #aaa, #777);
}
.userviewcontrollink {
    display: inline-block;
    padding: 4px 0 0 8px;
}
.userviewcontrollink a {
    color: #eee;
}
.userviewcontrollink a:hover {
    text-decoration: none;

}
.userviewcontroldaterange {
    display: block;
    float: right;
    right:50px;
}
.userviewcontroldaterange a {
    color: #333;
    text-decoration: none;
}
.userviewcontroltext {
    display: block;
    position: absolute;
    margin-bottom: 4px;
    width: 80%;
    left: 60px;
    top: 7px;
    text-align: center;
}
.userviewcontroltitle {
    font-size: 1.0em;
    color: #fff;
}
.userviewcontrolsubtitle {
    font-size: 0.9em;
    color: #fff;
}
.ui-icon-white {
    width: 16px;
    height: 16px;
    background-image: url("/resources/images/ui-icons_ffffff_256x240.png");
}

.ui-icon-white-down {
    width: 16px;
    height: 16px;
    background-image: url("/resources/images/ui-icons_ffffff_256x240.png");
}

.someCssClassName {
    width: 18px;
    height: 18px;
    background-image: url("images/icon_share_new.png") !important;
}

.tpcombobox {
    height: 25px;
    font-family: "DroidSans", Arial, Helvetica;
    font-size: 12px;
    color: #333;
    border: 1px solid #CCC;
}

select {
    height: 22px;
    font-family: Arial, Helvetica !important;
    font-size: 11px !important;
    color: #333 !important;
    border: 1px solid #CCC !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: -moz-linear-gradient(top, #fefefe, #f5f5f5); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe),color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe, #f5f5f5); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%, #f5f5f5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%, #f5f5f5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%); /* W3C */
}

.ui-selectcheckboxmenu {
    height: 22px;
    font-family: Arial, Helvetica, sans-serif !important;
    color: #333 !important;
    border: 1px solid #CCC !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: -moz-linear-gradient(top, #fefefe, #f5f5f5); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe),color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe, #f5f5f5); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%, #f5f5f5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%, #f5f5f5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%); /* W3C */
}

.ui-selectcheckboxmenu-trigger {
}

.ui-selectcheckboxmenu-panel ul li {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    color: #333 !important;
}

a.ui-selectcheckboxmenu-label-container {
    text-decoration: none !important;
}

.userviewcontrolnewformbutton {
    width: 10%;
    float: left;
    margin-left: 10px;
}
.userviewcontrolreportsbutton {
    float: left;
    margin-left:15px;
}
.userviewcontroldonebutton {
    float: right;
    margin-right:0px;
}

.optionspanel {
    background-color: #f0f0f0;
}
.viewcontrol span.ui-button-text {
    padding: .2em .6em;
    font-size: 0.9em;
    font-weight: bold;
}
.newformpanel {
    padding:5px !important;
    background-color: #ffffff;
    min-width: 300px;
    width:auto !important;
    height: auto;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}
.newformbutton {
    width: 300px;
    height: 25px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    background-color: #ffffff;
    font-size: 12px;
}
.newformgroup {
    display:  block;
    text-align:  left;
    margin:  6px 0 5px 0px;
    color: #666;
    font-size: 12px;
    font-weight: bold;
    background-color: #e0e0e0;
    padding: 4px;
}
.newformlink {
    /* padding-left: 10px;*/
    border:0;
    text-align: left;
}
.optionsbutton {
    width: 250px;
    height: 25px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    background-color: #ffffff;
    font-size: 12px;
}
/* --------- new form popup list -------------- */
div.popup {
    display: none;
    margin: 5px 0 0 0;
    border: 1px solid darkGray;
    background-color: darkGray;
    padding: 4px;
    /*
  border: 1px solid darkGray;
  border-radius: 3px;
  -moz-border-radius: 3px;
  background-color: #dddddd;
  */
    left:200px;
    width:300px;
    border-radius: 0px;
    -moz-border-radius: 0px;
}
div.popup form:hover {
    background: #fafafa;
    color: #333333;
}
div.popup div, div.popup a {
    width:100%;
    text-decoration: none;
    margin: 2px 2px 2px 5px;
}
div.popup form input {
    color: #333333;
    font-weight: normal;
    border: 1px solid darkGray;
    /* line-height: 2em; */
}
div.popup form input:hover {
    color: #DA9230;
}
/* ------- messages for admin actions (ex. email) ------ */
.info-message{
    color: green;
    font-style: oblique;
}
.error-message{
    color: red;
    font-style: oblique;
}
.info-message-cmp{
    color: green;
    font-size: smaller;
}
.error-message-cmp{
    color: red;
    font-size: smaller;
}
.emailBody{
    overflow: auto;
    width: 100%;
    min-height: 150px;
    border: thin solid #aaaaaa;
}
/* -------------------- buttons ---------------------- */
.button {
    display: inline-block;
    white-space: nowrap;

    background-color: #ccc;
    background-image: -webkit-linear-gradient(top, #eee, #ccc);
    background-image: -moz-linear-gradient(top, #eee, #ccc);
    background-image: -ms-linear-gradient(top, #eee, #ccc);
    background-image: -o-linear-gradient(top, #eee, #ccc);
    background-image: linear-gradient(top, #eee, #ccc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');

    border: 1px solid #777;
    padding: 0 1.1em;
    /* margin: 0.5em; */
    margin: 0;

    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);

    border-radius: .4em;
    -moz-border-radius: .4em;
    -webkit-border-radius: .4em;

    /*
  -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
  -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
  box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
  */
    color: #333;
    font-weight: normal;
    text-shadow: none;
    background-color: #666666;
    background-image: linear-gradient(top, #aaaaaa, #666666);
    background-image: -webkit-linear-gradient(top, #aaaaaa, #666666);
    background-image: -moz-linear-gradient(top, #aaaaaa, #666666);
    background-image: -ms-linear-gradient(top, #aaaaaa, #666666);
    background-image: -o-linear-gradient(top, #aaaaaa, #666666);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#aaaaaa', EndColorStr='#666666');
    border: 1px solid #aeaeae;
}

.button:hover {
    color: #666666;
    background-color: #bbbbbb;
    background-image: linear-gradient(top, #ffffff, #bbbbbb);
    background-image: -webkit-linear-gradient(top, #ffffff, #bbbbbb);
    background-image: -moz-linear-gradient(top, #ffffff, #bbbbbb);
    background-image: -ms-linear-gradient(top, #ffffff, #bbbbbb);
    background-image: -o-linear-gradient(top, #ffffff, #bbbbbb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#bbbbbb');
}

a.button:hover {
    color: #666666;
}

.button:active {
    -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
    -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
    box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
    position: relative;
    top: 1px;
}

.button:focus {
    outline: 0;
    border: 2px solid #3565cb;
    background: #fafafa;
    color: #3565CB;
}

.button:before {
    background: #ccc;
    background: rgba(0,0,0,.1);
    float: left;
    width: 1em;
    text-align: center;
    font-size: 1.3em;
    /* margin: 0 1em 0 -1em; */
    margin: 0;
    padding: 0 .2em;
    -moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
    -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
    box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
    -moz-border-radius: .15em 0 0 .15em;
    -webkit-border-radius: .15em 0 0 .15em;
    border-radius: .15em 0 0 .15em;
    pointer-events: none;
}

button {
    color: #333 !important;
}

button:hover {
    color: #666 !important;
}

.button.green,
.button.green:link,
.button.green:visited,
.button.green:active {
    color: #ffffff;
    font-weight: normal;
    text-shadow: none;
    background-color: #598E2A;
    background-image: linear-gradient(top, #9DC966, #598E2A);
    background-image: -webkit-linear-gradient(top, #9DC966, #598E2A);
    background-image: -moz-linear-gradient(top, #9DC966, #598E2A);
    background-image: -ms-linear-gradient(top, #9DC966, #598E2A);
    background-image: -o-linear-gradient(top, #9DC966, #598E2A);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9DC966', EndColorStr='#598E2A');
}
.button.green:hover {
    color: #666666;
    background-color: #9DC966;
    background-image: linear-gradient(top, #E6F0DF, #9DC966);
    background-image: -webkit-linear-gradient(top, #E6F0DF, #9DC966);
    background-image: -moz-linear-gradient(top, #E6F0DF, #9DC966);
    background-image: -ms-linear-gradient(top, #E6F0DF, #9DC966);
    background-image: -o-linear-gradient(top, #E6F0DF, #9DC966);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E6F0DF', EndColorStr='#9DC966');
}

.button.red,
.button.red:link,
.button.red:visited,
.button.red:active {
    color: #ffffff;
    font-weight: normal;
    text-shadow: none;
    /* #A55252 #BA0204 #C26060 */
    background-color: #A55252;
    background-image: linear-gradient(top, #E76263, #A55252);
    background-image: -webkit-linear-gradient(top, #E76263, #A55252);
    background-image: -moz-linear-gradient(top, #E76263, #A55252);
    background-image: -ms-linear-gradient(top, #E76263, #A55252);
    background-image: -o-linear-gradient(top, #E76263, #A55252);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E76263', EndColorStr='#A55252');
}
.button.red:hover {
    color: #666666;
    background-color: #E76263;
    background-image: linear-gradient(top, #FFE7E9, #E76263);
    background-image: -webkit-linear-gradient(top, #FFE7E9, #E76263);
    background-image: -moz-linear-gradient(top, #FFE7E9, #E76263);
    background-image: -ms-linear-gradient(top, #FFE7E9, #E76263);
    background-image: -o-linear-gradient(top, #FFE7E9, #E76263);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFE7E9', EndColorStr='#E76263');
}

/* Hexadecimal entities used for the button icons */

.add:before {
    content: "\271A";
}

.edit:before {
    content: "\270E";
}

.delete:before {
    content: "\2718";
}

.save:before {
    content: "\2714";
}

.email:before {
    content: "\2709";
}

.like:before {
    content: "\2764";
}

.next:before {
    content: "\279C";
}

.star:before {
    content: "\2605";
}

.spark:before {
    content: "\2737";
}

.play:before {
    content: "\25B6";
}

/* ---------------------------------------------------- */

.fpv {
    min-width: 99%;
    height: auto;
    border: 2px solid;
    padding: 10px 5px;
    border-radius: 10px;
    -moz-border-radius: 10px;
}

/* --------- report view ------------- */
.reportnav1 {
    margin: 0;
    padding: 0;
    background-color: #ffffff;
}
.reportnav1tabs {
    display: inline-block;
}
.reportnav1selected {
    font-weight: bold;
    display: inline-block;
    padding: 10px 20px 10px 20px !important;
    text-decoration: none;
    background: #ffffff;
    border-style: solid !important;
    border-width: 1px 1px 0 1px !important;
    border-color: #ccc;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #fff !important;
    z-index: 50000;
}
.reportnav1unselected {
    display: inline-block;
    padding: 10px 20px 10px 20px !important;
    font-weight: normal;
    text-decoration: none;
    background: #ffffff;
    border-style: solid !important;
    border-width: 1px 1px 1px 1px !important;
    border-color: #ccc;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
}

.reportnav1unselected:hover {
    font-weight: normal;
    background-color: #eeeeee;
}
.reportnav2 {
    margin: 0;
    padding: 0;
    border: 1px solid #666;
    border-width: 0;
}
.reportnav2selected {
    display: inline-block;
    padding: 10px 20px 10px 20px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}
.reportnav2unselected {
    display: inline-block;
    padding: 10px 20px 10px 20px;
    font-weight: normal;
    text-decoration: none;
    color: #666;
}
.reportnav2selected:hover,
.reportnav2unselected:hover {
    color: #333;
    font-weight: bold;
}
.reportbuttons {
    display: inline;
    float:right;
    margin-right: 10px;
}
.reportform {
    border-width: 1px 0 0 0 !IMPORTANT;
}
.reportoutput {
    margin: 0;
    padding: 15px 5px 5px 5px;
    background-color: #fafafa;
    border-top: 1px solid #d8d8d8;
}
.reportcontrol {
    margin: 0;
    padding: 5px;
    min-height: 24px;
}
.reportheader1 {
    background-color: #dddddd;
    text-align: left;
    color: #000000;
}
.reportheader2 {
    background-color: #cccccc;
    text-align: left;
}
.reportviewcontroltitle {
    font-size: 16px;
    font-weight: normal;
    color: #ffffff;
}
.reportviewcontrolsubtitle {
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
}
.reportviewcontrolnewformbutton {
    float: left;
    width: 100px;
}
.reportviewcontrolcontroller {
    float: left;
    margin-left:160px;
}
.reportviewcontroloptionsbutton {
    float: left;
    margin-left:180px;
}
.reportviewcontroldonebutton {
    float: right;
    margin-right:0px;
}
.reportviewcontrolgeneratebutton {
    background-color: #99bbdd ! important;
}
.reportform label.ui-selectonemenu-label {
    padding: 4px 2px 2px 2px !IMPORTANT;
    font-size: 12px !IMPORTANT;
    -moz-box-shadow: none !IMPORTANT;
    -webkit-box-shadow: none !IMPORTANT;
    box-shadow: none !IMPORTANT;
}
.ui-selectonemenu-item,
.ui-selectonemenu-list-item {
    font-size: 12px !IMPORTANT;
    text-shadow: none !IMPORTANT;
}

/* CSS for login form messages */
.loginmessages,
.loginmessages div .ui-messages-error,
.loginmessages div .ui-messages-error-icon,
.loginmessages div .ui-messages-warn,
.loginmessages div .ui-messages-warn-icon,
.loginmessages div .ui-messages-info,
.loginmessages div .ui-messages-info-icon {

}
.loginmessages-error {
    color: #FF0000;
	font-size: 14px;
}
.loginmessages-success {
    color: #3cac00;
	font-size: 14px;
}

.event-plan-header {
    text-align:center;
    color:gray;
}


table.event-item-table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 10px;
}

table.event-item-table thead tr {
    height: 30px;
    padding: 5px;
    background-color: #fff;
    text-align: center;
    color:#333;
    border: 1px solid #ddd;
}

table.event-item-table thead tr td {
    padding: 5px;
    height: 25px;
    border: 1px solid #ddd;
}
table.event-item-table tbody tr:nth-child(even) {
    background: #ffffff;
    border: 1px solid #ddd;
}
table.event-item-table tbody tr:nth-child(odd) {
    background: #f9f9f9;
    border: 1px solid #ddd;
}
table.event-item-table tbody tr td {
    padding: 5px;
    height: 25px;
    border: 1px solid #ddd;
    text-align: center;
    color: #000;
}

table.event-item-table .ui-corner-top {
    border-radius: 5px;
    -moz-border-radius: 5px;
}
table.event-item-table .ui-corner-bottom {
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.event-item-for-deletion {
    border: 1px solid #ff0000 !important;
}



.event-item a {
    color: #3565cb;
}

.event-plan-summary-title {
}

.event-field-label {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
    font-style: normal;
}

.coaching-field-label {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333;
    font-style: normal;
}

.formrec-field-label {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333;
    font-weight: normal;
    text-transform: uppercase;
}

.bold {
    font-weight: bold;
}

.event-plan-name {
    font-size:24px;
    font-weight:bold;
}

.event-due-label {
    position:relative;
    right:0px;
    top:-11px;
    height:20px;
    line-height:4px;
    margin-right:5px;
    float:left;
    font-size:10px;
    color:gray;
}

.event-due-date {
    position:relative;
    right:0px;
    top:-11px;
    width:80px;
    height:20px;
    float:right;
    font-weight:bold;
    font-size:11px;
    text-align:center;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
}
.event-margtop {
    margin-top:0;
}

.event-content {
    padding:10px;
}

.event-odd {
    background-color:#eeeeee;
}

.event-even {
    background-color:white;
}

.event-overdue {
    background-color:red;
    color:white;
}

.event-done {
    background-color: #6CE26C !important;
}

.event-overdue {
    background-color: red !important;
}

.ui-state-highlight {
    color:black !important;
    text-shadow:none !important;
}

.ui-state-default {
    text-shadow:none !important;
}

#tabview {
    display:block;
    width: auto;
    overflow: hidden;
}


#new-form-tabview {
    border:none;
}

#new-form-tabview ul {
    line-height:20px;
}

#new-form-tabview li {
    height : 26px;
    line-height:20px;
}

#new-form-tabview li a {
    padding: 3px 5px 3px 5px;
    font-size:12px;
}

#userstable {

}

.bordered-div {
    border-left:1px solid #AAA;
    border-right:1px solid #AAA;
    border-bottom:1px solid #AAA;
}

/* Tagging CSS */
.ui-selectcheckboxmenu-header .ui-chkbox {
    display: none;
}

.qTags .ui-selectcheckboxmenu-trigger {
    display: none;
}

.qTags .ui-selectcheckboxmenu-label {
    display: block;
    height:15px;
    width: 15px;
    background: url("/resources/images/icon_tag-20.png") no-repeat center center;
}

.requiredTagsDiv {
    display:block;
    float:right;
    right:10px;
    text-align: right;
    vertical-align:middle;
    height: 25px;
}

.optionalTagsDiv {
    display:block;
    float:right;
    right:10px;
    border: 1px solid red;
    text-align: right;
    margin-bottom: 10px;
}

.tag-list ul li {
    display: inline;
    list-style-type: none;
    padding-right: 20px;
}

.tag-list {
    background: none;
    border: none;
    color:gray;
    font-size:10px;
    font-style: italic;
    display: block;
    height:auto;
    width: 100%;
    text-align: right;
    margin-top:5px;
}

.tag-selected-list{
    display:inline;
    font-size:10px;
    color:#fff;
    background-color: #3C7A01;
    border:1px solid #3C7A01;
    padding:5px;
    margin-left: 3px;
    height: 20px;
    line-height: 25px;
    border-radius: 3px;
}

.tag-selected-list-gray{
    display:inline-block;
    font-size:11px;
    color:#444;
    background-color: #CCC;
    border:1px solid #CCC;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;
    margin-left: 1px;
    height: 20px;
    line-height: 25px;
    border-radius: 3px;
}

.tag-selected-list-gray-light{
    display:inline-block;
    font-size:11px;
    color:#565656;
    background-color: #DEDEDE;
    border:1px solid #DEDEDE;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;
    margin-left: 1px;
    height: 20px;
    line-height: 25px;
    border-radius: 3px;
}

.tag-selected-list-ratings{
    display:inline;
    font-size:10px;
    font-style: italic;
    color:#565656;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;
    margin-left: 1px;
    height: 20px;
    line-height: 15px;
    border-radius: 3px;
}

.form-edit-selection {
    width: 600px;
}

.form-edit-tag-list {
    width: 600px;
    height: auto;
}

.ui-selectcheckboxmenu-label {

}

/* tag font styles 0=archived, 1=unpublished, 2=published, 3=superseded */
.tag-status-0 {
    color:#aa2222;
}
.tag-status-3 {
    color:gray;
}

/* Add IDs to include all-checkbox to multi select drop down menu */
#pbankkeywords_panel .ui-chkbox,
#tagSelectMenuReports_panel .ui-chkbox,
#tagSelectMenu_panel .ui-chkbox,
#formSelectMenu_panel .ui-chkbox,
#authorSelectMenu_panel .ui-chkbox,
#authorSelectMenuReports_panel .ui-chkbox,
#qTypeMultiSelect_panel .ui-chkbox,
#dataElementMultiSelect_panel .ui-chkbox,
#multiSelectFormFilter_panel .ui-chkbox,
#pdApproveUserSelectMenu_panel .ui-chkbox,
#pdAddUserSelectMenu_panel .ui-chkbox,
#formFilterStateReport_panel .ui-chkbox,
#planItemSelectMenu_panel .ui-chkbox,
#planSelectMenu_panel .ui-chkbox,
#planItemStatusSelectMenu_panel .ui-chkbox,
#relationshipSelectMenu_panel .ui-chkbox,
#notiftypes_panel .ui-chkbox,
#eventsTabView\:pdAuthorsSelectMenu_panel .ui-chkbox,
#eventsTabView\:attendancesPdAuthorsSelectMenu_panel .ui-chkbox,
#eventsTabView\:pdStatusSelectMenu_panel .ui-chkbox,
#eventsTabView\:pdProgramTypesSelectMenu_panel .ui-chkbox,
#eventsTabView\:pdProgramsSelectMenu_panel .ui-chkbox,
#eventsTabView\:attendancesPdProgramTypesSelectMenu_panel .ui-chkbox,
#eventsTabView\:attendancesPdProgramsSelectMenu_panel .ui-chkbox,
#selectCheckboxMenuWithSelectAll_panel .ui-chkbox,
.filter-field-multi .ui-chkbox{
    display: inline !important;
}

table.filter-field-checkbox label {
    font-size: 12px;
    margin-left: 4px;
    margin-right: 8px;
    marin-top: 1px;
}

.qreportmultiselect {
    min-width:130px !important;
    height:22px !important;
}

.qreportcomp{
    width:150px !important;
    height:20px !important;
}

.qreportcompbtn {
    float: left;
    display: inline;
    margin:17px 0 0 10px;
    font-family: Arial, verdana,arial,sans-serif !important;
    font-size:12px !important;
}

.quickreportsearchbutton {
    float:left;
}

.tag-blue-light {
    display:inline-block;
    font-size:11px;
    color:#1280bf;
    background-color: #cce6f5;
    border: 1px solid #82aec7;
    margin:2px;
    padding:2px;
    border-radius: 3px;
}

.tag-blue {
    display:inline-block;
    font-size:11px;
    color:#fff;
    background-color: #48ace5;
    border: 1px solid #1f80b8;
    margin:2px;
    padding:2px;
    border-radius: 3px;
}

.tagBtn {
    display: inline; float:right; margin-top:7px; margin-left:5px;
}

.listoftags .ui-state-disabled {
    background-color: #fafafa !important;
}

.listoftags a:hover {
    text-decoration: none;
}

.ui-dialog-title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px !important;
    font-weight: bold;
    color: #676767;
}


#detailsreportform .ui-dialog-title {
    width:auto !important;
}

.icon-tag-style {
    color: #676767;
    text-decoration: none;
    font-size: 12px;
}

.ui-dialog-titlebar-icon {
    margin-top:5px !important;
}

.ui-dialog-footer {
    border:none;
}

.selecttagsdiv{
    display: block;
}

.selecttagsdiv ul{
    margin-top: 5px;
    padding-left: 0px;
}

.selecttagsdiv ul li{
    padding-left: 20px;
    list-style-type: none;
}

.tagdialogtitle {
    font-family: "DroidSans", arial, helvetica;
    font-size: 13px;
    font-weight: bold;
}

.tagdialogtag {
    margin-left: 0px;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    color: #000 !important;
    font-weight: bold;
}

.reportdialogattachment {
    margin-left: 10px;
    font-family: "DroidSans", arial, helvetica;
    font-size: 12px;
    color: #676767;
}

.listnostyle {
    list-style-type: none;
}

.timestamp {
    padding-left:5px;
    color:gray;
    font-size: 11px;
    font-weight: normal;
}

.tsfloatright {
    float:right;
    margin-right: 20px;
}

.smallmargin {
    margin-right:5px !important;
}

.coachingtimestamp {
    padding-left:5px;
    color:#333;
    font-size: 10px;
    font-weight: normal;
}

.ui-selectcheckboxmenu-label-container {
    color:#676767;
    text-decoration: none;
}

.note {
    font-size: 10px !important;
    font-style: italic;
    color: #666;
}

.hr {
    color: #CCC;
    background-color: #CCC;
    height: 1px;
    margin:10px 10px 10px 10px;
}

hr {
    color: #CCC;
    background-color: #CCC;
    height: 1px;
}

.usernotif {
    padding: 5px !important;
    margin: 10px 0px 10px 10px;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: normal;
    border-collapse:collapse;
}

#coachingdetailscontainer {
    margin-top:5px;
}

.coachingdetails {
    padding: 0px !important;
    background-color: #fafafa;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 0 10px 0 0;
    min-height: 50px;
}

.infodetails {
    padding: 0px !important;
    background-color: #fafafa;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 0 5px;
    min-height: 25px;
}

.activityinfodetails {
    padding: 0px !important;
    background-color: #fafafa;
    border-bottom: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
    border-left:none;
    border-right: none;
    margin: 10px 10px 0 0;
    min-height: 25px;
    border-radius: 0;
    -moz-border-radius: 0;
}

.emptypanel {
    padding: 0 !important;
    border:0 !important;
    margin: 0 0 0 5px !important;
    background: none;
    text-align: center;
}

.noenselected {
    font-size: 12px;
    color:#666;
}

.usercontainer-page {
    display: block;
    width: auto;
    overflow: hidden;
}

.cdetailsactionbtns {
    display: block;
    float:right;
    height: 40px;
    margin-top: 20px;
}

.cdetailsrequester {
    display: block;
    float:left;
    height: 40px;
    margin-top: 20px;
}

.coachingdescription {
    width: 100%;
    display: block;
    margin-top:0px;
    margin-bottom: 10px;
    text-align: left !important;
}

.engagement-status{
    display:inline;
    font-size:11px;
    font-weight: normal;
    color:#fff;
    background-color: #F98E2B;
    border:1px solid #FF6421;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;
    margin-left: 1px;
    height: 20px;
    line-height: 25px;
    border-radius: 3px;
}

table.event-item-table tbody tr:nth-child(even) {
    background: #e0e0e0;
}
table.event-item-table tbody tr:nth-child(odd) {
    background: #ffffff;
}

.engagement-status-new{
    display:inline;
    font-size:11px;
    font-weight: normal;
    color:#fff;
    background-color: #4BA614;
    border:1px solid #4BA614;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
    margin-left: 2px;
    height: 20px;
    line-height: 25px;
    border-radius: 3px;
}

.engagement-status-inprogress{
    display:inline;
    font-size:11px;
    font-weight: normal;
    color:#fff;
    /* background-color: #0081B1;
  border:1px solid #0076a2;*/
    background-color: #b4b4b4;
    border:1px solid #b0b0b0;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
    margin-left: 2px;
    height: 20px;
    line-height: 25px;
    border-radius: 3px;
    white-space:nowrap;
}

.engagement-status-completed,
.engagement-status-canceled,
.engagement-status-declined,
.engagement-status-transfered,
.engagement-status-draft{
    display:inline;
    font-size:11px;
    font-weight: normal;
    color:#fff;
    background-color: #b4b4b4;
    border:1px solid #b0b0b0;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
    margin-left: 2px;
    height: 20px;
    line-height: 25px;
    border-radius: 3px;
}

.advfiltercontainer {
    margin: 10px;
}

#advancedfilters {
    display: block;
    float:right;
    width: 100%;
    height: 0px;
    background-color: #f7f7f7;
    border:1px solid #d8d8d8;
    text-align: right;
}

#advancedfilterslink {
    display: block;
    float:right;
    min-height: 10px;
    width: 100%;
    text-align: right;
    margin-top: -5px;
}

#advancedfilterslink a{
    font-family: Arial, Helvetica, sans-serif;
    color: #346caf;
    text-decoration: underline;
    font-size: 10px;
}

#advancedfilters {
    margin-top: 3px;
    height: 190px;
}

.advancedfilters-hide {
    display: none !important;
    background-color: none;
    border:none;
}

#advancedfilters span {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    display: block;
}

input[type="checkbox"] label {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    font-weight: normal !important;
    color: #ff0000 !important;
}

.ui-messages-info,
.ui-messages-warn,
.ui-messages-error {
    padding: 2px 10px 3px 10px !important;
    min-height: 17px;
}

.ui-messages-info-icon,
.ui-messages-warn-icon,
.ui-messages-error-icon {
    position: relative;
    background-image:none !important;
}

.ui-messages-info-icon:before {
    content: "\f06a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #3A87AD;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top:5px;
}

.ui-messages-warn-icon:before {
    content: "\f071";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #f1c359;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top:5px;
}

.ui-messages-error-icon:before {
    content: "\f057";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #d5393e;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top:5px;
}

.ui-messages-summary,
.ui-messages-info-summary,
.ui-messages-warn-summary,
.ui-messages-error-summary {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
    margin-left: 0 !important;
}

.ui-messages-info-detail,
.ui-messages-warn-detail,
.ui-messages-error-detail {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: normal !important;
    margin-left: 5px !important;
}

.ui-icon-close {
    position: relative;
    background-image:none !important;
    font-family: FontAwesome !important;
    text-indent: 0 !important;
}

.ui-icon-close:before {
    content: "\f00d";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #555;
    font-size: 14px;
    padding-right: 0.5em;
    position: absolute;
    top:1px;
}

.ui-icon {

}

.ui-button-text {

}

.pad5-column {
    padding: 0px 5px 0px 5px;
}


/* ---------------------------------- */



.planbuildertable {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: normal;
    /*margin-right:10px;*/
    margin-bottom:10px;
}

#summarylist {
    margin-right:0px;
}

.planbuildertable table thead tr{
    border-top-right-radius: 3px !important;
    border-top-left-radius: 3px !important;
}

.planbuildertable tr th,
.planbuildertable tr td {
    height: 15px !important;
    border: 1px solid #d8d8d8;
    background-color: white !important;
    background-image: none !important;

}

.planbuildertable td div.ui-dt-c {
    padding: 4px !IMPORTANT;
}

.planbuildertable div.ui-dt-c a {
    display: inline;
}

.planbuildertable div.ui-dt-c a span .redtext{
    display: inline;
    text-decoration: none !important;
}

.planbuildertable table td  {
    white-space: normal !important;
}

.planbuildertable table td a{
    color: #0081b1 !important;
    /*color:#168ac3  !important;*/
    text-decoration: none !important;
    font-size:12px;
    padding: 1px;
}

.planbuildertable table tr th {
    text-align: center;
    padding: 5px;
    height: 25px;
}

.planbuildertable table td {
    height: 20px;
    border: 1px solid #d8d8d8;
}

.planbuildertable table thead th{
    background-color: white;
}

.planbuildertable table tbody {
    border-width: 1px !important;
}

.planbuildertable table tbody tr td{
    border-width: 1px !important;
    padding: 10px;

}

.planbuildertable table thead tr th {
    border: 1px solid #d8d8d8 !important;
    height: 25px !important;
    background-color: white !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
    color: #333;
}

.planbuildertable table thead .ui-state-hover {
    background-color: white !important;
}

.planbuildertable table tr.ui-widget-content {
    border-width: 1px 0 1px 0 !IMPORTANT;
}
.planbuildertable .ui-datatable-header {
    background-color: white;
    text-align: center;
    /*    border-radius: 5px;
  -moz-border-radius: 5px;*/
}
.planbuildertable .ui-sortable-column {
}
.planbuildertable .ui-datatable-even {
    background-color: white;
}
.planbuildertable .ui-datatable-odd {
    background-color: white;
}
.planbuildertablerow {
    padding: 0;
    margin: 0;
}
.planbuildertable .ui-corner-top {
    /*  border-radius: 5px;
  -moz-border-radius: 5px;*/
}
.planbuildertable .ui-corner-bottom {
    /*  border-radius: 5px;
  -moz-border-radius: 5px;*/
}
.planbuildertable .ui-corner-top {
    /*border-bottom-width: 1;*/
}
.planbuildertable table tr th,
.planbuildertable .ui-datatable-data td {
    /* border-left-width: 0 !IMPORTANT;
  border-right-width: 0 !IMPORTANT;*/
}
.planbuildertable .ui-state-hover {
    /*background-color: #ddeeff !important;*/
}
.planbuildertable .ui-state-highlight {
    color: #ffffff !important;
}

.planbuildertable .ui-state-highlight a{
    color: #ffffff !important;
}

/* change sortable columns to only show icon when sorted */
.planbuildertable .ui-icon-carat-2-n-s {background-position: -160px 0px;}
.planbuildertable .ui-icon-triangle-1-s {background-position: -64px -16px;}
.planbuildertable .ui-icon-triangle-1-n {background-position: 0 -16px;}
.planbuildertable .ui-sortable-column-icon {
}
.planbuildertable .ui-sortable-column-icon span {
    display: block;
}

.planbuildertable span.columnicon {
    color: #666;
    text-decoration: none;
}

.planbuilder-formlist  {
}

.planbuilder-list {
    width : 100%;
    margin-top:-10px;
}

.planbuilder-formlist .ui-widget-content {
    border: none;
}

.planbuilder-formlist dt {
    padding:1px;
}

#planItemEditDialog {
    width: 800px;
    height: 630px;
    max-width: 800px;
    max-height: 630px;
}

#planItemEditDialog #dialogContainer {
    height:480px !important;
    max-height: 490px !important;
    overflow: auto;
}

#planItemEditDialog .ui-picklist .ui-picklist-list {
    width: 400px !important;
}
#planItemEditDialog .ui-picklist-filter {
  width: 383px !important;
  margin-bottom: 5px !important;
}

div[id$="expressionBuilderQuestionsPickList"] .ui-picklist-list {
    width: 350px !important;
}

.icon-red {
    color:red;
}

.icon-green {
    color:#3cac00;
}

.icon-yellow {
    color:#e8bd00;
}

.icon-gray {
    color:gray;
}

.icon-pb-type {
    font-size:18px;
}
/* Shared forms coaching*/
#shared-userdata-table {
    padding-top:10px;
}

#shared-userdata-table td {
    vertical-align: top;
    font-size:12px;
    text-align:left;
}

#shared-userdata-table a {
    text-decoration: underline;
    color: #0081b1 !important;
    font-size: 12px;
}

/* Report filter styles */

#reportfiltercontainer label.ui-selectonemenu-label,
#quickreportfilters label.ui-selectonemenu-label,
#filterform label.ui-selectonemenu-label,
#planform label.ui-selectonemenu-label,
.planassignfilter label.ui-selectonemenu-label,
#planitemform label.ui-selectonemenu-label,
#planAssignDialog label.ui-selectonemenu-label,
#activityForm label.ui-selectonemenu-label,
#formListForm label.ui-selectonemenu-label,
#eventTypeForm label.ui-selectonemenu-label,
#eventsTabView label.ui-selectonemenu-label{
    height: 12px !important;
    padding: 5px 5px 5px 5px !important;
    font-family: Arial, helvetica !important;
    font-size: 11px !IMPORTANT;
    -webkit-box-shadow: none !IMPORTANT;
    box-shadow: none !IMPORTANT;
    width: 100%;
}

#reportfiltercontainer .ui-inputfield,
#quickreportfilters .ui-inputfield,
#filterform .ui-inputfield,
#planform .ui-inputfield,
.planassignfilter .ui-inputfield,
#planitemform .ui-inputfield,
#planAssignDialog .ui-inputfield,
#activityForm .ui-inputfield,
#formListForm .ui-inputfield,
#eventTypeForm .ui-inputfield,
#eventsTabView .ui-inputfield{
    background: -moz-linear-gradient(top, #fefefe, #f0f0f0); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe),color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe, #f0f0f0); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%, #f0f0f0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%, #f0f0f0 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fefefe 0%, #f0f0f0 100%); /* W3C */
}

#reportfiltercontainer .ui-selectonemenu,
#reportfiltercontainer .ui-selectcheckboxmenu,
#quickreportfilters .ui-selectonemenu,
#filterform .ui-selectonemenu,
#planform .ui-selectonemenu,
.planassignfilter .ui-selectonemenu,
#planitemform .ui-selectonemenu,
#planAssignDialog .ui-selectonemenu,
#activityForm .ui-selectonemenu,
#formListForm .ui-selectonemenu,
#eventsTabView .ui-selectonemenu {
    min-width: 130px !important;
}

#reportfiltercontainer .ui-selectonemenu-item, .ui-selectonemenu-list-item,
#quickreportfilters .ui-selectonemenu-item, .ui-selectonemenu-list-item,
#filterform .ui-selectonemenu-item, .ui-selectonemenu-list-item,
#planform .ui-selectonemenu-item, .ui-selectonemenu-list-item,
.planassignfilter .ui-selectonemenu-item, .ui-selectonemenu-list-item,
#planitemform .ui-selectonemenu-item, .ui-selectonemenu-list-item,
#planAssignDialog .ui-selectonemenu-item,
#activityForm .ui-selectonemenu-item,
#formListForm .ui-selectonemenu-item,
#eventTypeForm .ui-selectonemenu-item,
#eventsTabView .ui-selectonemenu-item {
    font-size: 11px !IMPORTANT;
    text-shadow: none !IMPORTANT;
}

#quickreportfilters .ui-corner-all,
#filterform .ui-corner-all,
#planform .ui-corner-all,
.planassignfilter .ui-corner-all,
#planitemform .ui-corner-all,
#planAssignDialog .ui-corner-all,
#activityForm .ui-corner-all,
#formListForm .ui-corner-all,
#eventsTabView .ui-corner-all {
    -webkit-border-radius: 4px  !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}

#reportfiltercontainer .ui-selectcheckboxmenu-label,
#quickreportfilters .ui-selectcheckboxmenu-label,
#filterform .ui-selectcheckboxmenu-label,
#planform .ui-selectcheckboxmenu-label,
.planassignfilter .ui-selectcheckboxmenu-label,
#planitemform .ui-selectcheckboxmenu-label,
#planAssignDialog .ui-selectcheckboxmenu-label,
#activityForm .ui-selectcheckboxmenu-label,
#formListForm .ui-selectcheckboxmenu-label,
#eventTypeForm .ui-selectcheckboxmenu-label,
#eventsTabView .ui-selectcheckboxmenu-label {
    padding: 5px 26px 3px 5px;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#reportfiltercontainer .ui-state-hover,
#quickreportfilters .ui-state-hover,
#filterform .ui-state-hover,
.planassignfilter .ui-state-hover,
#planitemform .ui-state-hover,
#planAssignDialog .ui-state-hover,
#activityForm .ui-state-hover,
#formListForm .ui-state-hover,
#eventTypeForm .ui-state-hover,
#eventsTabView .ui-state-hover {
    background: -moz-linear-gradient(top, #fefefe, #f5f5f5) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe),color-stop(100%,#f5f5f5)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe, #f5f5f5) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%, #f5f5f5 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%, #f5f5f5 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #fefefe 0%, #f5f5f5 100%) !important; /* W3C */
}

.ui-selectonemenu-panel .ui-selectonemenu-filter {
    width: 100% !important;
    padding: 0 !important;
}

.ui-icon-circle-close {
    margin-top: 3px !important;
}

.ui-selectcheckboxmenu-header .ui-chkbox {
    margin-top: 5px !important;
}

.ui-selectcheckboxmenu-header .ui-icon-search {
    margin-top: 3px !important;
}

.q-details-grid {
    height: auto;
    width: 100%;
    margin:0;
}

.q-details-grid td,
.q-details-grid tr {
    border: 0 !important;
    padding: 0 !important;
    color: #777;
    font-size: 11px;
    height: auto !important;
}

/* Question details Grid */
.q-details-grid .ui-widget-content{
    background-color: transparent !important;
}

.q-details-grid .ui-widget-content a {
    color: #3565cb !important;
    text-decoration: none;
}

.qtag-button{
    /*   border:1px solid #d8d8d8 !important;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;*/
    font-family: Arial, helvetica, sans-serif !important;
    font-size:11px !important;
    padding: 4px 2px 4px 2px;
    float: left !important;
    margin-right: 2px;
    text-decoration:none !important;
    display:inline-block;
    font-weight:bold !important;
    color: #333 !important;
    /*   background: -moz-linear-gradient(top, #fefefe, #ededed) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe),color-stop(100%,#e0e0e0)) !important;
    background: -webkit-linear-gradient(top, #fefefe, #ededed) !important;
    background: -o-linear-gradient(top, #fefefe 0%, #ededed 100%) !important;
    background: -ms-linear-gradient(top, #fefefe 0%, #ededed 100%) !important;
    background: linear-gradient(to bottom, #fefefe 0%, #ededed 100%) !important; */
}

.qtag-button:hover{
    color: #666 !important;
    /*   background: -moz-linear-gradient(top, #fefefe, #eeeeee) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe),color-stop(100%,#eeeeee)) !important;
    background: -webkit-linear-gradient(top, #fefefe, #eeeeee) !important;
    background: -o-linear-gradient(top, #fefefe 0%, #eeeeee 100%) !important;
    background: -ms-linear-gradient(top, #fefefe 0%, #eeeeee 100%) !important;
    background: linear-gradient(to bottom, #fefefe 0%, #eeeeee 100%) !important; */
}

.qtag-blue {
    font-family: Arial, Helvetica, sans-serif !important;
    display: inline-block !important;
    font-size:11px !important;
    color:#fff !important;
    background-color: #48ace5 !important;
    border: 1px solid #1f80b8 !important;
    margin:0 2px 2px 0px !important;
    padding:2px !important;
    border-radius: 3px !important;
    opacity:0.9 !important;
    filter:alpha(opacity=90) !important;
}

.qtag-blue-light {
    font-family: Arial, Helvetica, sans-serif !important;
    display: inline-block !important;
    font-size:11px !important;
    color:#1280bf !important;
    background-color: #cce6f5 !important;
    border: 1px solid #82aec7 !important;
    margin:0 2px 2px 0px !important;
    padding:2px !important;
    border-radius: 3px !important;
    opacity:0.9 !important;
    filter:alpha(opacity=90) !important;
}

.qtag-plain {
    display: inline-block;
    font-size:12px;
    color:#1280bf;
    margin:0;
    padding:0;
}

.qdetails-container {
    width: 100% auto;
    padding: 0 0 5px 30px !important;
    height: auto;
    display: block;
    border:0px solid #ff0000;
}

.display-none {
    display: none;
}

.display-block {
    display: block;
}

.noborder {
    border:0 !important;
}
#paimportdialog fieldset {
    margin-top: 15px;
}

#paimportdialog legend {
    padding: 0.2em 0.5em !important;
    color:#666 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

#selecttagform fieldset,
.changelogpage fieldset {
    border:1px solid #ccc !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-width: 1px 0 0 0 !important;
    text-align:left !important;
    padding:5px 5px 5px 5px !important;
    margin-top:20px !important;
}

#selecttagform legend,
.changelogpage legend {
    padding: 0.2em 0.5em !important;
    color:#666 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-transform:uppercase !important;
}

.tag-dialog-selections table {
}

.tag-dialog-selections table td,
.tag-dialog-selections table tr {
    display: inline;
}

.tag-dialog-selections table td{
    float:left;
    display: inline;
    font-size:11px;
    color:#1280bf;
    background-color: #cce6f5;
    border: 1px solid #82aec7;
    margin:0 2px 2px 0px;
    padding:2px;
    border-radius: 3px;
    opacity:0.9;
    filter:alpha(opacity=90);
}

table.form-header-table {
    border-collapse: collapse;
}

table.form-header-table td,
table.form-header-table tr {
    padding:5px 5px 5px 0 !important;
}

.ui-widget-overlay {
    background-color: #000 !important;
    opacity:0.3 !important;
    filter:alpha(opacity=30) !important;
}

.ui-dialog.ui-widget-content {
    border: 1px solid #d1d1d1 !important;
    box-shadow: 0 0 4px rgba(0,0,0,0.1) !important;
    border-radius: 0px !important;
}

.ui-dialog-title {
    font-size: 14px !important;
    color: #333 !important;
    margin-top: 5px !important;
    font-weight: normal !important;
}

.ui-dialog-titlebar {
    border-bottom: 1px solid #d1d1d1 !important;
    background-color: #ededed !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}

.ui-dialog-content {
    padding: 15px 15px 15px 15px;
    font-size: 13px;
}

.tag-dialog-warn {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    color: red !important;
    font-style: italic !important;
    margin:0 !important;
}

.dialogprompt {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    display: block;
    padding: 2px 0 5px 0;
    font-style: normal;
}

.attachment-link,
#uploadslink attachment-link {
    text-decoration: underline !important;
    font-style: italic !important;
    display: inline !important;
    /*white-space: nowrap !important;*/
    font-size: 11px !important;
}

.attachment-icon {
    color:#3565cb !important;
}

.annotation-hide {
    display: none !important;
    background-color: none;
    border:none;
}

.dialog-button{
    border:1px solid #d8d8d8 !important;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
    font-family: Arial, helvetica, sans-serif !important;
    font-size:11px !important;
    padding: 4px 6px 4px 6px;
    margin-right: 2px;
    text-decoration:none !important;
    display:inline-block;
    font-weight:bold !important;
    color: #333 !important;
    background: -moz-linear-gradient(top, #fefefe, #ededed) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe),color-stop(100%,#e0e0e0)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe, #ededed) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%, #ededed 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%, #ededed 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #fefefe 0%, #ededed 100%) !important; /* W3C */
}

.dialog-button:hover{
    color: #666 !important;
    background: -moz-linear-gradient(top, #fefefe, #eeeeee) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe),color-stop(100%,#eeeeee)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe, #eeeeee) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%, #eeeeee 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%, #eeeeee 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #fefefe 0%, #eeeeee 100%) !important; /* W3C */
}

#clearDiv {
    display: block;
    float:right;
}

.tdemailform {
    color:#666 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

.pb-gray {
    font-family: Arial, helvetica, sans-serif !important;
    font-size:10px;
    font-weight: normal;
    color:gray;

}

#planitemedit, .planassdialog {
    font-family: Arial, helvetica !important;
    font-size: 1em !important;
}

.formsearchchkbx {
    margin: 5px 0 0 5px !important;
}

.hline {
    width: 100% !important;
    border:1px solid #333;
}

.msgcont {
    margin: 10px !important;
}

.uploadDialog {
    font-family: Arial, helvetica !important;
    font-size: 12px !important;
}

.uploadDialog span.ui-button-text.ui-c {
    width: 100px !important;
    font-family: Arial, helvetica !important;
    font-size: 11px !important;
    height: 15px;
}

.uploadDialog .ui-corner-top,
.uploadDialog .ui-corner-bottom {
    border-radius: 0 !important;
}

.uploadDialog .ui-corner-top {

}

.uploadDialog .ui-fileupload-files {
    margin: 10px 0;
    border-collapse: collapse;
    width: 100% !important;
    font-family: Arial, helvetica !important;
    font-size: 11px !important;
}

.uploadDialog .ui-fileupload-files td {
    padding: 4px 10px;
}

.uploadDialog .ui-fileupload-files img {
    border: none;
}

.uploadDialog .ui-button-icon-only .ui-icon {
    width: 30px !important;
    margin-left: -20px !important;
    margin-top: -7px !important;
}

.annrow {
}

/* Remove bottom border from tab view  */
.ui-tabs.ui-tabs-top {
    border-bottom: none !important;
}

.valmsg-list {
}

.valmsg-list div {
    border: 0px;
    background: none !important;
}

.valmsg-list ul {
    padding-left:5px;
}

.hruler {
    display:block;
    width:auto;
    height: 1px;
    border-top:1px solid #ccc;
    margin: 10px;
}

.inlinehref {
    color: #0081b1 !important;
    text-decoration: underline !important;
    font-size:12px;
    padding: 2px;
}

.statereporting-filters .ui-inputfield,
.statereporting-filters .ui-selectonemenu .ui-selectonemenu-label {
    font-weight: normal;
}

.computedreports-filters .ui-inputfield,
.computedreports-filters .ui-selectonemenu .ui-selectonemenu-label {
    font-weight: normal;
}

table.selectmanycheckboxhpad td {
    padding-left: 10px;
}

.inline {
    display: inline !important;
}

.noselection {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.noselection:hover {
    color:#fff !important;
}


.formnotavailable {
    display: block !important;
    height: auto  !important;
    margin: 30px !important;
    background-color: #ffe6e2;
    border: 1px solid #d1d1d1;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
    border-radius: 0px;
    -moz-border-radius: 0px;
}

.formheadernotavailable {
    background-color: #ffc6c2;
    margin: 30px 30px 30px 30px;
    padding: 10px 20px 10px 20px;
}

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

.wrapbreakword {
    word-wrap: break-word;
    word-break: break-all;
}

.editusercontainer {
    display: block;
    margin: 0;
    height: auto;
}

.loading-one {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.0s;
    animation: dot 1.3s infinite;
    animation-delay: 0.0s;
}

.loading-two {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.2s;
    animation: dot 1.3s infinite;
    animation-delay: 0.2s;
}

.loading-three {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.3s;
    animation: dot 1.3s infinite;
    animation-delay: 0.3s;
}

@-webkit-keyframes dot {
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes dot {
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

.type-form-list {
    font-style: italic;
    font-size:10px;
}

#planItemPanelGrid tbody,
#planItemPanelGrid tbody tr,
#planItemPanelGrid tbody tr td,
#planAssignDialog tbody,
#planAssignDialog tbody tr,
#planAssignDialog tbody tr td,
.noBorderTable tbody,
.noBorderTable tbody tr,
.noBorderTable tbody tr td,
#scheduleForm tbody,
#scheduleForm tbody tr,
#scheduleForm tbody tr td,
#customScheduleDialog tbody, 
#customScheduleDialog tbody tr,
#customScheduleDialog tbody tr td,
#planAssignDialog tbody tr td {
    border:0 !important;
}
.plangrid table,
.plangrid tbody,
.plangrid tbody tr {
    border:1px solid #fafafa !important;
    width:100% !important;
    background: none !important;
}

#customLengthTable tbody tr td {
    padding: 2px !important;
}

.graybg {
    background-color: #fbfbfb !important;
}

.linenbg {
  background-color: #ebebeb !important;
  background-image: url('/resources/images/linen.png') !important;
  background-position: 0px 0px !important;
  background-repeat: repeat !important;
}

#planItemPanelGrid tbody tr td.graybg1 {
    border-top:1px solid #ccc !important;
    padding-top: 5px !important;
}

#planItemPanelGrid tbody tr td.graybg2 {
    border-bottom:1px solid #ccc !important;
    padding-bottom: 5px !important;
}

.ui-picklist {
    border-radius: 0 !important;
}

.dialog-footer {
    border-top: 1px solid #d1d1d1 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}

.sectiontitle {
    background-color: #e1e7f0 !important;
    height: 15px;
    color: #333 !important;
}

.sectiontitle2 {
    border-bottom: 1px solid red !important;
    height: 3px !important;
}

.padbtm {
    padding-bottom: 10px !important;
}

.middalign {
    height:25px;
    line-height: 25px;
    vertical-align: middle;
    margin-top: 0px !important;
}

.dialoglink {
    display: block !important;
    font-size: 9px !important;
    color: #3565CB !important;
}

.ui-overlaypanel.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.overlaymenu.ui-overlay-visible {
    border-radius: 0 !important
}

.eval-list{
    display:inline;
    font-size:11px;
    font-weight: normal;
    color:#fff;
    background-color: #b4b4b4;
    border:1px solid #b0b0b0;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
    height: 20px;
    line-height: 22px;
    border-radius: 3px;
    white-space:nowrap;
}

#planitemedit .ui-radiobutton{
    margin: 3px 5px 0 5px !important;
}

#districtprefs .ui-radiobutton{
    margin: 3px 5px 0px 6px !important;
}

#planitemedit .ui-radiobutton .ui-radiobutton-box {
    width: 14px !important;
    height: 14px !important;
    line-height: 14px !important;
}

#districtprefs .ui-radiobutton .ui-radiobutton-box {
    width: 12px !important;
    height: 12px !important;
    line-height: 14px !important;
}

#districtprefs .ui-radiobutton .ui-radiobutton-box .ui-icon-bullet {
    width: 9px !important;
    height: 9px !important;
    margin: 1px 1px auto 1px !important;
}

.districtprefs-radiobutton-label {
    font-family: Arial, Helvetica,sans-serif !important;
    font-style: normal;
    font-size: 12px !important;
    color: #333;
}

.ui-icon-bullet {
    margin: 0 !important;
    width: 14px;
    height: 14px;
    background-image: url('/resources/images/icon-radiobutton.png') !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    -webkit-backgorund-size:8px 8px !important;
    background-size: 8px 8px !important;
    -moz-background-size: 8px 8px !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {
    .ui-icon-bullet {
        background-image: url('/resources/images/icon-radiobutton@2x.png') !important;
        -webkit-backgorund-size:8px 8px !important;
        background-size: 8px 8px !important;
        -moz-background-size: 8px 8px !important;
    }
}


.ajax-error-message {
    float:left; margin-top:6px;
}
.btn-bar-message-error {
    color:red;
    font-weight:bold;
}
.btn-bar-message-info {
    color:#0081b1;
    font-weight:normal;
    font-style: italic;
}

#tagTreeDlgForm .tag-tree-icon:before {
    font-family: FontAwesome !important;
    content: "\f02b" !important;
    display: inline-block !important;
    vertical-align: middle !important;
    font-family: FontAwesome !important;
    font-style: normal !important;
    font-weight: normal !important;
    text-decoration: inherit !important;
    color: #3A87AD !important;
    font-size: 12px !important;
}

#tagTreeDlgForm .ui-icon-triangle-1-s,
#tagTreeDlgForm .ui-icon-triangle-1-e,
#tagTreeDlgForm .ui-icon-closethick {
    float:left !important;
    display: block !important;
}

#tagTreeDlgForm .ui-state-highlight,
#tagTreeDlgForm .ui-treenode-label{
    /*  background-image: none !important;
  background-color: #ccc !important;
  border:1px solid #666 !important;
  border-radius: 2px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  display: inline-block !important;
  font-size:11px !important;
  color:#1280bf !important;
  background-color: #cce6f5 !important;
  border: 1px solid #82aec7 !important;
  margin:0 2px 2px 2px !important;
  padding:2px !important;
  border-radius: 3px !important;
  opacity:0.9 !important;
  filter:alpha(opacity=90) !important;*/
    font-size: 12px !important;
    padding:2px !important;
}

#tagTreeDlgForm .ui-state-highlight{
    background-image: none !important;
    background-color: #ccc !important;
    border:1px solid #666 !important;
    border-radius: 2px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    display: inline-block !important;
    font-size:11px !important;
    color:#1280bf !important;
    background-color: #cce6f5 !important;
    border: 1px solid #82aec7 !important;
    margin:0 2px 2px 2px !important;
    padding:2px !important;
    border-radius: 3px !important;
    opacity:0.9 !important;
    filter:alpha(opacity=90) !important;
}

#tagTreeDlgForm .ui-state-hover {
    background-color: #fff !important;
}

#tagTreeDlgForm .ui-icon-triangle-1-e {
    width: 16px;
    height: 16px;
    background-image: url('/resources/images/iconexpand.png') !important;
    background-repeat: no-repeat !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {
    #tagTreeDlgForm .ui-icon-triangle-1-e {
        background-image: url('/resources/images/iconexpand@2x.png') !important;
        -webkit-backgorund-size:16px 16px !important;
        background-size: 16px 16px !important;
        -moz-background-size: 16px 16px !important;
    }
}

#tagTreeDlgForm .ui-icon-triangle-1-s {
    width: 16px;
    height: 16px;
    background-image: url('/resources/images/iconcollapse.png') !important;
    background-repeat: no-repeat !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {
    #tagTreeDlgForm .ui-icon-triangle-1-s {
        background-image: url('/resources/images/iconcollapse@2x.png') !important;
        -webkit-backgorund-size:16px 16px !important;
        background-size: 16px 16px !important;
    }
}


#tagSelDialog .ui-dialog-content {
    padding: 0 !important;
}

#editDialog .ui-dialog-content {
    padding: 0 !important;
}

/*  #tagSelDialog .ui-chkbox {
    background-color: #fff !important;
    border: 1px solid #c1c1c1 !important;
    border-radius: 2px !important;
    box-shadow: inset 0 0 2px rgba(0,0,0,.16) !important;
    background-image: none !important;
  }*/

#tagSelDialog .ui-icon-minus {
    background-position:-50px -130px !important;
}

/*
* FORMS LIBRARY TREE TABLE
*/

.form-lib-folder-name {
    font-size: 14px;
    color: #666666;
    font-weight: bold;
}

.form-lib-form-name {
    color: #222222;
    font-weight: bold;
}

.form-lib-folder-desc {
    display: inline;
    color: #666666;
}

.form-lib-form-desc {
    display: inline;
    color: #666666;
}

#formLibraryTreeTable table {
}
#formLibraryTreeTable thead {
    display:none !important;
}

#formLibraryTreeTable td {
    border: none;
}

#formLibraryTreeTable tr {
    border: thin solid #ddd;
    border-collapse: collapse;
}

#formLibraryTreeTable .ui-icon-triangle-1-s,
#formLibraryTreeTable .ui-icon-triangle-1-e,
#formLibraryTreeTable .ui-icon-closethick {
    float:left !important;
    display: block !important;
}

#formLibraryTreeTable .ui-icon-triangle-1-e {
    width: 16px;
    height: 16px;
    background-image: url('/resources/images/icon-folder-collapsed.png') !important;
    background-repeat: no-repeat !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {
    #formLibraryTreeTable .ui-icon-triangle-1-e {
        background-image: url('/resources/images/icon-folder-collapsed@2x.png') !important;
        -webkit-backgorund-size:16px 16px !important;
        background-size: 16px 16px !important;
        -moz-background-size: 16px 16px !important;
    }
}

#formLibraryTreeTable .ui-icon-triangle-1-s {
    width: 16px;
    height: 16px;
    -webkit-backgorund-size:16px 16px !important;
    background-image: url('/resources/images/icon-folder-expand.png') !important;
    background-repeat: no-repeat !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {
    #formLibraryTreeTable .ui-icon-triangle-1-s {
        background-image: url('/resources/images/icon-folder-expand@2x.png') !important;
        -webkit-backgorund-size:16px 16px !important;
        background-size: 16px 16px !important;
        -webkit-backgorund-size:16px 16px !important;
    }
}

#formLibraryTreeTable .row-class .ui-c {
    visibility: inherit !important;
}

#formLibraryTreeTable .row-document-class .ui-c {
    visibility: inherit !important;
    background-image: url('/resources/images/icon-doc.png') !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {
    #formLibraryTreeTable .row-document-class .ui-c {
        background-image: url('/resources/images/icon-doc@2x.png') !important;
        -webkit-backgorund-size:16px 16px !important;
    }
}

.tooltipoverlay {
    width: 300px !important;
    height: auto !important;
    overflow-y: scroll !important;
    padding: 10px !important;
    border-radius: 0 !important;
}

.activitymenu {
    display: block;
    float:right;
    height: 25px;
    margin: 8px 0 6px 20px;
}

.nostylelink {
    display:inline !important;
    text-decoration: none !important;
    width:auto !important;
    height: auto !important;
    margin: 0 !important;
    border:0 !important;
    box-shadow: none !important;
}

.nostyletable {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: normal;
    margin-right:0px;
}

.nostyletable .ui-datatable-header {
    text-align: center;
    padding: 5px !important;
    border: 1px solid #d8d8d8;
    border-width: 1px 1px 0 1px;
    background-color: #e0e0e0 !important;
    display: none !important;
    /* background-image: -webkit-linear-gradient(top,#fefefe,#eeeeee) !important; */
}

.nostyletable .ui-datatable-footer {
    text-align: center;
    padding: 5px !important;
    border: 1px solid #d8d8d8;
    border-width: 0 1px 1px 1px;
    background-color: #f0f0f0 !important;
    display: none !important;
    /* background-image: -webkit-linear-gradient(top,#fefefe,#eeeeee) !important; */
}

.nostyletable table td a{
    color: blue !important;
    text-decoration: underline !important;
    font-size:12px;
    padding: 2px;
}

.nostyletable table tr th {
    text-align: center;
    padding: 2px;
    height: 25px;
    display: none !important;
}

.nostyletable table td {
    height: 20px;
    border: 1px solid #d8d8d8;
}

.nostyletable table thead th{
    background-color: #fafafa;
    display: none !important;
}

.nostyletable .ui-widget-content {
    border: none;
}

.nostyletable table tbody tr td{
    border: 0px !important;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    padding-top:10px;
}

.nostyletable table thead tr th {
    display: none;
}

.nostyletable table tbody tr {
    border-bottom: 1px dotted #ddd !important;
}

.nostyletable .ui-datatable-even {
    background-color: #fff;
}
.nostyletable .ui-datatable-odd {
    background-color: #fff;
}

.nostyletablegray .ui-datatable-even {
    background-color: #fafafa;
}
.nostyletablegray .ui-datatable-odd {
    background-color: #fafafa;
}

.successcontainer {
    text-align: center;
    padding: 10px;
    vertical-align: middle;
}

.successtext {
    font-family: Arial;
    font-size: 17px;
    font-weight: normal;
    color: #fff;
    margin-top: 20px;
}

.successicon {
    display: block;
    width: 100px;
    height: 75px;
    background-image: url('/resources/images/ok-icon.png') !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    margin: 0 auto;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi){

    .successicon  {
        background-image: url('/resources/images/ok-icon@2x.png') !important;
        -webkit-backgorund-size:100px 75px !important;
        background-size: 100px 75px !important;
        -moz-background-size: 100px 75px !important;
        background-repeat: no-repeat;
    }
}

/*
 * Scrollable dialog CSS
 */


.scrollable-dialog-90 {
    width: 90% !important;
    height: 90% !important;
    max-width: 90%;
    max-height: 90%;
    overflow: auto;
}

.scrollable-dialog-90x95 {
    width: 90% !important;
    height: 95% !important;
    max-width: 90%;
    max-height: 95%;
    overflow: auto;
}

.scrollable-dialog-95 {
    width: 95% !important;
    height: 95% !important;
    max-width: 95%;
    max-height: 95%;
    overflow: auto;
}

#quickreport .ui-dialog,
#pbank .ui-dialog,
#usereditdialog .ui-dialog,
#eventsTabView\:pdAttendeesDialog .ui-dialog,
#eventsTabView\:dialogEventHistory .ui-dialog {
    padding:0 !important;
    border-radius: 5px 5px 0 0 !important;
    overflow: hidden !important;
}

#quickreport .ui-dialog-titlebar,
#pbank .ui-dialog-titlebar,
#usereditdialog .ui-dialog-titlebar,
#eventsTabView\:pdAttendeesDialog .ui-dialog-titlebar,
#eventsTabView\:dialogEventHistory .ui-dialog-titlebar {
    position:absolute !important;
    top:0px;
    left:0px;
    height:30px;
    right:0px;
    overflow:hidden !important;
}

#quickreport .ui-dialog-content,
#pbank .ui-dialog-content,
#usereditdialog .ui-dialog-content,
#eventsTabView\:pdAttendeesDialog .ui-dialog-content,
#eventsTabView\:dialogEventHistory .ui-dialog-content {
    position:absolute !important;
    top:50px;
    bottom:0px;
    left:0px;
    right:0px;
    overflow:auto !important;
}
#batchEditForm .ui-icon-minus{
    margin-left: -2px;
    margin-top: -3px;
}
#batchEditForm .tristatecheckbox .ui-chkbox-box {
    height: 11px !important;
    width: 11px !important;
    border-color: #B2B2B2 !important;
    background-color: #DEDEDE !important;
}
#batchEditForm .tristatecheckbox .ui-corner-all {
    border-radius: 3px !important;
    -moz-border-radius: 3px !important;
}
#batchEditForm\:predeftags_panel {
    width: 400px;
}
#batchEditForm\:opttags_panel {
    width: 400px;
}
#batchEditForm\:tagging_content{
    overflow-y: auto;
    height: 100px;
}

div.ui-selectonemenu-items-wrapper > ul > li {
    white-space : normal !important;
}
div.ui-selectcheckboxmenu-items-wrapper > ul > li > label {
    white-space : normal !important;
}
div.ui-selectcheckboxmenu-items-wrapper > ul > li > div.ui-chkbox.ui-widget {
    top: inherit !important;
    margin-top: auto !important;
}

#userSearch {
    position: absolute;
    font-size: 14px;
    color: #aaa;
}
#userSearch input {
    height: 21.4px;
    padding-left: 25px;
}
#userSearch .fa-times-circle {
    position: absolute;
    top: 7px;
    right: 5px;
    cursor: pointer;
}
#userSearch .fa-search {
    position: absolute;
    top: 7px;
    left: 5px;
}

.attendeeLimit > tbody > tr > td:nth-child(1) {
    width: 80px;
}
.waitlistLimit > tbody > tr > td:nth-child(1) {
    width: 80px;
}
.attendance-req-status {
    display: inline;
    font-size: 11px;
    font-weight: normal;
    margin: 4px !important;
    border: 1px solid;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
    height: 20px;
    border-radius: 3px;
    white-space: nowrap;
}
#eventsTabView\:attendeeStatusList_panel > div.ui-selectcheckboxmenu-header .ui-chkbox {
    display:block;
}

#formLibrarySearch {
    display: inline-block;
    position: relative;
    font-size: 14px;
    color: #aaa;
}
#formLibrarySearch input {
    width: 244px;
    height: 18px;
    padding-left: 20px;
}
#formLibrarySearch .fa-times-circle {
    position: absolute;
    top: 5px;
    left: 250px;
    cursor: pointer;
}
#formLibrarySearch .fa-search {
    position: absolute;
    top: 4px;
    left: 5px;
}
/* Styles for search bar in tags browser */
.fa-times-circle-tag-browser {
    position: absolute;
    top: 6px;
    left: 355px;
    cursor: pointer;
}
.fa-search-tag-browser {
    position: absolute;
    top: 5px;
    left: 25px;
}
/* CSS for form multi select in Data Explorer */
#filterParams\:dataExplorerFormFilter_panel .ui-chkbox {
    display: inline !important;
}

/* CSS for type multi select in Data Explorer */
#filterParams\:dataExplorerTypeFilter_panel .ui-chkbox {
    display: inline !important;
}

#rubricStateForm\:statusId div.ui-radiobutton-box.ui-widget.ui-corner-all.ui-state-default,
#rubricstatusId div.ui-radiobutton-box.ui-widget.ui-corner-all.ui-state-default {
    width: 12px;
    height: 12px;
}

#rubricStateForm\:statusId div.ui-radiobutton-box.ui-widget {
  margin-left: 6px;
}

#rubricStateForm\:statusId label {
  margin-left: 3px;
}

#rubricStateForm\:statusId span.ui-icon-bullet,
#rubricstatusId span.ui-icon-bullet {
    width: 12px;
    height: 12px;
}

#changeStatusForm\:statusId div.ui-radiobutton-box.ui-widget.ui-corner-all.ui-state-default {
    width: 12px;
    height: 12px;
}

#changeStatusForm\:statusId div.ui-radiobutton-box.ui-widget {
    margin-left: 6px;
}

#changeStatusForm\:statusId label {
    margin-left: 3px;
}

#changeStatusForm\:statusId span.ui-icon-bullet {
    width: 12px;
    height: 12px;
}

#rubricstatusId fieldset {
    border:1px solid #d8d8d8;
}
.hideTableRow {
    display: none;
}
/* CSS class for form filter. */
.rubricstatuslink {
    display:inline-block;
    float: left;
    width: 100%;
    height: 90px;
    color: #fff;
}

.rubricstatuslink:hover{
    color:#fff;
}

.filterboxleftradius {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.filterboxrightradius {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.unpublisheditems {
    background-color: #2cabe0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.unpublisheditemsh {
    background-color: #2cabe0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.unpublisheditems:hover {
    background-color: #289dcd!important;
}

.publisheditems {
    background-color: #94b758;
}

.publisheditemsh {
    background-color: #94b758;
}

.publisheditems:hover {
    background-color: #748f45 !important;
}

.restricteditems {
    background-color: #f3c536;
}

.restricteditemsh {
    background-color: #f3c536;
}

.restricteditems:hover {
    background-color: #d8af30;
}

.supersededitems {
    background-color: #fa7b58;
}

.supersededitemsh {
    background-color: #fa7b58;
}

.supersededitems:hover {
    background-color: #d76a4c;
}

.archiveditems {
    background-color: #bd4753;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.archiveditemsh {
    background-color: #bd4753;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.archiveditems:hover {
    background-color: #ad2d3c;
}

#customScheduleDetailsMONTHLY .customRadioButton.ui-radiobutton {
    margin: 3px 5px 0px 6px !important;
}

#customScheduleDetailsMONTHLY .ui-radiobutton .ui-radiobutton-box {
    width: 12px !important;
    height: 12px !important;
    line-height: 14px !important;
}

#customScheduleDetailsMONTHLY .ui-radiobutton .ui-radiobutton-box .ui-icon-bullet {
    width: 9px !important;
    height: 9px !important;
    margin: 1px 1px auto 1px !important;
}

/* Style for keyword filter keywordfilter.xhtml */
.keywordFilter {
  width: 240px;
  display: inline-block !important;
  position: relative;
  color: #aaa;
}
.keywordFilter .searchicon {
  position: absolute;
  top: 13px;
  left: 6px;
}
.keywordFilter input {
  width: 188px;
  height: 30px;
  font-size: 14px;
  padding: 5px 26px 0 26px;
}
.keywordFilter .clearicon {
  position: absolute;
  top: 13px;
  right: 6px;
  cursor: pointer;
}

.credit-category-overlay {
    padding: 0 15px !important;
}

.credit-categories a {
    word-wrap: break-word;
    word-break: break-all;
}
.newFormSearchForm {
  margin-top: 20px;
  margin-bottom: 13px;
}

#formSearch .fa-search {
  position: absolute;
  top: 26px;
  left: 312px;
  color: #aaa;
}

#formSearch .fa-times-circle {
  position: absolute;
  right: 21px;
  top: 26px;
  cursor: pointer;
  color: #aaa;
}

#userSearch input {
  padding-left: 25px;
}

#formSearchInput {
  margin-left: 14px;
  width: 305px;
  padding-left: 25px;
}

.question-option-table table {
    width: 100%;
}

.question-option-table-1 tr {
    width: 100%;
}
.question-option-table-2 tr {
    width: 50%;
}
.question-option-table-3 tr {
    width: 33%;
}
.question-option-table-4 tr {
    width: 25%;
}

.question-option-table tr {
    float: left;
    margin-top:4px;
}

.loading-background {
    background: url('/resources/images/processing.gif') no-repeat center;
}

.importwatermark {
    background: url('/resources/images/watermark_imported.png') no-repeat center;
    top: 80px;
    left: -1px;
    position: absolute;
    opacity: 0.3;
    font-family: "Courier New", Courier, monospace;
    font-size: 10em;
    width: 100%;
    text-align: center;
    z-index: 77;
}

.ps-dark-grey {
    color:RGB(86,86,87);
}

.user-license-btn {
    position: absolute;
    top: 10px;
    right: 5px;
}

.user-autocomplete .ui-autocomplete-input {
    border-radius: 4px !important;
    height: 18px !important;
    font-size: 11px !important;
    padding-left: 5px !important;
}

.user-autocomplete .ui-button-icon-only {
    border-radius: 4px !important;
    width: 24px !important;
    height: 24px !important;
    position: relative!important;
    left: -8px!important;
    top: 2px!important;
}

.user-autocomplete.ui-autocomplete-multiple .ui-button-icon-only {
    left: -29px!important;
    top: 0px!important;
}

.ui-autocomplete-panel {
    width: auto !important;
}

.report-user-autocomplete .ui-button-icon-only {
    right: 0px !important;
    top: 1px !important;
}

.report-user-autocomplete.ui-autocomplete-multiple .ui-button-icon-only {
    right: -2px !important;
    top: 0px !important;
}

.report-user-autocomplete .ui-autocomplete-input-token input {
    border-radius: 4px !important;
    height: 18px !important;
    font-size: 11px !important;
    padding-left: 5px !important;
    margin: 0px;
}

.report-user-autocomplete .ui-autocomplete-multiple-container.ui-inputfield {
    width: auto !important;
    max-width: 320px;
    max-height: 150px;
    overflow-y: auto;
    padding-right: 0px !important;
    margin-right: 23px !important;
}

.report-user-autocomplete .ui-autocomplete-input-token {
    margin: 0;
}

#userSelectMenuReports .ui-autocomplete-token,
#rubricSelectMenuReports .ui-autocomplete-token,
#authorSelectMenuReports .ui-autocomplete-token {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    color: #fff !important;
    background-color: #48ace5 !important;
    border: 1px solid #1f80b8 !important;
    margin-top: 5px !important;
    white-space: normal;
    padding: 2px !important;
    border-radius: 3px !important;
    opacity: 0.9 !important;
    filter: alpha(opacity=90) !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
#userSelectMenuReports .ui-icon-close:before,
#rubricSelectMenuReports .ui-icon-close:before,
#authorSelectMenuReports .ui-icon-close:before {
    color: #fff !important;
}

.mobileCapablePanel p {
    color: #333;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold;
    padding-left: 3px;
    padding-bottom: 3px;
}

.li-credit-references::before {
    content: "•"; color: black;
    font-weight: bold;
    display: inline-block; width: 1em;
}

.table-no-header thead {
    display: none;
}

.logintable {
    position: fixed;
    left: 50%;
    top: 40%;
    z-index: 100;
    height: 350px;
    margin-top: -250px;
    width: 400px;
    margin-left: -400px;
}

@media screen and (max-height: 680px){
    .logintable {
        position: fixed;
        left: 50%;
        width: 800px;
        height: 480px;
        z-index: 100;
        overflow: scroll;
    }
}

@media screen and (max-width: 740px) {
    .logintable {
        position: fixed;
        left: 60%;
        width: 640px;
        height: 500px;
        z-index: 100;
        overflow: scroll;
    }
}

@media screen and (max-width: 740px) and (max-height: 680px) {
    body {
        position: fixed;
        left: 60%;
        width: 640px;
        z-index: 100;
        overflow-y: scroll;
    }
}

.reimbursementTable{
    width:100px !important; 
    max-width: 150px;  
    vertical-align: middle !important;
}

.reimbursementDeleteAll{
    display:inline;
    margin-top:5px; 
    margin-right: 30px;
    color: red !important; 
    text-decoration: underline !important;
}

.columnText {
    width: 3%;
    text-align: center;
}

.columnInteger{
    width: 3%;
    text-align: right;
}

span.required:before, label.required:before {
    color: red;
    font-size: large;
    content: "*";
}
input[type=file]{
    display: none;
}

.elapsedTime {
    display: inline-block;
    width: 340px;
    text-align: center;
    margin: auto;
}
.elapsedTime .label {
    padding: 0px;
    margin: 3px 10px 0px 10px;
    width: 95px;
    float: left;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
}
.elapsedTime .timerValue {
    color: white;
    background-color: #808080b8;
    border-radius: 2px;
    font-size: 18px !important;
    font-weight: bold !important;
    padding: 4px 4px 2px 4px;
    float: left;
    margin-top: -3px;
}
.elapsedTime .colon {
    color: #808080b8;
    font-size: 18px !important;
    font-weight: bold !important;
    float: left;
}
.elapsedTime .elapsedbutton {
    margin-left: 10px !important;
    padding: 5px 7px !important;
    width: 27px;
    float: left;
    margin-top: -1px;
}
.elapsedTime span.elapsedbutton {
    border-color: gray !important;
    background-color: gray !important;
    background-image: none !important;
}

.multiselectlanguageform .ui-selectcheckboxmenu-label-container {
    display: block;
}


.userBadgesTabView .badgeTitle {
    font-size:16px;
}

.userBadgesTabView .badgeField {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333;
    font-style: normal;
}

.userBadgesTabView .badgeIssuerLink {
    color: #0081b1 !important;
    text-decoration: underline;
}

.userBadgesTabView .ui-panelgrid-cell {
    border: none !important;
}

.badge-type-filter .pddashstatuslink {
    height: auto;
    width: 125px;
}

.badge-type-filter ul,
.badge-type-filter .pddatacomp {
    margin: 0;
}

.badge-type-filter .horizontal-style li {
    display: table-cell;
}

.badge-type-filter .horizontal-style {
    padding-inline-start: 0px;
}

.badge-type-filter .horizontal-style a {
    display: block;
    text-align: center;
}

.badge-type-filter .svalue {
    font-size: 26px;
}

.badge-type-filter .stitle {
    font-size: 12px;
}

.badge-type-filter .stitle {
    font-weight: normal;
}

.badge-type-filter .sumbox {
    padding-top: 4px;
    height: 46px;
}

.earnedFilter {
    background-color: rgb(47, 154, 220);
}

.earnedDeesh {
    background-color: rgb(47, 154, 220);
}

.earnedFilter:hover {
    background-color: rgb(17, 124, 220);
}

.earnedBadge.infodetails {
    background-color: rgb(245, 251, 255);
}

.importedFilter {
    background-color: rgb(95, 76, 131);
}

.importedDeesh {
    background-color: rgb(95, 76, 131);
}

.importedFilter:hover {
    background-color: rgb(65, 46, 131);
}

.importedBadge.infodetails {
    background-color: rgb(243, 237, 255);
}

.partially_earnedFilter {
    background-color: rgb(240, 188, 24);
}

.partially_earnedDeesh {
    background-color: rgb(240, 188, 24);
}

.partially_earnedFilter:hover {
    background-color: rgb(210, 158, 24);
}

.partially_earnedBadge.infodetails {
    background-color: rgb(255, 250, 234);
}

.availableFilter {
    background-color: rgb(150, 150, 150);
}

.availableDeesh {
    background-color: rgb(150, 150, 150);
}

.availableFilter:hover {
    background-color: rgb(118, 118, 118);
}

.availableBadge.infodetails {
    background-color: rgb(245, 245, 245);
}

.link-disabled {
    color: #333 !important;
    background-image: none !important;
    background-color: #fff !important;
    opacity: 0.9 !important;
    font-size: 1em !important;
    text-decoration: underline !important;
}

.ui-picklist-filter.ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all{
    margin-bottom: 10px;
}

.v-align-middle {
    vertical-align: middle;
}

#reportfiltercontainer .ui-radiobutton .ui-radiobutton-box {
    width: 14px;
    height: 14px;
}

.skip-to-main-content-link {
    background-color: white;
    border: 1px black solid;
    padding: 0.2em;
    left: -1000px;
    top: auto;
    position: absolute;
    transform: translateX(-1000px);
}

.skip-to-main-content-link:focus-within {
    position: static;
    transform: translateX(50px);
}

div.ui-button:focus, div.ui-button:focus-within {
    border: 3px solid #3565CB;
    outline: 3px solid #3565CB;
    color: #3565CB;
}

.ui-tabs-outline {
    border: 2px solid #3565CB;
    outline: 2px solid #3565CB;
    color: #3565CB;
}

.ui-tabs-outline:focus {
    border: 2px solid #3565CB;
    outline: 2px solid #3565CB;
    color: #3565CB;
}

.ui-state-focus:focus, .ui-chkbox-box.ui-state-focus {
    border: 2px solid #3565CB;
    outline: 2px solid #3565CB;
    color: #3565CB;
}

div#mymodebar li a {
    padding-top: 10px;
}

#scheduleEvents_data tr.ui-state-hover {
    border: 2px solid #3565CB !important;
    outline: 2px solid #3565CB !important;
    color: #3565CB;
}


.ui-fileupload-upload.ui-button.hidden,
.ui-fileupload-cancel.ui-button.hidden {
    display: none;
}

.coursesTable.ui-datatable .ui-datatable-data tr.ui-state-hover {
    border: 2px solid #3565CB !important;
    outline: 2px solid #3565CB !important;
    color: #3565CB;
}

#eventsTabView .coursesTable .ui-state-highlight.ui-state-hover, #eventsTabView .coursesTable  .ui-widget-content .ui-state-highlight.ui-state-hover, #eventsTabView .coursesTable  .ui-widget-header .ui-state-highlight.ui-state-hover {
    color: #ffffff !important;
    text-decoration: none !important;
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)) !important;
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3) !important;
    background-image: -o-linear-gradient(top, #0088cc, #0077b3) !important;
    background: #0081c2 0 linear-gradient(to bottom, #0088cc, #0077b3) repeat-x !important;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0) !important;
}

div.ql-editor {
    background: white;
}


div.ui-editor-toolbar.ql-toolbar {
    background-color: #fafafa;
}

.p-menu .ui-menuitem-text {
    width: 87%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.p-menu.ui-menu {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 500px;
}

#main {
    display: contents;
}

/* Back to Top Button Styles */
.back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    width: 30px;
    height: 50px;
    background-color: transparent;
    border: 2px solid #6d96d1 !important;
    border-radius: 8px !important;
    padding: 0;
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 50px;
    z-index: 9999;
    transition: all 0.3s ease;
    opacity: 0;
    outline: none;
}

.back-to-top:hover {
    border: 2px solid #6d96d1 !important;
    background-color: transparent;
}

.back-to-top i {
    transition: all 0.3s ease;
}

.back-to-top.show {
    display: flex;
    opacity: 1;
    border: 2px solid #6d96d1 !important;
}

.back-to-top:active i {
    transform: translateY(-1px);
}

/* Adjust position for forms with different layouts */
.formcontainersimple .back-to-top,
.formcontainersimplereview .back-to-top {
    right: 20px;
    bottom: 20px;
}

/* Print media - hide button when printing */
@media print {
    .back-to-top {
        display: none !important;
    }
}