.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;
}

/* Purple button default */
.student-services-appointments-pane a.student-services-btn-purple,
.student-services-appointments-pane a.student-services-btn-purple:link,
.student-services-appointments-pane a.student-services-btn-purple:visited {
    background-color: #9e1a7d;
}

/* Purple button hover - darkens only */
.student-services-appointments-pane a.student-services-btn-purple:hover,
.student-services-appointments-pane a.student-services-btn-purple:focus {
    background-color: #78145f;
    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 *****/




.romeo .dashboard-content .dashboard-custom .card h1.dash-card-header {
	/** hiding the custom pane title **/
	display:none;
}


/* ==========================
   TOP BUTTONS
   ========================== */

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

.CP-purplebuttn {
    flex: 1;
    height: 150px;
    background-color: #9e1a7d;
    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;
    transition: background-color 0.3s ease;
}

.CP-purplebuttn:hover,
.CP-purplebuttn:focus:hover,
.CP-purplebuttn:active:hover {
    background-color: #78145f !important;
    color: #ffffff !important;
}

.CP-purplebuttn:visited,
.CP-purplebuttn:focus,
.CP-purplebuttn:active {
    background-color: #9e1a7d !important;
    color: #ffffff !important;
}

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


.CP-purplebuttn:hover .fal {
    transform: scale(1.04);
}



/* ==========================
   RESOURCES SECTION
   ========================== */

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

.CP-resourcescard {
    flex: 1;
    box-sizing: border-box;
    min-width: 0;
    padding: 0 20px;

    background-color: #f3f3f3;
    color: #2f3a54 !important;
    text-decoration: none !important;

    border-radius: 7px;

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

    font-size: 16px;
    font-weight: 600;

    transition: background-color 0.3s ease;
}

.CP-resourcescard:visited {
    background-color: #f3f3f3;
    color: #2f3a54 !important;
    text-decoration: none !important;
}

.CP-resourcescard:hover,
.CP-resourcescard:focus {
    background-color: #ebebeb;
    color: #2f3a54 !important;
    text-decoration: none !important;
}

.CP-resourcescard:focus-visible {
    outline: 3px solid #9e1a7d;
    outline-offset: 3px;
}

.CP-purpleresourcescard-arrow {
    flex-shrink: 0;
    color: #9e1a7d;
    font-size: 40px;
    font-weight: 700;
    transition: transform 0.3s ease;
}

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


/* ==========================
   REMOVE LINK UNDERLINES
   ========================== */

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



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

@media (max-width: 768px) {

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

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

    .CP-resourcescard {
        width: 100%;
        padding: 16px;
    }
}