#page-my-index {
    background-color: #fafafa;
}

#page-my-index #page-header {
        /*display:none;*/
}


#page-my-index #region-main header {
        xpadding: 7px 10px 8px 1rem;
        margin-bottom:1rem!important;
        border: 2px solid #dddddd;
        background-color: #330066;
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#7a5498),to(#330066));
        background-image: -webkit-linear-gradient(top,#7a5498,#330066);
        background-image: linear-gradient(to bottom,#7a5498,#330066);
        border-radius: 5px 5px 0px 0px;
}

.mymodules_header, .mymodules_semheader {
        font-weight: 300;
        color:#fff;
}

.mymodules_semheader {
	font-size: 0.9rem;
	width:70%;
	text-align:right;
	padding: 15px 16px 8px 16px;
}

/* my modules stylings */
.mymodules_header {
        font-size: 1.4rem;
	width:30%;
	padding: 8px 10px 8px 16px;
        /*padding-left:2px;*/
}


.mymodulesbox {
	background-color: #330066;
    	background-image: -webkit-gradient(linear,0 0,0 100%,from(#7a5498),to(#330066));
    	background-image: -webkit-linear-gradient(top,#7a5498,#330066);
    	background-image: linear-gradient(to bottom,#7a5498,#330066);
	border: 2px solid #dddddd;
	border-color: #dddddd;
	border-radius: 5px 5px 0px 0px;
}

.mymodulesbox {
        padding: 3px 10px 2px 10px;
        margin-bottom: 15px;
}

#page-my-index span#maincontent {
        height:1px!important;
}

.mymodules_header {
        font-weight: 300;
        font-size: 1.4rem;
	color:#fff;
	/*padding-left:2px;*/
}

.mymodules_links {
        padding: 1px 0px 0px 4px;
}

table.mymodules {
        width:100%;
}

table.mymodules td {
        padding: 4px 6px 6px 6px;
	color:#fff;
	font-weight:300;
}

.semesterheading {
        padding: 15px 0px 8px 0px;
        /* to make title irrelevant need to minus the top element here */
        margin: -6px 0px 0px 0px;
}

.semesterheading table.mymodules td {
        padding: 8px 6px 6px 6px;
}

/*my modules module links*/
h2.title {
        font-size: 1.4rem;
}

/* for my mods nav */

#nav ul {
	padding-left:0px;
	padding-right:0px;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/fonts/glyphicons-halflings-regular.eot');
    src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

.mym-icons { font-family: 'Glyphicons Halflings'; display: none;
font-size: 1.3rem; }

@media only screen and ( max-width: 40rem ) {

        .mym-icons { display:block; }
        .mym-text { display:none; }
}

#nav {
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
}
#nav > a {
        display: none;
}

#nav ul {
        margin: 0px;
        margin-bottom: 1rem;
}

#nav li {
        position: relative;
        list-style-type: none;
}
#nav li a {
        display: block;
}/* for my mods nav */

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/fonts/glyphicons-halflings-regular.eot');
    src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

.mym-icons { font-family: 'Glyphicons Halflings'; display: none;
font-size: 1.3rem; }

@media only screen and ( max-width: 40rem ) {

        .mym-icons { display:block; }
        .mym-text { display:none; }
}

#nav {
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
}
#nav > a {
        display: none;
}

#nav ul {
        margin: 0px;
        margin-bottom: 1rem;
}

#nav li {
        position: relative;
        list-style-type: none;
}
#nav li a {
        display: block;
}

/* first level */

#nav > ul {
        height: 2.5rem; /* 60 */
        background-color: #f2f2f2;
        border: 2px solid #dddddd;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
}
#nav > ul > li {
        width: 33.3%;                             /* button width adjuster */
        height: 100%;
        float: left;
        list-style-type: none;
}
#nav > ul > li > a {
        height: 100%;
        /*font-size: 1rem;*/                 /* text size */
        line-height: 2.4rem;             /* text positioning */
        text-align: center;
}
 #nav > ul > li:not( :last-child ) > a { 
/*#nav > ul > li > a {*/
        border-right: 2px solid #dddddd;
}
/*
#nav > ul > li > a:last-child {
	border-right: 2px solid #dddddd;
}
*/

/* second level */

#nav li ul {
        background-color: #cc470d;
        display: none;
        position: absolute;
        top: 100%;
        z-index: 10;
}
#nav li:hover ul {
        display: block;
        left: 0;
        right: 0;
}
#nav li:not( :first-child ):hover ul {
        left: -1px;
}
#nav li ul a {
        /*font-size: 1.25rem;*/ /* 20 */
        border-top: 1px solid #e15a1f;
        padding: 0.75rem; /* 15 (20) */
}
#nav li ul li a:hover, #nav li ul:not( :hover ) li.active a {
        background-color: #e15a1f;
}



@media only screen and ( max-width: 0rem ) {
#nav {
        width: 100%;
        position: static;
        margin: 0;
}
}

@media only screen and ( max-width: 0rem ) {
        #nav {
                position: relative;
                top: auto;
                left: auto;
        }
        #nav > a {
                width: 3.125rem;
                height: 3.125rem;
                text-align: left;
                text-indent: -9999px;
                background-color: #e15a1f;
                position: relative;
        }
        #nav > a:before, #nav > a:after {
                position: absolute;
                border: 2px solid #fff;
                top: 35%;
                left: 25%;
                right: 25%;
                content: '';
        }
        #nav > a:after {
                top: 60%;
        }
        #nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type {
                display: block;
        }


        #nav > ul {
                height: auto;
                display: none;
                position: absolute;
                left: 0;
                right: 0;
        }
        #nav:target > ul {
                display: block;
        }
        #nav > ul > li {
                width: 100%;
                float: none;
        }
        #nav > ul > li > a {
                height: auto;
                text-align: left;
                padding: 0 0.833rem;
        }
        #nav > ul > li:not( :last-child ) > a {
                border-right: none;
                border-bottom: 1px solid #cc470d;
        }


        #nav li ul {
                position: static;
                padding: 1.25rem;
                padding-top: 0;
        }
}

#page-my-index .no-gutters {
        margin-left:0px!important;
}

#page-my-index div.py-3 {
	padding-top:0!important;
} 

.block-timeline .container { 
	max-width:inherit;
}

#page-my-index .border-bottom {
        border-bottom:0px!important;
}
/*
.block-timeline .pb-3 {
	padding-bottom:0px!important;
}
*/
.block-timeline .container .text-danger {
	color:#333333!important;
	margin-bottom:5px!important;
	margin-top:0px!important;
}

.block-timeline .container .list-group {
	border: 2px solid #dddddd;
	border-radius:4px;
	padding:1rem!important;
	margin-bottom:1rem!important;
}

.block-myoverview div.d-flex.align-items-center.flex-wrap {
	margin-bottom:1rem!important;
}

.block-timeline .container .list-group .mb-0 {
        margin-bottom: .5rem!important;
}

section .card, .block_myoverview .dashboard-card-deck .dashboard-card,
.drawers .block_myoverview>.card-body{
	border: 2px solid #dddddd;
        border-radius:4px;
	
}

.block-timeline .container .list-group .list-group-item, #page-my-index .list-group-item {
	background-color:inherit!important;
}

.list-group-item-action:hover, .list-group-item-action:focus {
	background-color:inherit;
}

.block-timeline .container .list-group h6.pt-2 {
	display:none;
}

#page-my-index #paging-control-limit-container-0 {
	margin-top:1rem!important;
}

.block-timeline .container .mt-1 {
	margin-top:0!important;
}

div.title {
	font-weight:bold;
}

#page-my-index .container-fluid .p-0 {
	/* padding-top:1rem!important; */
}

#page-my-index .block .block-cards .course-summaryitem {
    	border: 2px solid #dddddd;
	border-radius: 4px;
    	background-color: inherit;
	margin-bottom:1rem!important;
}

#page-my-index .block .block-cards .course-summaryitem .summaryimage {
	margin:1rem!important;	
	margin-left:.5rem!important;
}

#page-my-index .block .block-cards .course-summaryitem a.coursename {
	padding-top:1rem!important;
	padding-right:1rem!important;
        padding-left:0rem!important;
	padding-bottom:1rem!important;
}

#page-my-index .block .block-cards .course-summaryitem .categoryname {
	display:none;
}

@media only screen and (max-device-width: 768px) {

	#page-my-index ol.breadcrumb:not(:empty) { display:none; }
	.mymodules_header { padding: 8px 0px 8px 10px; }

	#page-my-index .block .block-cards .course-info-container .text-truncate {
                white-space:normal;
        }

        .block_myoverview .dashboard-card-deck .dashboard-card, .block_recentlyaccesseditems .dashboard-card-deck .dashboard-card {
		width: calc(100% - .5rem);
        }
}

@media only screen and (max-device-width: 480px) {

        .block-timeline .container .list-group {
                padding:0rem!important;
        }

        div#lbbannercontainer {
                -webkit-transform: scale(.7);
                -webkit-transform-origin: 0 0;
                width: 142.857143%;
                height: 70px;
        }

        #gridshadebox_content.absolute {
                left: 30px;
                right:30px;
        }

        /*
        #gridiconcontainer ul.gridicons li
        {
                padding:0rem!important;
        }
        #gridiconcontainer ul.gridicons li
        {
                padding-bottom:1.25rem!important;
        }
        .course-content ul.gridicons li .image_holder,
        .course-content ul.gridicons li .icon_content,
        .course-content ul.gridicons li img
        {
                width: 295px!important;
        }

        .course-content ul.gridicons li .image_holder {
                height: 205px!important;
        }
        */

	.block_myoverview .dashboard-card-deck .dashboard-card, .block_recentlyaccesseditems .dashboard-card-deck .dashboard-card {
                width:100%;
        }

}