.page-main.page-student form[name="studentUpdateForm"] #student\.details\.notes-container {
    display: none; 
}
.page-main.page-graduate form[name="studentUpdateForm"] #student\.details\.notes-container {
    display: none; 
}
.page-main.page-operator form[name="studentUpdateForm"] #student\.details\.notes-container {
    display: none; 
}

/** added by gti / ang **/
/** custom pane **/
.dash-card-custom table td {
  border:none !important;
  padding:0;
}
    .card-body {
        max-height: none !important;
    }


/** GTI / ANG - /TC-31698 - removing background image, it's being used in login custom content instead **/
.romeo .cover.cover-unauth .container-fluid.cover-bg-image {
    background-image: none !important;
    }
@media (min-width: 992px) {
    tc-ui-unauth-cover-client-content-text.col-sm-12.col-lg-6 {
        margin-top: -3rem;
        }
    }


/*** Header & Navigation ***/

/*.navbar-brand > img {*/
/*    display: block;*/
/*    margin: 0 0 15px 20px;*/
/*}*/
/*.navbar {*/
/*    background:#fff;*/
/*}*/
/*.navbar-nav > li > a {*/
/*    color: #333;*/
/*}*/
/*.header.navbar {*/
/*    border-bottom:1px solid #ccc;*/
/*}*/
/*.navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {*/
/*    color: #FFF;*/
/*    background: url("http://www.abdn.ac.uk/study/images/layout/page_top_menu_hover.gif");*/
/*}*/
/*.navbar {*/
/*    border-width:medium medium 1px;*/
/*    border-color:#ccc;*/
/*}*/
/*.navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {*/
/*    background-image: none;*/
/*    color: #333;*/
/*}*/
/*.navbar-nav .open .dropdown-menu > li > a {*/
/*    color: #333;*/
/*}*/
/*.navbar-toggle {*/
/*    top: -52px;*/
/*    left: 15px;*/
/*}*/
/*.header .header-details {*/
/*    right: 10px;*/
/*    top: 20px;*/
/*}*/

/*** Heading & Tabs Colors ***/

/*.heading-primary, .bg-primary, .content-block.bg-primary, .panel-default .panel-heading, .panel-primary .panel-heading, .label-primary {*/
/*    background-color: #2D3E50;*/
/*    border-color: #2D3E50;*/
/*    color: #FFF;*/
/*}*/
/*.heading-info, .bg-info, .content-block.bg-info, .panel-info .panel-heading, .label-info {*/
/*    background-color: #2D3E50;*/
/*    border-color: #2D3E50;*/
/*    color: #FFF;*/
/*}*/
/*.nav-tabs li.active .btn-tab, .nav-tabs li .btn-tab:hover, .nav-tabs li .btn-tab:focus {*/
/*    background-color: #C42626;*/
/*    color: #FFF;*/
/*    border: 1px solid #C42626;*/
/*}*/
/*.heading, .panel-heading {*/
/*    color: #FFF;*/
/*    background-color: #2D3E50;*/
/*    padding: 8px;*/
/*    border-bottom: 2px solid #2D3E50;*/
/*    margin-top: 0px;*/
/*}*/
/*.heading-light a, .panel-light .panel-heading {*/
/*    color: #fff;*/
/*}*/
/*.panel-light .panel-heading {*/
/*    background:#2D3E50;*/
/*}*/

/** Tables ***/

/*.table > thead > tr > th {*/
/*    background-color: #68819C;*/
/*}*/
/*.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {*/
/*    border: 1px solid #68819C;*/
/*}*/
/*.table-header {*/
/*    border-bottom: 2px solid #48719C;*/
/*    margin-bottom: 1px;*/
/*    background-color: #48719C;*/
/*}*/

/*** Buttons ***/

/*.btn-primary {*/
/*    background-color: #68819C;*/
/*    border-color: #68819C;*/
/*    color: #FFF;*/
/*}*/
/*.btn-primary .fa {*/
/*    background-color: #5F7893;*/
/*}*/
/*.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {*/
/*    background-color: #5F7893;*/
/*    border-color: #5F7893;*/
/*}*/
/*.btn-primary:hover .fa, .btn-primary:focus .fa, .btn-primary.focus .fa, .btn-primary:active .fa, .btn-primary.active .fa, .open > .dropdown-toggle.btn-primary .fa {*/
/*    background-color: #536C87;*/
/*}*/
/*.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {*/
/*    background-color: #68819C;*/
/*    border-color: #68819C;*/
/*    color: #FFF;*/
/*}*/




/** turns employer name red when READ NOTES tag is added **/
.employer-name.Read_notes a {
text-decoration: underline;
color: red
}


/***** Student Services appointment custom pane buttons *****/

.student-services-appointments-pane .student-services-button-heading {
    margin-bottom: 4px;
}

.student-services-appointments-pane .student-services-button-row {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.4;
}

.student-services-appointments-pane a.student-services-btn,
.student-services-appointments-pane a.student-services-btn:link,
.student-services-appointments-pane a.student-services-btn:visited {
    color: #ffffff;
    padding: 9px 13px;
    display: inline-block;
    margin-top: 0;
    margin-right: 8px;
    margin-bottom: 6px;
    font-size: 14px;
    border-radius: 10px;
    text-decoration: none;
    line-height: 1.4;
    transition: background-color 0.2s ease;
}

/* Green button default */
.student-services-appointments-pane a.student-services-btn-green,
.student-services-appointments-pane a.student-services-btn-green:link,
.student-services-appointments-pane a.student-services-btn-green:visited {
    background-color: #538c12;
}

/* Green button hover - darkens only */
.student-services-appointments-pane a.student-services-btn-green:hover,
.student-services-appointments-pane a.student-services-btn-green:focus {
    background-color: #3f6b0e;
    color: #ffffff;
    text-decoration: none;
}

/* Blue button default */
.student-services-appointments-pane a.student-services-btn-blue,
.student-services-appointments-pane a.student-services-btn-blue:link,
.student-services-appointments-pane a.student-services-btn-blue:visited {
    background-color: #343f59;
}

/* Blue button hover - darkens only */
.student-services-appointments-pane a.student-services-btn-blue:hover,
.student-services-appointments-pane a.student-services-btn-blue:focus {
    background-color: #252d40;
    color: #ffffff;
    text-decoration: none;
}

/***** End Student Services appointment custom pane buttons *****/


/***** CUSTOM PANE CSS *****//***** CUSTOM PANE CSS *****//***** CP FIRSTPOINT STYLES *****/

.romeo .dashboard-content .dashboard-custom .card h1.dash-card-header {
    display: none;
}
/* ==========================
   TOP GREEN BUTTONS
   ========================== */

.CP-greenbuttons-container {
    display: flex;
    gap: 10px;
    margin-bottom: 30px;
}

.CP-greenbuttn {
    flex: 1;
    height: 150px;
    background-color: #538c12;
    color: #ffffff !important;
    text-decoration: none !important;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-align: center;
    padding: 15px;
    font-size: 16px;
    font-weight: 600;
}

.CP-greenbuttn .fal {
    font-size: 80px;
    transition: transform 0.3s ease;
}

.CP-greenbuttn:hover,
.CP-greenbuttn:focus,
.CP-greenbuttn:active,
.CP-greenbuttn:visited {
    background-color: #3f6b0e;
    color: #ffffff !important;
    text-decoration: none;
}

.CP-greenbuttn:hover .fal {
    transform: scale(1.04);
}
/* ==========================
   RESOURCES SECTION
   ========================== */

.CP-resources-container {
    display: flex;
    gap: 10px;
    margin-bottom: 25px;
}

.CP-resourcescard {
    flex: 1;
    background: #f3f3f3;
    color: #2f3a54 !important;

    padding: 18px 20px;
    border-radius: 7px;

    font-weight: 600;
    text-decoration: none !important;

    display: flex;
    justify-content: space-between;
    align-items: center;

    transition: all 0.3s ease;
}

.CP-resourcescard:hover {
    background: #ebebeb;
}

.CP-resourcescard-arrow {
    color: #538c12;
    font-size: 30px;
    font-weight: 700;
    transition: transform 0.3s ease;
}

.CP-resourcescard:hover .CP-resourcescard-arrow {
    transform: translateX(4px);
}

/* Mobile */

@media (max-width: 768px) {

    .CP-resources-container {
        flex-direction: column;
    }

}
/* ==========================
   FULL WIDTH ORANGE BUTTON
   ========================== */

.CP-orangebutton {
    display: block;
    width: 100%;
    background-color: #2f3a54;
    color: #Ffffff !important;
    text-decoration: none;
    text-align: center;
    padding: 16px 20px;
    border-radius: 7px;
    font-weight: 600;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.CP-orangebutton:hover {
    background-color: #252d40;
    color: #ffffff !important;;
}

/* ==========================
   FULL WIDTH WHITE BUTTON
   ========================== */

.CP-whitebutton {
    display: block;
    width: 100%;
    background-color: #ffffff;
    color: #F89B33 !important;
    text-decoration: none;
    text-align: center;
    padding: 0px 20px;
    border-radius: 7px;
    font-weight: 600;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.CP-whitebutton:hover {
    background-color: #F3f3f3;
    color: #2f3a54 !important;;
}
.CP-whitebutton-blue {
    color: #2f3a54;
    font-size: clamp(24px, 5vw, 50px);
    font-weight: 300;
    white-space: nowrap;
}

.CP-whitebutton-orange {
    color: #F89B33;
    font-size: clamp(24px, 5vw, 50px);
    font-weight: 700;
    white-space: nowrap;
}
/* ==========================
   REMOVING UNDERLINE
   ========================== */

.CP-greenbuttons-container a,
.CP-resources-container a,
.CP-orangebutton,
.CP-whitebutton {
    text-decoration: none !important;
}

.CP-whitebutton,
.CP-whitebutton:hover,
.CP-whitebutton:focus,
.CP-whitebutton:active,
.CP-whitebutton:visited {
    text-decoration: none !important;
}

/* ==========================
   MOBILE RESPONSIVE
   ========================== */

@media (max-width: 768px) {

    /* Green buttons stack */
    .CP-greenbuttons-container {
        flex-direction: column;
    }

    .CP-greenbuttn {
        width: 100%;
        height: 120px;
    }

    /* Resource cards stack */
    .CP-resources-container {
        flex-direction: column;
    }

    .CP-resourcescard {
        padding: 16px;
    }

}