ul.ocs-list label { min-width: 200px; }
section.inside.ocs-section .main .tabs.ui-tabs .tab-content .ui-widget-content .tab-nav { display: none; }

.ocs-loader {
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
}

.ocs-table { width: 100%; }
.ocs-table-max-width { max-width: 810px; }
.ocs-table-full-width { width: 979px; }

.ocs-table-centered th,
.ocs-table-centered td { text-align: center; }

.ocs-table td { word-break: break-word; }

.ocs-table .text-right { text-align: right; }
.ocs-input-group { margin-bottom: 15px; }

.ocs-footer-nav {
    margin: 60px 0 15px;
}

section.inside.ocs-section form label {
    cursor: pointer;
    margin-bottom: 10px;
}

section.inside.ocs-section form label.ocs-label-wide {
    width: 100%;
    float: none;
}

section.inside.ocs-section form label.ocs-label-wide > p > a {
    color: blue;
}

section.inside.ocs-section form label.cpd-scope-of-practice {
    display: inline-block;
    width: 30%;
}

section.inside.ocs-section form label.ocs-label-choice {
    font-weight: normal;
}
section.inside.ocs-section .fullwidth { width: 979px; }

section.inside.ocs-section form label input[type="checkbox"],
section.inside.ocs-section form label input[type="radio"] {
    margin-right: 5px;
    position: relative;
    top: 2px;
}

section.inside.ocs-section .main .tabs.ui-tabs .ui-widget-header.ocs-tab-header {
    display: table;
    padding: 5px 5px 0;
    width: 979px;
}

section.inside.ocs-section .main .tabs.ui-tabs .ocs-tab-header.ui-tabs-nav li {
    display: table-cell;
    float: none;
    padding: 5px 5px 10px;
}

section.inside.ocs-section .main .tabs.ui-tabs .ocs-tab-header.ui-tabs-nav li a {
    float: none;
    height: auto;
}

section.inside.ocs-section .main .tabs.ui-tabs .tab-content .ui-widget-content {
    padding: 10px 5px;
    width: 979px;
}

section.inside.ocs-section .main .tabs.ui-tabs .tab-content .ui-widget-content .tabs,
section.inside.ocs-section .main .tabs.ui-tabs .tab-content .ui-widget-content .tabs .ui-widget-content {
    padding-left: 0;
    padding-right: 0;
}

section.inside.ocs-section .ocs-table .action { position: relative; }

span.icon-delete {
    color: #611859;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 26px;
    font-weight: bold;
    height: 16px;
    left: 50%;
    margin-left: -7px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 14px;
}

span.icon-delete:hover { color: #8b2280; }
#filter_by_category { margin-bottom: 10px; }

/**
 * Modal style
 */
.ocs-modal-header {
    background-color: #611859;
    padding: 10px 0;
    margin-bottom: 10px;
}

.ocs-modal-header h2 {
    color: #fff;
    font: normal 18px/22px "Nexa Bold", Arial, sans-serif;
    margin-bottom: 0;
    margin-top: -10px;
    padding: 0 30px;
}

.ocs-modal-header h2 small {
    font-family: Arial, sans-serif;
}

/* .ocs-modal-content label,
.ocs-modal-content input,
.ocs-modal-content textarea,
.ocs-modal-content select,
.ocs-modal-content button, */
.ocs-modal-content form label,
.ocs-modal-content form input,
.ocs-modal-content form textarea,
.ocs-modal-content form select,
.ocs-modal-content form button {
    display: block;
    margin-bottom: 15px;
    width: 100%;
    /* max-width: 400px; */
}

.ocs-modal-content .error { color: red; }

.ocs-modal-content form label {
    cursor: pointer;
    font-family: Verdana, Arial, sans-serif;
    font-size: 13px;
    margin-bottom: 5px;
}

/* .ocs-modal-content textarea, */
.ocs-modal-content form textarea { min-height: 100px; }

/* .ocs-modal-content input[type="submit"], */
.ocs-modal-content form input[type="submit"] { width: auto; }

.ocs-modal-content form .ocs-file-btn {
    display: inline-block;
    margin-bottom: 30px;
}

.ocs-modal-content table.generic {
    border-bottom: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
}

.ocs-modal-content table.generic th,
.ocs-modal-content table.generic td {
    padding: 10px;
}

.ocs-modal-content table.generic th {
    background: #611859;
    color:#fff;
    font:normal "Nova Bold", Arial, sans-serif;
    text-align: center;
    border:1px solid #fff;
    border-right: none;
    border-bottom: none;
}

.ocs-modal-content table.generic td {
    border:1px solid #d0d0d0;
    border-right: none;
    border-bottom: none;
}

.ocs-modal-content table.generic tr:hover {
    background: #f3f3f3;
}


.ocs-modal-content table.generic .action { position: relative; }
.attachment .icon { background: none !important; }

.blockUI.blockMsg { box-shadow: #000 0 4px 30px; }
.blockUI h1 { font-size: 16px; }
.blockUI .ocs-confirm-dialog h1 { margin-top: 0; margin-bottom: 15px; }
.blockUI .ocs-confirm-yes { margin-right: 5px; }

/**
 * OCS UI Styles
 */
/* .ocs-dialog { display: none; } */

.ocs-page .ui-dialog {
    border: 1px solid #555;
    border-radius: 0;
    box-shadow: #000 0 4px 30px;
    display: none;
    padding: 0;
}

.ocs-page .ui-widget-header {
    background: #611859;
    border: none;
    border-radius: 0;
}

.ocs-page .ui-widget-header h2 {
    color: #fff;
    font: normal 18px/22px "Nexa Bold", Arial, sans-serif;
}

.ocs-page .ui-widget-header h2 small {
    font-family: Arial, sans-serif;
}

/**
 * Generate any image you want with this URL:
 * http://download.jqueryui.com/themeroller/images/ui-icons_*COLOR*_256x240.png
 */
.ocs-page .ui-state-default .ui-icon,
.ocs-page .ui-widget-header .ui-icon { background-image: url(../img/ui-icons_ffffff_256x240.png); }

.ocs-page .ui-state-hover,
.ocs-page .ui-widget-content .ui-state-hover,
.ocs-page .ui-widget-header .ui-state-hover,
.ocs-page .ui-state-focus,
.ocs-page .ui-widget-content .ui-state-focus,
.ocs-page .ui-widget-header .ui-state-focus {
    background: none;
    border: none;
}

.ocs-page .ui-datepicker .ui-datepicker-next-hover { right: 2px; }
.ocs-page .ui-datepicker .ui-datepicker-prev-hover { left: 2px; }

.ocs-page .ui-datepicker .ui-datepicker-prev-hover,
.ocs-page .ui-datepicker .ui-datepicker-next-hover { top: 2px; }


.ocs-page .ui-dialog .ui-dialog-titlebar-close { top: 15px; }

.ocs-page .ui-widget-header .ui-state-default {
    background: none;
    border: none;
}

.ocs-page .ui-widget-overlay {
    background:#000;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    opacity: 0.75;
}

.ocs-page #ui-datepicker-div .ui-widget-header { color: #fff; }

.ocs-page .ocs-table [data-ocs-dialog] { text-decoration: underline; }
.ocs-page .ocs-table .action [data-ocs-dialog] { text-decoration: none; }

/* .ocs-page .ocs-modal-content input,
.ocs-page .ocs-modal-content select,
.ocs-page .ocs-modal-content textarea, */
.ocs-page [data-ocs-form] input,
.ocs-page [data-ocs-form] select,
.ocs-page [data-ocs-form] textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d1d1d1;
    padding: 5px 3px;
}

/* .ocs-page .ocs-modal-content input[type="submit"],
.ocs-page .ocs-modal-content input[type="button"],
.ocs-page .ocs-modal-content input[type="reset"],
.ocs-page .ocs-modal-content button[type="submit"],
.ocs-page .ocs-modal-content button[type="button"],
.ocs-page .ocs-modal-content button[type="reset"], */
.ocs-page [data-ocs-form] input[type="submit"],
.ocs-page [data-ocs-form] input[type="button"],
.ocs-page [data-ocs-form] input[type="reset"],
.ocs-page [data-ocs-form] button[type="submit"],
.ocs-page [data-ocs-form] button[type="button"],
.ocs-page [data-ocs-form] button[type="reset"] { padding: 10px; }

/**
 * Parsley
 */
/* input.parsley-success,
select.parsley-success,
textarea.parsley-success {
    background-color: #DFF0D8;
    border: 1px solid #D6E9C6;
    color: #468847;
} */

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
    color: #B94A48;
}

.parsley-errors-list {
    color: #B94A48;
    font-size: 1em;
    line-height: 1em;
    list-style-type: none;
    margin: -10px 0 15px 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    padding: 0;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.parsley-errors-list.filled { opacity: 1; }

.ocs-table-unstyled {
    font-family: Verdana,Arial,sans-serif;
    font-size: 14px;
}

.ocs-table-unstyled tbody td { width: 50%; }
.ocs-page .ocs-section .ocs-table-unstyled tbody td.first { padding-left: 0; }

table#minimum-cpd-points-table th {
    background: #611859;
    color: #fff;
    font: normal "Nova Bold", Arial, sans-serif;
    text-align: center;
    border: 1px solid #fff;
    border-right: none;
    border-bottom: none;
}

table#minimum-cpd-points-table td {
    text-align: center;
    border: 1px solid #d0d0d0;
    border-right: none;
    border-bottom: none;
}

table#minimum-cpd-points-table {
    border-right: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    width: 100%;
}

table#minimum-cpd-points-table th.empty {
    background: #FFF;
}

table#minimum-cpd-points-table th.side {
    width: 150px;
}

table#minimum-cpd-points-table th.top {
    padding: 5px;
}

div.cpd-tooltips > p {
    font-size: 1em;
}

/*Quick Hack*/
.ocs-input-group-final_confirmation input[type="checkbox"] {
    float: left;
    margin: 2px 10px 0 0;
    position: relative;
    top: 2px;
}

#step5 > div > ul > li > a {
    color: #7D1E71;
    text-decoration: none;
}

span.ocs-tooltip {outline:none; color: #7C4677; font-size: 14px;}
span.ocs-tooltip strong {line-height:30px;}
span.ocs-tooltip:hover {text-decoration:none;}
span.ocs-tooltip span {
    z-index:10;
    display:none;
    padding:14px 20px;
    margin-top:-30px;
    margin-left:20px;
    width:300px;
    line-height:16px;
    display:none;
    position:absolute;
    color:#111;
    border:1px solid #DCA;
    background:#fffAF0;
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}

.ocs-callout {
    z-index:20;position:absolute;top:30px;border:0;left:-12px;
}

span.ocs-tooltip span > a {
    color: blue;
    font-weight: bold;
}

img.ocs-tooltip-show {
    width: 25px;
}

a.ocs-tooltip-button {
    background: #b8b9ba;
    background-image: -webkit-linear-gradient(top, #b8b9ba, #b3b3b3);
    background-image: -moz-linear-gradient(top, #b8b9ba, #b3b3b3);
    background-image: -ms-linear-gradient(top, #b8b9ba, #b3b3b3);
    background-image: -o-linear-gradient(top, #b8b9ba, #b3b3b3);
    background-image: linear-gradient(to bottom, #b8b9ba, #b3b3b3);
    -webkit-border-radius: 14;
    -moz-border-radius: 14;
    border-radius: 14px;
    font-family: Arial;
    color: #ffffff!important;
    font-size: 14px;
    padding: 5px 10px 5px 10px;
    text-decoration: none!important;
    display: block;
    width: 50px;
    float: right;
    text-align: center;
}

a.ocs-tooltip-button:hover {
    background: #363636;
    background-image: -webkit-linear-gradient(top, #363636, #383838);
    background-image: -moz-linear-gradient(top, #363636, #383838);
    background-image: -ms-linear-gradient(top, #363636, #383838);
    background-image: -o-linear-gradient(top, #363636, #383838);
    background-image: linear-gradient(to bottom, #363636, #383838);
    text-decoration: none!important;
}

#step5-activities > p > a {
    color: blue;
}

.ocs-large-text{
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    font-family: Arial, sans-serif;
}

.ocs-cde-disable-btn {
   pointer-events: none;
   cursor: default;
}

.ocs-cde-disable-btn > a {
   color: #E0E0E0!important;
   background-color: #F8F8F8!important;
}

.cpd-modal-activity h2 {
    margin: 0.2em 0em;
}

.cpd-modal-activity form label {
    width: 25%;
    display: inline-block;
}

.cpd-modal-activity form select, .cpd-modal-activity form textarea {
    width: 75%;
    display: inline-block;
}

.cpd-modal-activity .ocs-input-group {
    margin-bottom: 5px;
}

.cpd-modal-activity .ocs-input-group > input, .cpd-modal-activity .ocs-input-group > select, .cpd-modal-activity .ocs-input-group > textarea, .cpd-modal-activity .ocs-input-group table {
    margin-bottom: 5px;
}

.cpd-modal-activity table.generic.ocs-table.ocs-modal-table {
    width: 75%;
    float: left;
    margin-right: 10px;
}

.cpd-modal-activity a.button.gray.ocs-file-btn {
    display: inline-block;
}

.cpd-modal-activity .ocs-input-group-documents > label, .cpd-modal-activity .ocs-input-group-associated_goal > label {
    width: 100%;
}

.cpd-modal-activity .ocs-input-group-associated_goal > select {
    width: 100%;
}

.cpd-modal-activity .ocs-input-group-number_of {
    float: left;
    width: 50%;
}

.cpd-modal-activity .ocs-input-group-date {
    float: right;
    width: 50%;
}

.cpd-modal-activity label.ocs-activity-number_of  {
    width: 50%;
}

.cpd-modal-activity label.ocs-activity-date {
    width: 55%;
    margin-top: 10px;
}
.cpd-modal-activity input.ocs-activity-number_of, .cpd-modal-activity input.hasDatepicker {
    width: 45%;
    display: inline-block;
}

.cpd-modal-activity .ocs-activities-proof-validation .parsley-errors-list {
    top: 0px!important;
}

.ui-tooltip {
    background: #fffaf0 !important;
    border: 1px solid #dca !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}