body {
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
    height:100%;
    display:flex;
    flex-direction: column;
    color: rgba(0, 0, 0, 0.87);

}

.container {
	height:100%;
	margin-top:64px;
	overflow:auto;

}

.content, #actions-sidebar {
    margin-bottom: unset;
    padding-bottom: unset;
}


#bottom-bar{
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
    margin-top: auto;
    width: 100%;
    text-align: center;

}

.nav-wrapper::-webkit-scrollbar {
    width: 0.5em;
}

.nav-wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.nav-wrapper::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}


.tactical-top-bar{
    position:absolute;
    top:0;
    left:0;
    background: #2196f3;
    color: white;
    height: 64px;
    width: 100%;
    padding: 16px 16px;
    vertical-align: middle;
    white-space: nowrap;
    box-sizing: border-box;
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
}
.tactical-top-bar-left{
      float:left;
      font-weight: 500;
      font-stretch: normal;
      font-size: 20px;
      line-height: 32px;
}
.tactical-top-bar-right{
      float:right;
      font-weight: 500;
      font-stretch: normal;
      font-size: 14px;
      line-height: 36px;
}

.content-title{
background-color:rgb(245, 245, 245);
color:rgba(0, 0, 0, 0.87);
display:block;
font-size:20px;
font-stretch:100%;
font-weight:500;
min-height:64px;
line-height:32px;
width:100%;
padding:16px 16px;
-webkit-box-direction:normal
}

.content-data{
background-color:rgb(255, 255, 255);
box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
color:rgba(0, 0, 0, 0.87);
display:block;
width:100%;
-webkit-box-direction:normal
}
.table-course{
}
.table-course tr td {
    color:rgb(128,128,128);
font-size:16px;
font-weight:400;

}
.table-course-row{
    margin-left:12px;
      transition-property: box-shadow;
      transition-duration: 280ms;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-delay: initial;
}
.table-course-cell{
      padding-bottom:24px;
      padding-left:24px;
      padding-right:24px;
      padding-top:24px;
}
.table-course-name{
  color: rgba(0, 0, 0, 0.87);
  width: 200px;
}
.nav-wrapper{
	width: 300px;
       overflow-y: scroll;
       overflow-x: hidden;
}
.slide-list {
    width: 300px;
    margin:0px;
}

.side-nav {
    margin-left: 0px;
    -webkit-padding-start: 0px;
}

.slide-list li {
	font-family: Roboto, "Helvetica Neue", sans-serif;
    color:rgb(128,128,128);
      font-size:16px;
      font-weight:400;
      padding-bottom:24px;
      padding-left:24px;
      padding-right:24px;
      padding-top:24px;
      margin:0px;
      list-style-type: none;
}

.course-slide-name{
	background: white;
	box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
}
.course-slide-name:hover{
	cursor: pointer;
}

.course-name{
      font-size:20px !important;
      font-weight:500 !important;
      text-align:center;

}

.course-close{

}
.menu-shim{
	min-width:300px;
	width:300px;
}
.course-content-wrapper{
 display:flex;
 flex-grow: 1;
 align-items: center;
 flex-direction: column;

}
#content-frame{
	margin-top: 80px;
	border: none;
        box-shadow: 5px -2px 9px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    width:1010px;
    height:620px;
/*	transform: scale(1.35075); */
}


.nav-button{
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
}

.nav-button:hover{
	cursor: pointer;
	background-color: #888888;
}
.logout-button{
    color: white;
    padding-left: 10px;
}

.course-viewer{
	display:flex;
	width:100%;
	height:100%;
}

#client_form{
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {

    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-width: 1px;
    border-color: #000;
    transition: border-color 0.15s linear,background 0.15s linear;

}
*/
.login-form{

    width: 600px;
    margin-left: auto;
    margin-right: auto;

}

legend{
    color: #2196f3;
}

#legend_title{
    font-size: 20px;
    text-align: left;
}

fieldset legend {

    border-bottom: 2px solid #2196f3;
    width: 100%;
    line-height: 2rem;
    margin-bottom: 10px;
}

fieldset {
    margin-top: 100px;
    /*
    margin-right: 50%;
    margin-left: 40%;
    */
}


.required > label {

    font-weight: normal;
    color: rgba(0, 0, 0, 0.87);
}

#register_text{
    text-align: end;
}


.product-card-wide.mdl-card {
    width: 312px;
}
.product-card-wide > .mdl-card__title {
    color: #000000;
    height: 176px;
   /* background: url('/img/cake_logo.png') center / cover; */
}

.product-card-wide > .mdl-card__menu {
    color: #000000;
}

div.message {
    text-align: center;
    cursor: pointer;
    display: block;
    font-weight: normal;
    padding: 0.5rem 1.5rem 0 1.5rem;
    transition: height 300ms ease-out 0s;
    background-color: #a0d3e8;
    color: #626262;
    top: 15px;
    right: 15px;
    z-index: 999;
    overflow: hidden;
    height: 50px;

    box-radius: 5px;

}

div.message:before {
  float: right;
    font-size: 14px;
    border-radius: 15px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    left: -11px;
    background-color: #FFF;
    padding: 1px 7px 1px 7px;
    color: #a0d3e8;
    top: 5px;
}

div.message.error {
    background-color: #C3232D;
    color: #FFF;
}

div.message.error:before {
    padding: 1px 7px 1px 7px;
    color: #C3232D;

    content: "x";
}
div.message.hidden {
    height: 0;
}
.right-label {
    float: right;
}

.loader {
    border: 5px solid #f3f3f3; /* Light grey */
    border-top: 5px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 12px;
    height: 12px;
    animation: spin 2s linear infinite;
}

.g-recaptcha{
    margin-bottom: 10px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.cursor-pointer{
  cursor: pointer;
}

.back-to-home{
  color: #ffffff;
  text-decoration: none;
}
#applyCouponDiv{
    display:none;
}
#applyCouponDiv button{
    background:#229CE2;
    border:none;
    color:#fff;
}

#stripe-btn {
	overflow: hidden;
	display: inline-block;
	visibility: visible !important;
	background-image: -webkit-linear-gradient(#28a0e5,#015e94);
	background-image: -moz-linear-gradient(#28a0e5,#015e94);
	background-image: -ms-linear-gradient(#28a0e5,#015e94);
	background-image: -o-linear-gradient(#28a0e5,#015e94);
	background-image: -webkit-linear-gradient(#28a0e5,#015e94);
	background-image: -moz-linear-gradient(#28a0e5,#015e94);
	background-image: -ms-linear-gradient(#28a0e5,#015e94);
	background-image: -o-linear-gradient(#28a0e5,#015e94);
	background-image: linear-gradient(#28a0e5,#015e94);
	-webkit-font-smoothing: antialiased;
	border: 0;
	padding: 1px;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
	-ms-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
	-o-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
	box-shadow: 0 1px 0 rgba(0,0,0,0.2);
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	cursor: pointer;
}
#stripe-btn span {
	display: block;
	position: relative;
	padding: 0 12px;
	height: 30px;
	line-height: 30px;
	background: #1275ff;
	background-image: -webkit-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
	background-image: -moz-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
	background-image: -ms-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
	background-image: -o-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
	background-image: -webkit-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
	background-image: -moz-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
	background-image: -ms-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
	background-image: -o-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
	background-image: linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
	-ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
	-o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
#course-main-view-btn {
    margin-top: 10px;
    background: #2196F3;
    border: none;
    border-radius: 15px;
    height: 40px;
    width: 43%;
    margin-left: 70px;
    cursor:pointer;
    color:#fff;
}
#course-view-page-ul li{padding-top:2px;}