/***************************************
 * COLOR VARIABLES
 * ************************************/

:root {
	--bbhNB-color: #053a58;
	--ic-brand-primary:#053a58;
	--ic-link-color:#053a58;
	--ic-brand-primary-darkened-5: #009fc3;
	--ic-brand-primary-darkened-10: #008fb0;
	--ic-brand-primary-darkened-15: #007f9c;
	--ic-brand-primary-lightened-5: #00bfeb;
	--ic-brand-primary-lightened-10: #00cffe;
	--ic-brand-primary-lightened-15: #4efeff;
	--ic-brand-button--primary-bgd-darkened-5: #009fc3;
	--ic-brand-button--primary-bgd-darkened-15: #007f9c;
	--ic-brand-button--secondary-bgd-darkened-5: #4A4A4A;
	--ic-brand-button--secondary-bgd-darkened-15: #424242;
	--ic-brand-font-color-dark-lightened-15: #4C5860;
	--ic-brand-font-color-dark-lightened-30: #6C757C;
	--ic-link-color-darkened-10: #008fb0;
	--ic-link-color-lightened-10: #00cffe;
	--ic-brand-font-color-dark: #2D3B45;
	--ic-brand-button--primary-bgd: var(--ic-brand-primary);
	--ic-brand-button--primary-text: #ffffff;
	--ic-brand-button--secondary-bgd: #4d4d4d;
	--ic-brand-button--secondary-text: #ffffff;
	--ic-brand-global-nav-bgd: #f2f2f2;
	--ic-brand-global-nav-ic-icon-svg-fill: #444444;
	--ic-brand-global-nav-ic-icon-svg-fill--active: var(--ic-brand-primary);
	--ic-brand-global-nav-menu-item__text-color: #444444;
	--ic-brand-global-nav-menu-item__text-color--active: #ffffff;
	--ic-brand-global-nav-avatar-border: #444444;
	--ic-brand-global-nav-menu-item__badge-bgd: #00AC18;
	--ic-brand-global-nav-menu-item__badge-text: #ffffff;
	--ic-brand-global-nav-logo-bgd: #4d4d4d;
}

/***************************************
** BLOCKING HELP TICETS FOR STUDENTS  **
***************************************/
#help-dialog-options a[href="#create_ticket"] {display:none }

/***************************************
**********  NAVIGATION COLUMN  *********
***************************************/

#header {
	border-right: 1px solid #C7CDD1;
	padding-right: 1px;
}
#application,#right-side-wrapper{
	background:#f3f2f1;
}
/*background logo box*/.ic-app-header__logomark-container{
    background-color:#f3f2f1;
    box-sizing: content-box;
    padding: 0;
}
/*logo top left*/.ic-app-header__logomark {
    background-color: #f3f2f1;
    background-image: url("https://docs.google.com/drawings/d/e/2PACX-1vTd-aSH_bbdHUxn1MfFEwcdvpCYGhorFJSeMRPCn-JsPK3bPmbyyzhGSqu5z3u9y4dFa4UqwwL75NG5/pub?w=960&h=361");
    width:100%;
    background-position: 75% ;
}

body {
    background-color: #f3f2f1;
}

#content-wrapper {
   border: 1px solid #C7CDD1;
}

#left-side {
   border-top: 1px solid #C7CDD1;
}

.ic-app-nav-toggle-and-crumbs {
   border:0px;
}

/*background color of nav column */ .ic-app-header__main-navigation {
    background-color: #f3f2f1;
}
.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-app-header__menu-list-link{
    color: #f3f2f1 ;
    background:#053a58 !important;
}
.ic-app-header__menu-list-item {
    background-color: #f3f2f1;
}
/* Nav Icons */
/*active Icons*/
.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active{
	background:#053a58 !important;
}
.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-icon-svg path {
    fill:#f3f2f1;
}
.ic-app-header__menu-list-item--active .menu-item__text {
	color:#f3f2f1 !important;
}
.menu-item__text{
	color:#053a58;
	background:#f3f2f1;
}
/*inactive Icons*/
.ic-app-header__menu-list-item .ic-icon-svg path {
    fill:#053a58;
}
.menu-item__text {
    color:#053a58;
}
.ic-app-header__menu-list-item--active .menu-item__text {
    color: #f3f2f1 ;
    background-color:#053a58 ;
}
body.primary-nav-expanded .ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .menu-item__text 
.ic-brand-global-nav-bgd {color: #f3f2f1 !important}

body.primary-nav-expanded .ic-app-header {width:95px}

#wrapper {
	background:#f3f2f1;
}
#not_right_side {
	background-color:#ffffff;
}
#breadcrumbs{
	background-color:#f3f2f1;
}

/*Pop out tray*/
.tray-with-space-for-global-nav {
	background-image: linear-gradient(#f3f2f1,#ffffff);
}
/****************************************
************  BUTTONS  ******************
****************************************/
.btn-CMS {background: #053a58;color:#ffffff;font-weight:bold;}
.btn-CMS:hover {background: #0085a4;color:#ffffff;font-weight:bold;}
.btn-CMS:visited {background: #0085a4;color:#ffffff;font-weight:bold;}
.btn-blue {background: #053a58;color:#ffffff;font-weight:bold;}
.btn-blue:hover {background: #0085a4;color:#ffffff;font-weight:bold;}
.btn-blue:visited {background: #053a58;color:#ffffff;font-weight:bold;}
.btn-green {background: #00AC18;color:#ffffff;font-weight:bold;}
.btn-green:hover {background: rgb(0, 121, 17);color:#ffffff;font-weight:bold;}
.btn-green:visited {background: #00AC18;color:#ffffff;font-weight:bold;}
.btn-yellow {background:#E4D100;color:#ffffff;font-weight:bold;}
.btn-yellow:hover {background:#f5e200;color:#ffffff;font-weight:bold;}
.btn-yellow:visited{background:#f5e200;color:#ffffff;font-weight:bold;}
.btn-teal {background: #009999;color:#ffffff;font-weight:bold;}
.btn-teal:hover {background: #00aaaa;color:#ffffff;font-weight:bold;}
.btn-teal:visited {background: #00aaaa;color:#ffffff;font-weight:bold;}
.btn-red: {background: #990000; color:#ffffff;font-weight:bold;}
.btn-red:hover {background: #99aaaa;color:#ffffff;font-weight:bold;}
.btn-red:visited {background: #99aaaa;color:#ffffff;font-weight:bold;}
.btn-rainbow{
    background: red; /* not working, let's see some red */
    background: -moz-linear-gradient( top ,
        rgba(255, 0, 0, 1) 0%,
        rgba(255, 255, 0, 1) 15%,
        rgba(0, 255, 0, 1) 30%,
        rgba(0, 255, 255, 1) 50%,
        rgba(0, 0, 255, 1) 65%,
        rgba(255, 0, 255, 1) 80%,
        rgba(255, 0, 0, 1) 100%);
    background: -webkit-gradient(linear,  left top,  left bottom, 
        color-stop(0%, rgba(255, 0, 0, 1)), 
        color-stop(15%, rgba(255, 255, 0, 1)),
        color-stop(30%, rgba(0, 255, 0, 1)),
        color-stop(50%, rgba(0, 255, 255, 1)),
        color-stop(65%, rgba(0, 0, 255, 1)),
        color-stop(80%, rgba(255, 0, 255, 1)),
        color-stop(100%, rgba(255, 0, 0, 1)));
    font-weight: bold;
    color:#ffffff;
}
.btn-rainbow:hover{
    background: red; /* not working, let's see some red */
    background: -moz-linear-gradient( bottom ,
        rgba(255, 0, 0, 1) 0%,
        rgba(255, 255, 0, 1) 15%,
        rgba(0, 255, 0, 1) 30%,
        rgba(0, 255, 255, 1) 50%,
        rgba(0, 0, 255, 1) 65%,
        rgba(255, 0, 255, 1) 80%,
        rgba(255, 0, 0, 1) 100%);
    background: -webkit-gradient(linear,  left bottom,  left top, 
        color-stop(0%, rgba(255, 0, 0, 1)), 
        color-stop(15%, rgba(255, 255, 0, 1)),
        color-stop(30%, rgba(0, 255, 0, 1)),
        color-stop(50%, rgba(0, 255, 255, 1)),
        color-stop(65%, rgba(0, 0, 255, 1)),
        color-stop(80%, rgba(255, 0, 255, 1)),
        color-stop(100%, rgba(255, 0, 0, 1)));
    font-weight: bold;
    color:#ffffff;
}

/******************************************
************  LOGIN SCREEN  ***************
******************************************/
body.ic-Login-Body {
    background-color: #053a58;
}

/******************************************
*********  Dashboard Settings  ************
******************************************/

.ic-DashboardCard__header_image .ic-DashboardCard__header_hero {
    background:none ;
}

/******************************************
 * *******  Module Styling  ***************
 * ***************************************/

/* styles section headers */
.context_module_sub_header>div{
  /*color:#053a58 ;*/
  border-top:2px solid #A5AFB5 !important;
  background-image:linear-gradient(#ebedee,#ffffff) !important;
  /*text-transform:uppercase ;*/
}

.context_module{
  border-bottom:4px solid #A5AFB5 !important;
}

.locked_title{
  font-size:1rem ;
}

/******************************************
*********  DISABLED ITEMS  ************
******************************************/
.reset_course_content_button {

    display: none ;
}

.show_admin_only {

    display: none ;
    
}

#customTrayOverlay {
    padding:10px;
    width:100%;
    position: fixed;
    top: 5px;
    z-index: 999;
    background-image: linear-gradient(#f3f2f1, #ffffff);
    border:2px solid #ccc;
    box-shadow: 3px 2px #eee;
    display:none;
    height:100vh;
}
#pdTrayOverlay {
    padding:10px;
    width:100%;
    position: fixed;
    top: 5px;
    z-index: 999;
    background-image: linear-gradient(#f3f2f1, #ffffff);
    border:2px solid #ccc;
    box-shadow: 3px 2px #eee;
    display:none;
    height:100vh;
}

.cms_trays{
    width:90%;
    text-align: center;
    margin-left: auto;
    margin-right:auto;
    background-color: white;
    border:2px solid #f3f2f1 !important;
    border-radius: 3px !important;
}

#cms_nav_buttons{ 
    padding:10px;
    height:70vh;
    /*overflow:scroll;*/
    /*column-count:3;*/
}

.cms_inner:nth-child(3n+1) {
    clear: left;
}

.cms_inner {
    float: left;
    margin: 0 1% 0 0;
    width: 32%;
}

#cms_pd_buttons{
    padding:10px;
    height:70vh;
    /*overflow:scroll;*/
    column-count:3;
}
#cms_custom_close{
    text-align:right;
}