html { 
	height:100%;
	overflow-x: overlay;
 }
/* BODY font 12, dont forget to create p class for others */
body {
    height: 100%;
    padding-top: 65px;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    line-height: 1.42857143;
    color: #333;
    overflow: overlay;
    background-color: aliceblue;
    opacity: 1;
    transition: 1s opacity;
	-webkit-font-smoothing: antialiased;
	
}
body.fade-out {
    opacity: 0;
    transition: none;
}
p {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}
.hr-fix {
	margin-top: 10px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #333333;
	    -webkit-font-smoothing: antialiased;
}
.h3, h3 {
    font-size: 34px !important;
	line-height: 1.2 !important;
	    margin-top: 26px;
		    -webkit-font-smoothing: antialiased;
}
h3#status
 {
    font-size: 15px !important;
    margin-top: 5px;
    color: #06e28c;
}
label {
    font-weight: 700;
    font-size: 13px;
    color: #333333;
	    -webkit-font-smoothing: antialiased;
}
.form-group {
    margin-bottom: 11px;
}

ul.pagination {

}
/* Tables with no borders */
.bold {
	font-weight: 700;
    color: black;
}
/* Link Color = ClassBitBlue */
a {
    color: #29abe2;
}
a:hover {
    text-decoration: none;
}
a:active {
    text-decoration: none;
}
dd, dt {
    line-height: 1.6;
}
p.subtext {
    line-height: 0;
    margin-bottom: 51px;
    font-style: italic;
    padding-top: 5px;
    font-family: 'Lato', sans-serif;
    color: #767676;
    font-size: 18px;
	    -webkit-font-smoothing: antialiased;
}

input#mr {
    margin-right: 6px;
}
input#ms {
    margin-right: 6px;
}
input#dr {
    margin-right: 6px;
}
/* I AM HERE STUFF */
button.btn.btn-exit.btn-linkpanel {
    background-color: #c1272d;
    color: white;
    font-size: 15px;
}
button.btn.btn-exit.btn-linkpanel:hover {
    opacity: 0.8;
}
button.btn.btn-exit.btn-linkpanelexit {
    background-color: #2289b3;
    color: white;
    font-size: 15px;
}
button.btn.btn-exit.btn-linkpanelexit:hover {
    opacity: 0.8;
}
a.btn.btn-publish.cb-inline.icon-dashboard {
    border:none;
    background-color:#d7dcdd;
    border-radius: 5px 0px 0px 0px; 
    font-size:12px;
    padding-bottom:6px;
    padding-top:8px;
    background-image: url(/images/dashboard-white.png);
    background-repeat: no-repeat;
    background-size: 21px 18px;
    background-position: center;
    height:35px;
    margin-left:0;
    display:inline;
    margin-bottom: 0px;
    margin-top: 0px;

}
a.btn.btn-publish.cb-inline.icon-dashboard:hover {
    border-radius: 5px 0px 0px 0px; 
    font-size:12px;padding-bottom:6px;
    background-color:#d7dcdd;
    background-image: url(/images/dashboard-color.png);
    background-repeat: no-repeat;
    background-size: 21px 18px;
    background-position: center;
    height:35px;
    margin-left:0;
    transition: 200ms ease all;
    opacity: 1;
    margin-top: 0px;
    margin-bottom: 0px !important;
}
a.btn-exit.cb-inline.btn.btn-dashboard {
    border:none;
    border-left: 1px solid #ced4da;
    background-color:#dddddd;
    border-radius: 0px 5px 0px 0px;
    text-transform:uppercase;
    color:#333333;
    font-size:12px;
    letter-spacing:1px;
    font-weight:700;
    padding-bottom:8px;
    padding-top:10px;
    padding-left:29px;
    padding-right:39px;
    font-family: 'lato', sans-serif;
    margin-top:0px;
}
a.btn-exit.cb-inline.btn.btn-dashboard.btn-allcourses {
    background-color:#767676;
    color:#ffffff; 
    background-image: url(/images/handbtn.png);
    background-repeat: no-repeat;
    background-size: 17px 30px;
    background-position: 10% 100%;
    padding-left:39px;
}
a.btn-exit.cb-inline.btn.btn-dashboard.btn-allcourses:hover {
    background-color:#555555;
    transition: 200ms ease all;
}
a.btn.btn-exit.cb-inline.btn-dashboard.btn-mycourses {
    background-color:#faaf3a;
    color:#ffffff; 
    background-image: url(/images/handbtn.png);
    background-repeat: no-repeat;
    background-size: 17px 30px;
    background-position: 10% 100%;
    padding-left:39px;
}
a.btn.btn-exit.cb-inline.btn-dashboard.btn-mycourses:hover {
    background-color:#e4a033;
    transition: 200ms ease all;
}
a.btn.btn-exit.cb-inline.btn-dashboard.btn-myseabc {
    background-color:#29abe2;
    color:#ffffff; 
    background-image: url(/images/handbtn.png);
    background-repeat: no-repeat;
    background-size: 17px 30px;
    background-position: 10% 100%;
    padding-left:39px;
}
a.btn.btn-exit.cb-inline.btn-dashboard.btn-myseabc:hover {
    background-color:#269cce;
    transition: 200ms ease all;
}
a.userguides {
    border: 1px solid #dddddd;
    padding: 7px 7px 7px 6px;
    margin-right: 185px;
    background-color: #f9f9f9;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);
}
a.userguides:hover {
    background-color: #f2f2f2;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    transition: 200ms all;
}
@media only screen and (max-width: 1155px) {
a.userguides {
    display:none;
}
}
@media only screen and (min-width: 1155px) {
a.userguidemenu {
    display:none;
}
}
span.menufix {
    display: inline-block;
    width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    top: 4px;
    right: 115px;
}
button.ajs-button.ajs-ok:hover {
    opacity: 0.8;
}
button.ajs-button.ajs-cancel:hover {
    opacity: 0.8;
}
@media screen and (max-width: 767px) {
.table-responsive {
    border: 1px solid #767676;
}}
/* Scrollbar styles */
::-webkit-scrollbar {
width: 12px;
height: 12px;
}

::-webkit-scrollbar-track {
background-color: #f2f2f2;
border-radius: 10px;
}

::-webkit-scrollbar-thumb {
background: #fbc673;  
border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
background: #fbbf60;  
}                       
/* CPANEL SECTION */
.classbit-cpanel {
    position: fixed;
    right: 25px;
    top: 51px;
    border: none;
    border-radius: 0px 0px 5px 5px;
    -webkit-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.1);
    border-bottom: none;
    z-index: 99;
    background-color: white;
}
.cpanel-sec {
	border-bottom: 1px solid #f2f2f2;
    padding: 0px 10px 0px 10px;
}
div.cpanel-sec.cpanel-sec-last {
	border-bottom: none;
}
a.btn-db {
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
}
a.btn-db:hover {
    -webkit-box-shadow: 0px 6px 18px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 6px 18px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 6px 18px 0px rgba(0,0,0,0.3);
    transition: 200ms ease all;
}
a.btn.btn-back {
    border: 1px solid #ccc;
    border-radius: 35px;
    color: #bbb;
    width: 100%;
    font-size: 15px;
    margin: 10px 0 10px 0px;
}
a.btn.btn-back:hover {
    background-color: #faaf3a;
    color: white;
    border-color: white;
	transition: 200ms ease all;
}
a.btn.btn-edit {
    background-color: #29abe2;
    color: white;
    width: 100%;
    font-size: 15px;
    margin: 10px 0 10px 0px;
}
a.btn.btn-edit:hover {
    background-color: #269cce;
}
a.btn.btn-addlist {
    background-color: #29abe2;
    color: white;
    width: 100%;
    font-size: 15px;
    margin: 10px 0 10px 0px;
}
a.btn.btn-dlall:hover {
    opacity: 0.8;
}
a.btn.btn-edittable.btn-addlist:hover {
    background-color: black;
}
button.btn.btn-edit {
    background-color: #29abe2;
    color: white;
    width: 100%;
    font-weight: 700;
    font-size: 13px;
    padding: 4px 6px 4px 6px;
}
button.btn.btn-edit:hover {
    background-color: #269cce;
}
a.btn.btn-publish {
 background-color: #2289b3;
    color: white;
    width: 100%;
    font-size: 15px;
    margin: 10px 0 10px 0px;
}
a.btn.btn-publish:hover {
    opacity: 0.8;
}
button.btn.btn-publish {
 background-color:  #2289b3;
    color: white;
    width: 100%;
    font-size: 15px;
    margin: 10px 0 10px 0px;
}
a.btn.btn-save.btn-hover:hover {
    opacity: 0.8;
	transition: 200ms ease all;
}
button.btn.btn-publish:hover {
    opacity: 0.8;
}
input#boton.btn.btn-publish {
 background-color:  #2289b3;
    color: white;
    width: 100%;
    font-size: 15px;
    margin: 10px 0 10px 0px;
}
input#boton.btn.btn-publish:hover {
    opacity: 0.8;
}
a.btn.btn-save {
	background-color: #333333;
    color: white;
    width: 100%;
    font-size: 15px;
    margin: 10px 0 10px 0px;
}
a.btn.btn-save:hover {
	background-color: #4d4df;
}
button.btn.btn-save {
	background-color: #333333;
    color: white;
    width: 100%;
    font-size: 15px;
    margin: 10px 0 10px 0px;
}
button.btn.btn-save:hover {
	background-color: #4d4df;
}
a.btn.btn-exit {
	background-color: #c1272d;
    color: white;
    width: 100%;
    font-size: 15px;
    margin: 10px 0 10px 0px;
}
a.btn.btn-exit:hover {
	background-color: #b02227;
}
a.btn.cb-inline {
	width: initial;
}
a.btn.btn-classbit-cond {
    background-color: #767676;
    width: 100%;
    font-size: 18px;
    padding: 28px 0px 28px 0px;
    color: white;
    font-weight: 700;
    background-image: url(/images/handbtn.png);
    background-repeat: no-repeat;
    background-size: 39px 70px;
    background-position: 6% 100%;
    letter-spacing: 0.4px;
	margin-bottom: 30px;
}
a.btn.btn-classbit-cond:hover {
	opacity: 0.9;
}
/* TOOLTIPS */
p.tableinstru {
    background-color: #fff4ea;
    width: fit-content;
    padding: 2px 11px 3px 11px;
    border-radius: 100px;
    margin-bottom: 0px;
    margin-top: 4px;
    font-size: 13px;
}
.black-tooltip + .tooltip.top > .tooltip-arrow {
	background-color: #333333 !important;
	color: white !important;
	box-shadow: none !important;
	}
/* COURSE DETAIL BAR COLOURS */
div.panel-heading.baror {
    border-color: #faaf3a;
}
div.panel-heading.barred {
    border-color: #FF4136;
}
div.panel-heading.barltred {
    border-color: #85144b;
}
div.panel-heading.barltgrey {
    border-color: #ccc;
}
div.panel-heading.bardkgrey {
    border-color: #767676;   
}
div.panel-heading.barblue {
    border-color: #29abe2;   
}
a.btn.btn-edit.orangehov:hover {
    background-color: #faaf3a;
    transition: 200ms ease all;
}
a.seabccert {
    background-image: url('//luis.class-bit.com/images/seabc_cert.png');
    background-size: 42px 32px;
    height: 32px;
    width: 42px;
    margin-left:19px;
    margin-top:2px;
}
a.seabccert:hover {
    background-image: url('//luis.class-bit.com/images/seabc_cert-hover.png');
        background-size: 42px 32px;
    height: 32px;
    width: 42px;
    margin-left:19px;
    margin-top:2px;
    transition: 200ms ease all;
}
a.seabcletter {
    background-image: url('//luis.class-bit.com/images/seabc_letter.png');
    background-size: 42px 32px;
    height: 32px;
    width: 42px;
    margin-left:19px;
    margin-top:3px;
}
a.seabcletter:hover {
    background-image: url('//luis.class-bit.com/images/seabc_letter-hover.png');
    transition: 200ms ease all;
}
/* HOME PAGE STYLING */
.classbithero {
    background: url(https://luis.class-bit.com/images/Classbit-hero1.jpg);
    width: 100vw;
    height: 100vh;
    margin-top: -16px;
	padding-top: 7%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
img.classbitheading {
    width: 9vw;
    height: 9vw;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
}
img.hovering:hover {
    opacity: 0.6;
    cursor: pointer;
}
img.img-circle {
	max-width: 250px;
	max-height: 250px;
}
h2.classbith {
    color: white;
    font-family: 'lato', sans-serif;
    font-weight: 400;
    font-size: 2.3vw;
    margin-top: 14px;
    line-height: 1.4;
	    -webkit-font-smoothing: antialiased;
}
.centerhome {
	margin-left: auto;
	margin-right: auto;
    text-align: center;
}
span.numbercircle {
	color: white;
    background-color: #333;
    border-radius: 70px;
    padding: 5px 10px 6px 10px;
    margin-right: 10px;
	
}
span.seabchead {
	font-size: 3.5vw;
	font-weight: 400; 
	line-height: 1.1;
}
a.btn-warning.btnhome {
    margin-top: 35px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 14px 27px;
    font-size: 18px;
    font-weight: 700;
    color: white;
    background-color: #faaf3a;
    border: none;
    border-radius: 5px;
    border-bottom: 7px solid #cf922e;
    box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.2);
}
a.btn-warning.btnhome:hover {
    margin: 0 auto;
    margin-top: 41px;
    border-bottom: 1px solid #00909f;
    transition: 200ms ease all;
}
a.btn-warning.btnhome:active {
    background-color: #00abbd;
}
.homeexp-pane {
	margin-top: 0;
    background-color: white;
    position: fixed;
    width: 100%;
    bottom: 0px;
    height: auto;
    box-shadow: 0px 3px 15px 0px rgba(0,0,0,1);
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,1);
    padding-top: 27px;
    padding-bottom: 17px;
    padding-left: 3%;
    padding-right: 3%;
    margin-left: -15px;
}
.jumbotron p {
    font-weight: 400;
}
.homeexp-pane p{
    font-family: 'lato', sans-serif;
    font-size: 13px;
    color: #555555;
    line-height: 1.6;
	    -webkit-font-smoothing: antialiased;
}
img.secure {
	height: 25px;
    float: right;
        margin-top: -3px;
}
img.secure:hover {
    opacity: 0.8;
}
@media only screen and (max-width : 988px) {
.classbithero {
    height: auto;
	padding-bottom: 10%;
	padding-top: 10%;
}
.hrhome {
	width: 300px;
}
span.seabchead {
    font-size: 6vw;
    font-weight: 700;
    line-height: 1.1;
}
h2.classbith {
	font-size: 3.2vw;
}
img.classbitheading {
    width: 15vw;
    height: 15vw;
}
a.btn-warning.btnhome {
    margin-top: 7%;
	padding: 12px 24px;
    font-size: 15px;
}
a.btn-warning.btnhome:hover {
	margin-top: 7%;
    border-bottom: 7px solid #148ab2;
	background-color: #1b96c1;
	transition: easy 200ms all;
}
.homeexp-pane {
	position: inherit;
    width: auto;
    margin-left: -15px;
	margin-right: -15px;
}
}
/* WELCOME PAGE 4TH LEVEL */
.fourthlevelbg {
	background-color: #333333;
}
.welcomejumbo {
    background-color: white;
    border-radius: 10px !important;
    margin: 0 auto;
    max-width: 510px;
    margin-top: 3%;
	padding: 15px 0px 30px 20px !important;
    box-shadow: 0px 3px 15px 0px rgba(0,0,0,1);
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,1);
}
img.welcomehand {
    width: 45px;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: -14px;
}
img.welcome {
    display: block;
    margin: 0 auto;
    max-width: 276px;
    margin-bottom: 40px;
        padding-top: 10px;
}
h3.hello {
	font-size: 30px;
    color: #333333;
	text-align: center;
	line-height: 1.2 !important;
}
p.youare {
	font-size: 13px;
    text-align: center;
    color: #767676;
}
button.close.closefourth {
	position: absolute;
    right: 27px;
    top: 35px;
    filter: alpha(opacity=50);
    opacity: .5;
}

    /*background-color: #767676;
    width: 100%;
    font-size: 18px;
    padding: 28px 0px 28px 0px;
    color: white;
    font-weight: 700;
    background-image: url(/images/handbtn.png);
    background-repeat: no-repeat;
    background-size: 39px 70px;
    background-position: 6% 100%;
    letter-spacing: 0.4px;
	margin-bottom: 30px;*/
.btn-group.cb-group.fourth-group {
	position: absolute;
    height: 36px;
	top: 14px;
    right: 20px;
}
button.close.close-fourth {
background-color: #c1272d;
    height: 44px;
    width: 44px;
    opacity: 1;
    border-radius: 4px;
    background-image: url(/images/Close-Btn-Icon.png);
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: 9px 9px;
    margin-left: 10px;
}
button.close.close-fourth:hover {
    background-color: #b02227;
}
button.close.publish-fourth {
 background-color: #2289b3;
    height: 44px;
    opacity: 1;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: 7px 9px;
    padding: 4px 10px 0px 6px;
}
button.close.publish-fourth p{
    color: white;
    text-shadow: none;
    padding-top: 4px;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: 700;
    font-size: 15px;
}
button.close.publish-fourth:hover {
    opacity: 0.8;
}

a.close.close-fourth {
    background-color: #c1272d;
    height: 44px;
    width: 44px;
    opacity: 1;
    border-radius: 4px;
    background-image: url(/images/Close-Btn-Icon.png);
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: 9px 9px;
    margin-left: 10px;
}
a.btn.btn-dash {
    background-color: #faaf3a;
    color: white;
    border: none;
}
a.btn.btn-dash:hover {
    background-color: #e4a033;
}
a.close.close-fourth:hover {
    background-color: #b02227;
}
a.close.publish-fourth {
    background-color: #2289b3;
    height: 44px;
    opacity: 1;
    border-radius: 4px;
    padding: 4px 6px 0px 6px;
}
a.close.publish-fourth p{
    color: white;
    text-shadow: none;
    padding-top: 4px;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: 400;
    font-size: 15px;
    font-weight:700;
}
a.close.publish-fourth:hover {
    opacity: 0.8;
}

a.btn.btn-classbit {
	margin: 20px auto;
    text-align: center;
    display: block;
    background-color: #faaf3a;
    color: white;
    font-size: 15px;
    max-width: 223px;
    font-weight: 700;
    padding-top: 12px;
    padding-bottom: 12px;
}
a.btn.btn-classbit:hover {
    background-color: #e4a033;
}
/* LOGIN */
button.close {
    font-size: 35px;
    line-height: 0;
}
.loginbackground {
	padding-top: 0px;
	background: url(https://luis.class-bit.com/images/Classbit-hero1.jpg) no-repeat bottom center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: bottom;
    height: 100%;
    height: -moz-available;
    height: -webkit-fill-available;
    height: fill-available;
}
.jumbotron {
	padding-left: 5% !important;
    padding-right: 5% !important;
}
img.loginlogo {
    max-width: 259px;
    display: block;
    margin: 0 auto;
    margin-top: -20px;
}
.jumbotron.loginjumbo {
    background-color: white;
    width: 450px;
    margin: 0 auto;
    margin-top: 20%;
}
.loginjumbo .form-control {
	font-size: 15px;
}
p.loginstuff {
	font-size: 15px;
	font-weight: 700;
	margin-top: -5px;
	color: #767676;
}
p.loginstuff:hover {
	text-decoration: none;
}
input.btn.btngoogle {
    display: block;
    width: 100%;
    background-color: white;
    margin-top: 30px;
    font-size: 18px;
    color: #767676;
    font-weight: 700;
    padding: 13px 0 13px 0;
    border: 2px solid #767676;
}
input.btn.btngoogle:hover {
	background-color: #767676;
	color: white;
	transition: all 200ms ease;
}
input.btn.btnloginok {
	width: 100%;
    display: block;
    background-color: #faaf3a;
    color: white;
    font-size: 18px;
    font-weight: 700;
    padding-top: 11px;
    padding-bottom: 11px;
	margin-top: 30px;
}
input.btn.btnloginok:hover {
    background-color: #eea736;
    color: white;
 	transition: all 200ms ease;
}
input#boton.btn.btnloginok {
	width: 100%;
    display: block;
    background-color: #faaf3a;
    color: white;
    font-size: 18px;
    font-weight: 700;
    padding-top: 11px;
    padding-bottom: 11px;
	margin-top: 30px;
}
input#boton.btn.btnloginok:hover {
    background-color: #eea736;
    color: white;
 	transition: all 200ms ease;
}
button#boton.btn.btnloginok {
	width: 100%;
    display: block;
    background-color: #faaf3a;
    color: white;
    font-size: 18px;
    font-weight: 700;
    padding-top: 11px;
    padding-bottom: 11px;
	margin-top: 30px;
}
button#boton.btn.btnloginok:hover {
    background-color: #eea736;
    color: white;
 	transition: all 200ms ease;
}
button#entrar.btn.btnloginok {
	width: 100%;
    display: block;
    background-color: #faaf3a;
    color: white;
    font-size: 18px;
    font-weight: 700;
    padding-top: 11px;
    padding-bottom: 11px;
	margin-top: 30px;
}
button#entrar.btn.btnloginok:hover {
    background-color: #eea736;
    color: white;
 	transition: all 200ms ease;
}
a.btn.btnloginok {
	width: 100%;
    display: block;
    background-color: #faaf3a;
    color: white;
    font-size: 18px;
    font-weight: 700;
    padding-top: 11px;
    padding-bottom: 11px;
	margin-top: 30px;
}
a.btn.btnloginok:hover {
    background-color: #eea736;
    color: white;
 	transition: all 200ms ease;
}
/* SIGN IN */
.btn.btnsignok {
	width: 100%;
    display: block;
    background-color: #faaf3a;
    color: white;
    font-size: 18px;
    font-weight: 700;
    padding-top: 11px;
    padding-bottom: 11px;
	margin-top: 30px;
}
.btn.btnsignok:hover {
    background-color: #eea736;
    color: white;
 	transition: all 200ms ease;
}
p.signstuff {
	font-size: 15px;
	font-weight: 700;
	margin-top: -5px;
	color: #767676;
}
p.signstuff:hover {
	text-decoration: none;
}
.jumbotron {
	border-radius: 6px;
}
/* FORGOT PASSWORD */
.modal-dialog {
    max-width: 450px;
    min-height: 122px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    border-radius: 6px;
    margin-top: 9%;
}
.modal-title {
    font-size: 18px;
    font-weight: 700;
    margin-top: 2px;
}
.modal-header {
	border-bottom: none;
}
.modal-footer {
    height: 120px;
    padding-top: 0;
	border-top: none;
}
/* ALERTIFY ADD TO OTHERS */
.alertify .ajs-dialog {
    max-width: 450px !important;
}
.alertify .ajs-body .ajs-content {
    padding: 40px 24px 45px 0px !important;
    text-align: center !important;
    font-size: 15px !important;
    color: #767676 !important;
}
.alertify .ajs-dialog {
	margin: 11% auto !important;
    -webkit-box-shadow: 0 5px 80px rgba(0,0,0,.9) !important;
    box-shadow: 0 5px 80px rgba(0,0,0,.9) !important;
    border-radius: 6px !important;
}
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
    color: white !important;
    background-color: #faaf3a !important;
}
.alertify .ajs-footer .ajs-buttons .ajs-button {
    color: white !important;
    background-color: #444 !important;
    text-transform: none !important;
}
.alertify .ajs-header {
    display: none !important;
}
.alertify .ajs-footer {
    border-top: 1px solid #f2f2f2 !important;
}
/* Course Weight Styling  */
p.viewweight {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    color: #555555;
    line-height: 1.5;
	    -webkit-font-smoothing: antialiased;
}
.viewweightw {
    width: 260px;
    margin: 0 auto;
    font-weight: 700;
    padding-top: 3px;
    padding-bottom: 3px;
}
p.viewdate {
    font-weight: 700;
    font-size: 13px;
    margin-top: 2px;
}
.viewdatew {
	
}
hr.hrdate {
	    margin-top: 6px;
    margin-bottom: 14px;
}
/* bumps h4 in view of edit for course details */
h4.bump {
    margin-top: 22px;
}
/* Form Entry Spacing */
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    height: auto;
    margin-bottom: 7px;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fef7eb !important;
}
/* For the Main Panel which includes the "tab" structure */
.cbbody {
    padding-left: 0;
    padding-right: 0;
    padding-top: 22px;
}
/* Background for Panels on page no tabs */
.whitebg {
    background-color: white;
    border-top: 1px solid #dddddd;
    padding-top: 50px;
    margin-top: 8px;
    border-bottom: 1px solid #dddddd;
	padding-bottom: 50px;
}
table.table-reference p{
    margin-bottom: 0px;
    font-size: 12px;
    line-height: 1;
}
table.table-reference td{
	
}
table.table-smaller p{
	font-size: 12px;
}
.table-smaller th{
    font-size: 13px;
}
table.table-smaller {
    width: auto !important;
	margin-left: auto;
	margin-right: auto;
}
table.table-grades p{
    font-size: 12px;
}
.table-grades th{
    font-size: 13px;
}
table.table-grades {
    margin-left: auto;
    margin-right: auto;
}
div#example2_wrapper.dataTables_wrapper.form-inline.dt-bootstrap {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
table.table-seabc {
    width: initial !important;
    width: -moz-available !important;
}
table.table-seabc tr:hover{
    background-color: #f2f2f2 !important;
}
table.table-seabc th.sorting_asc{
    width: 60px !important;
}
tbody#divCourse {
    font-size: 15px;
}
tbody#divCourse td{
    padding: 12px 0px 0px 10px !important;
}
/* Max Width and Centering for Rows w/ Simple Panels */
.row-cb {
    max-width: 650px;
    margin: 0 auto;
}
.row-fix {
    margin-left: -15px;
    margin-right: -15px;
}
.nav-tabs>li>a {
    position: relative;
    display: block;
	padding: 7px 20px;
}
/* Centers tabs */
.nav-tabs > li {
    float:none;
    display:inline-block;
    zoom:1;
}
.nav-tabs {
    text-align:center;
	margin-left: -15px;
	margin-right: -15px;
}
/* Inactive Tab */
.nav-tabs>li>a {
    margin-right: -4px;
    line-height: 1.6;
    border: 1px solid transparent;
    border-radius: 7px 7px 0 0;
    background-color: #f4f4f4;
    border: 1px solid #dde0e3;
    color: #757575;
    font-weight: 400;
    font-size: 13px;
	-moz-box-shadow: inset 0 -10px 20px -10px #dde0e3;
    -webkit-box-shadow: inset 0 -10px 20px -10px #dde0e3;
    box-shadow: inset 0 -10px 20px -10px #dde0e3;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color: WHITE;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Tabs Hover Effect */
.nav-tabs>li>a:hover {
    border-color: #e4a033 #e4a033 #e4a033;
    color: white;

}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #faaf3a;
	transition: 300ms ease all;
}
/* White Background Under Tabs */
.mainpanelbg {
    background-color: white;
    padding-bottom: 50px;
    border-bottom: 1px solid #ddd;
    padding-top: 30px;
}
.fluid-cb {
    border-bottom: 1px solid #ddd;
}
.tab-content>.active {
    display: block;
    background:rgba(0,0,0,0.0);
}
.tab-content {
	margin-left: -15px;
	margin-right: -15px;
    background:rgba(0,0,0,0.0);
}
/* Max width of layout to make room for save publish etc on the left side MEDIA QUERY */
.formwidth {
    margin: 0 auto;
    padding-left: 5%;
    padding-right: 5%;
	max-width: 1400px;
}
.formwidthcourseview {
	margin: 0 auto;
    padding-left: 5%;
    padding-right: 5%;
	max-width: 1370px;
}
.bgwhite {
    background-color: #FFFFFF;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid #ddd;
    padding-top: 33px;
}
/* This is for clickable buttons for table single unit
.dataTable a {
    background-color: #faaf3a;
    padding-left: 10px;
    padding-right: 11px;
    padding-top: 4px;
    padding-bottom: 5px;
    color: white;
    letter-spacing: 1px;
    font-weight: 700;
    border-radius: 3px;
}
.dataTable a:hover {
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);
    text-decoration: none;
    font-size: 14px;
    transition: all 200ms ease;
}*/
/* Alerts for INFOMRATION on all Classbit Pages */
.tableframe {
    -webkit-box-shadow: 0px 14px 35px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 14px 35px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 14px 35px 0px rgba(0,0,0,0.25);
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px 1px 20px;
    margin-top: 30px;
    width: fit-content;
}
.alert-classbit {
	background-image: none;
    margin-left: 0;
    margin-right: 0;
    background-color: #ffeedc;
    border: none;
    border-radius: 0;
    color: #333333;
    margin: 0 auto;
    padding: 16px 10px 0px 0px;
    max-width: 360px;
    height: 80px;
	border-radius: 62px;
	    box-shadow: none;
}
.alert-classbit img{
    vertical-align: bottom;
    width: 44px;
    padding-bottom: 0px;
}
.alert-classbit p{
	padding-bottom: 0px;
    font-size: 15px;
    line-height: 1.6;
    text-align: left;
    padding-left: 17px;
}
/* This is for clickable buttons for table single unit*/
.dataTable a {
    font-weight: 400;
    color: #333333;
}
.dataTable a:hover {
    text-decoration: none;
}
/* FILLABLE TABLEs */
table.table-boxes td {
    padding: 5px 5px 5px 5px !important;
    font-size: 13px !important;
    height: 50px;
}
span.table-boxes {
	padding: 100px;
}

/* Viewable Tables */

td.tabledit-view-mode:hover {
    background-color: #e6e6e6 !important;
    background-image: url(https://luis.class-bit.com/images/edit-table.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 97% 50%;
}
table.table-striped.table-bordered.table-viewing th{
    color: #333;
    background-color: #fde7c3;
    border-left: none !important;
    border-right: 1px solid #fcd79c;
}
table.table-striped.table-bordered.table-viewing tr{
	font-size: 15px;
}
table.table-striped.table-bordered.table-viewing td{
    font-size: 15px !important;
    padding: 8px 8px 8px 8px !important;
    text-align: left;
}
table.table-striped.table-bordered.table-excel th{
    color: #333;
    background-color: #fde7c3;
    border-left: none !important;
    border-right: 1px solid #fcd79c;
}
table.table-striped.table-bordered.table-excel tr{
    font-size: 15px;
}
table.table-striped.table-bordered.table-excel td{
    font-size: 15px !important;
    padding: 0px 8px 0px 8px !important;
    text-align: left;
    height: 39px;
}

table.table-striped.table-bordered.table-viewing.table-changing td{
	font-size: 15px !important;
    padding: 12px 12px 12px 12px !important;
    line-height: 1.42857143;
}
table.table-striped.table-bordered.table-viewing.table-file td{
	text-align: left !important;
}
.table.table-striped.table-bordered.table-viewing.table-file a{
	padding-right: 20px;
	font-size: 15px;
}
.table.table-striped.table-bordered.table-viewing.table-file p{
	padding-right: 20px;
		font-size: 15px;
}
/* ALL TABLE sizes */
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    font-size: 15px !important;	
}
th.input.form-control {
	font-size: 15px;
}
tr input.form-control {
	font-size: 13px !important;
	margin-bottom: 0px;
}
/* test FORM FIELD FOR SEARCH */
.table.table-hover.table-striped.table-bordered.dataTable input.form-control {
	width: inherit !important;
}
th select.form-control {
    font-size: 13px !important;
    margin-bottom: 0px;
	color: #999999;
}
/* Table highlights for entries that are changed */
.table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger {
    background-color: #f4fbfe;
}
/* License and GST TABLE */
td.percent {
	margin-left:-20px;
	font-weight: 700;
}
/* Panel Stuff */
.panel-group {
margin-bottom: 30px;
    border-radius: 5px;
    border: 1px solid #d7d7d7;
    -webkit-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.15);
}
/* ORDER DETAILS AND 4TH LEVEL */
table#details {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    -webkit-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.3);
	border: none;
}
table#details th {
	font-size: 15px;
	background-color: white;
}
.thead.table#details tr {
	font-size: 15px;
	background-color: red;
}
table#details tr {
	font-size: 15px;
	background-color: white;
}
body.fourthbody {
	background-color: #111;
    overflow: initial;
}
.fourthlevel {
    background-color: white;
    padding-bottom: 50px;
    border-radius: 10px;
    margin: 5px 10px 10px 10px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}
.fourthlevelpane {
    margin-left: -20px;
    margin-right: -20px;
    background-color: aliceblue;
    padding-left: 0px;
    border-radius: 10px 10px 0 0;
    -webkit-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.15);
	padding-bottom: 12px;
	position: relative;
}
.fourthyouare {
    position: absolute;
    left: 22px;
    top: 23px;
}
select#CourseOption.form-control {
    display: initial;
    position: absolute;
    width: 350px;
    top: 5px;
}
img.fourthedit {
    width: 25px;
    margin-right: 10px;
    margin-bottom: 5px;
}
.fourthlevelpane h3 {
    margin-top: 0;
    font-size: 25px !important;
    padding-top: 20px;
    font-weight: 700;
}
img.fourththx {
	position: absolute;
    top: 15px;
    width: 36px;
    right: 15px;
}
.jumbotron.jumbotroninvoice {
	background-color: white;
    -webkit-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.1);
}
/* Markmove Added Padding inside the Panel */
.panel-body {
    padding: 20px 25px 25px 25px;
}
/* Markmove Added to overwrite Panel css to remove borders */
.panel-default {
    border: none;
}
/* Markmove Panel Heading overrides borders, color, etc. */
.panel-heading {
    padding: 17px 0px 18px 16px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
/* Markmove Panel Heading bottom border */
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #eeeeee;
}
/* Markmove Panel Heading Headline */
.panel-title {
    font-size: 25px;
    font-weight: 400;
    margin-left: 0px;
    letter-spacing: 0.4px;
    padding-left: 0px;
}
/* Panel Title Hover etc. Effects */
a.panel-title:hover, a.panel-title:active, a.panel-title:visited, a.panel-title:focus{
    color: #767676;
    text-decoration: none;
}
a.panel-title.collapsed:hover, a.panel-title.collapsed:active, a.panel-title.collapsed:visited, a.panel-title.collapsed:focus{
    color: #767676;
    text-decoration: none;
}
/* Markmove Controls Form Entries that are not entries with the "Editor" Panel */
.form-control {
    display: block;
    width: 100%;
    font-weight: 400;
    height: 34px;
    padding: 8px 8px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #333333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ced4da;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.Editor-editor {
    height: 150px;
    padding: 1%;
    border: 1px solid #fbc775;
    border-top: 1px solid #ced4da;
    border-radius: 0 0 4px 4px;
    word-wrap: break-word !important;
    font-family: 'Lato', sans-serif !important;
    color: #333333 !important;
    font-weight: 400 !important;
    font-size: 12px;
    line-height: 1.42857143 !important;
	    -webkit-font-smoothing: antialiased;
}
.Editor-editor p{
    word-wrap: break-word !important;
    font-family: 'Lato', sans-serif !important;
    color: #333333 !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 1.42857143 !important;
	    -webkit-font-smoothing: antialiased;
}
.Editor-editor h1, .Editor-editor h2, .Editor-editor h3, .Editor-editor h4, .Editor-editor h5, .Editor-editor h6 {
    font-family: 'Lato', sans-serif !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    color: #333333 !important;   
	font-size: 12px !important;
	background-color: white !important;
    text-align: left !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
	    -webkit-font-smoothing: antialiased;
}

/* Purpose in View Mode overriding styles from copy and paste */
.purpose {
    padding-bottom: 30px;
    margin-left: 27px;
    margin-right: 27px;
}
.purpose p{
    word-wrap: break-word !important;
    font-family: 'Lato', sans-serif !important;
    color: #555555 !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    background: rgba(0,0,0,0.0) !important;
    text-align: left !important;
	    -webkit-font-smoothing: antialiased;
}
.purpose h1, .purpose h2, .purpose h3, .purpose h4, .purpose h5, .purpose h6 {
    font-family: 'Lato', sans-serif !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
    color: #333333 !important;   
	font-size: 15px !important;
    background: rgba(0,0,0,0.0) !important;
    text-align: left !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
	    -webkit-font-smoothing: antialiased;
}
/* VIEW MODE Text that's entered in TEXT EDITOR */
.purpose span {
    font-size: 15px !important;
    color: #555555 !important;
    line-height: 1.42857143 !important;
	font-family: 'Lato', sans-serif !important;
    background: rgba(0,0,0,0.0) !important;
    text-align: left !important;
	    -webkit-font-smoothing: antialiased;
}
/* VIEW MODE Text that's entered in TEXT EDITOR */
.textview {
	padding-right: 3%;
}
.textview p{
    font-size: 15px !important;
    color: #555555 !important;
    line-height: 1.6 !important;
	font-family: 'Lato', sans-serif !important;
	background-color: white !important;
    text-align: left !important;
	margin-bottom: 0px !important;
	    -webkit-font-smoothing: antialiased;
}
.textview span {
    font-size: 15px !important;
    color: #555555 !important;
    line-height: 1.6 !important;
	font-family: 'Lato', sans-serif !important;
	background-color: white !important;
    text-align: left !important;
	margin-bottom: 0px !important;
	    -webkit-font-smoothing: antialiased;
}
.textview div{
    font-size: 15px !important;
    color: #555555 !important;
    line-height: 1.42857143 !important;
	font-family: 'Lato', sans-serif !important;
    background: rgba(0,0,0,0.0) !important;
    text-align: left !important;
	margin-bottom: 0px !important;
	    -webkit-font-smoothing: antialiased;
}
.textview table{
    width: auto !important;
}
.textview li{
    font-size: 15px !important;
    color: #555555 !important;
    line-height: 1.42857143 !important;
	font-family: 'Lato', sans-serif !important;
    background: rgba(0,0,0,0.0) !important;
    text-align: left !important;
	margin-bottom: 0px !important;
	    -webkit-font-smoothing: antialiased;
}
.textview a{
    font-size: 15px !important;
    color: #29abe2 !important;
    line-height: 1.42857143 !important;
	font-family: 'Lato', sans-serif !important;
    background: rgba(0,0,0,0.0) !important;
    text-align: left !important;
	margin-bottom: 0px !important;
	    -webkit-font-smoothing: antialiased;
}
.textview font{
    font-size: 15px !important;
    color: #555555 !important;
    line-height: 1.42857143 !important;
	font-family: 'Lato', sans-serif !important;
    background: rgba(0,0,0,0.0) !important;
    text-align: left !important;
	margin-bottom: 0px !important;
	    -webkit-font-smoothing: antialiased;
}
.textview dd{
    font-size: 15px !important;
    color: #555555 !important;
    line-height: 1.6 !important;
	font-family: 'Lato', sans-serif !important;
    background: rgba(0,0,0,0.0) !important;
    text-align: left !important;
	margin-bottom: 0px !important;
	    -webkit-font-smoothing: antialiased;
}
.textview ul{
    font-size: 15px !important;
    color: #555555 !important;
    line-height: 1.6 !important;
	font-family: 'Lato', sans-serif !important;
    background: rgba(0,0,0,0.0) !important;
    text-align: left !important;
	margin-bottom: 0px !important;
	    -webkit-font-smoothing: antialiased;
}
.hview {
	font-weight: 700;
    margin-bottom: 0px;
	margin-top: 14px;
    font-size: 20px;
}
/* VIEW MODE Text that's entered in TEXT EDITOR SMALLVERSION*/
.textview {
	padding-right: 3%;
}
.textviewsmall p{
    font-size: 13px !important;
    color: #333333 !important;
    line-height: 1.6 !important;
	font-family: 'Lato', sans-serif !important;
	background-color: white !important;
    text-align: left !important;
	margin-bottom: 0px !important;
}
.textviewsmall span {
    font-size: 13px !important;
    color: #333333 !important;
    line-height: 1.6 !important;
	font-family: 'Lato', sans-serif !important;
	background-color: white !important;
    text-align: left !important;
	margin-bottom: 0px !important;
}
.textviewsmall table{
    width: auto !important;
}
.textviewsmall div{
    font-size: 13px !important;
    color: #333333 !important;
    line-height: 1.42857143 !important;
	font-family: 'Lato', sans-serif !important;
    background: rgba(0,0,0,0.0) !important;
    text-align: left !important;
	margin-bottom: 0px !important;
}
.textviewsmall li{
    font-size: 13px !important;
    color: #333333 !important;
    line-height: 1.42857143 !important;
	font-family: 'Lato', sans-serif !important;
    background: rgba(0,0,0,0.0) !important;
    text-align: left !important;
	margin-bottom: 0px !important;
}
.textviewsmall a{
    font-size: 13px !important;
    color: #29abe2 !important;
    line-height: 1.42857143 !important;
	font-family: 'Lato', sans-serif !important;
    background: rgba(0,0,0,0.0) !important;
    text-align: left !important;
	text-decoration: none !important;
	font-weight: 700;
	margin-bottom: 0px !important;
}
.textviewsmall font{
    font-size: 13px !important;
    color: #333333 !important;
    line-height: 1.42857143 !important;
	font-family: 'Lato', sans-serif !important;
    background: rgba(0,0,0,0.0) !important;
    text-align: left !important;
	margin-bottom: 0px !important;
}
.textviewsmall dd{
    font-size: 13px !important;
    color: #333333 !important;
    line-height: 1.6 !important;
	font-family: 'Lato', sans-serif !important;
    background: rgba(0,0,0,0.0) !important;
    text-align: left !important;
	margin-bottom: 0px !important;
}
.textviewsmall ul{
    font-size: 13px !important;
    color: #333333 !important;
    line-height: 1.6 !important;
	font-family: 'Lato', sans-serif !important;
    background: rgba(0,0,0,0.0) !important;
    text-align: left !important;
	margin-bottom: 0px !important;
}

.hviewsmall {
	font-weight: 700;
    margin-bottom: 0px;
    margin-top: 8px;
    font-size: 18px;
}
/* Markmove Controls Form Entries Active for Orange Glow */
.form-control:focus {
    border-color: #faaf3a;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(250, 175, 58,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(250, 175, 58,.6);
}
/* Fixes inside of textarea alignments */
select.input-sm {
    padding-top: 5px;
}
/* Markmove Basic Text and Structures */
p.cbitlabel {
    font-weight: bold;
    margin-top: 8px;
    font-size: 13px;
    color: #000000;
	margin-bottom: 5px;
}
p.tablelabel {
    color: #939a9f;
    padding-bottom: 9px;
    font-size: 13px;
    padding-left: 13px;
    border-left: 1px solid #e6e6e6;
    padding-top: 7px;
    margin-bottom: -1px;
    margin-top: -2px;
	font-family: 'lato', sans-serif;
    font-weight: 700;
	    -webkit-font-smoothing: antialiased;
}
/* Table Search */
div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
    font-size: 15px;
    color: #767676;

}
/* Style the Label that is open */
p.openlabel {
    margin: 0;
}
input#open_edit.form-control {
    color: black;
    font-size: 13px;
    font-weight: 700;
}
p.alignright {
	text-align: right;
}
p.leftfix {
	margin-left: -20px;
}
/* MARKMOVE TOP NAVBAR */
.navbar-nav {
	margin-top: 0px;
	padding: 0px;
	overflow: overlay;
}
.navbar-header {
	height: 50px;
	    width: 100%;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #f2f2f2;
	margin-top: 10px !important;
}
.navbar-default {
    border: none;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
    position: fixed;
    width: 100%;
    z-index: 9999;
    margin-top: -65px;
    background: none;
    background-color: #ffffff;
    font-size: 12px;
    border-radius: 0;
    margin-left: -15px;
    height: 50px;
}
img.headerlogo {
    height: 31px;
    margin-top: 9px;
}
img.headerlogoempty {
height: 31px;
    position: absolute;
    top: 7px;
    left: 62px;
	z-index: 9999;
}
/* INSERT HYPERLINK */
        h3#h3_InsertLink {
    font-size: 20px !important;
    margin-top: 0px;
}





#menuToggle
{    
    display: block;
    position: relative;
    top: 15px;
    left: 15px;
    width: 310px;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
}

#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #cdcdcd;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
    opacity: 1;
    transform: rotate(45deg) translate(4px, -3px);
    background: #faaf3a;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
    transform: rotate(-45deg) translate(2px, 5px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
    position: absolute;
    width: auto;
    margin: 8px 0 0 -15px;
    border: 1px solid #eaeaea;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    background: white;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1);
}

#menu li
{
	padding-right: 90px;
    padding-left: 12px;
    font-size: 15px;
    padding-top: 17px;
    padding-bottom: 17px;
    text-transform: uppercase;
    color: #767676;
    font-weight: 700;
    letter-spacing: 1px;
}
#menu li:hover
{
	background-color: #f9f9f9;
    transition: all 200ms ease;
    text-decoration: none;
    border-right: 4px solid #faaf3a;
    padding-left: 16px;
	text-decoration: none;
}
#menu li a:hover
{
	text-decoration: none;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: none;
}



/* Hamburger Menu when Not Clicked */
button.navbar-toggle {
    border: none;
    position: absolute;
    margin-top: 2px;
    color: #b3b3b3;
    left: 2px;
}
button.navbar-toggle p{
	font-size: 24px;
}
button.navbar-toggle:hover {

}
button.navbar-toggle:focus {
}
/* Hamburger Menu when Clicked  */
button.navbar-toggle.collapsed {

}
.navbar-default .navbar-toggle:focus {
    background-color: initial;
}
.navbar-default .navbar-toggle:hover {
    background-color: initial;
    color: #ccc;
	transition: all 200ms ease;
}
/* hamburger Items */
#bs-example-navbar-collapse-1.navbar-collapse.collapse.in {
    border-top: 1px solid #f2f2f2;
	margin-top: 10px;
}
a.different:hover {
    opacity:0.7;
}
/* RIGHT MENU */
.navright {
    position: absolute;
    top: 11px;
    right: 30px;
}
.navright a{
    font-size: 13px;
    padding-left: 10px;
    padding-right: 10px;
	color: #767676;
}
.navrightuser {
    margin-top: -4px;
}
li.active span.menu-underline {
    border-bottom: 2px solid #faaf3a;
    padding-bottom: 8px;
}
.headfix {
	margin-top: 4px;
}
.dataTables_info {
	display: none !important;
}
.dataTables_length {
	display: none !important;
}
a.loginbtn  {
    color: white;
    background-color: #767676;
    padding: 5px 14px 8px 14px;
    border-radius: 4px;
    margin-left: 5px;
}
a.loginbtn:hover  {
	text-decoration: none;
	background-color: #faaf3a; 
	transition: all 200ms ease;
}
.navbarmark {
    margin-left: -15px;
    position: absolute;
    width: 480px;
	 -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1);
}
.navbarmark p{
    margin-top: 0px;
	margin-bottom: 0px;
    font-size: 15px;
    padding-top: 17px;
    padding-bottom: 17px;
    text-transform: uppercase;
    color: #767676;
    font-weight: 700;
    letter-spacing: 1px;
    padding-left: 20px;
    background-color: white;
}
.navbarmark a:hover{
	text-decoration: none;
}
.navbarmark p:hover{
	background-color: #f9f9f9;
	transition: all 200ms ease;
	text-decoration: none;
	border-right: 4px solid #faaf3a;
	padding-left: 16px;
}
.navbarmark li:hover {

}
.navbarmarklast {
	height: 30px;
}
/* HAMBURGER MENU ALWAYS VISIBLE */
	.navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
/* Default Button Size */
.btn {
    padding: 10px 19px 10px 17px;
    font-weight: 700;
}
/* Custom Class Bit Buttons */
.cb-sp {
	background-image:none;
    background-color: #faaf3a;
    border: none;
    font-size: 12px;
    font-weight: 700;
}
.cb-save {
	background-image:none;
    background-color: #333333;
    border: none;
    font-size: 12px;
    font-weight: 700;
}
.cb-exit {
	background-image:none;
    background-color: #c1272d;
    border: none;
    font-size: 12px;
    font-weight: 700;
}
/* Size of Menu Bar Entries */
#menuBarDiv {
    padding: 8px 0px 5px 0px;
    border: 1px solid #fbc775;
    border-bottom: none;
    background-color: #fefbf5;
}
#menuBarDiv a.btn {
    font-size: 12px;
	padding: 3px 7px;
    background-image: none;
}
#menuBarDiv a.btn:hover {
    background-color: #f2f2f2;
    border: 1px solid #ccc;
}

/* MARKMOVE Panels in Bootstrap, to remove the gradient */
.panel-default>.panel-heading {
    background-image: none;
}
.editor-editor #notes{
    height: 40px;
}
.pwbutton {
    background-color: #29abe2;
    text-align: center;
    padding: 10px 30px 1px 26px;
    color: white;
    border-radius: 4px;
    max-width: 289px;
}
.pwbutton:hover {
    background-color: #269cce;
}
/* TABLE STYLES */
/* Changing color of table titles */
th.sorting_asc {
    color: #333;
    font-size: 13px;
}
th.sorting_desc {
    color: #333;
    font-size: 13px;
    border: none;
}
th.sorting {
    color: #333;
    font-size: 13px;
    border: none;
}
button.ajs-close {
    display: none !important;
}
/* Outside Border of Table Box Outline */
.table-bordered {
    border: 1px solid #ced4da;
}
/* Table Head Colour */
thead {
    border: none;
    font-size: 13px;
    color: #333;
}
/* Table Payment and Cost Description */
.asd {
	text-align: center;
}
/* Table Borders on the Inside */
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #e6e6e6;
}
/* Table Borders on the Inside */
th {
    background-color: #d7dcdd;
}
/* Inside Lines on Table for GST */
#gst_license {
	margin-bottom: 30px;
    width: auto;
    margin-top: -20px;
}
#gst_license td {
	border: 1px solid #e6e6e6;
	text-align: center;
}
#gst_license td.noborder {
	border: none;
	text-align: left;
}
/* Controls the email Icon With Hover Effect to Turn Orange*/

.btn-group-lg>.btn, .btn-lg {
    font-size: 14px;
    line-height: 0;
    border: none;
    padding: 0 33%;
    color: #ced4da;
    background: none;
}
.btn-default:hover {
    color: #faaf3a;
    background-color: white;
    border: none;
    background: none;
}
/* Removes the ammount of items to be show */
#example_length.dataTables_length {
    display: none;
}
/* Removes the "how many items are show" on bottom left of tables */
#example_info.dataTables_info {
    display: none;
}
/* Table Pagination */
.pagination {
    font-size: 12px;
}
/* Pagination Colors */
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
    color: #333333;
}
/* add */
div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
    width: 100%;
    margin-top: -31px;
}
/* Table HOVER ORANGE for elements */
/* .table-hover>tbody>tr:hover {
    background-color: #faaf3a;
    color: white;
    /* -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3); 
    text-decoration: none;
    font-size: 14px;
    transition: all 200ms ease;
    font-weight: 700;
}*/ 

.table-hover tbody tr:hover {
    background-color: #fbc775;
	cursor: default;
	padding-top: 10px;
	padding-bottom: 10px;
	transition: 200ms ease all;
}
.table-hover tbody tr a:hover {
}
.table-hover td{
	padding: 0 !important;
}
.table-hover td a{
    display: block;
	padding: 8px !important;
}
.table-hover td p {
    display: block;
    padding: 8px !important;
	margin-bottom: 0px !important;
}
.table-hover td a:hover {
    cursor: pointer;
}
/* Styling for Add Buttons on List Pages */
.btn-add {
    float: left;
    margin-top: -37px;
    background-color: #6b6b6c;
    border: none;
    font-size: 13px;
    font-weight: 700;
    color: white;
    vertical-align: text-top;
    border-radius: 1px 0px 5px 5px;
    margin-right: 3px;
}
.btn-add:hover {
    Background-color: #faaf3a;
    padding-top: 15px;
    border: none;
    font-weight: 700;
    transition: all 200ms ease;
    color: white;
}
/* Centered button on simple pages */
.btn-cntr {
    display: block;
    margin: 0 auto;
    width: 230px;
    margin-bottom: 50px;
    margin-top: 0;
}
.tdcntr {
	text-align: center;
}
/* Calendar etc. Styling */
.ui-widget-header {
    background: #f9f9f9;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #eea736;
    background: #faaf3a;
    color: white;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #2795c5;
    background: #269cce;
    background: #269cce;
}
/* File Uploads Table Styling */
table.table.table-upload td {
	padding: 13px 0px 5px 15px;
    font-size: 14px;
} 
.btn-up-file {
    background-color: #faaf3a;
    padding: 8px 12px;
    font-weight: 700;
    border: none;
    color: white;
    border-radius: 4px;
	margin-top: 11px;
}
.btn-up-file:hover {
    background-color: #e4a033;
}
/* File Upload Progress Bar */
progress {
    border: none;
    width: 50%;
    height: 10px;
    background: crimson;
	margin-left: -2px;
}
progress {
  color: #faaf3a;
}
progress::-webkit-progress-value {
  background: #faaf3a;
}
progress::-moz-progress-bar {
  background: #faaf3a;
}
progress::-webkit-progress-value {
  background: #faaf3a;
}
progress::-webkit-progress-bar {
  background: #ced4da;
}
/* Editable Table Styling */
table.table-striped {
    border: 2px solid #ced4da !important;
    margin-top: -4px;
}
table#data_table1.table.table-striped {
    border: none;
	width: auto;
	margin-top: 5px;
}
.table-striped>tbody>tr>td, .table-striped>tbody>tr>th, .table-striped>tfoot>tr>td, .table-striped>tfoot>tr>th, .table-striped>thead>tr>td, .table-striped>thead>tr>th {
    border-left: 1px solid #ced4da;
    border-right: 1px solid #ced4da;
    border-top: none;
    border-bottom: none;
	overflow: hidden;
}
/* Editable Table Styling */
.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 1px solid #ced4da;
}
input.tabledit-input.form-control.input-sm {
	margin-bottom: 0px;
}
select.tabledit-input.form-control.input-sm {
	margin-bottom: 0px;
}


/* CHEQUE OPTIONS REGISTRATION OPTIONS WAITLIST OPTIONS */
 .options-panel {
	 border: 2px solid #333333; border-radius: 5px;
 }
.options-rightborder {
	border-right: 2px solid #333333;
}
.bottom-border-fef7eb {
    border-bottom: 1px solid #fef7eb;
}
.bottom-border-e7 {
	border-bottom: 1px solid #e7e7e7;
}
.bottom-border-c {
	border-bottom: 1px solid #cccccc;
}
.bg-ea {
	background-color: #eaeaea;
}
.waitlistopt {
    background-color: #f4f4f4;
}
.waitlistoptcancel {
    background-color: #f4f4f4;
}
.waitlistopt:hover {
    background-color: #fff4ea;
}
.waitlistoptcancel:hover {
    background-color: #fff4ea;
}
/* License GST Table */

th.blanktable {
    background-color: white;
    border: none;
}
/* Cost Table in view mode */
table.costtableview {
	width: auto;
	border: none;
-webkit-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.3);
box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.3);
	margin-bottom: 10px;
	margin-top: 6px;
}
table.costtableview th{
	color:white;
	text-align: center;
	font-size: 14px;
	border: none;
	font-weight: 700;
}
table.costtableview td{
	font-size: 15px;
	text-align: center;
	font-weight: 400;
}
table.table-invoice th {
	border-bottom: 1px solid #e9e6e6 !important;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}
input.form-control.input-sm {
    margin-left: 0px;
}
/* BOTTOM BUTTONS */
/* Save & Publish Button */
a.btn.btn-danger.btn-log.save-pub:hover {
	background-color: #e4a033;
}
/* Save & Button */
a.btn.btn-primary.btn-log.saves.cb-save:hover {
	background-color: #6b6b6c;
}  
a.btn.btn-warning.btn-log.saves.example1.cb-exit:hover {	
    background-color: #b02227;
}
.cntr-group {
	margin: 0 auto;
}
td.dataTables_empty {
    padding: 10px 5px 10px 5px !important;
}

/* MIGRATED FROM EDITOR.CSS */
/* Markmove Added Padding inside the Panel */
.panel-body {
    padding: 20px 25px 15px 25px;
}
/* Markmove Added to overwrite Panel css to remove borders */
.panel-default {
    border: none;
}
/* Markmove Panel Heading overrides borders, color, etc. */
.panel-default>.panel-heading {
    background-color: #ededed;
    border-bottom: 1px solid #d7d7d7 !important;
    padding-left: 23px;
    margin-left: 0PX;
    margin-right: 0PX;
    text-align: left;
}
/* Markmove Panel Heading bottom border */
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top: none;
}
/* Markmove Controls Form Entries that are not entries with the "Editor" Panel */
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    font-weight: 400;
    padding: 8px 8px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #fbc775;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
/* Markmove Controls Form Entries Active for Orange Glow */
.form-control:focus {
    border-color: #faaf3a;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(250, 175, 58,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(250, 175, 58,.6);
}
/* Markmove Basic Text and Structures */
p.cbitlabel {
    font-weight: bold;
    margin-top: 8px;
    font-size: 13px;
    color: #000000;
}
/* MARKMOVE Panels in Bootstrap, to remove the gradient */
.panel-default>.panel-heading {
    background-image: none;
}
/* end MIGRATED FROM EDITOR.CSS */

/* fix TEXTAREA */
input.text-area.form-control {
    width: -moz-available important!
}

/* CUSTOM CHECKBOX */
.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    text-align: left;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #ccc;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #767676;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #faaf3a;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.bg-alert {
	background-color: #f2f2f2;
    padding: 10px 10px 1px 10px;
    border: 1px solid #ddd;
}   border: 1px solid #ddd;
}