/********************************************* 
    Begin Legacy CSS (Site.css)
    **********************************************/
/* MASTER PAGE STYLE   
    ----------------------------------------------------------*/

body {
    background: #fff;
    font-family: "Gotham A", "Gotham B", sans-serif;
    font-size: 14px;
    margin: 0;
    min-width: 1001px;
}

img {
    border-style: none;
}

.widebtn {
    width: 435px;
    padding-top: 15px;
}

textarea {
    resize: vertical !important;
}

.white-btn a {
    background: #006fba;
    padding: 10px 40px;
    text-transform: uppercase;
    color: white;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    font-family: "Gotham A", "Gotham B", sans-serif !important;
    text-align: center;
    display: block;
}

td.notesText {
    font-size: 14px !important;
    font-family: "Gotham A", "Gotham B", sans-serif !important;
}

    td.notesText div {
        font-size: 14px !important;
        font-family: "Gotham A", "Gotham B", sans-serif !important;
    }

    a {
        color: #004990;
        text-decoration: none;
    }

    a:hover {
        text-decoration: underline;
    }

    a.ex1 {
        color: white;
        text-decoration: none;
    }

    a.ex1:hover {
        text-decoration: underline;
        color : white;
    }

h2 {
    color: #006fba;
    display: block;
    font-family: "Gotham A", "Gotham B", sans-serif;
    margin-bottom: 0;
    margin-bottom: 25px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 15px;
    font-size: 28px;
    font-weight: normal;
    text-transform: uppercase;
}

.h2-float-left {
    float: left;
}


.head-title h2 {
    background: #006fba;
    color: white;
    padding: 40px 20px;
    font-weight: normal;
}

h3 {
    color: #006dbd;
    font-size: 22px;
    font-family: "Gotham A", "Gotham B", sans-serif;
}

    h3.low {
        color: black;
        font-family: "Gotham A", "Gotham B", sans-serif;
        margin-bottom: -10px;
        font-weight: 400;
        text-transform: uppercase;
    }

pre {
    overflow: auto;
    white-space: normal;
}

footer {
    position: absolute;
    width: 100%;
    left:0;
}

.slogan-align {
    max-width: 84.5%;
    margin: 0 auto;
}

.contentFullWidth #content-pad {
    padding-left: 0;
    margin-left: 0;
}

.tg-0lax-text {
    min-width: 500px;
}

table.mentor_review_table td {
    font-weight: bold;
    padding: 10px 0px;
    padding-left: 10px;
}

#wrapper {
    /*! background: url(/images/bg-wrapper-t.png) no-repeat; */
    height: 100%;
    margin: 5px auto 0;
    overflow: hidden;
    padding: 10px 0 0;
    width: 88%;
    margin: 0 auto;
}

.wrapper {
    width: 100%;
}

    #header:after,
    .wrapper:after {
        clear: both;
        content: '';
        display: block;
    }

.wrapper-c {
    /*! background: url(/images/bg-wrapper-c.png) repeat-y; */
    /*! float: left; */
    padding: 5px 0px;
    /*! width: 991px; */
}

.wrapper-b {
    /*! background: url(/images/CPA-FooterDesign.jpg) no-repeat; */
    /*! float: left; */
    /*! height: 138px; */
    overflow: hidden;
    /*! width: 1201px; */
    /*! background: #4584f7; */
    /*! width: 100%; */
}

.login-control-alignment {
    float: right;
    padding: 40px 0px 0 0;
    position: relative;
}

.login-control-separation {
    padding-left: 25px;
}

.top-list-left {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 2px;
    position: relative;
    top: -3px;
}

.consolidated_sum th {
    font-size: 11px;
    padding: 10px 6px;
}

    .top-list-left li {
        float: left;
        margin: 0 0 0 -1px;
        padding-right: 25px
    }
.consolidated_sum td {
    font-size: 11px;
    padding: 10px !important;
}
    /*div#content-pad a {
    background: #70ba61;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    padding: 7px 25px;
    border-radius: 4px;
}

    div#content-pad a:hover {
        background: #59934d;
    }
*/
    .top-list-left li {
        border-right: 1px solid #005f97;
        padding-right: 10px;
        margin-right: 10px;
        height: 20px;
    }
    
li.home-icon img {
    width: 20px;
    opacity: 0.5;
}
.view_btn .edit_btn {
    padding: 7px;
    font-size: 10px;
}


    li.home-icon img:hover {
        opacity: 1;
        cursor: pointer;
    }

.main-header-en {
    background: url(/images/CPA-Logo-EN-2020.png) no-repeat;
    height: 77px;
}

.main-header-fr {
    background: url(/images/CPA-Logo-FR-2020.png) no-repeat;
    height: 77px;
}

.top-list-left li:last-child {
    border: none;
}

.header-area {
    background: url(/images/bg-header-area.png);
    margin: 0 0 13px;
    overflow: hidden;
    padding: 10px 0 10px 19px;
    width: 779px;
}

.logo {
    background: url(/images/bg-logo.gif) no-repeat;
    display: block;
    height: 43px;
    overflow: hidden;
    text-indent: -9999px;
    width: 190px;
}

    .logo a {
        display: block;
        height: 100%;
    }

.footer-menu a {
    color: white;
}

.greyy {
    background: grey !important;
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    background: #006fba;
    height: 31px;
    font-size: 16px;
    border: none;
    MARGIN-BOTTOM: 20PX;
    BORDER-RADIUS: 0;
    padding-top: 18px;
    font-family: "Gotham A", "Gotham B", sans-serif !important;
}

.ui-dialog .ui-dialog-title {
    color: white;
    text-transform: uppercase;
}

table#mentorListTable td, table#mentorListTable th {
    padding: 20px;
}

.ui-dialog .ui-dialog-titlebar-close {
    top: 25% !important;
    right:7px!important;    
}

div#top-header {
    max-width: 80%;
    margin: 0 auto;
    margin-top: 20px;
}

form#saveProfileForm h3 {
    display: none;
}

form#studentProfileForm h3 {
    display: none;
}

strong.slogan {
    color: white;
    margin-top: 15px;
    display: block;
    font-family: "Gotham A", "Gotham B",sans-serif;
    background: #006fba;
    padding: 40px;
    font-size: 28px;
    font-weight: lighter;
}

#main {
    height: 100%;
    overflow: hidden;
    display: flex;
    padding: 0 1px 0px;
    /*! width: 991px; */
    /*background-color:#E8E8E8;*/
}

#sidebar {
    /*! float: left; */
    height: 100%;
    /*background-color:#E8E8E8;*/
    margin-top: 0px;
    /*! width: 150px; */
    width: 20%;
}

.sidebarVisible {
    height: 100%;
    /*background-color:#E8E8E8;*/
    margin-top: 45px;
    /*width:193px;*/
    width: 150px;
}

.ui-dialog .ui-dialog-content {
    min-height: 70px !important;
}

.sidebarHidden {
    display: none;
}

.sidebar-list {
    list-style: none;
    /*! margin: 0 20px; */
    padding: 0;
    padding: 0px 0px;
    /*! margin-bottom: 20px; */
    margin-right: 25px;
}

.sidebar-list-hidden {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 0;
}

.sidebar-list a {
    color: #085f94;
    display: block;
    font-size: 14px;
    padding: 12px 8px 12px 8px;
    font-weight: 600;
}

.sidebar-list ul a {
    padding: 3px 10px 3px 27px;
}

.sidebar-list .active a,
.sidebar-list a:hover {
    text-decoration: none;
    color: #fff;
    background: #085f94;
    animation-duration: 1s;
}

.sidebar-list a.currentpage {
    background: #455560;
    color: #fff;
    text-decoration: none;
}

.sidebar-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-logo-link {
    width: 232px;
    height: 80px;
    float: left;
}

a.logo-home-link {
    height: 80px;
    width: 232px;
    display: block;
}

#content {
    background-color: #FFFFFF;
    padding: 0 35px 0 0;
    padding-bottom: 30px;
}

.contentNormalWidth {
    background-color: #FFFFFF;
    float: right;
    padding: 0 35px 0 0;
    padding-bottom: 30px;
    width: 80%;
}

.contentFullWidth {
    background-color: #FFFFFF;
    padding: 0 35px 0 0;
    padding-bottom: 30px;
}

#content-supervisor {
    background-color: #FFFFFF;
    float: right;
    padding: 0 20px 0 0;
    padding-bottom: 30px;
    width: 971px;
}

#content-pad {
    padding-left: 20px;
    padding-top: 15px;
    margin-left: 40px;
}

#content-pad-left {
    padding-left: 20px;
}

#content .wrapper {
    padding: 0 0 15px 10px;
}

.breadcrumbs {
    color: #000000;
    float: left;
    list-style: none;
    margin: 8px 0 0 -1px;
    overflow: hidden;
    padding: 0;
}

    .breadcrumbs li {
        background: url(/images/arrow-breadcrumbs.gif) no-repeat 0 4px;
        float: left;
        margin: 0 0 0 -7px;
        padding: 0 9px 10px 9px;
    }

.content-section {
    float: right;
    padding: 15px 27px 10px 10px;
}

.text-changer {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0 16px 0 0;
}

    .text-changer li {
        float: left;
        margin: 0 0 0 4px;
    }

    .text-changer #decrease,
    .text-changer #increase {
        display: block;
        height: 15px;
        overflow: hidden;
        text-indent: -9999px;
        width: 12px;
    }

    .text-changer #decrease {
        background: url(/images/ico-text-changer.gif) no-repeat;
    }

    .text-changer #increase {
        background: url(/images/ico-text-changer.gif) no-repeat 0 -15px;
    }

.print {
    background: url(/images/ico-print.gif) no-repeat;
    float: left;
    height: 15px;
    overflow: hidden;
    text-indent: -9999px;
    width: 17px;
}

#content h1 {
    color: #455560;
    font-family: "Gotham A", "Gotham B",sans-serif;
    margin: 0 0 9px;
}

#content p {
    margin: 0 0 13px;
}

/* FORM LAYOUT ELEMENTS   
    ----------------------------------------------------------*/

fieldset {
    background-color: #e8e8e8;
    border: 1px solid #001234;
    margin: 2em 1em 0 0;
    padding: 0px 0 10px 15px;
}

    fieldset.perc {
        background-color: white;
        border: none;
        padding: 0 5px 5px 10px;
    }

    fieldset.perc-no-indent {
        background-color: White;
        border: none;
        padding: 0 5px 5px 0px;
    }

    fieldset p {
        margin: 2px 12px 10px 100px;
    }

legend {
    font-size: 1.1em;
    font-weight: 600;
    margin: 0 0 0 0;
}

input[type="password"] {
    border: 1px solid #CCC;
    width: 200px;
}

/* TABLE
    ----------------------------------------------------------*/

table {
    border: none;
    /*! border: 1px solid #CCCCCC; */
    border-collapse: collapse;
}

    /*table td { padding: 15px 12px; border-bottom: 1px solid #8080804a;}
    */
    table#experienceReportTable td, table#assessmentsTable td, table#dataCheckStudentListTable td, table#programManagerStudentListTable td, table#mentorStudentListTable td, table#developmentLeaderStudentListTable td {
        padding: 15px 18px;
        border-bottom: 1px solid #efefef;
    }

        table#experienceReportTable tr:nth-child(odd), table#assessmentsTable td tr:nth-child(odd), table#reviewerAssessmentsTable tr:nth-child(odd), table#dataCheckStudentListTable tr:nth-child(odd), table#mentorStudentListTable tr:nth-child(odd), table#developmentLeaderStudentListTable tr:nth-child(odd) {
            background: #efefef;
        }

    table#dataCheckStudentListTabl, table#mentorStudentListTable, table#developmentLeaderStudentListTable {
        width: 100%;
    }




    table th {
        background-color: #fff;
        padding: 15px;
        text-align: left;
        color: #006fba;
        text-transform: uppercase;
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #efefef;
    }

    table td.grey-back {
        background-color: #efefef;
    }

    table th.details-top {
        background-color: #FFFFFF;
        border: 1px solid #CCCCCC;
    }

    table th.employment-top {
        background-color: #FFFFFF;
        border: 1px solid #CCCCCC;
    }

    table th.employment-details {
        background-color: #efefef;
        border: 1px solid #CCCCCC;
    }

        table th.employment-details non-bold {
            background-color: #efefef;
            border: 1px solid #CCCCCC;
            text-decoration: none;
        }

    table .grey-border {
        border: 1px solid #CCCCCC;
    }


/* MISC  
    ----------------------------------------------------------*/

.clear {
    clear: both;
}

.error {
    color: red;
}

.notice {
    color: red;
}

#menucontainer {
    margin-top: 40px;
}

div#title {
    display: block;
    float: left;
    text-align: left;
}

#logindisplay {
    color: white;
    display: block;
    font-size: 1.1em;
    margin: 10px;
    text-align: right;
}

    #logindisplay a:link {
        color: white;
        text-decoration: underline;
    }

    #logindisplay a:visited {
        color: white;
        text-decoration: underline;
    }

    #logindisplay a:hover {
        color: white;
        text-decoration: none;
    }

/* Styles for validation helpers
    -----------------------------------------------------------*/

.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    background-color: #ffaaaa; /* was: #ffeeee*/
    border: 1px solid #ff0000;
}

.validation-summary-errors {
    color: #ff0000;
    font-weight: bold;
}

.validation-required-onsubmit {
    color: #00a700;
    font-weight: bold;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
    ----------------------------------------------------------*/

.display-label,
.editor-label,
.editor-label-required,
.editor-label-required-before-submit,
.display-field {
    margin: 0.5em 0;
}

.experienceReportWideDropdown {
    width: 210px
}

.experienceReportNarrowDropdown {
    width: 80px
}

.display-label {
    font-weight: bold;
}

.text-box {
    width: 30em;
}

    .text-box.multi-line {
        height: 6.5em;
    }

.tri-state {
    width: 6em;
}

.display-label {
    color: #000000;
}

/* Styles for editor and display helpers
    ----------------------------------------------------------*/

.space20h {
    padding-left: 20px;
}

.space10b {
    margin-bottom: 10px;
}

a#addNoteLink {
    font-weight: bold;
    color: #006fba;
    font-size: 15px;
}

a#addNoteLinks {
  font-weight: bold;
  color: #006fba;
  font-size: 15px;
}
/*New Tab Style*/

ul.subsection_tabs {
    border-bottom-color: #009946;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    clear: both;
    font-size: 16px;
    height: 25.4px;
    list-style-image: initial;
    list-style-position: initial;
    list-style-type: none;
    margin-bottom: 30px;
    margin-left: 0;
    margin-top: 0;
    margin-right: 0;
    padding-bottom: 1px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    font-weight: normal;
    text-transform: uppercase;
}

div#cancelDialog {
    min-height: 100px !important;
}


input#Password {
    height: 25px;
    max-width: 246px;
}



ul.subsection_tabs li.tab {
    display: inline-block;
    text-align: center;
}

    ul.subsection_tabs li.tab:first-child {
        margin-left: 0;
    }

    ul.subsection_tabs li.tab a {
        background-color: white;
        border-left: 1px #fff solid;
        border-right: 1px #fff solid;
        border-top: 1px #fff solid;
        color: #666666;
        display: block;
        height: 20px;
        padding-bottom: 0;
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 5px;
        font-size: 14px !important;
        letter-spacing: -0.2px !important;
    }

ul.subsection_tabs li.longtab {
    float: left;
    margin-right: 7px;
    text-align: center;
}

    ul.subsection_tabs li.longtab a {
        background-color: #FFFFFF;
        color: #666666;
        display: block;
        height: 20px;
        padding-bottom: 0;
        padding-left: 6px;
        padding-right: 6px;
        padding-top: 5px;
        width: 165px;
    }

ul.subsection_tabs li.tab a:hover {
    border: 1px #009946 solid;
    color: #009946;
    text-decoration: none;
}

ul.subsection_tabs li.longtab a:hover {
    border: 1px #009946 solid;
    color: #009946;
    font-weight: bold;
    text-decoration: none;
}

/**Active class to be used in programming the tabs**/

ul.subsection_tabs li.tab a.currentpage {
    border: 1px #009946 solid;
    color: #009946;
    font-weight: bold;
    border-bottom: none;
}

ul.subsection_tabs li.longtab a.currentpage {
    /* i.e. on student employment files */
    border: 1px #009946 solid;
    color: #009946;
    font-weight: bold;
}

/**********************************************/
/**********Experience Report Tabs*/

ul.subsectionExp_tabs {
    border-top: 1px #009946 solid;
    border-bottom: 1px #009946 solid;
    clear: both;
    font-size: 15px;
    height: 50px;
    list-style-image: initial;
    list-style-position: initial;
    list-style-type: none;
    margin-bottom: 35px;
    margin-left: 0;
    margin-top: 0;
    margin-right: 0;
    padding-bottom: 1px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    font-weight: bold;
    text-align: center;
}

  ul.subsectionExp_tabs li {
    display: inline-block;
    text-align: center;
    height: 40px;
    display: fit-content !important;
    overflow: hidden;
    white-space: nowrap;
    /*        padding-bottom: 10px;
        padding-left: 3px;
        padding-top: 20px;
        display: inline-block;
        vertical-align: top;*/
    font-weight: bold;
  }

    ul.subsectionExp_tabs li.tab:first-child {
        margin-left: 0;
    }

    ul.subsectionExp_tabs li.tab a {
      background-color: white;
      color: #666666;
      display: block;
      font-size: 14px !important;
      text-align: center;
      letter-spacing: -0.2px !important;
      padding-bottom: 10px;
      padding-top: 20px;
      display: inline-block;
      vertical-align: top;
      font-weight: bold;
    }

    ul.subsectionExp_tabs li.tab img {
      color: #666666;
      padding-bottom: 10px;
      padding-top: 12px;
      padding-bottom: 10px;
      letter-spacing: -0.2px !important;
      display: inline-block;
      vertical-align: top;
      font-size: 14px;
      font-weight: bold;
    }

ul.subsectionExp_tabs li.longtab {
    float: left;
    margin-right: 7px;
    text-align: center;
}

  ul.subsectionExp_tabs li.longtab a {
    background-color: #FFFFFF;
    color: #666666;
    display: block;
    height: 20px;
    padding-bottom: 0;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 5px;
    width: 165px;
    font-weight: bold;
  }

ul.subsectionExp_tabs li.tab a:hover {
   /* border: 1px #009946 solid;*/
    color: #009946;
    text-decoration: none;
}

ul.subsectionExp_tabs li.longtab a:hover {
    border: 1px #009946 solid;
    color: #009946;
    font-weight: bold;
    text-decoration: none;
}

/**Active class to be used in programming the tabs**/

      ul.subsectionExp_tabs li.tab a.currentpage {
        /*    border: 1px #009946 solid;*/
        color: #009946;
        font-weight: bold;
        font-size: 14px;
      }

ul.subsectionExp_tabs li.longtab a.currentpage {
    /* i.e. on student employment files */
    border: 1px #009946 solid;
    color: #009946;
    font-weight: bold;
}

#percTitle {
    color: #000000;
    display: block;
    font: normal normal normal 22px/26px Arial, Helvetica, sans-serif;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}


/********************************************* 
    End Legacy CSS (Site.css)
    **********************************************/

/* Begin Semantic Form */

.semantic-form h2 {
    margin-bottom: 22px;
}

.semantic-form fieldset {
    background-color: transparent;
    border: 0;
    margin-right: 0;
    margin-top: 0;
    padding: 0;
}

    .semantic-form fieldset legend {
        color: #00bee1;
        font-family: "Gotham A", "Gotham B", sans-serif;
        font-size: 18px;
        font-weight: normal;
        line-height: 22px;
        margin-bottom: 25px;
        padding: 0;
    }

.semantic-form .form-group label {
    font-weight: bold;
    padding: 0 10px;
}

.semantic-form .form-group label,
.semantic-form .form-group input {
    float: left;
    width: 200px;
}

    .semantic-form .form-group input[type=file] {
        float: left;
        width: 500px;
    }

    .semantic-form .form-group input.decimal-editor {
        float: left;
        font-family: "Gotham A", "Gotham B", sans-serif;
        width: 35px;
    }

.semantic-form .form-group-label-indent label {
    float: left;
    margin-left: 30px;
    padding: 0 10px;
    width: 170px;
}

.semantic-form .form-group p {
    float: left;
    margin: 0;
    padding: 0 10px;
    width: 650px;
}

.semantic-form textarea {
    border: 1px solid #808080;
    font-family: "Gotham A", "Gotham B", sans-serif;
    font-size: 13px;
}

/* Clearfix for each .form-group */

.semantic-form .form-group:before,
.semantic-form .form-group:after,
.semantic-form .form-group-label-indent:before,
.semantic-form .form-group-label-indent:after {
    content: "";
    display: table;
}

.semantic-form .form-group:after {
    clear: both;
}

.semantic-form .form-group-label-indent:after {
    clear: both;
}

.semantic-form .form-group {
    zoom: 1;
}

.semantic-form.narrower-label label {
    width: 125px;
}

.semantic-form.narrower-label .form-group span {
    width: 575px;
}

.semantic-form.narrow-label label {
    width: 165px;
}

.semantic-form.narrow-label .form-group span {
    width: 560px;
}

    .semantic-form.narrow-label .form-group span.auto-width {
        width: inherit
    }

    .semantic-form.narrow-label .form-group span.indent {
        margin-left: 10px
    }

.semantic-form.wide-label label {
    width: 300px;
}

.semantic-form.medium-label label {
    width: 200px;
}

.semantic-form.medium-label .form-group span {
    width: 500px;
}


.semantic-form .form-group span {
    float: left;
    width: 716px;
}

.semantic-form .form-group-label-indent span {
    float: left;
    width: 400px;
}

.semantic-form .form-group-label-indent select {
    width: 100px;
}

.semantic-form .form-group-label-indent input[type=radio] {
    margin-left: 20px;
}

.semantic-form .form-group select {
    width: 222px;
}

.semantic-form .form-group {
    margin-bottom: 20px;
}

    .semantic-form .form-group .radiobutton-indent {
        margin-left: 15px;
        width: inherit;
    }

    .semantic-form .form-group .radiobutton-label {
        float: none;
        font-weight: normal;
        padding-left: 5px;
        width: inherit;
    }

    .semantic-form .form-group .radiobutton-label-left {
        float: left;
        font-weight: normal;
        padding-left: 5px;
        width: inherit;
    }

    .semantic-form .form-group input[type=radio].radiobutton-width {
        margin: 0;
        width: 15px;
    }

.semantic-form .form-group-label-indent {
    margin-bottom: 20px;
}

.semantic-form form input[type=checkbox] {
    float: left;
    margin-left: 0;
    padding-left: 0;
    width: auto
}

.semantic-form form input.indent[type=checkbox] {
    margin-left: 10px;
}

.semantic-form form span.indent {
    margin-left: 15px;
}

.form-sequential.semantic-form fieldset legend {
    color: #000000;
}

.form-sequential.semantic-form .form-group label {
    color: #004990;
    font-weight: normal;
}

.form-sequential.semantic-form .form-group label {
    display: block;
    float: none;
    margin-bottom: 10px;
    padding: 0;
    width: inherit;
}

.lt-ie8 .form-sequential.semantic-form .form-group label {
    width: auto;
}

.form-sequential.semantic-form .form-group textarea {
    display: block;
    float: none;
    height: 60px;
    margin: 0;
    width: 900px;
}

.form-sequential.semantic-form .form-group p {
    margin: 0;
}

.form-sequential.semantic-form p {
    padding: 0;
    width: auto;
}

.semantic-form .required-field:after {
    color: grey;
    content: "(Required)";
    margin-left: 5px;
}


.action-link {
    float: left;
    padding-bottom: 20px;
    padding-right: 20px;
}

/* mentor-specific */

.semantic-form .form-group .indent.mentor-create-text-area {
    width: 675px
}

.semantic-form .form-group .indent.mentor-create-text-area-wider {
    width: 705px
}

.semantic-form.mentor-create .form-group .mentor-create-narrow-select {
    width: 75px;
}

.semantic-form.mentor-create .form-group .mentor-create-wide-select {
    width: 539px;
}

.semantic-form.mentor-create .form-group-label-indent .mentor-create-wide-select {
    width: 539px;
}

.request-assessment-dropdown {
    width: 375px !important;
}

.semantic-form.mentor-create .form-group .datePicker {
    clear: both;
    margin-top: 3px;
    padding: 0;
    width: 75px;
}

.semantic-form.mentor-create .form-group input {
    width: 534px;
}

.semantic-form.mentor-edit .form-group input {
    width: 538px;
}

.semantic-form.mentor-create .form-group-label-indent input {
    width: 537px;
}

.semantic-form.mentor-create .form-group select {
    width: 289px;
}

.semantic-form.mentor-create .form-group textarea {
    width: 537px;
}

.semantic-form.mentor-create .form-group input[type=checkbox] {
    width: 10px;
}

.semantic-form.mentor-create .form-group .required-checkbox {
    color: #ff0000;
    float: left;
    margin-left: 5px
}

.semantic-form.narrow-label.mentor-create .form-group-label-indent label {
    float: left;
    margin-left: 10px;
    padding: 0 10px;
    width: 155px;
}

.semantic-form.import-mentors label {
    padding-top: 7px;
    width: 60px;
}

/* end mentor-specific */

.semantic-form.import .form-group input[type=checkbox] {
    margin-top: 20px;
    width: 10px;
}

.end-mentor-relationship-radio {
    margin-top: 10px
}

/* End Semantic Form */

.section {
    margin-top: 30px;
}

.left-pad {
    padding-left: 10px;
}

.editor-label-required:after {
    color: grey;
    content: "(Required)";
    margin-left: 5px;
}

.editor-label-required-before-submit:after {
    color: grey;
    content: "(Required)";
    margin-left: 5px;
}

.special-instruction-text {
    color: Red;
    font-weight: bold;
    margin-left: 20px;
}

table#perc_files_list th:nth-child(3) label {
    visibility: hidden;
}

form#saveTechCompDetailsForm table#perc_files_list th:nth-child(3) label {
    visibility: initial;
}

.special-instruction-text-with-stars {
    color: Red;
    font-weight: bold;
}

.loading-image {
    display: none;
    padding-top: 9px;
    vertical-align: top;
}

.loading-image-smallpadding {
    display: none;
    padding-top: 2px;
    vertical-align: top;
}

.editor-label-cell {
    width: 350px;
}

.editor-field {
    margin: 0.5em 0;
    width: 220px;
    height: 30px
}

.editor-field-wide {
    margin-bottom: 7px;
    width: 300px;
    height: 30px;
    border-color: lightgrey;
}

.percent-width-50 {
    width: 50%;
    padding: 15px 25px;
}

.percent-width-25 {
    width: 25%;
    padding: 15px 25px;
}

.detail-actions {
    border: none;
    float: right;
    margin-top: 20px;
}

input[type="text"] {
    border: 1px solid #CCC;
    width: 218px;
    height: 25px;
}

.editor-field-wide input[type="text"] {
    border: 1px solid #CCC;
    width: 296px;
    height: 25px;
}

.experience-report-details-h3 {
    margin: 0 0 0 5px
}

.list-table {
    clear: both;
    width: 100%;
}

form h2 {
    color: black;
}

h2.disclaimer {
    margin: 0 !important;
    background: rgba(128,128,128,0.15);
    padding-top: 20px;
    padding-left: 25px;
    font-size: 22px;
    text-transform: none;
}

.createBtn {
    margin-top: 30px;
    margin-bottom: 25px;
    display: flex;
    flex-direction: row-reverse;
}

    .createBtn a, .request-meet a {
        background: #006fba;
        color: white;
        text-transform: uppercase;
        padding: 10px 25px;
        border-radius: 4px;
        border: none;
        font-family: "Gotham A", "Gotham B", sans-serif !important;
        font-weight: bold;
    }

.request-meet a {
    float: right;
}

.mentor-review-list-table {
    width: 100%;
    word-wrap: break-word;
    font-size: 14px;
    table-layout: fixed;
    word-break: break-word
}

.visible {
    display: inline;
}

.hidden {
    display: none;
}

.experience-report-note-header {
    background-color: #006fba;
    color: white;
    font-weight: bold;
    padding: 10px 15px;
}

table#perc_files_list td:nth-child(2), table#perc_files_list th:nth-child(2) {
    text-align: center;
}

.addnote {
    background: #009946;
    padding: 7px 20px;
    text-transform: uppercase;
    color: white;
    cursor: pointer;
    border: none;
    font-weight: bold;
    font-size: 14px;
    margin-top: 12px !important;
    font-family: "Gotham A", "Gotham B", sans-serif !important;
    cursor: pointer;
}

span#TechnicalAreaDiv img {
    width: 16px;
    opacity: .6;
    cursor: pointer;
    margin-left: 10px;
}

span#EnablingCompetencyDiv img {
    width: 16px;
    opacity: .6;
    cursor: pointer;
    margin-left: 10px;
}

thead.enablingtable th {
    background: white;
    color: #006fba;
    font-weight: 500;
    font-size: 15px;
    width: 25%;
    font-weight: bold;
}

/*tbody.enablingtbody td.blueBack {
    background: #006cbf;
    color: white;
    font-weight: bold;
}*/



table#perc_files_list td {
    padding: 15px 20px !important;

}

table#perc_files_list tr:nth-child(odd) {
    background: #efefef;
}

tbody.enablingtbody td {
    padding: 10px 18px !important;
}

thead.tech-comp-table th {
    width: 16%;

    text-align: left;
    font-size: 12px;
    display: flex;
    align-items: center;
    font-weight: 500;
    color: black;
    background: #f5f5f5d6;
}

thead.tech-comp-tableer th {
  width: 16%;
  text-align: left;
  font-size: 15px;
  display: flex;
  align-items: center;
  font-weight: 500;
  color: black;
  background-color:white;

}

thead.tech-comp-table tr {
    display: flex;
}

thead.tech-comp-tableer tr {
  display: flex;
  background-color:white;
}

tbody.tech-comp-tableer tr {
  display: flex;
  background-color: white;
}



form#saveTechCompDetailsForm h2 {
    color: #006fba;
    font-size: 20px;
    text-transform: none;
    margin-top: 30px;
}

thead.tech-comp-table th {
    text-align: center;
    background: #efefef;
    color: black;
    font-weight: 500;
    width: 16%;
}

thead.tech-comp-tableer th {
  text-align: center;

  color: black;
  font-weight: 500;
  width: 16%;
  background-color:white;
}

tbody.tech-comp-tableer td {
  text-align: center;
  color: black;
  font-weight: 500;
  width: 16%;
  background-color: white;
}


.editor-label-div {
    display: inline;
    float: left;
    padding-top: 3px
}

.editor-field-div {
    display: inline;
    margin-left: 10px;
}

.tableMargin {
    clear: both;
    margin-top: 20px;
}

.studentName {
    color: #006fba;
    margin-top: 0px !important;
    max-width: 290px;
    margin-bottom: 0;
}

.black {
    color: #000000;
}

div#ReportTypeHelpDialog {
    height: 300px !important;
}

div#supervisorHelpDialog {
    height: 160px !important;
}

.submitButtons {
    margin-top: 20px;
    margin-bottom: 20px;
    float: right;
}

table.mentor-questionnaire tr {
    vertical-align: baseline;
}

table#programManagerStudentListTable tr th label, table#programManagerStudentListTable tr th a {
    font-size: 12px !important;
    color: #006fba;
}


.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable {
    padding: 0 !important;
    position: fixed;
    top: 27%;
    left: 58%;
    border: 1px solid grey;
    background: white;
}

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

span.ui-button-icon-primary.ui-icon.ui-icon-closethick {
    background-image: url(/images/close-icon.png) !important;
    background-size: contain;
    width: 20px !important;
    height: 20px !Important;
}
.ui-icon-closethick {
    background-position: unset!important;
}
.w300 {
    width: 310px !important;
}

.ui-widget-overlay {
    position: unset !important;
}
/* Begin Enabling Competencies */
.enabling-competencies .form-group {
    margin-bottom: 0;
    padding-left: 20px;
    padding-top: 25px;
}

.enabling-competencies fieldset {
    padding-bottom: 50px;
    position: relative;
}

.enabling-competencies .summary-questions fieldset {
    padding-bottom: 30px;
}

.enabling-competencies fieldset legend {
    color: #000000;
    margin-bottom: 0;
    width: 600px;
}

.enabling-competencies a.edit {
    position: absolute;
    right: 450px;
    top: 0;
}
img.proficiency-help-modal-trigger, img#commentsHelp {
    opacity: 0.6;
}
img.main-proficiency-help-modal-trigger, img#commentsHelp {
  opacity: 0.6;
}

.item1.proficiency-form-container-item1 img {
    opacity: 0.6;
}
.enabling-competencies fieldset span.proficiency-level-achieved {
    display: inline-block;
    float: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
}

.enabling-competencies-proficiency {
    max-width: 575px;
}

.enabling-competencies fieldset h3 {
    color: #000000;
    margin: 0 0 0 0;
    width: 70%;
}

.enabling-competencies fieldset label {
    color: #004990;
    font-weight: normal;
    margin-bottom: 5px;
}

.enabling-competencies fieldset p {
    font-weight: normal;
}

.enabling-competencies .summary-questions {
    position: relative;
}

.enabling-competencies-readonly-answer {
    font-weight: bold;
}

/* End Enabling Competencies */

img.proficiency-help-modal-trigger {
    cursor: pointer;
}

img.main-proficiency-help-modal-trigger {
  cursor: pointer;
}

tbody.table216 TR {
    DISPLAY: FLEX;
}

tbody.table216 td {
    width: 16%;
    display: flex;
    align-items: center;
    justify-content: left;
}

tbody.table216er tr {
  DISPLAY: FLEX;
  background-color:white;
}

tbody.table216er td {
  width: 16%;
  display: flex;
  align-items: center;
  justify-content: left;
  background-color:white;
}


td.table456 {
  width: 100% !Important;
}

    td.table456 textarea {
        height: 40px;
        padding: 8px 12px;
        font-family: "Gotham A", "Gotham B", sans-serif;
    }

table456 textarea {
    height: 40px;
    padding: 8px 12px;
    font-family: "Gotham A", "Gotham B", sans-serif;
  }

img.help {
    cursor: pointer;
    margin-left: 5px;
    vertical-align: top;
    max-width: 15px;
    opacity: 0.6;
}

    img.help:hover {
        opacity: 1;
    }

table#perc_files_list td {
    margin-bottom: 20px;
}


img.help-noleftmargin {
    cursor: pointer;
    float: right;
    padding-top: 2px;
    vertical-align: top;
    opacity: 0.6;
}

    img.help-noleftmargin:hover, img.help-nofloat:hover {
        opacity: 1;
    }

img.help-nofloat {
    cursor: pointer;
    margin-left: 55px;
    opacity: 0.6;
}

img.help-nofloat-smallmargin {
    cursor: pointer;
    margin-left: 10px;
}

img.help-nofloat-rightmargin {
    cursor: pointer;
    margin-right: 100px;
    float: right;
    opacity: 0.6;
}

table#proficiency-help-content {
    margin: 10px;
}


.proficiency-table td {
    border: 1px solid black
}

.proficiency-table th {
    border: 1px solid black
}

.refresh-icon {
    float: right;
    margin-bottom: 20px;
}

/* Clearfix */

/* For modern browsers */

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */

.clearfix {
    zoom: 1;
}

/* End Clearfix */

.section {
    margin-top: 30px;
}

/* Consolidated Summary */

.consolidated-summary-requirements {
    margin-top: 20px;
}

    .consolidated-summary-requirements * {
        float: left;
    }

    .consolidated-summary-requirements .name {
        font-weight: bold;
        padding-left: 10px;
        width: 280px;
    }

    .consolidated-summary-requirements .technical {
        font-weight: bold;
        padding-left: 30px;
        width: 280px;
    }

    .consolidated-summary-requirements .met {
        padding-left: 10px;
        width: 200px;
    }

    .consolidated-summary-requirements .value {
        padding-left: 10px;
        width: 80px;
    }

    .consolidated-summary-requirements .description {
        font-style: italic;
        padding-left: 10px;
        width: 295px;
    }

    .consolidated-summary-requirements .description-wide {
        font-style: italic;
        padding-left: 10px;
        width: 600px;
    }
ul#ui-id-1 {
    background: white;
    border: 1px solid black;
    padding: 7px;
}

.send_btn {
    background: #009946;
    padding: 10px 20px;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
    min-width:150px;
    letter-spacing: 1px;
    border: none;
    font-family: "Gotham A", "Gotham B", sans-serif !important;
}
.ui-menu .ui-menu-item a:hover {
    background: #006fba;
    color: white;
    cursor: pointer;
    border: none;
}
    .consolidated-summary-requirements.breadth .name,
    .consolidated-summary-requirements.depth .name,
    .consolidated-summary-requirements.core .name {
        padding-left: 10px;
        width: 280px;
    }

.trial-assessment-perstart-name,
.trial-assessment-12month-name,
.trial-assessment-breadth-name,
.trial-assessment-depth-name,
.trial-assessment-core-name {
    padding-left: 30px;
    width: 210px;
}

.consolidated-summary-levels {
    border: 1px solid #CCC;
    margin-top: 10px;
}

    .consolidated-summary-levels .competency-group {
        background-color: #006fba;
        color: #fff;
        font-size: 20px;
        padding: 20PX;
        text-transform: uppercase;
    }

    .consolidated-summary-levels div {
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .consolidated-summary-levels .competency-area {
        background-color: #a0a0a0;
        padding: 12px 30px !important;
        COLOR: white;
        font-size: 16px;
    }

    .consolidated-summary-levels .competency {
        padding: 0;
    }

.trial-assessment-perexit {
    margin-top: 40px
}

.trial-assessment-disclaimer-table {
    border: none;
    font-style: italic;
    margin-top: 40px;
}

.trial-assessment-disclaimer-label {
    vertical-align: top
}

/* Enabling Competencies */

.consolidated-summary-levels .competency .content {
    display: none;
    font-size: 10px;
    padding: 0;
}

.consolidated-summary-levels .competency .description {
    cursor: pointer;
    padding-left: 30px;
    position: relative;
}

    .consolidated-summary-levels .competency .description i {
        font-size: 14px;
        margin-right: 10px;
        margin-top: 1px;
    }

        .consolidated-summary-levels .competency .description i:before {
            content: "";
        }

    .consolidated-summary-levels .competency .description.expanded i:before {
        content: "";
    }

    .consolidated-summary-levels .competency .description * {
        float: left;
    }

    .consolidated-summary-levels .competency .description .highest-level-attained {
        position: absolute;
        right: 153px;
    }

.consolidated-summary-levels .competency .header {
    background-color: #BFBFBF;
    border-bottom: 1px solid #808080;
    font-weight: bold;
    padding: 0;
}

    .consolidated-summary-levels .competency .header * {
        float: left;
        padding-left: 0px;
    }
    .consolidated-summary-levels .competency .answers .reportperiod {
    width: 135px;
    text-align:center;
    }
    .consolidated-summary-levels .competency.technical-competency .reportperiod {
    width: 135px;
    text-align: center;
    }
    .consolidated-summary-requirements .value {
    width: 110px!important;
    }
    .consolidated-summary-requirements .description {
    width: 430px!important;
    }
    .consolidated-summary-levels .competency .header .question {
        padding-left: 0;
        text-align: center;
        width: 70px;
    }

    .consolidated-summary-levels .competency .header .proficiency-attained {
        padding-left: 0;
        text-align: center;
        width: 85px;
    }

    .consolidated-summary-levels .competency .header .response {
        width: 150px;
    }

    .consolidated-summary-levels .competency .answers {
    background-color: #EBEBEB;
    border-bottom: 1px dotted #808080;
    color: #666;
    padding: 0;
    }

    .consolidated-summary-levels .competency .answers > * {
        display: block;
        float: left;
    }

    .consolidated-summary-levels .competency .answers span:first-child {
        padding-left: 0;
    }

    .consolidated-summary-levels .competency .answers .question {
        text-align: center;
        width: 70px;
    }

    .consolidated-summary-levels .competency .answers .response {
        padding-left: 10px;
        width: 150px;
    }

        .consolidated-summary-levels .competency .answers .response ol {
            margin: 0;
            padding: 0;
        }

            .consolidated-summary-levels .competency .answers .response ol li {
                list-style: none;
            }

    .consolidated-summary-levels .competency .answers .proficiency-attained {
        text-align: center;
        width: 85px;
    }

    .consolidated-summary-levels .competency .answers .status {
        padding-left: 10px;
        width: 50px;
    }

/* Technical     Competencies */

.consolidated-summary-levels .competency.technical-competency .position {
    padding-left: 5px;
    width: 80px;
    text-align: center;
}

.consolidated-summary-levels .competency.technical-competency .position-duties {
    padding-left: 5px;
    width: 75px;
}

.consolidated-summary-levels .competency.technical-competency .circumstance {
    padding-left: 5px;
    text-align: center;
    width: 80px;
}

.consolidated-summary-levels .competency.technical-competency .complexity {
    padding-left: 5px;
    text-align: center;
    width: 65px;
}

.consolidated-summary-levels .competency.technical-competency .autonomy {
    padding-left: 5px;
    text-align: center;
    width: 65px;
}

.consolidated-summary-levels .competency.technical-competency .target-proficiency {
    padding-left: 5px;
    text-align: center;
    width: 65px;
}

.consolidated-summary-levels .competency.technical-competency .proficiency-attained {
    padding-left: 5px;
    text-align: center;
    width: 90px;
}
.columnwidth {
    text-align: center;
    min-width: 120px;
    max-width: 120px;
    padding-left: 5px !important;
}
.consolidated-summary-levels .competency.technical-competency .duration {
    padding-left: 5px;
    text-align: center;
    width: 45px;
}

.consolidated-summary-levels .competency.technical-competency .status {
    padding-left: 5px;
    text-align: center;
    width: 60px;
}


.textCenter {
    text-align: center
}

.selectListFont {
    font-size: 40px;
}

.textCenterInDivBold {
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
}

.please-select-reports {
    background-color: #F2F2F2;
    border: 1px dashed #D6D6D6;
    margin: 40px auto !important;
    padding: 20px;
    text-align: center;
    /*! width: 545px; */
}

    .please-select-reports > * {
        float: left;
    }

    .please-select-reports i {
        color: #939393;
        font-size: 25px;
    }

    .please-select-reports p {
        color: #808080;
        /*! float: left; */
        /*! margin-bottom: 0 !important; */
        padding-left: 15px;
        padding-top: 5px;
        text-align: center;
        /*! width: 500px; */
    }

.success-message {
    color: green;
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 20px
}

.papl-decalaration-ol {
    padding-left: 15px
}

.papl-decalaration-ul {
    margin-top: 10px
}

.papl-decalaration-listitem {
    margin-bottom: 10px
}

.papl-decalaration-reportlistitem {
    margin-top: 15px;
    margin-left: 35px;
}

.papl-decalaration-listbox {
    width: 50%
}

.papl-decalaration-radios {
    margin-top: 20px
}

.papl-decalaration-instruction1 {
    font-weight: bold
}

.papl-decalaration-instruction2 {
    margin-top: 40px;
    font-weight: bold
}

.papl-report-list {
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
}

.papl-declaration-firstbullet {
    max-width: 700px;
    float: left;
    padding-bottom: 10px;
    padding-left: 15px
}

.student-profile-page-help {
    display: block;
    margin-top: 20px;
}
/*Other tags for Ontario only*/
.sub-navigation-ontario a {
    color: #004990;
    font-weight: bold;
}

#floatingRectangle {
    z-index: 1;
    position: relative;
    margin-bottom: 20px;
    left: 0;
    right: 0;
    top: 10px;
    bottom: 20px;
    height: 90px;
    background-color: rgba(229, 245, 255, 1);
    color: black;
    padding: 10px;
    font-weight: bold;
    font-size: 12px;
}

#floatingRectangletc {
    z-index: 1;
    position: relative;
    left: 0;
    right: 0;
    top: 20px;
    bottom: 20px;
    height: 145px;
    background-color: rgba(229, 245, 255, 1);
    color: black;
    padding: 15px;
    font-weight: bold;
    font-size: 12px;
}

#warning {
    z-index: 1;
    position: relative;
    left: 0;
    right: 0;
    bottom: 20px;
    height: 45px;
    background-color: rgba(229, 245, 255, 1);
    padding: 3px;
    font-weight: bold;
}

#info {
    z-index: 1;
    position: relative;
    left: 0;
    right: 0;
    top: 5px;
    background-color: rgba(229, 245, 255, 1);
    padding: 3px;
    font-weight: bold;
    font-size: 12px;
    align-items: center;
    display: flex;
}

#floatingRectangletcLev2 {
    padding-top: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 25px;
    top: 1px;
    height: 140px;
    right: 0px;
    color: black;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    z-index: 1;
    background-color: rgba(229, 245, 255, 1);
}

.Lev2Header h4 {
    font: 18px/22px Arial, Helvetica, sans-serif;
    color: rgb(0, 111, 186);
    font-size-adjust: none;
    font-stretch: normal;
}
/*Mentor review questionnaire*/
.mentor-questionnaire span label {
    padding-bottom: 20px;
    margin: 5px;
    display: inline-flex;
    margin-top: 4px;
}

.mentor-questionnaire-radios {
    width: 100px;
    position: relative;
    display: inline-block;
}

img.help-mentor {
    cursor: pointer;
    margin-left: 5px;
    padding-top: 2px;
    vertical-align: top;
}
/*Mentore review end*/
/*Declaration start*/
.declaration-section {
    display: inline-block;
    overflow: hidden;
    float: left;
    vertical-align: top;
    padding-right: 250px;
}

.declaration-section-other {
    display: inline-block;
    overflow: hidden;
    float: left;
    vertical-align: top;
    padding-right: 250px;
}

.declartion-indent {
    margin-left: 15px;
    padding-bottom: 25px;
    padding-right: 50px;
}

.declaration-hidden {
    display: none;
    margin: 0;
}
/*declaration end*/
.browser_disclaimer {
    color: #000000ba;
    background: rgb(128 128 128 / 10%);
    padding: 13px 20px 1px 20px;
    font-size: 14px;
    line-height: 21px;
    margin-top: 60px;
    border-radius: 5px;
}
.special-instruction-text-in-progress {
    background: rgba(128,128,128,0.15);
    padding: 10px 25px;
}

.cancel_btn, .grey_btn a, .ui-dialog-buttonset button span {
    background: grey;
    padding: 10px 40px;
    text-transform: uppercase;
    color: white;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    font-family: "Gotham A", "Gotham B", sans-serif !important;
    border: none;
}

    .cancel_btn:hover, .grey_btn a:hover {
        background: #393939;
    }

div#submitConfirmDialog p {
    padding-left: 24px;
}

.profile_btn {
    width: 50px;
}

.save_btn {
    background: #009946;
    padding: 10px 40px;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
    border: none;
    min-width: 145px;
    cursor: pointer;
    margin: 0px 15px;
    font-family: "Gotham A", "Gotham B", sans-serif !important;
}

    .save_btn:hover, .green_btn a:hover {
        background: #00873e;
    }

p.save_btn {
    max-width: 45px;
    float: right;
    font-family: "Gotham A", "Gotham B", sans-serif !important;
}

    p.save_btn a {
        color: white;
    }

.edit_btn, .green_btn a {
    background: #009946;
    padding: 10px 40px;
    text-transform: uppercase;
    color: white;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
    border: none;
    margin: 0px 15px;
    font-family: "Gotham A", "Gotham B", sans-serif !important;
    cursor: pointer;
}

    .edit_btn a {
        color: white;
    }

    .edit_btn:hover {
        background: #00813b;
    }

.add_btn {
  background: #009946;
  padding: 10px 40px;
  text-transform: uppercase;
  color: white;
  cursor: pointer;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 1px;
  border: none;
  margin: -7px 15px;
  font-family: "Gotham A", "Gotham B", sans-serif !important;
  cursor: pointer;
}

  .add_btn a {
    color: white;
  }

  .add_btn:hover {
    background: #00813b;
  }

input[type="submit" i]:disabled {
    background: #00994659;
    cursor: not-allowed;
}
.profile_buttons {
    float: right;
    display: flex;
}

form#studentLogonForm input[type="submit"] {
    background: #009946;
    padding: 10px 20px;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
    letter-spacing: 1px;
    border: none;
    font-family: "Gotham A", "Gotham B", sans-serif !important;
}

    form#studentLogonForm input[type="submit"]:hover {
        background: #007a38;
    }

td.perc-details-toolbar.grey_btn a, td.perc-details-toolbar.green_btn a {
    color: white;
    min-width: 70px;
    display: block;
    text-align: center;
}

td.perc-details-toolbar a {
    margin: 0px 7px !important;
}

.footer-spacing {
    height: 110px;
    width: 100%;
    background-color: #006fba;
}

.footer-info {
    background: black;
    color: white;
    justify-content: space-between;
    padding: 0px 172px;
    display: flex;
}

.footer-menu ul {
    list-style: none;
    display: flex;
}

    .footer-menu ul li {
        padding: 10px 20px;
    }

.copyright p {
    padding: 10px 0px;
}

.title-wrap {
    max-width: 90.5%;
    margin: 0 auto;
}

.head-title {
    background: #006fba;
    width: 100%;
}

li.edit-profile a {
    background: #009946;
    color: white !important;
    padding: 15px 20px;
    display: inline-block;
    margin-top: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    min-width: 141px;
    max-width: 141px;
    text-align: center;
}

    li.edit-profile a:hover {
        background: #00622d;
    }

ul.sidebar-list li {
    padding: 6px 0px;
}

.edit-btn a {
    background: #009946;
    color: white !important;
    padding: 5px 15px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: bold;
}

fieldset.perc table tr {
    display: flex;
    flex-direction: column;
}

button.ui-datepicker-trigger {
    height: 29px;
    width: 32px;
}
.ui-icon-circle-triangle-e {
    background-position: unset!important;
}
.ui-widget-header .ui-icon {
    background-image: url(/images/left-arrow.png) !important;
    background-size: contain;

}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    text-align:center;
}
a.ui-state-default.ui-state-highlight {
    background: #006fba !important;
    color: white!important;
}
a.ui-state-default {
    background: whitesmoke !important;
    color: black !important;
}
table#programManagerStudentListTable tr th label {
    font-size: 13px !important;
}
span.ui-icon.ui-icon-circle-triangle-e {
    background-image: url(/images/right-arrow.png) !important;
    background-size: contain;
}

.ui-state-hover{
    background:none!important;
    border:none!important;
    cursor:pointer!important;
}
.ui-icon-circle-triangle-w {
    background-position: unset !important;
}

.ui-datepicker {
    background: white;
    border: 1px solid #dbdbdb;
    box-shadow: 4px 4px 7px #00000036;
}
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    background: #006fba !important;
    color: white !important;
    border: 2px solid #006fba!important;
}


.editor-field-wide img {
    opacity: 0.5;
}

    .editor-field-wide img:hover {
        opacity: 1;
    }

button.ui-datepicker-trigger {
    background-image: url(/images/calendar-alt.svg);
    border: none;
    background-repeat: no-repeat;
    background-color: transparent;
    opacity: 0.6;
    width: 20px;
    margin-left: 5px;
    color: white;
    margin-top: 3px;
}

    button.ui-datepicker-trigger:hover {
        opacity: 1;
        cursor: pointer;
    }

td.editor-label-cell img.help {
    opacity: 0.6;
}

img.helpblue {
    opacity: 1;
}

table#reviewerAssessmentsTable td {
    padding: 15px 18px;
    border-bottom: 1px solid #efefef;
}

td.editor-label-cell img.help:hover {
    opacity: 1;
}

.enabling-competencies.semantic-form.form-sequential #addNoteLink {
    display: none;
}

.cancel_btn a {
    color: white;
}

h3.experience-report-details-h3 {
    color: black;
    text-transform: uppercase;
    font-weight: lighter;
}

img#webpage {
    padding-left: 5px;
    margin-bottom: -3px;
}

img#pdf {
    width: 14px;
    padding-left: 5px;
    margin-bottom: -4px;
}

img#video {
    margin-bottom: -3px;
    max-width: 18px !important;
    padding-left: 5px;
}

ul.resourcelist li {
    padding: 15px 0px;
}

ul.resourcelist {
    
}

button.green_btn, button.green_btn:hover {
    background: none;
    border: none;
}

    button.green_btn span {
        background: #009946;
        max-height: 20px;
        padding: 8px 20px;
    }

        button.green_btn span:hover {
            background: #00873e;
        }

table#assessmentsTable th {
    width: 25%;
}

.cpa-reviews-btn a {
    float: right;
    background: #006fba;
    color: white;
    text-transform: uppercase;
    padding: 10px 25px;
    border-radius: 4px;
    border: none;
    font-family: "Gotham A", "Gotham B", sans-serif !important;
    font-weight: bold;
}

.cpa-reviews-btn {
    margin-top: 40PX;
}

.create-pro-btn {
    background: #6d6d6d !important;
    margin-left: 10px;
    padding: 8px 15px !important;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
    letter-spacing: 1px;
    border: none;
    font-family: "Gotham A", "Gotham B", sans-serif !important;
}

.forgot-pw a {
    color: #006fba !important;
    font-weight: bold;
    font-size: 15px;
}

.semantic-form .required-field.required-FR:after {
    content: "(obligatoire)" !important;
}

.editor-label-required.required-French:after {
    content: "(obligatoire)" !important;
}

.editor-label-required-before-submit.required-FR-Employee:after {
    content: "(obligatoire)" !important;
}

.proficiency-form-container {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
}

.proficiency-form-container-item {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    width: 16rem;
}

.proficiency-form-container-item1 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

table#programManagerStudentListTable td {
    font-size: 12px !important;
    padding: 10px 15px 10px 5px;
}

table#programManagerStudentListTable th {
    padding: 10px 15px 10px 5px;
}
label.radiobutton-label {
    font-size: 10px;
}

span.TechnicalCompetencyDetailDiv img {
    width: 16px;
    opacity: .6;
    cursor: pointer;
    margin-left: 10px;
}

span.infoIconSpan img {
    width: 16px;
    opacity: .6;
    cursor: pointer;
    margin-left: 10px;
}
.resources{
    margin-left:20px;
}
.form-group-displayOnlydiv {
    background: #efefef;
    margin-left: 19px;
    margin-right: 19px;
    padding: 20px;
}

#overlayTimeout {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 99; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

.ck.ck-content:not(.ck-comment__input *) {
  height: 150px;
  overflow-y: auto;
}