/*********************************************************************/
/***** BEGIN DESIGNPLUS THEME IMPORT & CUSTOMIZATION  ****************/
/*********************************************************************/
/* Import statements need to be at the top of your CSS file */

/* For Main CSS files */
@import url(https://designplus.ciditools.com/css/content.css);
@import url(https://designplus.ciditools.com/css/editor.css);
/* For Mobile app CSS file */
/*@import url(https://designplus.ciditools.com/css/mobile.css);*/

:root {
    --dt-color-primary: #00274C;
    --dt-color-primary-contrast: #FFFFFF;
    --dt-color-primary-dark-text: #00274C;
    --dt-color-secondary: #FFCB05;
    --dt-color-secondary-contrast: #000000;
    --dt-color-secondary-dark-text: #786202;
    --dt-color-accent: #757575;
    --dt-color-accent-contrast: #FFFFFF;
    --dt-color-accent-dark-text: #707070;
    --dt-color-gray: #CCCCCC;
    --dt-color-gray-contrast: #000000;
    --dt-color-gray-dark-text: #636363;
    --dt-color-white: #FFFFFF;
    --dt-color-white-contrast: #000000;
    --dt-color-white-dark-text: #707070;
    --dt-color-graybg: #E6E6E6;
    --dt-color-graybg-contrast: #000000;
}

/*********************************************************************/
/***** END DESIGNPLUS THEME IMPORT & CUSTOMIZATION   *****************/
/*********************************************************************/


/* Ross Subaccount CSS - Last Updated: 12/05/2022 */
/* Includes kennethware CSS - https://github.com/CIDI/kennethware-2.0 */
/* CSS Document to remove Teaching Eval tool */

#section-tabs li.section a.context_external_tool_4067 {
    display: none;
}

li#nav_edit_tab_id_context_external_tool_4067 {
	    display: none;
}




/** Custom Ross CSS **/

.rounded-corners

{border-radius: 15px; }

.drop-shadow  
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 
 
#kl_custom_css{height: 1px;}
#kl_custom_css2{height: 1px;}

#kl_wrapper.kl_flat_sections #kl_banner h2.no-border {border: 0;}
#kl_wrapper.kl_flat_sections #kl_banner h2 {width: 100%; border-bottom: 0;}

#kl_wrapper2.kl_flat_sections #kl_banner2 h2.no-border2 {border: 0;}
#kl_wrapper2.kl_flat_sections #kl_banner2 h2 {width: 100%; border-bottom: 0;}


/*Module-like list layout for pages. This is layout only. 
Does not provide any module functionality unless items
are added to the Modules Tool in Canvas*/

.ross-main_title {
    font-size: 1.6em;
    line-height: 1.75rem;
    font-weight: 400;
	color: #003e78; 
	margin: 10px 0 10px 2px;
	padding: 5px;
    }

.ross-module-overview-list {
    margin: 10px;
}
   
.ross-module-overview-list h3 {
    background: #EEEEEE;
    font-size: 18px;
    padding: 10px;
    margin: 0;
    letter-spacing: 0.0125rem;
    text-transform: uppercase;
    justify-content: space-between;
    border-bottom: 1px solid #EEEEEE;
}
    
.ross-module-overview-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
    }

.ross-module-overview-list li {
    display: block;
    background: #FFFFFF;
    padding: 20px;
    margin: 0;
    border-bottom: 1px solid #EEEEEE;
    }

.ross-module-overview-list li ul li {
    display: block;
    background: #FFFFFF;
    padding: 10px;
    margin-left: 20px;
    border-bottom: 0;

    }
    
/*.module-overview-list li:last-of-type{
    border: 0; 
    }
    */

/***STRATEGY 503 Zhou FA 2020 CSS ***/
/**Created by Kelly Darnell - kblurr@umich.edu
              Jennifer Lammers Zimmer - jamm@umich.edu**/
/** Last updated: August 18, 2020 **/
#kl_custom_css{height: 1px;}
.pages.show .page-title {font-size: 2.25rem;
    letter-spacing: -0.0625rem;
    font-weight: 600;
    margin: 1.25rem 0 2.5rem;
    color: #003e78;
    display: none;}

    #kl_custom_css2{height: 1px;}


.pages.show.home .course-title  {
    display: none;
	
}

.navbutton:hover  {
opacity: 0.5;
      filter: alpha(opacity=30);
}

#kl_wrapper.kl_flat_sections #kl_banner {
    background-image: url(https://brand.umich.edu/assets/brand/downloads/um-logos/primary_logo_kit/color-logo/u-m_logo-hex.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
}



#kl_wrapper2.kl_flat_sections #kl_banner2 {
    background-image: url(https://brand.umich.edu/assets/brand/downloads/um-logos/primary_logo_kit/color-logo/u-m_logo-hex.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
}




#kl_wrapper.kl_flat_sections #kl_banner #kl_banner_left{
    width: 375px;
    font-size: 22px;
   
}

#kl_wrapper2.kl_flat_sections #kl_banner2 #kl_banner_left2{
    width: 375px;
    font-size: 22px;
    line-height: 60px !important;
    height: 60px !important;
}

.main_title {
    font-size: 1.6em;
    line-height: 1.75rem;
    font-weight: 400;
	color: #003e78; 
	margin: 10px 0 10px 2px;
	padding: 5px;
    border-bottom: 1px solid #003e78;}

/**.main_title {
    font-size: 1.6em;
    line-height: 1.75rem;
    font-weight: 400;
	color: #003e78; 
	margin: 10px 0 20px 2px;
	padding: 5px;
    text-align: center;
}**/

body  {font: 'Open Sans',Arial,sans-serif; color: #ccccc; line-height: 1.4;}

h1 {
    font-size: 1.6em;
    line-height: 1.75rem;
    letter-spacing: 0.046875rem;
    font-weight: 600;
	color: #003e78; 
	margin-top: 20px;	
	padding: 0px;
	
}


h2  {
    font-size: 1.4375em;
    line-height: 1.75rem;
    letter-spacing: 0.046875rem;
    font-weight: 400;
	color: #003e78; 
	margin: 10px 0 10px 2px;
	padding: 5px;
    border-bottom: 1px solid #003e78;
    width: 65%
	
}


h3  {font-size: 20px; padding: 0; margin: 0;}

ol {margin-bottom: 30px;
}

/*Canvas action buttons and hamburger stack background color

.Button  {
    color: #ffffff;
    background-color: #0099cc;
	padding: 5px;
}

.Button:hover {
    color: #ffffff;
    background-color: #03ace4;} 
*/
/**SVG Arrows for Module Links
   Change border color to get different color arrows
   Change padding to make bigger or smaller
**/

.arrow {
  border: solid #003e78;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 5px;
}

.arrow-right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.arrow-left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.arrow-up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.arrow-down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
/**End SVG Arrows*/
		
.module_header  {
    padding: 8px 20px;
    width: 65%;
    height: 32px;
    font-size: 24px;
    text-transform: uppercase;
    color: #003e78;
    border-top: 1px dashed #cdcdcd; 
    border-bottom: 1px dashed #cdcdcd;
 }

.module_title {
   margin-bottom: 20px; 
}

h2.module_title a.no_deco {
    text-decoration: none !important;    
}


/*****Not used. Went with a table due to Canvas rendering lag issues 

#prof_info{
        width: 500px; 
        margin-left: auto; 
        margin-right: auto;
    }
.prof_pic_box {
        float: left; 
        width: 200px;
        padding: 5px;
    }
.prof_info_box {
        float: right; 
        width: 250px; 
        padding: 10px;
    }
***/

table.dates {border-collapse: collapse;
           width: 90%;
           border: none;
           
    }
table.dates th {text-align: left;
           padding-left: 3px;
    }
table.dates tr {border-left: 3px solid #003e78;}
table:not([cellpadding]).dates td {vertical-align: top;
           text-align: left;
           padding-left: 10px;
    }
table.dates tr.noborder {border-left: none;}

/*-----Navigation CSS----- */
ul#nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #00274c;
  border-bottom: 4px #ffcb05 solid;
}

ul#nav li {
  float: left;
}

ul#nav li a {
  display: block;
  color: white;
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;
 
}

/* Change the link color to #111 (black) on active */
ul#nav li a.active {
  background-color: #111;
}

/* Change the link color on hover */    
ul#nav li a:hover {
  background-color: #40658f;
} 
/*Second level menu nav*/
ul#subnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #fff;
  border-bottom: 1px #eee solid;
}

ul#subnav li {
  float: left;
}

ul#subnav li a {
  display: block;
  color: #333;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
 
}

/* Change the link color to #111 (black) on active */
ul#subnav li a.active {
  background-color: #b9bfc6;
}
/* Change the link color on hover */    
ul#subnav li a:hover {
  background-color: #e3e5e8;
}
/*-----END Navigation CSS-----*/

/*-----FOOTER CSS-----*/
#footer, #footer-um {
    background: #00274c;
    margin-top: 5px;
    width: 100%;
    padding: 5px 0 5px;
    
}
#footer-um img {
    margin-left: 1.5rem;
    width: 34px;
    height: 24px;
}

#footer img {
    margin-left: 1.5rem;
    width: 250px;
    height: 24px;
}

/*-----END Footer CSS-----*/
    
.pages.show.home .show-content{padding-top: 5px;}
.header_bar {padding-bottom: 0;}
.pages .header-bar-outer-container {min-height: 12px;}
.ic-Layout-contentMain {padding: 5px 24px 24px;}


/*------Grid Layout 1x3------*/
.parent_1x3 {
display: grid;
grid-template-columns: 1.5fr 1fr;
grid-template-rows: repeat(3, .5fr);
grid-column-gap: 10px;
grid-row-gap: 0px;
}

.div1_1x3 { grid-area: 1 / 1 / 3 / 2; }
.div1.5_1x3 { grid-area: 3 / 1 / 4 / 2; }
.div2_1x3 { grid-area: 1 / 2 / 2 / 3; }
.div3_1x3 { grid-area: 2 / 2 / 3 / 3; }
.div4_1x3 { grid-area: 3 / 2 / 4 / 3; }



.strat-font-size body [font-size: 16px; ]