/*******************************************************************
FONT ONLY
*******************************************************************/

@font-face {
	font-family: 'themify';
	src:url('../fonts/themify.eot?-fvbane');
	src:url('../fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'),
		url('../fonts/themify.woff?-fvbane') format('woff'),
		url('../fonts/themify.ttf?-fvbane') format('truetype'),
		url('../fonts/themify.svg?-fvbane#themify') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*******************************************************************
FONT ONLY
*******************************************************************/

/*******************************************************************
FONT ONLY
*******************************************************************/
.header-text-blue, .lesson-left > .header-text, .lesson-title-slide-text
{
    color: #00587d;
}

.medium-blue
{
    color: #337997;
}

.light-blue
{
    color: #4d9cbd;
}

.brown
{
    color: #523e3c;
}

.warm-gray, .notepad-textbox
{
    color: #66625c;
}

.pale-green
{
    color: #d5e9bd;
}

.background-blue
{
    color: #edf5f8; 
}

.text-warning.flag-warning-yellow
{
    color: #FFFF22 !important;
}

.Source-Sans-Pro-Extra-Light, .ssp-extra-light
{
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 200;
}

.Source-Sans-Pro-Extra-Light-Italic, .ssp-extra-light-italic
{
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 200;
}

.Source-Sans-Pro-Light, .footer-non-bold, .lesson-title, .ssp-light
{
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
}

.Source-Sans-Pro-Light-Italic, .ssp-light-italic
{
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 300;
}

.Source-Sans-Pro-Regular, body, .menu-sublabel, .lesson-notepad-div, .notepad-textbox, .lesson-text, .lesson-button, .lesson-button-action
, .ssp-regular
{
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
}

.Source-Sans-Pro-Regular-Italic, .ssp-regular-italic
{
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
}

.Source-Sans-Pro-SemiBold, .menu-sublink, .footer-bold, #header-lesson, .ssp-semi-bold
{
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
}

.Source-Sans-Pro-SemiBold-Italic, .ssp-semi-bold-italic
{
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 600;
}

.Source-Sans-Pro-Bold, .message-count, .ssp-bold
{
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
}

.Source-Sans-Pro-Bold-Italic, .ssp-bold-italic
{
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 700;
}

.Source-Sans-Pro-Ultra-Bold, .ssp-ultra-bold
{
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 900;
}

.Source-Sans-Pro-Ultra-Bold-Italic, .ssp-ultra-bold-italic
{
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 900;
}

body
{
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
}

/*******************************************************************
END FONT ONLY
*******************************************************************/

/*******************************************************************
CONTROL MANIPULATION ONLY
*******************************************************************/

/* ---Text Field--- */

input[type=text],input[type=password], input[type=textarea] {
   -moz-box-shadow:    inset 0 0 15px #e9e9e9;
   -webkit-box-shadow: inset 0 0 15px #e9e9e9;
   box-shadow:         inset 0 0 15px #e9e9e9;
  outline: 	none;
  border: 	1px solid #b1b1b1;
  padding: 	5px;
  margin: 	3px;
}

input[type=text]:focus,input[type=password]:focus, input[type=textarea]:focus {
   -moz-box-shadow:    inset 0 0 10px #a6cdde;
   -webkit-box-shadow: inset 0 0 10px #a6cdde;
   box-shadow:         inset 0 0 10px #a6cdde;
  outline: 	none;
  border: 	1px solid #4d9cbd;
}

/* ---button--- */

.one-edge-shadow 
{
	-webkit-box-shadow: 0 8px 6px -6px #ddd;
	   -moz-box-shadow: 0 8px 6px -6px #ddd;
	        box-shadow: 0 8px 6px -6px #ddd;
  background-color: white;
  padding: 14px 22px 14px 22px;
  border: 1px solid #b1b1b1;
  color: #4d4d4d;
  border-radius: 3px;
}

.one-edge-shadow-small, .btn-mg-shadow {
	-webkit-box-shadow: 0 8px 6px -6px #ddd;
	   -moz-box-shadow: 0 8px 6px -6px #ddd;
	        box-shadow: 0 8px 6px -6px #ddd;
  /*background-color: white;*/
  padding: 6px 14px 6px 14px;
  border: 1px solid #b1b1b1;
  border-radius: 3px;
  cursor: pointer;
}

.one-edge-shadow-small {
  color: #4d4d4d;
}

/* ---image--- */
.image-shadow {
-webkit-box-shadow: 5px 5px 18px -3px rgba(228,228,228,1);
-moz-box-shadow: 5px 5px 18px -3px rgba(228,228,228,1);
box-shadow: 5px 5px 18px -3px rgba(228,228,228,1);
  border: 3px solid #ffffff;
  border-radius: 3px;
}

/* ---checkbox--- */

input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] + label span,
input[type="checkbox"] + span {
    display:inline-block;
    width:15px;
    height:15px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url('../images/dz/check_sheet.png') left top no-repeat;
    cursor:pointer;
}

input[type="checkbox"]:checked + label span,
input[type="checkbox"]:checked + span {
    background:url('../images/dz/check_sheet.png') -15px top no-repeat;
}

/* ---radio--- */

input[type="radio"] {
    display:none;
}
input[type="radio"] + label span,
input[type="radio"] + span
{
    display:inline-block;
    width:15px;
    height:15px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url('../images/dz/radio_sheet.png') left top no-repeat;
    cursor:pointer;
}

input[type="radio"]:checked + label span,
input[type="radio"]:checked + span {
    background:url('../images/dz/radio_sheet.png') -15px top no-repeat;
}

.mg-radio-inline
{
    display: inline-block;
}

/*******************************************************************
END CONTROL MANIPULATION ONLY
*******************************************************************/
.badge
{
    background-color: #df4c25;
    font-size: 14px;
    /* font source sans pro bold */
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
}

.header-image-Main, .header-image-Staff
{
    background-image: url('../images/header_image_960.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 130px;
}

.header-image-Lesson
{
    background-image: url('../images/header_lessons.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 66px;
}

.mg-icon-small
{
    font-size: 70%;
}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.gradient-header-text-blue
{
    background: #00587d; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#00587d, #337997); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#00587d, #337997); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#00587d, #337997); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#00587d, #337997); /* Standard syntax */
}

.container-child
{
    margin-top: 56px;
}

.mg-input-override
{
    padding: 0px 0px 0px 5px !important;
    margin: 0px !important;
}

.breadcrumb
{
    background-color: inherit;
}

.breadcrumb li a, .breadcrumb li.active
{
    font-family: Century Schoolbook, Sans-Serif;
    font-size: 20px;
}

.breadcrumb li a
{
    /* color brown */
    color: #523e3c;
}

.breadcrumb li.active
{
    /* header text blue */
    color: #00587d;
}

.breadcrumb > li + li:before {
    font-family: 'themify';
    padding: 0 5px;
    color: #523e3c;
    content: "\e661";
    font-size: .7em;
    font-weight: bold;
}

.mg-ruler-pencil, .mg-pencil
{
    color: #4d9cbd;
    margin-right: 5px;
}

.mg-header-tracking
{
    color: #523e3c;
    font-size: 22px;
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700; 
}

.mg-h1
{
    display: block;
    font-size: 24px;
    color: #00587d;
    font-family: Century Schoolbook, Sans-Serif;
}

.mg-header-welcome
{
    font-size: 22px;
    color: #00587d;
    font-family: Century Schoolbook, Sans-Serif;
}

.mg-ti-checkbox
{
    font-size: 20px;
}

.mg-text-underline
{
    text-decoration: underline;
}

.mg-row-extraspace
{
    margin-top: 15px;
}

.mg-radio-subRBQuestion
{
    margin-left: 45px;
}

.mg-radio-subQuestion
{
    margin-left: 20px;
}

.mg-checkbox-subCBQuestion
{
    margin-left: 40px;
}

.mg-form-horizontal-closeGap .form-group
{
    margin-bottom: 0px;
}

.mg-form-group-notBold label
{
    font-weight: inherit;
}

.no-bold
{
    font-weight: normal;
}

.table, .table td, .table th {
  border: 1px solid #dddddd;
}

.mg-taskbar
{
    margin-top: 56px;
}

.navbar a
{
    color: White;
    /*font .Source-Sans-Pro-SemiBold */
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 16px;
}

.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
    /* font .Source-Sans-Pro-Bold*/
    /*font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;*/
    cursor: pointer;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: #fff;
    border-color: #337ab7;
    color: #333;
    /* font Source-Sans-Pro-SemiBold*/
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
}

#lowernav.nav a
{
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 1px;
}

.dropdown-menu > li > a.realLink 
{
    /* light blue */
    color: #4d9cbd;
    /* source sans pro bold */
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
}

.dropdown-menu > li > a.notRealLink 
{
    background-color: Transparent;
}

.mg-top-text
{
    display: block;
    float: left;
    padding-top: 10px;
    padding-right: 5px;
}

.uploader
{
    margin-top: 10px;
}

.mg-panel-heading
{
    /* light blue */
    color: #fff;
    /* source sans pro bold */
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    /* font size */
    font-size: 18px;
}

.mg-ti-tasklist
{
    color: #4d9cbd;
    font-size: 22px;
    padding-right: 10px;
}

.task-ontime
{
    /* font color black */
    color: #000;
    /* source sans pro light */
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
}

.task-late
{
    /* font color header text blue */
    color: #00587d; /*#8A0E23;*/
    /* source sans pro bold */
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
}

.mg-task-list-item,
.mg-task-list-item:link,
.mg-task-list-item:visited,
.mg-task-list-item:hover,
.mg-task-list-item:active
{
    color: #000;
    text-decoration: none;
}

.mg-task-list-semibold
{
    color: #000;
    font-size: 18px;
    /* source sans pro semibold */
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
}

.mg-task-list-light
{
    color: #000;
    font-size: 18px;
    /* source sans pro light */
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
}

.mg-hr
{
    margin-top: 7px;
    margin-bottom: 7px;
}

.mg-hr-primary
{
    height: 1pt;
    background-color: #e4e4e4;
}

.mg-hr-secondary,
.mg-hr-task-list
{
    height: 1pt;
    background-color: #cacaca;
}

.mg-hr-footer
{
    height: 6px;
    background-color: #d5e9bd;
}

.mg-empty-div
{
    height: 50px;
}

.mg-valign-center {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.mg-footer
{
    font-size: 11px;
    color: #7d776f;
    /* source sans pro light */
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
}

.mg-footer a,
.mg-footer a:link,
.mg-footer a:visited,
.mg-footer a:hover,
.mg-footer a:active
{
    font-size: 11px;
    color: #7d776f;
    /* source sans pro semibold */
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
}

.mg-lesson-nav a
{
    font-size: 18px;
    /* source sans pro semibold */
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
}

.mg-lesson-nav-image
{
    background-image: url('../images/header_lessons.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 66px;
}

.mg-btn,
.mg-btn:hover,
.mg-btn:active,
.mg-btn:focus
{
    /* header text blue */
    background-color: #00587d !important;
}

.mg-lesson-nav li
{
    padding-top: 7px;
}

.mg-lesson-container
{
    margin-top: 62px;
}

.mg-lesson-title
{
    padding-bottom: 13px;
    font-size: 18px;
    /* source sans pro light */
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    color: #000;
    border-bottom: 1px solid #4d9cbd; /* light blue*/
}

div.mg-lesson-slide-title
{
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center;
}

.mg-lesson-slide-title-opening
{
    /* header text blue */
    color: #00587d;
    font-size: 42px;
    font-family: Century Schoolbook, Sans-Serif;
    font-weight: 400;
}

.mg-lesson-slide
{
    /* secondary rule */
    border-bottom: 1px solid #cacaca;
}

.mg-lesson-slide-left-side, 
.mg-lesson-workbook-heading
{
    padding-top: 50px;
}

.mg-lesson-slide-right-side
{
    padding-top: 54px;
    padding-bottom: 30px;
    background-color: #fcfcfc;
    /* warm grey */
    color: #66625c;
    font-size: 18px;
    min-height: 400px;
}

.mg-lesson-full-slide
{
    min-height: 400px;
}

.mg-lesson-notepad-title
{
    font-size: 20px;
    padding-bottom: 32px;
}

.mg-lesson-slide-title-header
{
    color: #00587d;
    font-size: 24px;
    font-family: Century Schoolbook, Sans-Serif;
    font-weight: 400;
}
.mg-lesson-content,
.mg-lesson-content-bold
{
    color: #000;
    font-size: 18px;
}

.mg-lesson-content
{
    /* source sans pro regular */
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
}

.mg-lesson-content-bold
{
    /* source sans pro bold */
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
}

.form-group textarea.mg-lesson-notepad
{
    min-height: 200px;
}

.mg-lesson-slide-right-side div.form-group
{
    width: 98%;
    padding-left: 0px;
    padding-right: 0px;
}

.mg-img-lesson-push-down
{
    margin-top: 50px;
}

.mg-lesson-btn-default,
.mg-lesson-btn-action,
.mg-lesson-slide-tracking
{
    font-size: 18px;
    /* source sans pro regular */
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
}

.mg-lesson-slide-tracking
{
    color: #4d4d4d;
}

.mg-lesson-btn-default,
.mg-lesson-btn-action
{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 5px;
    margin-right: 5px;
    white-space: nowrap;
}

.mg-lesson-btn-default:hover,
.mg-lesson-btn-default:active,
.mg-lesson-btn-default:focus
{
    /* color medium blue */
    border-color: #337997;
}

.mg-lesson-btn-default:hover,
.mg-lesson-btn-default:active,
.mg-lesson-btn-default:focus,
.mg-lesson-btn-action:hover,
.mg-lesson-btn-action:active,
.mg-lesson-btn-action:focus
{
    text-decoration: none;
}

.mg-lesson-btn-default
{
    /* warm gray */
    color: #66625c;
    border:1px solid #b1b1b1;
}

.mg-lesson-btn-action
{
    /* color light blue */
    background-color: #4d9cbd;
    color: #fff;
}

.mg-lesson-btn-action:hover,
.mg-lesson-btn-action:active,
.mg-lesson-btn-action:focus
{
    /* color medium blue */
    background-color: #337997;
    color: #fff;
}

.mg-lesson-btn-action[disabled]
{
    color:#F8F8F8;
    background-color: #D0D0D0;
    cursor: default;
}

.mg-glyphicon-default
{
    /* color light blue */
    color: #4d9cbd;
    font-size: 0.8em;
}

.mg-glyphicon-action
{
    font-size: 0.8em;
    color: #fff;
}

.mg-lesson-audio
{
    margin-top: 20px;
}

.slideInfo
{
    font-size: 16px;
    font-family: Century Schoolbook, Sans-Serif;
    color: #4d4d4d;
}

/***** BEGIN GRIDVIEW *****/

.gridview 
{
    margin-top: 10px;
}

.gridview th, .gridview row, .gridview tbody
{
    border-top: 0px solid black;
}

.gridview .gradient-header-text-blue
{
    color: White;
}

.gridview td.mg-text-vmiddle
{
    vertical-align: middle;
}

/***** END GRIDVIEW ******/

.drop-padding-sides
{
    padding-left: 0px;
    padding-right: 0px;
}

/**** RESOURCES *****/

.gap-right-1
{
    border-right: 1px solid white;
}

.gap-left-1
{
    border-left: 1px solid white;
}

.mg-resources-blue-border
{
    /* color light blue */
    border-top: 3px solid #4d9cbd;
}

.mg-resource-header
{
    font-size: 22px;
    color: black;
    /* font source sans pro bold */
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
}

.mg-resource-subheader
{
    /* source sans pro regular */
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 19px;
    color: black;
    /* background blue */
    background-color: #edf5f8;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}

.mg-resource-list
{
    padding-left: 0px;
    padding-top: 10px;
}

.mg-resource-list-item, .mg-resource-emptytext
{
    color: black;
    font-size: 18px;
    /* SOURCE SANS PRO LIGHT*/
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-weight: 300;
    list-style: none;
    padding-top: 5px;
    padding-bottom: 5px;
}

/**** END RESOURCES *****/

.row.mg-row-mtop-10
{
    margin-top: 15px;
}

.row.mg-resource-row
{
    margin-bottom: 52px;
}

/******** MG Themify Icon ********/

.mg-ti-lightblue
{
    /* color light blue */
    color: #4d9cbd;
}

.mg-ti-22px
{
    font-size: 22px;
}

/***** END MG Themify Icon ********/

.validator
{
    font-weight: normal;
    color: #a94442;
}

.has-error input, .has-error select, .has-error span.magic-radio
{
    background-color: #f2dede;
}

.kill-link,
.kill-link:hover,
.kill-link:focus,
.kill-link:active
{
    text-decoration: none;
    color: inherit;
}

div.table-no-border,
table.table-no-border,
table.table-no-border tr,
table.table-no-border tr td
{
    border: 0px solid black;
}

.col-extrapadding-xs
{
    padding-top: 5px;
    padding-bottom: 5px;
}

.col-extrapadding-sm
{
    padding-top: 10px;
    padding-bottom: 10px;
}

.form-control-inline
{
    display: inline-block;
}

.width-auto{
    width: auto;
}


.bg-success-override,.bg-success-override:hover,.bg-success-override:focus
{
    background-color: #dff0d8 !important;
}

.bg-warning-override,.bg-warning-override:hover,.bg-warning-override:focus
{
    background-color: #f7ecb5 !important;
}

.bg-danger-override,.bg-danger-override:hover,.bg-danger-override:focus
{
    background-color: #f2dede !important;
}

.bg-info-override,.bg-info-override:hover,.bg-info-override:focus
{
    background-color: #d9edf7 !important;
}

.pointer
{
    cursor: pointer;
}

.img-50-percent
{
    width: 50%;
    height: 50%;
}

.font-weight-bold
{
    font-weight: bold;
}

.font-weight-normal
{
    font-weight: normal;
}

.no-bullets
{
    list-style-type: none;
}

.tracking-past-due
{
    color: #8A0E23;
}

.img-padded{
    padding: 5px;
}

.mg-mainpage-alert
{
    margin-bottom: -25px;
    margin-top: 35px;
    color: #3776A2;
}

.mg-inline-form
{
    width: 80% !important;
    display: inline-block !important;
}

.glyphicon-lg
{
    font-size: 18px;
}

.table-dezudio,
.table-dezudio thead tr th
{
    border-left-color: #edf5f8;
    border-top-color: #edf5f8;
    border-right-color: #edf5f8;
}

.table-dezudio thead tr th
{
    font-family: Century Schoolbook, Sans-Serif;
    font-size: 16px;

    background-color: #edf5f8;
}

.table-dezudio tbody tr td
{
    color: #523e3c;
    font-size: 16px;
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300; 

    border-left: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    border-bottom: 1px solid #e4e4e4;
}

.table-dezudio tbody tr td.comments
{
    color: #523e3c;
    font-size: 12px;
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400; 
}

.text-purple
{
    color: #563d7c;
}

.no-cursor
{
    cursor: none;
}

.form-group.form-group-trim
{
    margin-bottom: 0px;
}

.table-condensed-padding > tbody > tr > td {
    padding: 0 5px !important;
}

select.ddl-inline-block {
    display: inline-block;
}

input[type=checkbox].pseudo-checkbox-favorite{
    /*display: none;*/
}

input[type=checkbox].pseudo-checkbox-favorite:checked + label:before{
    content: "\e006";
    color: darkgoldenrod;
    font-size: 24px;
}

input[type=checkbox].pseudo-checkbox-favorite + label:before{
    content: "\e007";
    font-size: 20px;
}