* {
    margin: 0;
    padding: 0;
}

body {
    color: #221510;
    font: normal 14px / 120% 'Dosis';
    text-align: center;
    overflow: hidden;
}

body * {
    text-align: left
}

a {
    text-decoration: none
}

a img {
    border: none
}

h1 {
    font-size: 12px;
    line-height: 22px
}

p {
    margin: 0 10px
}

div.separator {
    display: flex;
    align-items: center;
    text-align: center;
}

div.separator::before,
div.separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #ccc;
}

div.separator:not(:empty)::before {
    margin-right: .25em;
}

div.separator:not(:empty)::after {
    margin-left: .25em;
}

h-2{
    height: 2px;
}

.zero {
    height: 0 !important;
    overflow: hidden;
}

.five {
    height: 5px;
    overflow: hidden;
}

.lightGreen {
    background: #0daaf8
}

.hr {
    height: 1px;
    background: #cebfd2;
    margin: 10px 0
}

.filter {
    display: block;
    color: #000;
    padding: 2px 4px;
    background: #DDD;
    border: solid 1px #cebfd2;
    margin: 2px;
    text-align: center;
}

.filter:hover, .filter.active {
    background: #cebfd2
}

select.filter {
    padding: 0 !important;
}

select.filter:hover {
    background: #DDD
}

fieldset.filterContainer {
    margin-left: 2px;
    float: left
}

.visible {
    display: block !important;
}

.leftColumn {
    width: 204px
}

.rightColumn {
    /*width: 830px*/
}

.fullWidth {
    width: 100% !important
}

.fullHeight {
    height: 100% !important
}

.first-page {
    line-height: 25px;
    padding: 0 10px;
    position: relative;
}

.first-page a {
    color: #278af8
}

.first-page a:hover {
    text-decoration: underline
}

div#header {
    height: 100px;
    border: none;
    margin: 0;
    padding: 0;
}

#header .leftColumn {
    text-align: center;
}

#header .leftColumn .companyLogo img {
    height: 48px
}

#header .rightColumn input {
    float: left;
    border: solid 1px #0daaf8;
    color: #404041;
    height: 25px;
    line-height: 22px;
    padding: 0 5px;
    width: 200px;
    margin: 38px 0 0 0;
    border-radius: 5px;
}

#header .rightColumn button {
    float: left;
    line-height: 25px;
    padding: 0 5px;

    background-color: Transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;

    outline: none;
    margin: 44px 0 0 -25px;
}

#header .rightColumn .faroLogo {
    float: right
}

#header .rightColumn .faroLogo img {
    margin: 10px 20px 0;
    height: 80px
}

#header .rightColumn .pageDescription {
    height: 64px;
    margin: 12px 8px 12px 0;
    padding: 5px 20px 5px 5px;
    border: solid 1px #ccc;
    color: #404041;
    overflow: hidden;
}

#header .rightColumn .pageDescription .closePageDescription {
    position: absolute;
    right: 21px;
    float: right;
    width: 14px;
    height: 14px;
    border: solid 1px #0daaf8;
    cursor: pointer
}

#header .rightColumn .pageDescription .closePageDescription:hover {
    border-color: #404041;
    background-color: #cebfd2
}

#header .rightColumn .pageDescription p {
    margin: 0
}

#header .rightColumn .openPageDescription {
    display: none;
    position: absolute;
    top: 0;
    right: 12px;
    padding: 0 12px;
    line-height: 22px;
    border: solid 1px #0066B3;
    border-top: none;
    background: #ccc;
    cursor: pointer
}

#menu {
    line-height: 30px
}

#menu .leftColumn h1 {
    display: block;
    background: #B2B3B5;
    color: #FFF;
    padding-left: 10px;
    height: 30px;
    line-height: 30px;
}

#menu .leftColumn {
    text-align: center;
    color: #0066B3
}

#menu .leftColumn a {
    padding: 4px 5px;
    color: #404041;
    border: solid 1px #ccc;
    background: #FFF;
    margin: 0 3px
}

#menu .rightColumn {
    background: #B2B3B5;
    border-right: solid 4px #B2B3B5
}

#menu .rightColumn form.filterForm {
    display: inline;
    color: #FFF;
}

#menu .rightColumn form.filterForm label {
    padding: 0 5px 0 15px;
}

#menu .rightColumn input[type=submit] {
    background: url(../../img/search-icon-green.gif) left center no-repeat;
    border: none;
    width: 45px;
    text-align: right;
    color: #FFF;
    cursor: pointer;
    height: 14px;
    margin: 2px 10px;
    font-family: 'Dosis', sans-serif;
    font-size: 11px
}

#menu .rightColumn input[type=text] {
    background: url(../../img/date_time_search.gif) right center no-repeat;
    cursor: pointer;
    border: 1px solid #999;
    width: 100px;
    padding: 0 5px;
    color: #0daaf8;
    height: 14px;
    margin: 2px 0;
    font-family: 'Dosis', sans-serif;
    font-size: 11px
}

#menu .rightColumn a {
    margin: 0 10px;
    color: #000;
    padding-left: 25px;
    background: no-repeat left;
    font-size: 15px;
    display: inline-block
}

#menu .rightColumn a:hover {
    text-decoration: underline
}

#menu .rightColumn a.delete {
    /*background-image: url('../../img/delete-icon.png')*/
}

#menu .rightColumn a.deleteFile {
    background-image: url('../../img/delete-comment-green.gif')
}

#menu .rightColumn a.copy {
    background-image: url('../../img/icon-copy.jpg')
}

#menu .rightColumn a.paste {
    background-image: url('../../img/icon-paste.jpg')
}

#menu .rightColumn a.email {
    background-image: url('../../img/icon-email.jpg')
}

#menu .rightColumn a.logout {
    background-image: url('../../img/user-login-green.gif')
}

#menu .rightColumn a.edit {
    /*background-image: url('../../img/edit-icon.png')*/
}

#menu .rightColumn a.save {
    background-image: url(../../img/icon-save.jpg)
}

#menu .rightColumn a.clone {
    background-image: url(../../img/icon-reload.jpg)
}

#menu .rightColumn a.upload {
    /*background-image: url(../../img/icon-upload.jpg)*/
}

#menu .rightColumn a.listOptions {
    /*background-image: url(../../img/check-green.gif);*/
}

/*#menu .rightColumn a.restore {*/
/*background-image: url('../img/icon-recycle.jpg');*/
/*}*/

#menu .rightColumn a.exportExcel {
    background-image: url('../../images/site/export_excel.png')
}

#content {
}

#content .leftColumn { /*overflow-y: scroll;*/
}

#content .leftColumn h1 {
    display: block;
    background: #B2B3B5;
    color: #FFF;
    padding-left: 10px;
    height: 31px;
    line-height: 31px;
}

#content .leftColumn ul.main-menu {
    display: block;
    overflow-y: auto;
    overflow-x: hidden
}

#content .leftColumn ul.main-menu i.fas, #content .leftColumn ul.main-menu i.far {
    width: 26px;
    height: 26px;
    margin: 7px 5px;
    color: #fff;
    text-align: center;
    line-height: 26px;
    background: url("../../img/menu_icon_bk.png") no-repeat
}

#content .leftColumn ul.main-menu li {
    display: block;
    min-height: 40px;
    height: auto;
    line-height: 1em;
    padding-left: 5px;
    font-weight: bold;
    background: url('../../img/main-menu-bb.png') no-repeat 5px bottom
}

#content .leftColumn ul.main-menu li.five {
    height: 2px;
    overflow: hidden;
}

#content .leftColumn ul.main-menu li.hover {
    background: #DFDFDF;
}

#content .leftColumn ul.main-menu li.Active {
    font-weight: bold;
    border-left: 3px solid #0DAEF0;
    padding-left: 2px
}

#content .leftColumn ul.main-menu li a {
    color: #0daef0;
    display: inline-block;
    vertical-align: middle;
    width: 125px
}

#content .leftColumn ul.main-menu li.hover a {
    color: #444
}

#content .leftColumn ul.main-menu li.Active a {
    color: #8F8F8F;
}

#content .leftColumn ul.main-menu li img {
    padding: 7px 5px;
    vertical-align: middle
}

#content .leftColumn ul.main-menu li.Active img {
    padding-left: 2px
}

#content .rightColumn {
    overflow-y: auto;
    overflow-x: auto;
    /*height: 40px;*/
    /*width: 780px;*/
    border-left: solid 4px #B2B3B5;
    position: relative;
}

#content .rightColumn .questWrapper {
    margin: 20px;
    font-size: 12px
}

#content .rightColumn .questWrapper .noQuest {
    color: #51B034;
    font-weight: bold
}

#content .rightColumn .questWrapper a {
    color: #51b034;
    text-decoration: underline
}

#content .rightColumn .questWrapper a.red {
    color: #b02913
}

#content .rightColumn .questWrapper a:hover {
    text-decoration: none
}

#content .rightColumn .questWrapper ul {
    list-style: circle;
    padding-left: 20px;
    margin-top: 10px
}

#content .rightColumn .questWrapper ul li {
    padding: 5px 0
}

#content .rightColumn .questWrapper span.title {
    color: #0066B3;
    font-weight: bold;
    font-size: 13px
}

#content .rightColumn .questWrapper #timeleft {
    font-weight: bold;
    color: #b02913
}

#content .rightColumn .questWrapper .questionBody {
    padding: 10px;
    border: 1px solid #ccc;
    margin: 50px 0
}

#content .rightColumn .questWrapper #answers {
    margin-top: 20px
}

#content .rightColumn .questWrapper #answers .answer {
    margin: 7px 0
}

#content .rightColumn .questWrapper .answer input {
    float: left
}

/* FILES */
table#fileContainer {
    width: 100%;
    margin: 2px auto;
    border-spacing: 1px 0;
    font-size: 12px /*border-radius: 5px;-moz-border-radius: 5px*/
}

table#fileContainer {
    cursor: default;
}

table#fileContainer a {
    color: #000
}

table#fileContainer thead tr th {
    padding: 5px;
    background: #0066B3;
    cursor: pointer;
    line-height: 16px;
    color: #FFF;
}

table#fileContainer thead tr th.supplier-user-type {
    cursor: default;
}

table#fileContainer thead tr th.order-asc {
    background: #0066B3 url(../../img/orderArrowUp.png) no-repeat 95% center;
}

table#fileContainer thead tr th.order-desc {
    background: #0066B3 url(../../img/orderArrowDown.png) no-repeat 95% center;
}

table#fileContainer thead tr th:hover {
    background: #404041;
    color: #FFF
}

table#fileContainer tbody tr td {
    padding: 5px;
    border-bottom: solid 1px #CCC;
    line-height: 14px;
}

table#fileContainer tr .checkBoxWrapper {
    width: 11px;
}

th:first-child, td:first-child {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

th:last-child, td:last-child {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

table#fileContainer tbody tr.even td {
    background: #f5f5f5
}

table#fileContainer tbody tr.odd td {
    background: #d7edfd
}

table#fileContainer tbody tr:hover td {
    background: #FFE4AF;
    color: #000000
}

table#fileContainer tbody tr.actionsTr th {
    background: #9ec1ff;
    color: #000;
}

table#fileContainer tbody tr.actionsTr table tr:hover td {
    background: #FFE4AF;
    color: #000;
}

table#fileContainer tbody tr:hover a {
    color: #000
}

table#fileContainer tbody tr:hover .hr {
    background: #0066B3
}

table#fileContainer tbody tr a:hover {
    text-decoration: underline
}

table#fileContainer tbody td h2 {
    font-size: 15px;
    line-height: 120%;
    margin: 0
}

table#fileContainer tbody td h2 span {
    font-size: 11px
}

/*table#fileContainer tbody td strong {font-size: 12px; cursor: pointer}*/
table#fileContainer tbody td span {
    line-height: 17px
}

#content .rightColumn.pagination {
    height: 29px;
    border-top: solid 1px #404041;
    line-height: 29px;
    overflow: hidden;
    background: #DDD;
    text-align: right
}

#content .rightColumn.pagination ul {
    float: right
}

#content .rightColumn.pagination li {
    float: left
}

#content .rightColumn.pagination li.pagOverview {
    font-weight: bold;
    padding-right: 10px;
}

#content .rightColumn.pagination li a {
    background: #CCC;
    padding: 3px 5px;
    margin: 0 2px;
    color: #404041
}

#content .rightColumn .pagination li a:hover {
    background: #404041;
    color: #FFF
}

#content .rightColumn.pagination li.currentPage a {
    background: #404041;
    color: #FFF
}

#content .rightColumn.pagination li.page-disabled {
    padding: 0 5px;
}


#content ol.contextMenu {
    position: absolute;
    overflow: auto;
    list-style: none;
    left: -20000px;
    z-index: 300;
    background: #FFF;
    padding: 4px;
    border: 1px solid #CCC;
    max-height: 150px;
}

#content ol.contextMenu li {
    border-bottom: 1px solid #E2E2E2;
    padding: 5px;
}

#content ol.contextMenu > li {
    background: #EEEEEE;
}

#content ol.contextMenu > li.listOfSemaphore > a {
    display: flex;
    align-items: center;
    gap: 5px;
}

#content ol.contextMenu li.last {
    border: 0;
}

#content ol.contextMenu li:hover {
    background: #F2F2F2;
}

#content ol.contextMenu li a {
    color: #666;
    display: block;
}

#content ol.contextMenu li a:hover {
    color: #000;
}

table#meetingContainer tbody tr td {
    padding: 5px;
    border-bottom: solid 1px #CCC;
    line-height: 14px;
}

table#actionplanContainer tbody tr td {
    padding: 5px;
    border-bottom: solid 1px #CCC;
    line-height: 14px;
}

form#sendByEmail label {
    line-height: 16px
}

form#sendByEmail input {
    margin-top: 2px;
    width: 240px;
    height: 22px;
    border: solid 1px #0066B3
}

div.userActions {
    float: right;
    width: 380px;
}

div.userActions a, div.userActions div.box {
    float: right;
}

div.userActions div.box {
    padding: 3px 5px;
    background: #BDCCD4;
}

div.userActions div.second {
    margin-right: 10px;
}

div.userActions div.second a {
    padding: 0 5px;
    border-right: 1px solid #FFF;
}

div.userActions div.second a.editRecord {
    border: none;
}

div.calendar_controller div.userActions div.second a.addNewRecord {
    border: none;
}

div.userActions a {
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
}

div.userActions a.last {
    border: none !important;
}

div.ui-widget ul {
    list-style: none;
}

div.ui-widget ul li {
    padding: 2px 0;
}

div.ui-widget ul li.pagination select {
    border: 1px solid #FFF;
    width: 50px;
    background: #FFF;
    padding: 5px 0;
    margin-bottom: 5px;
}

div.ui-widget ul li div.fieldToDisplay {
    padding: 3px 5px;
    float: left;
    width: 46%;
}

div.add-edit-Form {
    /*width: 800px;*/
    margin-left: 15px
}

div.add-edit-Form.customEdit {
    width: 90%;
    position: relative;
    top: 30%;
    left: 7%;
}

div.add-edit-Form li {
    padding: 5px 5px 5px 0;
    float: left;
    width: 49%;
    color: #666;
    overflow: hidden
}

div.add-edit-Form li.doubleField {
    width: 90%;
}

div.add-edit-Form li.doubleFieldXL {
    width: 99%;
}

div.add-edit-Form li.editItems {
    font-size: 13px;
}

div.add-edit-Form li.right {
    width: 148px
}

div.add-edit-Form li label {
    display: block;
    width: 75%;
    padding-right: 5px;
    line-height: 20px;
    font-size: 13px
}

div.add-edit-Form li label.posLeft {
    width: 178px;
}

div.add-edit-Form li.doubleField label {
    width: 50%;
}

div.add-edit-Form li.doubleField.longLabel label {
    width: 500px;
}

/*div.add-edit-Form ul.uploadForm li {float: none}*/

div.add-edit-Form li.doubleField label.w33 {
    width: 155px;
}

div.add-edit-Form li input {
    width: 91%;
    padding: 2px 5px;
    height: 14px;
    border: 1px solid #BDCCD4;
}

div.add-edit-Form li input[type="file"] {
    padding: 0;
    height: 20px;
    border: none
}

div.add-edit-Form li.doubleField input {
    width: 95%;
}

div.add-edit-Form li.doubleField select {
    width: 99%;
}

div.add-edit-Form li.meeting-date-hour {
    height: 50px;
}

div.add-edit-Form li.meeting-date-hour input {
    width: 125px;
}

div.add-edit-Form li.meeting-date-hour select {
    width: 60px;
    height: 20px;
}

div.add-edit-Form li.actionplan-date-hour input {
    width: 125px;
}

div.add-edit-Form li.actionplan-date-hour select {
    width: 60px;
}

div.add-edit-Form li.inputTextRight input {
    text-align: right;
}

div.add-edit-Form li.doubleField #topics textarea {
    width: 420px;
    padding: 2px 5px;
    height: 48px;
    border: 1px solid #BDCCD4;
}

div.add-edit-Form li.doubleField #topics input[type=button] {
    margin-bottom: 3px;
}

div.add-edit-Form li .fieldError {
    border: 1px solid red;
}

div.add-edit-Form li input.fileUpload {
    height: 24px;
    border: none;
    margin-left: -30px;
    background: #EEE;
}

div.add-edit-Form div input.fileUpload {
    height: 24px;
    width: 300px;
    border: none;
    margin-left: -5px;
    background: #EEE;
}

div.add-edit-Form li select {
    width: 93%;
    border: 1px solid #BDCCD4;
    margin-top: -1px; /* fixes wrong new line position on subsequent li entries */
}

div.add-edit-Form li textarea {
    width: 234px;
    padding: 2px;
    /*height: 107px;*/
    border: 1px solid #BDCCD4
}

div.add-edit-Form li .fieldError {
    border: 1px solid red;
}

div.add-edit-Form li input.datetimeDate {
    width: 76px;
    float: left
}

div.add-edit-Form li select.dateTimeHours {
    width: 76px;
    float: left;
    margin-left: 2px
}

div.add-edit-Form li select.dateTimeMinutes {
    width: 76px;
    float: left;
    margin-left: 2px
}

div.add-edit-Form li input.fileUpload {
    height: 24px;
    width: 300px;
    border: none;
    margin-left: 0;
    background: #EEE;
}

div.add-edit-Form li.doubleField textarea {
    width: 99%;
    /*height: 150px;*/
}

div.add-edit-Form li input#noOfCharacters {
    width: 50px;
    float: left
}

div.add-edit-Form li label[for=noOfCharacters] {
    width: 173px;
    float: left
}

div.add-edit-Form div.formActions {
    clear: both;
    height: 27px;
    padding-top: 15px;
    text-align: center
}

div.add-edit-Form div.formActions button, div.add-edit-Form div.formActions input[type=submit] {
    border: 1px solid #BDCCD4;
    /*height: 22px;*/
    background: #EEE;
    font-size: 13px;
    cursor: pointer;
    margin-right: 10px;
    border-radius: 5px;
    width: 10%;
    text-align: center;
    text-decoration: underline;
}

div.add-edit-Form fieldset {
    padding-left: 15px;
    width: 510px;
    border: solid 1px #BDCCD4;
    margin-bottom: 10px
}

div.add-edit-Form fieldset legend {
    font-size: 13px;
    font-weight: bold;
    padding: 0 10px
}

div.add-edit-Form fieldset.multiselect {
    padding: 10px 10px 20px
}

div.add-edit-Form fieldset.multiselect li {
    width: 230px
}

div.add-edit-Form li .randomSelector input {
    float: left
}

div.add-edit-Form li .randomSelector SELECT {
    width: 50px
}

div.add-edit-Form li .randomSelector label {
    float: left
}

div.add-edit-Form .category {
    width: 290px;
    overflow: auto;
    float: left;
}

div.add-edit-Form .category label {
    line-height: 20px;
}

div.add-edit-Form .jobs {
    width: 290px;
    overflow: auto;
    float: left
}

div.add-edit-Form .jobs label {
    line-height: 20px;
}

div.add-edit-Form li.sendEmailWrapper input {
    width: 15px;
    height: 15px;
    float: left;
    margin-right: 5px;
}

div.add-edit-Form li.sendEmailWrapper label {
    line-height: 16px;
    font-weight: bold;
    display: inline
}

/*OTHER STYLES*/
.roundCornerLeft {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px
}

.roundCornerRight {
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}

.roundCornerBottom {
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

/*LogIn*/
.LoginBox {
    width: 450px;
    margin: 0 auto;
    padding: 5px;
}

.LoginBox ul, #ChangePassword ul {
    list-style: none;
}

.LoginBox li {
    margin: 2px 0;
    line-height: 22px
}

.LoginBox li.clear {
    height: 10px
}

.LoginBox label {
    list-style: none;
    width: 200px;
    display: block;
    float: left;
    text-align: center;
    padding-right: 10px;
    color: #646473
}

.LoginBox input {
    float: left;
    width: 178px;
    line-height: 22px;
    height: 22px;
    border: 1px solid #cebfd2;
}

.LoginBox button {
    float: left;
    width: 178px;
    line-height: 22px;
    height: 22px;
    border: 1px solid #cebfd2;
}

.LoginBox input:focus {
    border: 1px solid #404041;
}

.LoginBox span {
    color: #278af8;
    line-height: 30px;
}

.LoginBox input.loginButton {
    float: left;
    /*width: 70px;*/
    line-height: 25px;
    height: 25px;
    text-align: center;
    background: #0066B3;
    color: #FFF
}

#breadcrumb {
    margin-top: 15px;
}

#breadcrumb li {
    float: left;
    padding-right: 10px;
    margin-right: 5px;
    background: url(../../img/bulletSquare.png) right center no-repeat;
    font-size: 12px;
}

#breadcrumb li.last {
    background: none;
    padding-right: 0;
    margin-right: 0
}

#breadcrumb li a {
    color: #0066B3;
}

#dialogBoxWrapper ul#site_controller li {
    width: 30%;
    float: left;
    padding: 2px 5px;
}

.imgItem {
    width: 100px;
    height: 100px;
    border: 1px solid #CACACA;
    padding: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    line-height: 20px;
    text-align: center;
}

.imgItem a {
    color: #333;
    text-decoration: underline;
}

.fileItem {
    border: 1px solid #CACACA;
    padding: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    line-height: 16px;
    text-align: center;
}

.fileItem a {
    color: #333;
    text-decoration: underline;
}

span.checkBox {
    display: block;
    cursor: pointer;
    width: 9px;
    height: 9px;
    border: 1px solid #404041;
    overflow: hidden;
    background: #FFF;
    margin: 0 2px;
}

span.checkBoxChecked {
    background: #000
}

.hidden {
    display: none;
}

.sortableList {
    width: 250px;
    float: left;
    margin-right: 20px;
    border: 1px solid #EAEAEA;
    padding: 2px 2px 15px;
}

.sortableList li {
    height: 25px;
    line-height: 25px;
    margin-bottom: 2px;
    cursor: pointer;
}

.sortableList li span {
    margin-top: 4px;
}

#sortable2 {
    padding-bottom: 25px;
}

.image-collection {
    padding: 5px;
    margin: 7px 0 7px 7px;
    border: solid 1px #eee;
    text-align: center;
}

.image-collection.selected {
    background-color: #0066B3
}

.image-collection.folder {
    border-color: transparent
}

.image-collection.folder:hover {
    border-color: #0066B3;
    background: transparent
}

.image-collection.folder img {
    cursor: pointer;
    width: 125px;
    height: 125px
}

.image-collection:hover {
    border-color: #0066B3
}

/*.image-collection:hover .actions, .image-collection:hover .info {display: block;}*/
.image-collection img {
    width: 120px;
    height: 120px
}

.image-collection .actions {
    position: absolute;
    display: none;
    width: 126px;
    margin-left: -3px;
    margin-top: -3px;
}

.image-collection.folder .actions {
    width: 150px;
    margin: 0;
}

.scroll-pane .image-collection.folder .actions {
    width: 80px;
}

.image-collection .actions a {
    display: block;
    width: 14px;
    height: 14px;
    padding: 5px;
    float: left;
    background-color: #eee !important;
    margin-right: 2px
}

.image-collection .actions a:hover {
    background-color: #ccc !important;
}

.image-collection .actions a.editIcon {
    background: url('../../img/edit-green.gif') 5px 5px no-repeat
}

.image-collection .actions a.deleteIcon {
    background: url('../../img/delete-comment-green.gif') 5px 5px no-repeat;
    float: right;
    margin-right: 0;
}

.image-collection .actions a.select.added {
    background: url('../../img/delete-comment-green.gif') 5px 5px no-repeat
}

.image-collection .info {
    display: none;
    position: absolute;
    background: #0066B3;
    width: 110px;
    padding: 3px 8px;
    margin-left: -3px;
    margin-top: -17px;
    line-height: 14px
}

div.add-edit-Form .image-collection img {
    width: 80px;
    height: 80px
}

div.add-edit-Form .image-collection .info {
    width: 70px
}

table#fileContainer tbody tr td.file {
    padding-left: 24px;
    background-image: url('../../img/filetypes/file.gif');
    background-repeat: no-repeat !important;
    background-position: 3px center !important
}

table#fileContainer tbody tr td.file.pdf {
    background: url('../../img/filetypes/pdf.gif') no-repeat;
}

table#fileContainer tbody tr td.file.txt {
    background: url('../../img/filetypes/txt.gif') no-repeat;
}

table#fileContainer tbody tr td.file.ai {
    background: url('../../img/filetypes/ai.gif') no-repeat;
}

table#fileContainer tbody tr td.file.doc, table#fileContainer tbody tr td.file.docx {
    background: url('../../img/filetypes/doc.gif') no-repeat;
}

table#fileContainer tbody tr td.file.xls, table#fileContainer tbody tr td.file.xlsx {
    background: url('../../img/filetypes/xls.gif') no-repeat;
}

table#fileContainer tbody tr td.file.exe {
    background: url('../../img/filetypes/exe.gif') no-repeat;
}

table#fileContainer tbody tr td.file.html {
    background: url('../../img/filetypes/html.gif') no-repeat;
}

table#fileContainer tbody tr td.file.indd {
    background: url('../../img/filetypes/indd.gif') no-repeat;
}

table#fileContainer tbody tr td.file.mov {
    background: url('../../img/filetypes/mov.gif') no-repeat;
}

table#fileContainer tbody tr td.file.mp3 {
    background: url('../../img/filetypes/mp3.gif') no-repeat;
}

table#fileContainer tbody tr td.file.psd {
    background: url('../../img/filetypes/psd.gif') no-repeat;
}

table#fileContainer tbody tr td.file.swf, table#fileContainer tbody tr td.file.flv {
    background: url('../../img/filetypes/swf.gif') no-repeat;
}

table#fileContainer tbody tr td.file.wmv, table#fileContainer tbody tr td.file.wma {
    background: url('../../img/filetypes/wmv.gif') no-repeat;
}

table#fileContainer tbody tr td.file.zip {
    background: url('../../img/filetypes/zip.gif') no-repeat;
}

.scroll-pane {
    width: 100%;
    height: 125px;
    max-height: 125px;
    overflow: auto;
    border: solid 1px #DDDDEE !important;
    margin: 0 0 5px
}

.scroll-pane.fileScroller {
    max-height: none;
    height: 200px
}

.treeView {
    margin-top: 4px;
    margin-right: 5px
}

.treeView li {
    list-style: inside none;
    margin-left: 5px;
    line-height: 23px;
    border: solid 1px transparent;
    border-right: none;
    border-left-color: #0066B3
}

.treeView li.folder {
    padding-left: 20px;
    background: url('../../img/check-green.gif') 3px 5px no-repeat
}

/*.treeView li:hover {background-color: #ddd}*/
.treeView li a {
    display: inline-block;
    padding: 0 5px; /*background: #0daaf8;*/
    color: #000
}

.treeView li a.loading {
    padding-right: 25px;
    background: url(../../img/loading.gif) right center no-repeat;
}

.treeView li a.Active {
    color: green;
}

.treeView li ol {
    margin-left: 60px;
    width: 160px;
    background: #FFF;
    margin-top: -18px;
    border: 1px solid #CCC;
    padding: 3px;
}

.treeView li ol li {
    margin: 0;
    border-bottom: 1px solid #EAEAEA;
    border-left: 0;
}

.treeView li ol li.last {
    border: 0;
}

.treeView li ol li a {
    padding-left: 22px;
    background: no-repeat 4px center;
    display: block;
}

.treeView ol li a.editCategory {
    background-image: url('../../img/edit-green.gif')
}

.treeView ol li a.deleteCategory {
    background-image: url('../../img/delete-comment-green.gif');
}

.treeView ol li a:hover {
    background-color: #0066B3;
    color: #fff
}

.treeView li span.actions {
    background: #0daaf8;
    margin-left: 2px
}

.treeView li span.actions a {
    padding: 0 12px;
    background: no-repeat center;
}

a.moveAttributeUp {
    padding: 5px 5px 5px 15px;
    background: url('../../img/arrow-up.jpg') 4px center no-repeat #0daaf8 !important;
}

div.add-edit-Form li.large {
    width: 100%
}

div.add-edit-Form li.large select {
    width: 230px
}

div.add-edit-Form li.large input {
    width: 218px
}

div.add-edit-Form li.large div {
    width: 235px;
    display: inline-block;
    float: left
}

div.add-edit-Form li.large div:last-of-type {
    width: 120px;
    line-height: 40px
}

#productsAdmin {
    height: 100%
}

#productsAdmin .navigation {
    min-width: 170px;
    width: 20%;
    float: left;
    background: #eee;
    height: 100%;
    overflow: scroll;
}

#productsAdmin .content {
    width: 80%;
    float: left;
    height: 100%;
    overflow-y: scroll
}

#fileContainer tbody td a.action { /*background: #0daaf8;*/
    padding: 3px;
    display: inline-block;
}

/*#fileContainer tbody tr.odd td a.action {background: #ddd}*/
#fileContainer tbody td a.action:hover {
    background: #0066B3 !important
}

.selector {
    position: relative;
    background: #eee;
    width: 60px;
    height: 90px;
    margin-top: -132px;
    margin-left: 100%;
    margin-bottom: 45px
}

.selector a {
    line-height: 43px;
    display: block;
    text-align: center;
    border: solid 1px #ccc;
    color: #000
}

.selector a:hover, .selector a.active {
    background: #ccc
}

#userMessages {
    float: left;
    margin-left: 20px;
    border: 1px solid #00AFF0;
    border-top: none;
    padding: 5px 10px;
    height: 60px;
    overflow: auto;
    display: none;
}

.LoginBox #userMessages {
    height: 30px;
}

#userMessages a.close {
    float: right;
    width: 16px;
    height: 16px;
    background: url(/img/close.png) no-repeat;
}

#userMessages ol {
    list-style: none
}

#userMessages ol li {
    padding: 3px 0;
}

#userMessages ol .success {
    color: #00aef0;
}

#userMessages ol .success a {
    color: green;
    font-style: italic;
    text-decoration: underline;
}

#userMessages ol .warning {
    color: orange;
}

#userMessages ol .warning a {
    color: orangered;
    font-style: italic;
    text-decoration: underline;
}

#userMessages ol .error {
    color: red;
}

#userMessages ol .error a {
    color: red;
    font-style: italic;
    text-decoration: underline;
}

#userMessagesIframe {
    position: relative;
    top: 50%;
    float: left;
    margin-left: 20px;
    border: 1px solid #00AFF0;
    border-top: none;
    padding: 5px 10px;
    height: 40px;
    overflow: auto;
    display: none;
}

.LoginBox #userMessagesIframe {
    height: 30px;
}

#userMessagesIframe a.close {
    float: right;
    width: 16px;
    height: 16px;
}

#userMessagesIframe ol {
    list-style: none
}

#userMessagesIframe ol li {
    padding: 3px 0;
}

#userMessagesIframe ol .success {
    color: #00aef0;
}

#userMessagesIframe ol .success a {
    color: green;
    font-style: italic;
    text-decoration: underline;
}

#userMessagesIframe ol .warning {
    color: orange;
}

#userMessagesIframe ol .warning a {
    color: orangered;
    font-style: italic;
    text-decoration: underline;
}

#userMessagesIframe ol .error {
    color: red;
}

#userMessagesIframe ol .error a {
    color: red;
    font-style: italic;
    text-decoration: underline;
}

#fieldList label.checkbox {
    display: inline-block;
    font-size: 11px;
    width: auto;
}

#fieldList input[type=checkbox] {
    width: 15px;
    margin-top: 3px
}

#fieldList input[type=radio] {
    width: 15px;
    margin-top: 3px
}

#fieldList input.smaller {
    width: 438px
}

#fieldList a.close {
    padding: 2px 2px 3px 2px;
    border: 1px solid #BDCCD4;
    margin-right: 6px;
    color: red
}

#timeSelect #unlimitedTime label {
    width: auto;
    float: left;
    font-size: 11px;
    display: inline
}

#timeSelect #unlimitedTime #unlimitedCheck {
    float: left;
}

#timeSelect #limitedTime {
    margin-left: 30px
}

#timeSelect #limitedTime label {
    width: auto;
    float: left
}

#timeSelect #limitedTime select {
    float: left;
    width: 50px;
    margin-right: 10px;
}

a#addAnswer {
    border: 1px solid #333;
    background: #ccc;
    padding: 3px 1px;
    color: #000
}

div.raport {
    padding: 10px;
}

div.raport ol {
    padding-left: 20px
}

div.raport ol li {
    line-height: 14px;
}

div.raport ol li a {
    color: black;
}

div.raport .questionar {
    border: 1px solid #EAEAEA;
    padding: 3px;
}

div.raport span {
    line-height: 20px;
    cursor: pointer
}

div.raport .green {
    color: green;
}

div.raport .red {
    color: red;
}

body.diploma {
    background-repeat: no-repeat;
}

body.diploma .diplomaTitle {
    font-size: 80px;
    padding-top: 30px
}

div.areaList {
    padding: 20px 0;
    font-size: 13px;
}

div.areaList ul {
    padding-left: 20px;
}

/*div.areaList ul li{border-bottom: 1px solid #CCC}*/
div.areaList span {
    line-height: 20px;
}

div.areaList span.hasChildren {
    cursor: pointer
}

div.areaList .areaEdit, div.areaList .showResp {
    padding-right: 7px;
}

#printButton {
    position: absolute;
    margin: 10px;
}

.redSquare, .orangeSquare, .greenSquare {
    padding: 0 10px;
    font-weight: bold;
    float: left
}

.redSquare {
    padding-left: 20px;
    color: red;
}

.orangeSquare {
    color: #FF800D
}

.violetSquare {
    color: #AB5DAB;
}

.greenSquare {
    color: green
}

.fedeltaWrapper {
    height: 300px;
    width: 300px;
    margin: 50px;
    border: 1px solid grey;
    padding: 20px 20px;
    line-height: 35px;
}

.caringWrapper {
    margin: 50px;
    height: 300px;
    width: 300px;
    border: 1px solid red;
    padding: 20px 20px;
    line-height: 35px;
}

.fullWidth select.customMultipleSel {
    width: 494px;
    height: 115px
}

#companySelect {
    width: 494px;
}

.loginDetails, .loginDetails a {
    font-size: 12px;
    color: #0079B8;
}

.loginDetails li {
    line-height: 25px;
    text-align: right;
    padding-right: 28px
}

.loginDetails ul#languages-widget {
    list-style: none;
    display:inline-block;
}

.loginDetails ul#languages-widget li {
    display:inline-block;
    padding-right: 0;
}

tr.cut {
    text-decoration: line-through
}

.jobWrapper, .filterWrapper {
    margin: 5px 15px;
    border: 1px solid #666;
    display: inline;
    width: 25%
}

.loadingWrapper {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('../../images/site/loading.gif') center center no-repeat rgba(255, 255, 255, 0.75);
}

.signatureLoadingWrapper {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('../../images/site/loading.gif') center center no-repeat rgba(255, 255, 255, 0.75);
}

#header .rightColumn {
    position: relative;
    height: 93px;
}

.reportTable {
    width: 100%;
    font-size: 13px;
}

.reportTable th {
    background: #0066B3;
    line-height: 16px;
    color: #FFF;
    text-align: center;
    padding: 5px
}

.reportTable tbody tr {
    line-height: 18px;
}

.fileDetails .filename {
    font-weight: bold;
    width: 30%;
    display: inline-block
}

.fileDetails .actionTime3 {
    font-weight: bold;
    color: #0079B8;
    width: 22%;
    display: inline-block
}

.fileDetails .actionTime4 {
    font-weight: bold;
    color: #0079B8;
    width: 17%;
    display: inline-block
}

.fileDetails .actionTime3 span, .fileDetails .actionTime4 span {
    font-weight: bold;
    color: #000;
}

.fileDetails a {
    text-decoration: none;
    cursor: pointer;
    display: inline
}

.fileDetails a:hover {
    text-decoration: none !important;
}

.fileDetails a span:hover {
    text-decoration: underline;
}

/*sign form*/
.signFormWrapper {
    margin: 5px auto;
    width: 550px;
    position: relative
}

.signFormWrapper table {
    height: 100px;
    width: 400px;
    float: left;
    margin-right: 10px
}

.signFormWrapper .buttons {
    padding-top: 9px
}

.signFormWrapper .buttons input {
    display: block;
    margin-bottom: 15px
}

.pluginDl {
    font-size: 14px;
    line-height: 18px;
    width: 300px;
    padding-top: 10px;
    margin: auto
}

#reqList {
    width: 800px;
    height: auto;
    margin: 10px auto;
    font-size: 14px;
    line-height: 21px
}

#reqList p {
    padding: 5px;
    margin: 5px
}

#reqList .ok {
    color: green;
    border: 1px solid green;
}

#reqList .notOk {
    color: red;
    border: 1px solid red;
}

.controlBlock {
    float: left;
    margin-top: 20px;
    width: 200px;
    margin-right: 10px
}

.customSignDate {
    width: 250px;
    height: 20px;
    margin-right: 10px;
    float: left;
    margin-bottom: 15px
}

.customSignDate label {
    font-size: 12px;
    font-weight: bold;
    float: left;
    height: 18px;
    line-height: 18px;
    margin-right: 10px;
}

.customSignDate input {
    width: 98px;
    height: 18px;
    border: 1px solid #BDCCD4;
    float: left;
}

.returnToList {
    width: 200px;
    text-align: center;
    cursor: pointer;
    margin-right: 15px;
    margin-top: 10px
}

li.filters {
    margin-top: 10px
}

li.filters fieldset {
    margin-bottom: 10px;
    border: 1px solid #CCC;
    padding: 8px
}

li.filters fieldset legend {
    color: #666
}

li.filters fieldset input {
    float: left;
    height: 20px
}

li.filters fieldset label {
    float: left;
    height: 20px;
    line-height: 20px
}

span.addEmployeeIcon {
    background: url("../../images/site/emp_add.png") no-repeat center center;
    display: inline-block;
    margin: 0 3px;
    width: 15px;
    height: 15px;
    vertical-align: middle
}

span.addVehicleIcon:before {
    font-family: "Font Awesome 5 Free", serif;
    margin: 0 3px;
    font-weight: 900;
    content: "\f0d1";
}

td.actionsCell li.parentLi {
    position: relative;
    float: left
}

td.actionsCell ul.hiddenMenu {
    left: 20px !important;
    display: none;
    position: absolute;
    background: #fff;
    width: 285px;
    right: 0;
    border-left: 1px solid #666;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
    z-index: 99
}

td.actionsCell ul.hiddenMenu li {
    margin: 3px 10px;
    text-align: right;
}

table#fileContainer tbody tr.supplierDetails:hover td {
    background: #fff
}

table#fileContainer tbody tr.employeeDetails:hover td {
    background: #fff
}

tr.supplierDetails td:first-child {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

tr.supplierDetails td span, form.supplierDetails td span {
    margin-right: 8px
}

.supplierDetails span.emp {
    font-size: 13px;
    font-weight: bold;
    height: 15px;
    line-height: 15px
}

.supplierDetails span.emp.blocked {
    text-decoration: line-through
}

.supplierDetails span.empDelete, .contractMetadata span.empDelete {
    width: 15px;
    height: 15px;
    margin: 0 3px;
    display: inline-block;
    background: url("../../images/site/emp_del.png") no-repeat center center;
    cursor: pointer;
    vertical-align: middle;
}

.supplierDetails span.empEdit {
    width: 15px;
    height: 15px;
    margin: 0 3px;
    display: inline-block;
    background: url("../../images/site/emp_edit.png") no-repeat center center;
    cursor: pointer;
    vertical-align: middle;
}

.supplierDetails span.empDetails {
    margin-left: 15px;
}

.supplierDetails .empRequirementList span.empRqValid, .supplierDetails .vehicleRequirementList span.empRqValid {
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url("../../images/site/emp_rq_valid.png") no-repeat center center;
    cursor: pointer;
    vertical-align: middle;
}

.supplierDetails .empRequirementList span.empRqInvalid, .supplierDetails .vehicleRequirementList span.empRqInvalid {
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url("../../images/site/emp_rq_invalid.png") no-repeat center center;
    cursor: pointer;
    vertical-align: middle;
}

.supplierDetails .empRequirementList span.employeeRemoveValidation, .supplierDetails .vehicleRequirementList span.vehicleRemoveValidation {
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url("../../images/site/emp_del.png") no-repeat center center;
    cursor: pointer;
    vertical-align: middle;
}

/*.supplierDetails .empRequirementList span.waiting {width:15px; height:15px; display: inline-block; background: url("../images/site/emp_rq_invalid.png") no-repeat center center; cursor: pointer; vertical-align: middle; }*/
.supplierDetails .empRequirementList, .supplierDetails .vehicleRequirementList {
    margin-left: 60px;
    margin-bottom: 5px;
    color: #666
}

.supplierDetails .attWrapper {
    display: inline-block;
    min-width: 250px
}

/*.supplierDetails .attExpirationDate { display: inline-block; min-width: 250px }*/
.supplierDetails .empRequirementList span.ok, .supplierDetails .vehicleRequirementList span.ok {
    border-bottom: 1px solid green;
    color: green
}

.supplierDetails .empRequirementList span.notOk, .supplierDetails .vehicleRequirementList span.notOk {
    border-bottom: 1px solid red;
    color: red
}

.supplierDetails .empRequirementList span.waiting, .supplierDetails .vehicleRequirementList span.waiting {
    border-bottom: 1px solid #D87C1B;
    color: #D87C1B
}

.supplierDetails .empRequirementList span.waived, .supplierDetails .vehicleRequirementList span.waived {
    border-bottom: 1px solid #AB5DAB;
    color: #AB5DAB;
}

.supplierDetails .empAllRequirements, .supplierDetails .vehicleAllRequirements {
    display: none;
    margin: 5px 0 5px 90px;
    color: #666
}

.supplierDetails .empAllRequirements input[type='checkbox'], .supplierDetails .empAllRequirements input[type='checkbox'] {
    vertical-align: middle
}

.empShowAllRequirements {
    margin-left: 10px;
    cursor: pointer;
}

.empShowAllRequirements:hover {
    text-decoration: underline
}

tr.fileDetails .empList .fieldName {
    color: #0079B8;
}

.empListAction {
    width: 12px;
    height: 12px;
    cursor: pointer;
    display: inline-block
}

td .showList {
    background: url("../../images/site/downarrow.png") no-repeat;
    vertical-align: middle
}

td .hideList {
    background: url("../../images/site/uparrow.png") no-repeat
}

#ui-datepicker-div {
    z-index: 99999 !important;
}

select#changeCompany {
    width: 95%;
    margin: 10px auto
}

span.requirements_fileRq {
    float: left;
    width: 30%;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #000
}

span.requirements_fileRq input {
    float: left;
    width: 13px !important;
    margin-right: 10px;
    height: 20px !important
}

div.overlayDivWrapper {
    background: url("../../images/site/overlay_transparent_background.png");
}

div.overlayDiv .title {
    height: 25px;
    line-height: 25px;
    background: #0066B3;
    color: #fff;
    padding: 0 10px;
    font-weight: bold;
    font-size: 13px
}

div.overlayDiv .title a.close {
    float: right;
    cursor: pointer
}

body.emptyWrapper {
    font: normal 13px / 120% 'Dosis';
    max-height: 90%;
    overflow: auto; /* border:1px solid blue*/
}

body.emptyWrapper div.RequirementsWrapper {
    width: 49%;
    height: 90%;
    float: left;
    margin-right: 10px
}

body.emptyWrapper div.RequirementsWrapper p.listTitle {
    font-weight: bold;
    margin: 10px 0
}

body.emptyWrapper div.RequirementsWrapper ul.selected {
    background-color: #fff
}

body.emptyWrapper div.RequirementsWrapper li {
    position: relative;
    min-height: 20px
}

body.emptyWrapper div.RequirementsWrapper li.indent {
    margin-left: 15px
}

body.emptyWrapper div.RequirementsWrapper li.rqListSubtitle {
    margin-top: 10px
}

body.emptyWrapper div.RequirementsWrapper li input[type='checkbox'] {
    vertical-align: middle
}

body.emptyWrapper div.RequirementsWrapper li.separatorAt, body.emptyWrapper div.RequirementsWrapper li.separatorRq {
    height: 0
}

body.emptyWrapper div.RequirementsWrapper .addRqOnSpotTrigger, table.editContractRisks .addRqOnSpotTrigger, .contractMetadata .addRqOnSpotTrigger, p.addRqOnSpotTrigger, table.editCommissionRisks .addRqOnSpotTrigger,
body.emptyWrapper div.RequirementsWrapper .addRowOnSpotTrigger, table.editContractRisks .addRowOnSpotTrigger, .contractMetadata .addRowOnSpotTrigger, a.addRowOnSpotTrigger, table.editCommissionRisks .addRowOnSpotTrigger {
    display: block;
    margin-top: 15px;
    color: #0daef0;
    text-decoration: underline;
    cursor: pointer
}

body.emptyWrapper div.RequirementsWrapper .removeOnSpotTrigger {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    right: 0;
    background: url("../../images/site/emp_del.png") no-repeat center center;
    cursor: pointer
}

body.emptyWrapper div.RequirementsWrapper .addRqOnSpotWrapper {
    min-height: 90px;
    height: auto;
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin: 10px 0
}

body.emptyWrapper div.RequirementsWrapper .addRqOnSpotWrapper .fullWrapper {
    float: left;
    width: 100%
}

body.emptyWrapper div.RequirementsWrapper .addRqOnSpotWrapper .halfWrapper {
    float: left;
    width: 44%
}

body.emptyWrapper div.RequirementsWrapper .addRqOnSpotWrapper .oneThirdWrapper {
    float: left;
    width: 31%
}

body.emptyWrapper div.RequirementsWrapper .addRqOnSpotWrapper .halfWrapper label, body.emptyWrapper div.RequirementsWrapper .addRqOnSpotWrapper .oneThirdWrapper label {
    display: block
}

/*body.emptyWrapper div.RequirementsWrapper .addRqOnSpotWrapper .oneThirdWrapper input { width:95% }*/
body.emptyWrapper div.RequirementsWrapper .addRqOnSpotWrapper .halfWrapper select {
    width: 95%
}

body.emptyWrapper div.RequirementsWrapper .addRqOnSpotWrapper input[type='text'] {
    width: 90%;
    border: 1px solid #000
}

body.emptyWrapper button.myButtonSave, .myButtonSave {
    border: 1px solid #666;
    padding: 5px 10px;
    float: right;
    cursor: pointer;
    position: relative; /*height:22px;*/
    text-align: center;
    margin: 5px 5px;
    border-radius: 5px;
}

body.emptyWrapper div.RequirementsWrapper.validationWrapper {
    width: 100%
}

body.emptyWrapper div.RequirementsWrapper.validationWrapper .rqList li label {
    width: 20%
}

div.supplierRequirementList, div.supplierEmployeeList, div.vehicleList, div.supplierCompanyDetails, div.supplierFiles, div.supplierContractList, div.supplierMeetingList, div.supplierActionPlanList, div.secondarySupplierList {
    width: 90%;
    margin: 15px auto;
}

div.supplierRequirementList div.row {
    height: 20px;
    line-height: 20px;
    padding: 5px;
    margin: 5px
}

div.supplierRequirementList div.row.accomplished {
    border-radius: 6px;
    color: green;
    border: 1px solid green
}

div.supplierRequirementList div.row.notAccomplished {
    border-radius: 6px;
    color: red;
    border: 1px solid red
}

div.supplierRequirementList div.row.waiting {
    border-radius: 6px;
    color: #D87C1B;
    border: 1px solid #D87C1B
}

div.supplierRequirementList div.row.waived {
    border-radius: 6px;
    color: #AB5DAB;
    border: 1px solid #AB5DAB;
}

div.supplierRequirementList div.row a.icons {
    color: #000;
    font-size: 22px;
    display: inline-block
}

.supplierDetails .empRequirementList a.icons, .supplierDetails .vehicleRequirementList a.icons, .empAllRequirements a.icons, .vehicleAllRequirements a.icons {
    display: inline-block;
    color: #000;
    font-size: 18px;
    vertical-align: middle;
}

div.supplierDetails {
    padding: 10px
}

div.supplierDetails span.key {
    font-weight: bold;
    color: #666;
    display: inline-block;
    width: 100px
}

div.supplierDetails span.noWidth {
    width: 100%
}

form.customForm button[type='submit'] {
    border: 1px solid #666
}

form.customForm input[type='text'] {
    border: 1px solid #BDCCD4
}

div.supplierRequirementList.adminView {
    width: 100%;
    height: auto;
    margin: 15px auto;
    padding-top: 5px;
    font-size: 12px;
    clear: both
}

div.supplierRequirementList.supplierView {
    width: 90%;
    height: auto;
    margin: 15px auto;
    padding-top: 5px; /*font-size: 15px;*/
    clear: both
}

div.supplierRequirementList.adminView div.row {
    height: auto;
    line-height: inherit;
    padding: 4px;
    margin: 5px
}

div.supplierRequirementList.supplierView div.row {
    height: auto;
    line-height: inherit;
    padding: 5px;
    margin: 5px
}

div.supplierRequirementList.adminView div.row.accomplished {
    color: green;
    border: 1px solid green
}

div.supplierRequirementList.adminView div.row.notAccomplished {
    color: red;
    border: 1px solid red
}

div.supplierRequirementList.adminView div.row a.icons {
    color: #000;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle
}

div.supplierRequirementList.adminView div.row .validateRequirement,
div.supplierRequirementList.supplierView div.row .validateRequirement {
    cursor: pointer
}

div.supplierRequirementList.supplierView div.row .nonVincolante {
    color: red
}

div.supplierRequirementList.adminView div.row .invalidateRequirement {
    cursor: pointer;
    font-size: 10px;
    color: red
}

div.supplierRequirementList.adminView div.row .nonVincolante {
    color: red
}

div.supplierRequirementList.adminView div.row div.validationForm,
div.supplierRequirementList.supplierView div.row div.validationForm {
    margin: 5px 10px 5px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
    color: #666
}

div.supplierRequirementList.adminView div.row div.validationForm .group,
div.supplierRequirementList.supplierView div.row div.validationForm .group {
    margin-right: 5%;
    display: inline-block;
    margin-bottom: 5px;
}

div.supplierRequirementList.adminView div.row div.validationForm .datepicker,
div.supplierRequirementList.supplierView div.row div.validationForm .datepicker {
    width: 100px
}

div.supplierRequirementList.adminView div.row div.validationForm input[type='text'],
div.supplierRequirementList.supplierView div.row div.validationForm input[type='text'] {
    border: 1px solid #BDCCD4
}

div.supplierRequirementList.adminView div.row div.validationForm input[type='checkbox'],
div.supplierRequirementList.supplierView div.row div.validationForm input[type='checkbox'] {
    vertical-align: middle
}

.validationForm .detailsSection span {
    margin-bottom: 5px
}

.validationForm .detailsSection span label.fixedWidth {
    display: inline-block;
    width: 150px
}

ul.empRequirementList div.detailsSection, ul.vehicleRequirementList div.detailsSection {
    height: auto;
    line-height: inherit;
    padding: 4px;
    margin: 5px
}

ul.empRequirementList .detailsSection span label.fixedWidth, ul.vehicleRequirementList .detailsSection span label.fixedWidth {
    display: inline-block;
    width: 150px
}

ul.empRequirementList .detailsSection span input[type='text'], ul.vehicleRequirementList .detailsSection span input[type='text'] {
    border: 1px solid #BDCCD4
}

ul.empRequirementList .detailsSection span input[type='checkbox'], ul.vehicleRequirementList .detailsSection span input[type='checkbox'] {
    vertical-align: middle
}

ul.empRequirementList.detailsSection span, ul.vehicleRequirementList .detailsSection span {
    margin-bottom: 5px
}

ul.empRequirementList .detailsSection span label.fixedWidth, ul.vehicleRequirementList .detailsSection span label.fixedWidth {
    display: inline-block;
    width: 150px
}

tr.score10 td {
    /*border-bottom: 1px solid #fff !important;*/
    color: #000;
}

tr.score6 td {
    /*border-bottom: 1px solid #00AA00 !important;*/
    color: #000;
}

tr.score7 td {
    /*border-bottom: 1px solid #3af26a !important;*/
    color: #000;
}

tr.score5 td, tr.score4 td, tr.score3 td, tr.score-5 td {
    /*border-bottom: 1px solid red !important;*/
    color: #000;
}

tr.score2 td, tr.score1 td, tr.score0 td, tr.score-1 td, tr.score-2 td, tr.score-3 td {
    /*border-bottom: 1px solid #D87C1B !important;*/
    color: #000;
}

tr.score8 td {
    /*border-bottom: 1px solid #009AC8 !important;*/
    color: #000;
}

td.supplierStatus span, td.employeeStatus span, .contractSupplierPopup span {
    width: 17px;
    height: 17px;
    display: inline-block;
}

td.supplierStatus span.red {
    background: red
}

td.supplierStatus span.green {
    background: #00AA00
}

.score10 {
    border-radius: 5px;
    background: #fff;
    color: #fff
}

.score15 {
    border-radius: 5px;
    background: #AB5DAB;
    color: #AB5DAB;
}

.score6 {
    border-radius: 5px;
    background: #00AA00;
    color: #00AA00
}

.score6ColorBlind {
    border-radius: 5px;
    background: #6930d7;
    color: #6930d7;
}

.score5, .score4, .score3, .score-5, .score13 {
    border-radius: 5px;
    background: red;
    color: red
}

.score9 {
    border-radius: 5px;
    background: #ff0;
    color: #ff0
}

.score11, .score2, .score0 {
    border-radius: 5px;
    background: #D87C1B;
    color: #D87C1B
}

.score2ColorBlind, .score0ColorBlind {
    border-radius: 5px;
    background: #ffe327;
    color: #ffe327;
}

.score8 {
    border-radius: 5px;
    background: #009AC8;
    color: #009AC8
}

.score7, .score1 {
    border-radius: 5px;
    background: #3af26a;
    color: #3af26a
}

.score7ColorBlind, .score1ColorBlind {
    border-radius: 5px;
    background: #b726d7;
    color: #b726d7
}

td.supplierStatus span.green {
    background: #00AA00
}

span.scoreAtt10 {
    border-radius: 5px;
    background: #fff;
    color: #fff
}

span.scoreAtt6 {
    border-radius: 5px;
    background: #00AA00;
    color: #00AA00
}

span.scoreAtt5, span.scoreAtt4, span.scoreAtt3, span.scoreAtt-5 {
    border-radius: 5px;
    background: red;
    color: red
}

span.scoreAtt2, span.scoreAtt1, span.scoreAtt0, span.scoreAtt-1, span.scoreAtt-2, span.scoreAtt-3 {
    border-radius: 5px;
    background: #D87C1B;
    color: #D87C1B
}

span.scoreAtt8 {
    border-radius: 5px;
    background: #009AC8;
    color: #009AC8
}

span.scoreAtt7 {
    border-radius: 5px;
    background: #3af26a;
    color: #3af26a
}

span.scoreAtt15 {
    border-radius: 5px;
    background: #AB5DAB;
    color: #AB5DAB;
}

.semaphore-employee.allow {
    border-radius: 5px;
    background-color: #00AA00;
}

.semaphore-employee.disallow {
    border-radius: 5px;
    background-color: red;
}

span.red {
    color: red;
}

span.semaforo-verde {
    border-radius: 5px;
    background: #00AA00;
    color: #00AA00
}

span.semaforo-rosso {
    border-radius: 5px;
    background: red;
    color: red
}

th.supplierStatus span.supplierStatusHeader {
    display: inline-block;
    width: 17px;
    height: 17px;
    border-radius: 5px;
    background: url("../../images/site/supplier_status_header.png");
}

.oldFiles {
    margin: 10px 0 20px
}

.sectionTitle {
    font-size: 15px;
    padding: 10px;
    background: #828282 url("../../images/site/down_arrow.png") no-repeat 99% center;
    border: 1px solid #000;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 10px
}

/*.sectionTitle.score10 { background: #fff; color: #fff }*/
.sectionTitle.score6 {
    border: 2px solid #00AA00;
}

.sectionTitle.score5, .sectionTitle.score-5, .sectionTitle.score4, .sectionTitle.score3 {
    border: 2px solid red;
}

.sectionTitle.score2, .sectionTitle.score1, .sectionTitle.score0, .sectionTitle.score-1, .sectionTitle.score-2, .sectionTitle.score-3 {
    border: 2px solid #D87C1B;
}

.linkAddEmp {
    text-decoration: none;
    color: #000;
}

.emptyRowMessage {
    font-weight: bold;
    text-align: center
}

.actionSpan:hover {
    cursor: pointer;
    text-decoration: underline
}

.green {
    color: green;
}

.orange {
    color: orange;
}

.red {
    color: red
}

.customFormHeader {
    font-weight: bold;
    text-align: center;
    font-size: 1.2em;
    margin-bottom: 15px;
    border-bottom: 1px solid #666;
    padding: 0 0 5px
}

.actionImage {
    vertical-align: middle;
    width: 16px;
    height: 16px
}

.split4bold {
    width: 25%;
    font-weight: bold;
    display: inline-block;
    margin: 0 !important;
}

.split4 {
    width: 24%;
    display: inline-block;
    margin: 0 !important;
}

.split5 {
    width: 19%;
    display: inline-block;
    margin: 0 !important;
}

.iconText {
    color: #666;
    text-decoration: none
}

.statusBox {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

#mainSupplierSelect, #secondarySupplierSelect, #employeeSelect, #changeRiskFileSource {
    cursor: pointer;
}

#mainSupplierSelect:hover, #secondarySupplierSelect:hover, #employeeSelect, #changeRiskFileSource:hover {
    text-decoration: underline
}

.contractSupplierPopup p {
    height: 20px;
    font-size: 13px
}

.contractSupplierPopup p span {
    vertical-align: middle
}

.contractSupplierPopup p input {
    vertical-align: middle;
    margin-left: 5px
}

/*li.riskFile {*/
/*width: 494px !important;*/
/*}*/

li.riskFile label {
    display: inline-block;
    float: left
}

li.riskFile label#changeRiskFileSource { /*float:right;text-align: right */
}

.supplierContracts {
    margin-left: 20px
}

.contractRow .icons {
    color: #000
}

.contractRow .contractName {
    width: 200px;
    display: inline-block
}

table.editContractRisks, table.editCommissionRisks {
    width: 100%;
    border-spacing: 0;
    margin-top: 20px
}

table.editContractRisks .title, table.editCommissionRisks .title {
    width: 30%;
}

table.editContractRisks .presence, table.editCommissionRisks .presence {
    width: 10%;
    text-align: center
}

table.editContractRisks .detailedMeasure, table.editCommissionRisks .detailedMeasure {
    width: 60%;
    text-align: center
}

table.editContractRisks th {
    background: #437fff;
    padding: 5px
}

table.editCommissionRisks th {
    background: #FF4708;
    padding: 5px
}

table.editContractRisks td, table.editCommissionRisks td {
    padding-top: 5px
}

table.editContractRisks td input[type='text'], table.editContractRisks td input[type='number'], table.editContractRisks td textarea, table.editCommissionRisks td input[type='text'], table.editCommissionRisks td textarea {
    width: 97%;
    border: 1px solid #b8b8b8;
    padding: 5px;
}

table.editContractRisks td textarea, table.editCommissionRisks td textarea {
    padding: 5px
}

table.editContractRisks tr.firstRow td, table.editCommissionRisks tr.firstRow td {
    padding-top: 20px;
    padding-right: 10px
}

table.editContractRisks tr.lastRow td, table.editCommissionRisks tr.lastRow td {
    padding-bottom: 20px;
    border-bottom: 1px solid #666
}

table.editContractRisks tr.supplierSelectedRisk td, table.editCommissionRisks tr.supplierSelectedRisk td {
    background: #ffc072
}

table.editContractRisks tr.contractedSelectedRisk td, table.editCommissionRisks tr.contractedSelectedRisk td {
    background: #ffe476
}

table.editContractRisks tr.supplierSelectedRiskcontractedSelectedRisk td, table.editCommissionRisks tr.supplierSelectedRiskcontractedSelectedRisk td {
    background: #ff9595
}

table.editContractRisks tr.interferenceSelectedRisk td, table.editCommissionRisks tr.interferenceSelectedRisk td {
    background: #ff5077
}

table.editContractRisks td.lastCol, table.editCommissionRisks td.lastCol {
    padding-right: 10px;
    text-align: right
}

table.editContractRisks td[data="clickForDetails"]:hover > span.underline, table.editCommissionRisks td[data="clickForDetails"]:hover > span.underline {
    text-decoration: underline
}

table.editContractRisks div.hiddenPopupDetails, table.editCommissionRisks div.hiddenPopupDetails {
    display: none;
}

table.contractMetadata {
    width: 100%;
    margin-top: 30px
}

table.contractMetadata th {
    background: #4Db200;
    padding: 5px;
    text-align: center;
}

table.contractMetadata th.firstCol {
    text-align: left;
    width: 30%
}

table.contractMetadata tr.firstRow td {
    padding-top: 5px
}

table.contractMetadata td {
    padding-bottom: 5px
}

table.contractMetadata td input[type='text'], table.contractMetadata td textarea {
    width: 95%;
    border: 1px solid #ccc
}

/*table.contractMetadata td input[type='file'] { width: 180px }*/
table.contractMetadata td.presence {
    text-align: center
}

table.supplierContractTable {
}

table.supplierContractTable th, table.supplierContractTable td, table.contracts_supplierList td {
    padding: 5px 10px !important;
}

table.supplierContractTable .myButtonSave {
    border: 1px solid #666;
    /*padding: 3px;*/
    float: right;
    cursor: pointer;
    position: static;
    /*height: 22px;*/
    text-align: center;
    /*margin: 10px 5px*/
}

.smallPopupWrapper {
    padding: 15px;
}

.smallPopupWrapper .item {
    padding: 5px 20px;
}

.smallPopupWrapper span {
}

.smallPopupWrapper input[type="checkbox"] {
    vertical-align: middle
}

.footerLegend {
    font-size: 12px
}

.footerLegend .legendSection {
    border: 1px solid #000;
    border-radius: 10px 10px 10px 10px;
    font-weight: bold;
    padding: 10px;
    width: 30%;
    float: left;
    margin-right: 1%
}

.footerLegend .legendSection.last {
    margin-right: 0
}

.footerLegend span.statusBox {
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle
}

.configMenuUl {
    padding-left: 10px;
}

.oneFileRow.visible {
    margin: 5px 0
}

.group-item-expander {
    background-color: #E9E9E9;
    cursor: pointer;
    border-bottom: 2px solid #CECECE;
}

input[type=search] {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 80%;
}

.dataTables_filter {
    float: none !important;
}

li.doubleFieldXL .cke_contents {
    height: 400px !important
}

li.companyLogo .wrapper-attachment{
    position:relative;
    width:92%;
}

input+div.wrapper-attachment {
    display: inline-block;
}

li.companyLogo .image {
    padding: 5px;
    margin: 2px 0;
    border: 1px solid #CCC;
}

li.companyLogo .thumbImg {
    float: left;
    display: block;
    width: 100px;
    text-align: center;
}

li.companyLogo .thumbImg img {
    margin: 0 auto;
}

li.companyLogo .detailsWrapper {
    float: left;
    width: 470px;
}

li.companyLogo p {
    float: left;
    width: 510px;
    overflow: hidden;
    padding-bottom: 2px;
    color: #666
}

li.companyLogo p.desc {
    padding-top: 5px;
}

li.companyLogo p.desc:hover {
    cursor: pointer;
}

li.companyLogo p.attachment-description {
    position: absolute;
    width: auto !important;
    bottom: 0;
    right: 0;
}


li.companyLogo a.delImage {
    float: right;
    width: 12px;
    font-weight: bold;
}

li.companyLogo a.delImage:hover {
    color: blue;
}

table.employeeListTable {
    width: 100%;
    border-spacing: 0;
}

table.employeeListTable th.center, table.employeeListTable td.center {
    text-align: center
}

table.employeeListTable th.small {
    width: 65px
}

table.employeeListTable th.extrasmall, table.employeeListTable td.extrasmall {
    width: 20px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

table.employeeListTable td.empRqTd {
    vertical-align: top;
}

table.employeeListTable input[type='file'] {
    width: 160px
}

table.employeeListTable span.attExpirationDate {
    display: inline-block;
    width: 75px;
    text-align: center
}

table.employeeListTable span.attExpirationDate.hidden {
    display: none;
}

table.employeeListTable span.attExpirationDate.suppView {
    width: 215px;
    text-align: center;
}

table.employeeListTable span.attExpirationDate .datepicker {
    width: 75px
}

table.employeeListTable span.nonVincolante {
    color: red;
}

.supplierDetails table.employeeListTable .empRequirementList, .supplierDetails table.vehicleListTable .vehicleRequirementList {
    margin-left: 10px
}

.supplierDetails table.employeeListTable .empAllRequirements, .supplierDetails table.vehicleListTable .vehicleAllRequirements {
    margin: 0
}

table.vehicleListTable {
    width: 100%;
    border-spacing: 0;
}

table.vehicleListTable th.center, table.vehicleListTable td.center {
    text-align: center
}

table.vehicleListTable th.small {
    width: 65px
}

table.vehicleListTable th.extrasmall, table.vehicleListTable td.extrasmall {
    width: 20px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

table.vehicleListTable td.empRqTd {
    vertical-align: top;
}

table.vehicleListTable input[type='file'] {
    width: 160px
}

table.vehicleListTable span.attExpirationDate {
    display: inline-block;
    width: 75px;
    text-align: center
}

table.vehicleListTable span.attExpirationDate.hidden {
    display: none;
}

table.vehicleListTable span.attExpirationDate.suppView {
    width: 215px;
    text-align: center;
}

table.vehicleListTable span.attExpirationDate .datepicker {
    width: 75px
}

table.vehicleListTable span.nonVincolante {
    color: red;
}

.supplierDetails table.vehicleListTable .vehicleRequirementList {
    margin-left: 10px
}

.supplierDetails table.vehicleListTable .vehicleAllRequirements {
    margin: 0
}

form.supplierDetails table#fileContainer tbody tr:hover td {
    background: #fff
}

.chkBox {
    width: 20px !important;
    vertical-align: middle
}

.contractFilesList {
    padding: 4px;
    border-bottom: 1px solid #ccc
}

.contractFilesList a {
    cursor: pointer;
    color: #3f5566;
}

.contractFilesList .xBox {
    float: right;
    font-weight: bold;
    cursor: pointer;
    color: red;
}

/*.myDialog .ui-widget-header {background: #205872; color: #FFF; border: 1px solid #205872; width: 270px}
.myDialog .dialogContent {width: 60%; float:left; width: 270px}*/
/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: #205872; border: 1px solid #205872; color: #fff}*/

.multipleSupplierSelectForm {
    font-size: 15px;
}

.multipleSupplierSelectForm .wrapper {
    width: 70%;
    margin: 70px auto;
    border: 1px solid #ccc;
    border-radius: 7px;
}

.multipleSupplierSelectForm .wrapper .header {
    border-bottom: 1px solid #ccc
}

.multipleSupplierSelectForm .wrapper .header .title {
    text-align: center;
    padding: 20px;
    margin: 0;
    font-weight: bold
}

.multipleSupplierSelectForm .wrapper .content {
    padding: 20px
}

.multipleSupplierSelectForm .wrapper .content select {
    padding: 8px 10px;
    width: 100%;
    margin-bottom: 15px
}

.multipleSupplierSelectForm .wrapper .content input[type='submit'] {
    width: 100%;
    margin-bottom: 15px;
    color: #fff;
    background-color: #428bca;
    border-width: 0;
    border-radius: 7px;
    cursor: pointer;
    padding: 6px;
    text-align: center;
    font-size: 15px
}

.multipleSupplierSelectForm .wrapper .content input[type='submit']:hover {
    background-color: #3276b1;
}

.RequirementsWrapper .selected .indent div.reqEditInfo {
    display: none;
}

.RequirementsWrapper .selected .indent .reqEditInfo {
    margin: 10px 0;
    border-bottom: 1px solid #cccccc;
}

.RequirementsWrapper .selected .indent .reqEditInfo p {
    margin: 10px 0;
}

.RequirementsWrapper .selected .indent img {
    vertical-align: bottom;
}

.RequirementsWrapper .selected .indent textarea {
    height: 60px;
}

span.optional-action-required {
    color: #000;
    font-size: 20px;
    line-height: initial;
}

.category {
    min-width: 150px !important;
}

.searchSupplierWrapper {
    margin: 3px 400px 0 5px;
    display: inline-block;
    padding: 5px 0;
}

.searchSupplierWrapper button#searchSupplierButton {
    padding: 0 2px;
    margin: 0;
}

.searchSupplierWrapper .searchSupplierReset {
    margin-left:4px;
}

span.scoreNoBackground {
    background: none;
}

.NoSupplier {
    text-align: center;
    font-weight: bold;
}

.columnWidth {
    word-wrap: break-word;
    max-width: 145px;
    min-width: 65px;
}

.archived {
    background-color: #ffffcc;
}

.tableDateWidth {
    min-width: 65px;
}

table.supplierContractTable tr th {
    background: #ccc
}

table.supplierContractTable tr.even td {
    background: #fdfdfd
}

table.supplierContractTable tr.odd td {
    background: #f3f1f1
}

.radio label,
.checkbox label {
    display: inline;
    font-weight: normal;
    cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    float: left;
    margin-left: -20px;
}

.radio + .radio,
.checkbox + .checkbox {
    margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
    display: inline-block !important;
    width: 85% !important;
    /*padding-left: 20px;*/
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}

.underline {
    text-decoration: underline;
}

.ui-datepicker-today {
    background-color: red;
}

.pointerHand {
    cursor: pointer;
}


/* RULES MOVED FROM 'activityDetails.tpl' TO ALLOW STYLE OVERRIDE  */
.divTable.customerTable .divTableHeading {
    background: #4A96D9;
}

.divTable.employeeTable .divTableHeading {
    background: #7EBCF2;
}

/* RULES MOVED FROM 'customerDetails.tpl' TO ALLOW STYLE OVERRIDE  */
.divTable.activityTable .divTableHeading {
    background: #4A96D9;
}

/* RULES MOVED FROM 'employeeDetails.tpl' TO ALLOW STYLE OVERRIDE  */
.customerTable thead,
table#fileContainer tbody tr.employeeDetails:hover td table thead tr td {
    background: #4A96D9;
    font-weight: bold;
    color: #FFFFFF;
}

.activityTable thead,
table#fileContainer tbody tr.employeeDetails:hover td table.activityTable thead tr td {
    background: #7EBCF2;
    font-weight: bold;
    color: #FFFFFF;
}

/* chatbot widget position */
#pgContainer {
    transition: all 0.5s ease;
    bottom: 25px;
    right: -30px;
}

#pgContainer:hover {
    transition: all 0.5s ease;
    right: -5px;
}

.label-hint {
    float: right;
    margin-right: 66px;
    font-style: italic;
    font-size: smaller;
}