/*09-12-2019 B-09960 CB branding change for text*/
@import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Slab&display=swap');

body {
    font-family: 'Roboto Slab', serif;
    font-family: 'Roboto', sans-serif;
    /*font-family: 'Open Sans', sans-serif;*/
    font-size: 14px !important;
    line-height: 1.65;
    font-weight: 400;
    background: #fcfcfc;
    color: #333333;
}
p {
    font-size: 14px !important;
}
/*B-11655 Avoid using CSS properties such as outline:none which removes the default outline from actionable elements.*/
a {
    transition: all ease-in-out 300ms; /*outline: none !important;*/
    color: #0077c8;
}
/*B-11655 don't change color on hover.  only underline link*/
    a:focus, a:hover {
        /*color: #FF6600;*/
        color: #0077c8;
        text-decoration: underline !important;
    }


/*::selection {*/
    /*background: #78B7EC;*/
/*}*/
/*::-moz-selection {*/
    /*background: #78B7EC;*/
/*}*/
.margin-bottom-15{  margin-bottom: 15px;}
.margin-bottom-30{  margin-bottom: 30px;}


/*Typography*/
h1, h2, h3, h4, h5, h6{ margin-top: 0; font-weight: 700;}
strong, b{ font-weight: 700;}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 25px;
}

/*Navigation*/
.navbar{  margin-bottom: 0;  border-radius: 0;  border: none;}
.navbar-nav li a:hover{ background: none;}
.navbar-nav li a:focus{ background: none;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background: none;}
.navbar-nav li a{
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 19px 15px;
}

.navbar-nav .date-time{
    padding: 19px 15px;
    color: #fff;
    font-size: 12px;
    display: block;
    line-height: 20px;
}

.navbar-toggle {color: #fff;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ text-decoration: none;}

.nav .dropdown-menu{
    border: none;
    border-radius: 0 !important;
    box-shadow: 1px 1px 5px rgba(0,0,0,.1);
    background: #f1f1f1;
}

.navbar-brand{
    padding: 0px !important;
    color: #fff !important;
    font-weight: 700;
    height: auto;
    position: relative;
    z-index: 99;
}

.navbar-right{
    position: relative;
    z-index: 99;
}

.navbar-center{
    position: absolute;
    height: 100%;
    width: 100%;
    text-align: center;
}

    .navbar-center .navbar-nav {
        display: inline-block;
        float: none;
        background: #702F8A;
    }

    /*new branding - navbar should fit height of logo*/
.navbar-collapse{
    height: inherit !important;
}
/*Button*/
.button {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #ffaa22;
    display: inline-block;
    cursor: pointer;
    font-size: 14px !important;
    line-height: 16px !important;
    font-weight: 600;
    padding: 10px 20px;
    text-decoration: none !important;
    /* text-shadow: 0px 1px 0px #ffee66;*/
    margin-bottom: 15px;
    color: #1E1E1E;
}

.button-normal {
    text-transform: none;
    color: #702F8A;
}

.button:active{color: #000;}

.button:hover {
    /*color: #fff;*/
    color: #000;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #E57200), color-stop(1, #fb9e25));
    background: -moz-linear-gradient(top, #E57200 5%, #fb9e25 100%);
    background: -webkit-linear-gradient(top, #E57200 5%, #fb9e25 100%);
    background: -o-linear-gradient(top, #E57200 5%, #fb9e25 100%);
    background: -ms-linear-gradient(top, #E57200 5%, #fb9e25 100%);
    background: linear-gradient(to bottom, #E57200 5%, #fb9e25 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E57200', endColorstr='#fb9e25',GradientType=0);
    background-color: #E57200;
    text-decoration: underline !important;
}
/*B-11655 Avoid using CSS properties such as outline:none which removes the default outline from actionable elements.*/
/*.button:focus{ outline: none;  color: #000;}*/
.button:focus{ color: #000;}

.button-primary {
    /*background: #E57200; */
    color: #1E1E1E;
    -moz-box-shadow: inset 0px 1px 0px 0px #fff6af;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fff6af;
    box-shadow: inset 0px 1px 0px 0px #fff6af;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #E57200), color-stop(1, #fb9e25));
    background: -moz-linear-gradient(top, #E57200 5%, #fb9e25 100%);
    background: -webkit-linear-gradient(top, #E57200 5%, #fb9e25 100%);
    background: -o-linear-gradient(top, #E57200 5%, #fb9e25 100%);
    background: -ms-linear-gradient(top, #E57200 5%, #fb9e25 100%);
    background: linear-gradient(to bottom, #E57200 5%, #fb9e25 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E57200', endColorstr='#fb9e25',GradientType=0);
    background-color: #E57200;
}

.button-secondary {
    background: #ffae6b;
    color: #1E1E1E;
}


/*Forms*/
.form-control {
    height: auto;
    line-height: 1.2;
    padding: 10px 15px;
    border-radius: 4px;
    box-shadow: none;
    margin-bottom: 15px;
    border: 1px solid #4cb0e4;
    color: #702F8A !important;
}
.form-control:focus{  box-shadow: none;  border: 1px solid #5dade2;}
textarea.form-control{  resize:vertical ;}
.form-control::-webkit-input-placeholder {  color: #333;}
.form-control:-moz-placeholder {  color: #333;}
.form-control::-moz-placeholder {  color: #333;}
.form-control:-ms-input-placeholder { color: #333;}

label{ font-weight: 400;  margin-bottom: 5px;}

.application-label{  padding-top: 10px;  padding-bottom: 10px;}
.open-popup, .scroll-to, .window-popup{  outline: inherit;}

/*Added for dashboard email message received 7/10/2019*/
.email-message {font-weight:bold; font-style:italic}


/*Styles*/
.white-bg{ background: #fff;}

.main-nav-wrapper {
    background: #702F8A;
    position: relative;
}
.main-nav-wrapper-inner{ padding-left: 15px;  padding-right: 15px;}

#main-wrapper{  margin-bottom: 60px;}

#user{
    padding-top: 60px;
    padding-bottom: 5px;
    font-size: 28px;
    color: #0d5178;
    border-bottom: 1px solid #b6cad6;
    margin-bottom: 30px;
}

.welcome-content-action{ padding-top: 50px;  padding-bottom: 60px;}
.welcome-content h2 {
    color: #A05EB5;
    font-size: 18px;
}

/*CSS box and data*/
.css-number {
    display: inline-block;
    float: right;
    font-size: 16px;
    font-weight: 700;
    padding: 11px 30px;
    /*background: #A05EB5;*/
    background: #702F8A;
    color: #fff;
}


/*User Name and application year*/
#dash_name {
    font-size: 28px;
    color: #000;
    line-height: 30px;
    padding-bottom: 5px;
    border-bottom: 1px solid #b6cad6;
    margin-bottom: 30px;
}
/*B-11655 changed color for Accessibility contrast*/
    #dash_name span {
        /*color: #A05EB5;*/
        color: #702F8A;
        font-weight: 600;
        font-size: 26px;
        display: inline-block;
        vertical-align: bottom;
        line-height: 19px;
        /*margin-left: 40px;*/
        padding-top: 8px;
        padding-bottom: 5px;
    }


/*Application top section */
.application_wrapper{ padding-bottom: 60px;}
/*B-11655 changed color for Accessibility contrast*/
.application_label {
    font-size: 20px;
    line-height: 21px;
    /*color: #A05EB5;*/
    color: #702F8A;
    font-weight: 600;
}
    .application_label h3 {
        font-size: 20px;
        line-height: 21px;
        /*color: #A05EB5;*/
        color: #702F8A;
        font-weight: 600;
    }

.application_status_wrapper {
    position: relative;
    border-radius: 10px;
    /*color: #A05EB5;*/
    background: #702F8A;
    color: #fff !important;
    padding: 10px 15px;
    padding-left: 50px;
}

.application_status_wrapper_corr {
    position: relative;
    border-radius: 10px;
    /*color: #A05EB5;*/
    background: #A05EB5;
    color: #fff !important;
    padding: 10px 15px;
    padding-left: 50px;
}

/*Application Incomplete - box color - orange with black text */
.application_status_incomplete {
    color: #000 !important;
    background-color: #E57200;
}

/*Application Incomplete - Mobile Continue Application text  */
.continue_application{font-size: 15px; line-height:17px; font-weight: 700; color: #000 !important; padding-bottom:10px;}

/*Application Incomplete - Tablet/Desktop Continue Application link - underlined by default  */
.continue_application{font-size: 15px; line-height:17px; font-weight: 700; color: #000 !important; padding-bottom:10px;}
a.continue_application {
    /*text-decoration: underline !important;*/
    color: #fff !important;
}
    a.continue_application:hover {
        color: #fff !important;
        text-decoration: underline !important;
    }
/*B-11655*/
    a.continue_application:focus {
        color: #fff !important;
        text-decoration: underline !important;
    }

    /*Links in incomplete background*/
a.continue_application_incomplete {
    /*text-decoration: underline !important;*/
    color: #1E1E1E !important;
}
/*Application Completed - box color - blue with white text  */
.application_icon{position: absolute; left: 15px;  top: 10px;}
.application_status_heading{font-weight: normal; font-size: 24px; margin-bottom: 7px;}
.application_content p {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 7px;
}
.application-divider{ height: 1px; background: #b6cad6; margin-top: 15px; margin-bottom: 30px;}
.application-button .button{ text-transform: none;  margin-bottom: 5px;}
/*  END  Application top section */


/* Data tables */
.doc-req{ min-width: 300px !important;  width: 300px !important;}

.table.dataTable {
    margin-top: 0 !important;
    width: 100% !important;
}

.dataTables_info{  display: none !important;}

.dataTables_scrollHead {
    overflow: visible !important;
    width: 100% !important;
}
      
    
    /*added for ipad view*/

.dataTables_scrollHeadInner {
    width: 100% !important;
}

    .application-table {
    border: 2px solid #702F8A;
    /*background: #702F8A;*/
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: visible; /*added for tooltip to display on top of table*/
}

.application-table .table{
    margin-bottom: 0;
    font-weight: 600;
    border: 0 !important;
    position: relative;
    font-size: 13px !important;
    z-index: 1;
}

    .application-table thead tr th {
        border: 0;
        background: #702F8A;
        color: #fff;
        font-weight: 600;
        font-size: 13px !important;
    }

        .application-table thead tr th:last-child {
            border-right: 1px solid #702F8A;
        }

/* padding attributes override bootstrap for tables that will have a vertical scrollbar.  without the small right and left padding, the last column will be partly obstructed on tablets */ 
.application-table tbody tr td{	border: 0;	padding:10px 0px 10px 7px !important;	line-height: 1.3  !important; }

/*automatic odd and even rows striping */
    .application-table tbody tr:nth-child(odd) td {
        background: #FCFCFC;
    }
.application-table tbody tr:nth-child(even) td{  background: #fff;}

.table-responsive{ border: 0;}

::-webkit-scrollbar-track { position: relative;  left: -1px;}

table.scroll {
    width: 100%; /* Optional */
    /* border-collapse: collapse; */
    border-spacing: 0;
    /*border: 2px solid black;*/
}

/* OVERRIDE the number of data-rows displayed in the dashboard table but keep the scrollbar.  
/*NOTE: This override will apply to ALL tables displayed regardless of whether the data-rows is set or what its value is */
/*To override, enable max-height to whatever height you want the table to be. */

/*B-11655 school name tooltip display for school codes in first row is getting hidden by dataTables_scrollBody and dataTables_scrollHead. Make overflow visible */
.dataTables_scrollBody {
    overflow: auto !important; /* max-height: 250px !important; */
}

table.scroll tbody, table.scroll thead { display: block; }

table.scroll tbody {  overflow-y: auto;  overflow-x: hidden;} 

.table.scroll tbody td, .table.scroll thead th {  width: 20%;  vertical-align: top;}

.application-table .table.scroll tbody{   height: 108px;}


/*Accordian styling */
.accordion-wrapper{ margin-bottom: 20px;}

.accordion-head{
    padding: 8px 15px 8px 45px;
    background: #ecf3f6;
    color: #000;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    position: relative;
}
    /*B-11655 Note: Several users manipulate or remove colors from the browser. Background images do not appear when colors are removed.
        All CSS background images that convey meaning, should provide visual and textual equivalents.
        It is strongly recommended to structure these icons as inline static images. Provide a meaningful alternative for each image.*/
    .accordion-image-expanded {
        content: '';
        /*background: url("../img/triangle-right.png") no-repeat;*/
        width: 13px;
        height: 13px;
        position: absolute;
        left: 15px;
        top: 10px;
    }
    .accordion-image {
        content: '';
        /*background: url("../img/triangle-right.png") no-repeat;*/
        width: 13px;
        height: 13px;
        position: absolute;
        left: 15px;
        top: 10px;
    }

    .accordion-head:before {
        content: '';
        /*background: url("../img/triangle-right.png") no-repeat;*/
        width: 13px;
        height: 13px;
        position: absolute;
        left: 15px;
        top: 10px;
    }

/*.accordion-wrapper.expanded .accordion-head:before{  background: url("../img/triangle-down.png") no-repeat;}*/
.accordion-content-inner{  background: #fff;  padding: 10px 15px 0; border: 3px solid #ecf3f6;}
.accordion-content-inner .table-wrapper{ margin-left: -15px;  margin-right: -15px;}
.accordion-content-inner .application-table tbody tr:nth-child(odd) td{  background: #fff;}
.accordion-content-inner .application-table tbody tr:nth-child(even) td{ background: #ecf3f6;}
.accordion-content{  display: none;}
.accordion-wrapper.expanded .accordion-content{  display: block;}
.expand-accordion{  cursor: pointer;}

.program-accordion-wrapper{    position: relative;}
.program-accordion-header{
    padding-right: 30px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
    padding-left: 10px;
    position: relative;
}

.program-accordion-header:before{
    content: '';
    background: url("../img/triangle-right.png") no-repeat;
    width: 13px;
    height: 13px;
    position: absolute;
    right: 0;
    top: 3px;
}

.program-accordion-wrapper.expanded .program-accordion-header:before{ background: url("../img/triangle-down.png") no-repeat;}
.program-accordion-wrapper{  background: #ecf0f1;  margin-bottom: 10px;  padding: 20px 15px 20px;}
.program-accordion-wrapper.first-item{ border-top-left-radius: 4px;  border-top-right-radius: 4px;}
.program-accordion-wrapper.last-item{ border-bottom-left-radius: 4px;  border-bottom-right-radius: 4px;}

/*Mobile Input Field styling */
.input-label{
    font-size: 13px;
    line-height: 15px;
    color: #000;
    padding-left: 10px;
    display: block;
    margin-bottom: 3px;
}

.form-input {
    display: block;
    padding: 10px 15px;
    border-radius: 4px;
    border: 0;
    background: #fff;
    outline: none !important;
    width: 100%;
    color: #702F8A !important;
    font-weight: 600 !important;
}

.form-input a {	color: #337ab7 !important;	text-decoration: none;}
.form-input a:hover { color: #FF6600 !important; text-decoration: underline;}
/* END Mobile Input Field styling */



.input-wrapper{   margin-bottom: 15px;}

.program-accordion-content{   display: none;}
.program-accordion-wrapper.expanded .program-accordion-content{  display: block;}
.program-accordion-content-inner{  /*padding-top: 10px;*/}
.program-accordion-wrapper.expanded .program-accordion-header{   margin-bottom: 5px;}
.expand-program-accordion{    cursor: pointer;}

.application-form-wrapper .application-form-wrapper{ display: block;   padding: 15px;}

.form-wrapper{ background: #ecf0f1; padding: 0 15px 5px; margin-bottom: 10px;}
.form-wrapper.first-item{ border-top-left-radius: 4px; border-top-right-radius: 4px;}
.form-wrapper.last-item{ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}

.application-form-wrapper .program-accordion-header:before{   display: none;}
.application-form-wrapper{  margin-left: -15px;  margin-right: -15px;}

.program-accordion-content-inner .input-wrapper:last-child{  margin-bottom: 5px;}
.required-doc-header{  margin-bottom: 5px;}


/*Parent Email Submission */
.other-parent-wrapper{  padding: 20px 15px;  background: #ecf0f1; margin-bottom: 10px;}
.other-parent-wrapper.first-item{ border-top-left-radius: 4px;  border-top-right-radius: 4px;}
.other-parent-wrapper.last-item{ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.other-parent-input-label {
    font-size: 12px;
    color: #702F8A;
    margin-bottom: 5px;
}
.other-parent-input-label.large-label{   font-size: 13px;}
.parent-submit{    margin-bottom: 20px;}
.parent-submit strong{    color: #1f8cc7;}


/* Back to top */
.back-to-top {
    border-radius: 5px;
    text-align: center;
    background: #000;
    /*color: #fff;*/
    display: none;
    /*width: 40px;
	height: 40px;*/
    line-height: 40px;
    font-size: 12px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    opacity: 0.4;
    filter: alpha(opacity=40);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
    z-index: 9999;
}

.back-to-top:hover {	opacity: 1;	filter: alpha(opacity=100);}


/* Jquery appear */
.hiding {	opacity: 0;}
.visible {	opacity: 1;}


/* Preloader */
#mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #F6F6F6;
	z-index: 10000;
	height: 100%;
}

#loader {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url("../img/loading.gif");
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px;
}

/* Mobile device */
@media (max-width: 767px) {
    #header{
        background: #0c5077;
    }
    .navbar-center{
        position: static;
        text-align: left;
    }
    .navbar-center .navbar-nav{
        display: block;
        background: none;
    }
    .navbar-nav li a, .date-time {
        padding: 10px 15px;
    }
     .navbar-toggle {
        position: relative;
        float: right;
        padding: 3px 10px;
        margin-top: 10px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border-radius: 4px;
        border: 1px solid #fff;
    }
    #header .col-sm-12{
        padding-left: 0;
        padding-right: 0;
    }

    .welcome-content-action{
        padding-top: 30px;
        padding-bottom: 60px;
    }

    .css_wrapper{
        margin-left: -15px;
        margin-right: -15px;
    }
    .css-number{
        display: block;
        text-align: center;
        float: none;
        margin-bottom: 5px;
    }

    #dashboard-profile{
        background: #ecf0f1;
        margin-left: -30px;
        margin-right: -30px;
    }
    #dash_name{
        border-bottom: 0;
        padding: 20px 15px;
        text-align: center;
    }
    #dash_name span{
        display: block;
        margin-left: 0;
    }

    .xs-text-center{
        text-align: center;
    }

}

/* Mobile 480 */
@media (max-width: 480px) {

}

/* iPad */
@media (min-width: 768px) {
    .sm-text-right{
        text-align: right;
    }

    .navbar-center .navbar-nav li a {
        font-weight: normal;
        /*color: #70c3ef;*/
        color: #fff;
    }
 
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-nav li a, .date-time {
        font-size: 10px;
    }
    .navbar-nav .date-time{
        padding-left: 5px;
        padding-right: 5px;
    }

}

/* Desktop small screen */
@media (min-width: 992px) {
    .navbar-center .navbar-nav{
        padding-left: 15px;
        padding-right: 15px;
    }
}


/*Desktop large screen */
@media (min-width: 1200px) {
    .application-table .table{
        right: 0px !important;
    }
}
/*DataTable list*/
#ppi-list {
    width: 100%;
    border-collapse: collapse;
}

    #ppi-list td, #ppi-list th {
        padding: 5px 10px;
    }

        #ppi-list td:first-child, #ppi-list th:first-child {
            border-left: 1px solid #000;
        }

        #ppi-list td:last-child, #ppi-list th:last-child {
            border-right: 1px solid #000;
        }

    #ppi-list tr {
        border-bottom: 1px solid #ccc;
    }

    #ppi-list th {
        font-weight: normal;
        font-size: 1.1em;
        vertical-align: bottom;
        text-align: center;
        border: 1px solid #000;
    }

        #ppi-list th small {
            font-size: 6pt;
            color: #999;
            text-transform: uppercase;
            display: block;
            margin: 0;
        }

        #ppi-list th.wee {
            font-size: 1em;
        }

    #ppi-list td {
        border-left: 1px solid #e5e5e5;
        color: #1E1E1E;
        text-align: center;
    }

    #ppi-list .subhead {
        background-color: #e5e5e5;
    }

        #ppi-list .subhead td {
            border-left: 1px solid #000;
            text-align: center;
        }

        #ppi-list .subhead .minor {
            color: #999;
            border-left: #ccc 1px solid;
        }

        #ppi-list .subhead .common-app {
            background-color: #ccc;
            color: #000;
        }

    #ppi-list #common-app {
        padding: 0;
        border-left: 2px solid #b6d961;
        border-right: #5acccc 2px solid;
        text-align: center;
    }

    #ppi-list #common-app-wrap {
        display: flex;
        align-items: stretch;
        justify-content: left;
        padding: 2px 0 0;
        background: #b6d961;
        background: -moz-linear-gradient(90deg, #b6d961 0%, #5acccc 100%);
        background: -webkit-linear-gradient(90deg, #b6d961 0%, #5acccc 100%);
        background: linear-gradient(90deg, #b6d961 0%, #5acccc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b6d961",endColorstr="#5acccc",GradientType=1);
    }

        #ppi-list #common-app-wrap #common-app-logo {
            background: #fff;
            width: 100px;
            padding-bottom: 0;
        }

        #ppi-list #common-app-wrap h2 {
            color: #fff;
            text-transform: uppercase;
            margin-bottom: 0;
        }

        #ppi-list #common-app-wrap p {
            font-size: .8em;
            text-transform: uppercase;
            margin: 0;
            color: #000;
        }

        #ppi-list #common-app-wrap > div {
            padding: 4px 2px 4px;
            /*padding: 10px 10px 4px;*/
            text-align: center;
        }

        #ppi-list #common-app-wrap #legend {
            display: flex;
        }

        #ppi-list #common-app-wrap .key {
            padding: 0 5px;
            align-self: flex-end;
        }

            #ppi-list #common-app-wrap .key img {
                width: 13px;
                height: 13px;
            }

    #ppi-list #institutional {
        background-color: #484f59;
    }

        #ppi-list #institutional h2 {
            color: #fff;
            text-transform: uppercase;
            padding-top: 10px;
            margin: 0;
        }

    #ppi-list .cal {
        border-left: 2px solid #b6d961 !important;
    }

    #ppi-list .car {
        border-right: 2px solid #5acccc !important;
    }

    #ppi-list .name {
        text-align: left;
    }

        #ppi-list .name a {
            color: #000;
        }

    #ppi-list tr.btm {
        border-bottom: 0;
    }

        #ppi-list tr.btm td {
            border-left: 0;
        }

    #ppi-list #common-app-btm {
        background: #b6d961;
        background: -moz-linear-gradient(90deg, #b6d961 0%, #5acccc 100%);
        background: -webkit-linear-gradient(90deg, #b6d961 0%, #5acccc 100%);
        background: linear-gradient(90deg, #b6d961 0%, #5acccc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b6d961",endColorstr="#5acccc",GradientType=1);
    }

    #ppi-list #institutional-btm {
        background-color: #484f59;
    }

/*B-11655 Dashboard Required Doc school code- css for title  */
    .tooltip_link {
        color: #333333;
        border: 0;
    }
    .tooltip_link a:hover {
        color: #FF6600 !important;
        text-decoration: underline;
    }
    .tooltip_link a:focus {
        color: #FF6600 !important;
        text-decoration: underline;
    }
/* button tooltip icon*/
.cb-btnTooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.71429em;
    color: #324dc7;
    text-decoration: none;
    user-select: none;
    background-color: transparent;
    border-width: 1px;
    border-style: none;
    border-color: #324dc7;
    box-sizing: border-box;
    border-radius: 999px;
    padding: 0 0 0 0;
    transition: all 0.25s ease-in-out;
}
/* button accordion icon*/
.cb-btnAccordion {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.71429em;
    color: #324dc7;
    text-decoration: none;
    user-select: none;
    background-color: transparent;
    border-width: 1px;
    border-style: none;
    border-color: #324dc7;
    box-sizing: border-box;
    border-radius: 999px;
    padding: 0 0 0 0;
    transition: all 0.25s ease-in-out;
}