/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;		
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img { -ms-interpolation-mode:bicubic }

/*------------------------------------------------------------------------------*/


html{
	height: 100%;	
	overflow-y: hidden;
}

body {
	height: 100%;
	background-color: #FFFFFF;	
}

#clearfix {
	clear: both;
}

.clear
{
	clear: both;
}

#clearfloat {
	float: left;
	height: 1px;
	width: 100%;
}

p {
	font-size: 13px;
	line-height: 20px;
	color: #000;
}

h1 {
	font-family: sohogothicprobold, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #743E8F;
	font-weight: normal;
	margin-bottom: 12px;
}
h2 {
	font-family: sohogothicprobold, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #743E8F;
	margin-bottom: 12px;
}
h3 {
	font-family: sohogothicprobold, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-bottom: 8px;
	font-weight: normal;
}
a {

	outline: 0;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

img {
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.purplecolour {
	color: #743E8F;
}
#outer {
	text-align: center;
	width: 100%;
	height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	float: left;
}

#page-top {
	width: auto;
	height: 120px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(/Images/krtxt-top-bkgrnd.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#page-mid {
	width: auto;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#page-base {
	width: 100%;
	height: 240px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(/Images/krtxt-base-bkgrndsm.png);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 15px;
}

/* HEADER */
#header {
	height: 120px;
	width: 100%;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
}

#hdr-logo {
	float: left;
	width: 143px;
	height: 58px;
	margin-left:15px;
}
#hdr-message {
	float: left;
	text-align: left;
	width: 160px;
	height: 58px;
}
#hdr-right {
	position:absolute;
	right: 15px;		
	height: 58px;
	width: 650px;
}

#hdr-nav {
	float: left;
	height: 38px;
	width: 1006px;
	padding-top: 0px;
}

#main-nav {
	height: 36px;
	width: 500px;
	float: left;
	padding-top: 23px;
}

#main-nav ul {
	padding: 0;
	list-style-type: none;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#main-nav li {
	position: relative;
	display: inline;
	float: left;
	width: auto;
	margin-right: 38px;
	color: #333;
	font-family: sohogothicprobold, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#main-nav li a {
	color: #000;
	text-decoration: none;
}

#main-nav li a:hover{
	color: #743E8F;
	text-decoration: none;
}


#sub-nav {
	height: 36px;
	width: 400px;
	float: right;
	padding-top: 23px;
	text-align: right;
}
#sub-nav ul {
	padding: 0;
	list-style-type: none;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#sub-nav li {
	position: relative;
	display: inline;
	float: right;
	width: auto;
	color: #666;
	font-family: sohogothicprobold, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(/Images/sub-nav-divider.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 18px;
	padding-left: 18px;
	height: 15px;
}
#sub-nav-last li {
	position: relative;
	display: inline;
	float: right;
	width: auto;
	color: #666;
	font-family: sohogothicprobold, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url();
	padding-right: 0px;
	padding-left: 18px;
}
#sub-nav li a {
	color: #666;
	text-decoration: none;
}

#sub-nav li a:hover{
	color: #743E8F;
	text-decoration: none;
}



/* LOGIN panel */

#login-panel {
	padding-top: 16px;
	text-align: right;
	float: right;
	color: #FFF;
	font-size: 13px;
}
#login-panel p {
	color: #FFF;	
}
#login-panel a {
	color: #FFF;
	text-decoration: none;	
}
#login-panel a:hover {
	color: #FC0;
	text-decoration: none;	
}
.rounded {
	border: 1px solid #CCC;
	/* Safari 5, Chrome support border-radius without vendor prefix.
   * FF 3.0/3.5/3.6, Mobile Safari 4.0.4 require vendor prefix.
   * No support in Safari 3/4, IE 6/7/8, Opera 10.0.
   */
  -moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	font-size: 13px;
	/* only needed for webkit browsers which show a rectangular outline; */
  outline: 0;
	/* this is needed for iOS devices otherwise a shadow/line appears at the
   * top of the input. depending on the ratio of radius to height it will
   * go all the way across the full width of the input and look really messy.
   * ensure the radius is no more than half the full height of the input, 
   * and the following is set, and everything will render well in iOS.
   */
  -webkit-appearance: none;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-right: 5px;
}

.rounded:focus {
	/* supported IE8+ and all other browsers tested.
   * optional, but gives the input focues when selected.
   * change to a color that suits your design.
   */
  border-color: #E2E2E2;  
}
.placeholder {
	color: #E2E2E2;
}

/* webkit placeholder */
::-webkit-input-placeholder {
	color: #E2E2E2;
}
/* moz placeholder */
:-moz-placeholder {
	color: #E2E2E2;
}

#base-block {
	height: 235px;
	width: 1006px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
}
.base-column {
	float: left;
	width: 185px;
	margin-right: 30px;
	text-align: left;
	margin-bottom: 30px;
	height: 175px;
}
.base-column h3 {
	color: #FFF;
	font-size: 14px;
}
.base-column a {
	color: #FFF;
	background-image: url(/Styles/imgs/base-divider.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
	margin-bottom: 6px;
	height: 20px;
}
.base-column a:hover {
	color: #FC0;
	text-decoration: none;
}

.base-address {
	position:absolute;	
	top:0px;	
	right:10px;
	height: 60px;		
}
.base-address p {
	color: #FFF;
}

#base-terms {
	height: 20px;
	width: 1006px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	text-align: left;
}
#base-terms p {
	color: #FFF;
}
#base-terms a {
	color: #FFF;
	text-decoration: none;
}
#base-terms a:hover {
	color: #FC0;
	text-decoration: none;
}

.copyright
{
    float: left;
    padding-right: 10px;
}

.applicationInfoCurrent
{
    float: left;
}

.legal
{
    float: left;
    padding-left: 12px;
}

.legal a 
{
    vertical-align: top;    
}

.switcher
{
    float: right;
    padding-right: 20px;
    cursor: pointer;
}

.switcher a
{
    color: #fff;
}

#sso-login
{
    width: 300px;
    text-align: center;
}

.sso-slide
{
    height: 40px;
    width:40px;
    background: #EA3896;
    overflow:hidden;
    cursor: pointer;
}

.sso-img
{
    float:left;
    width:40px;
    background-size:40px 40px;
    width:40px;
    height:40px;
    background-repeat:no-repeat;
}

#MSFT
{
    border-radius: 20px;
    margin: auto;
}

#MSFT .sso-img
{
    background-image: url('/Images/office-365-trans.png');
}

#signupbtn
{
    height: 30px;
    margin: 0px 0px 0px 20px;
}

#kloginbtn
{
    height: 30px;
}

.sso-text
{
    float:left;
    margin:12px 0 0 30px;
    color:white;
}

.sso-divider
{
    width: 300px;
    text-align: center;
    border-bottom: 1px solid #999;
    line-height: 0.1em;
    margin: 30px 0;
}

.sso-divider span
{
    background: #ffffff;
    color: #999;
    font-size: 1em;
    padding: 0 10px;
}

.mstoggle{
    padding: 5px;
    color: white;
    margin: 10px 0px 20px 0px;
    background-image: url(/Images/admin-base-bkrnd-sm.png);
    background-repeat: repeat-x;
    text-align: center;
    width: 290px;
    border: solid 1px #c3c3c3;
    cursor: pointer;
}

#signUpBlock, #showLogin{
    display: none;
}

.msinput{
    width:130px;
    margin: 5px 0px 5px 0px;
    padding: 5px;
}
.mstext-label {
    color: #cdcdcd;
    font-weight: bold;
}

#dvOneNote {
    width: 85%;
    margin: auto;
    margin-top: 20px;
}

.bottom-padding {
    margin-bottom: 20px;
}

#dvOneNote .data-grid {
    display: grid;
    grid-template-columns: 25% 75%;
    grid-gap: 8px;
}

#dvOneNote .data-grid textarea {
    width: calc(100% - 10px);
    margin-top: 2px;
    margin-bottom: 10px;
    font-size: 1em;
    padding: 5px;
    line-height: 20px;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    height: 60px;
}

#dvOneNote .data-grid .full-width {
    grid-column: 1 / 3;
}

#dvOneNote label {
    font-weight: 600;
}

#dvOneNote #createnote, #dvOneNote #closedialog {
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    padding: 0 16px !important;
    border-radius: 4px;
    color: white;
    float: right;
    text-transform: uppercase;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 36px;
}

#createnote {
    color: white;
    background-color: #6e2cd0;
}

#divClose #closedialog {
    text-transform: uppercase;
    border-radius: 4px;
}


/* ADMIN */

#admin-space {
	float: left;
	width: 600px;
	text-align: right;
}
#admin-page-top {
    position: absolute;
    top: 0px;
	left: 0px;
	right: 0px;
	height: 60px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(/Images/krtxt-top-bkgrnd.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#admin-header {
	position: absolute;
	left: 0px;
	right: 0px;
	height: 60px;	
	min-width: 760px;
}

#admin-page-mid {
    position: fixed;
    top: 60px;
    bottom: 30px;
    left: 0;
    right: 0;
    overflow: auto;
}

#admin-block {
    position: relative;
    left: 50%;
    margin-left: -300px;
	width: 600px;
    /*height: 450px;*/
    height: 250px;
	padding-top: 40px;
	padding-bottom: 40px;
}

#createaccount #admin-block {
    padding-top: 0px !important;
}

#admin-block h1 {
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 24px;
}
#admin-block p {
	font-size: 15px;
	line-height: 20px;
}
#admin-block img {
	margin-right: auto;
	margin-left: auto;
}

#admin-win-panel {
	height: 140px;
	width: 340px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/Images/admin-win-panel.png);
	background-repeat: no-repeat;
	margin-top: 40px;
	text-align: left;
	padding-top: 60px;
	padding-left: 210px;
	padding-right: 50px;
}
#admin-win-panel h2 {
	color: #FFF;
	font-size: 26px;
	margin-bottom: 10px;
	font-weight: normal;
}
#admin-win-panel p {
	font-size: 14px;
	line-height: 21px;
	color: #FFF;
}

#admin-page-base {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 30px;
	background-image: url(/Images/admin-base-bkrnd-sm.png);
	background-repeat: repeat-x;
	background-position: left top;
}

#admin-base-block {
	height: 25px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 4px;
}

#admin-base-terms {
	height: 20px;
	width: 500px;	
	margin-right: auto;
	margin-left: auto;
	float: left;
	text-align: left;
	margin-top: 0px;
}
#admin-base-terms p {
	color: #FFF;
	vertical-align: bottom;
}
#admin-base-terms a {
	color: #FFF;
	text-decoration: none;
}
#admin-base-terms a:hover {
	color: #FC0;
	text-decoration: none;
}

#loginimageHolder
{
    float: left;
    height: 480px;
    width: 200px;
}

.loginimageHolder_top
{
    padding-top: 80px;
    margin-left: 80px;
}

.loginimageHolder_bottom
{
    padding-top: 120px;
    margin-left: 100px;
}

#loginblockHolder
{
    min-height: 560px;
}

.loginblock {
	z-index: 4;
    min-height: 840px;
    width: 920px;
    margin: auto;
    margin-top: 60px;
    background-color: #fff;
    overflow: auto;
}

#shibbolethInstitutionId {
    height: 40px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    width: 350px;
}

@media (min-width: 941px) {

    #loginblockHolder {
        float: left;
        margin-left: 80px;
        min-height: 560px;
        width: 440px;
    }
}

@media (max-width: 940px) {

    #loginimageHolder {
        display: none !important;
    }

    #loginblockHolder {
        float: none;
        margin-left: 0px;
        width: 100%;
    }

    #loginbtn, #resetpw, #savepwbtn {
        width: 100% !important;
    }

    .loginblock .inputbox, #password1, #password2, #savepwstatus, #loginstatus, #noaccountstatus, .registerblock_controls #submitbtn {
        width: 94% !important;
    }

    #shibbolethInstitutionId {
        width: calc(94% - 40px) !important;
    }

    .loginblock .returnhome
    {
        width: calc(100% - 20px) !important;
    }

}

@media (min-width: 701px) and (max-width: 940px) {

    .loginblock, #resetpw-block, .registerblock {
        width: 70% !important;
    }

}

@media (max-width: 700px) {

    .loginblock, #resetpw-block, .registerblock {
        width: 94% !important;
    }

}

.resetpwblockHolder {
    margin-top: 60px;
}

#resetpw-block {
    margin: auto;
	width: 420px;
    height: 450px;
	padding-top: 40px;
	padding-bottom: 40px;
}

.resetpwtitle {
    font-size: 1.95em;
    margin-bottom: 30px;
}

#savepwbtn {
    font-size: 1.125em;
    width: 420px;
    padding: 15px;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 120px;
}

#password1, #password2 {
    width: 400px;
    height: 25px;
    margin-bottom: 20px;
    font-size: 1.2em;
    padding: 10px;
    line-height: 20px;
    border: 1px solid #c1c1c1;
    border-radius: 5px;
}

#qmul_loginblock
{
    margin: 10px auto;	
	width: 360px;
	z-index: 4;
	background: #efefef;
	padding: 20px;
    padding-bottom: 30px;
	font-size: 1.0em;
	border: 1px solid #999;
    border-radius: 10px;
    text-align: left;
}

.createaccountblock {
    margin: 0px auto !important;	
	padding: 0px !important;
    padding-bottom: 20px !important;
}

label{
	line-height: 2;
	font-weight: bold;
	color: #222;
}

.loginblock label{
	line-height: 2;
    font-weight: normal;
	color: #222;
    font-size: .75em;
}

#loginstatus, #noaccountstatus {
    display: none;
	z-index: 4;
    font-size: 1.0em;
	margin-top: 10px;
    width: 400px;
    height: auto;
    padding: 10px;
    text-align: center;
    color: #6e2cd0 !important;
    border: 1px solid #6e2cd0!important;
}

#status {
    display: none;
	z-index: 4;
    font-size: 1.0em;
	margin-top: 10px;
    width: 300px;
    height: auto;
    padding: 10px;
    text-align: center;
    color: #EA3896 !important;
    border: 1px solid #EA3896!important;
}

#msloginstatus {
	z-index: 4;
    font-size: 1.0em;
	margin-top: 10px;
    width: 300px;
    height: auto;
    padding: 10px;
    text-align: center;
}
#msSigninstatus {
	z-index: 4;
    font-size: 1.0em;
	margin-top: 10px;
    width: 300px;
    height: auto;
    padding: 10px;
    text-align: center;
}


#savepwstatus {
    display: none;
	margin: auto;
	z-index:4;
	font-size: 1.0em;
	margin-bottom: 10px;
    width: 400px;
    height: auto;
    padding: 10px;
    text-align: center;
    color: #6e2cd0 !important;
    border: 1px solid #6e2cd0 !important;
}

.inputbox {
	width: 395px;
	height: 30px;
	margin-bottom: 10px;
	font-size: 1.2em;
}

.loginblock .inputbox {
	width: 400px;
	height: 25px;
	margin-bottom: 10px;
	font-size: 1.2em;
    padding: 10px;
    line-height: 20px;
    border: 1px solid #c1c1c1;
    border-radius: 5px;
}

.loginblock a {
	font-size: 16px;	
	color: #000;
	outline: 0;
	text-decoration: underline;
}
.loginblock a:hover {	
}

.hidden { /* Skip menu */
position: absolute;
top: -10000px;
left: 0;
width: 1px;
height: 1px;
overflow: hidden;
}

.registerblock-holder {
    margin-top: 100px;
    margin-bottom: 160px;
}

.registerblock {
	width: 430px;
	margin: 0px auto;
	z-index:4;
	font-size: 1.0em;
    line-height:20px;
    text-align: left;
    min-height: 120px;
}

.register_input{
	width:550px;
	height:30px;
	margin-bottom: 10px;
	font-size:1.2em;
}

.registerblock a {
    color: #000 !important;
    text-decoration: underline !important;
}

.registerblock-option{
    position: relative;
    border: 1px solid #6e2cd0;
    border-radius: 5px;
    padding: 20px;
    padding-right: 40px;
    margin-bottom: 30px;
}

.registerblock-checkbox {
    position: absolute;
    top: 20px;
    right: 20px;
}

.registerblock_controls {
    text-align: center;
}

.registerblock_controls #submitbtn {
    width: 430px;
    font-size: 1.2em;
    border-radius: 5px;
    padding: 15px;
    margin-top: 20px;
}

#register_courses{
	font-family: sans-serif; /* set default font */
	width: 550px;
	height: 120px;
	margin-bottom: 10px;
	font-size: 1.2em;
	overflow: auto;    
    resize: none;
}

.registerblock label{
	font-size:0.9em;
}

#register_tc{
	font-family: sans-serif; /* set default font */
	width: 550px;
	height: 120px;
	margin-bottom: 10px;
	font-size: 0.8em;
	overflow: auto;
    resize: none;
}

#registerstatus {
	margin: 10px auto;
	z-index: 4;
	font-size: 1.0em;
	margin-top: 80px;
    width: 525px;
    height: auto;
    padding: 10px;
}

#loginSubtitle
{
    margin: 40px auto 30px auto;
    text-align: center;
    font-size: 1.5em;
    color: #4C4D4F;
}

#loginbtn, #resetpw
{
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    font-size: 1.125em;
    width: 420px;
    padding: 18px;
    border-radius: 5px;
}

#shibbolethLogin {
    height: 40px;
    border-radius: 5px;
}

#createaccount_btn
{
    float: left;
    font-size: 1.125em;
    width: 220px;
    padding: 12px;
    border-radius: 5px;
    margin-left: 100px;
}

#createaccountbtn
{
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    font-size: 1.125em;
    width: 310px;
}

#getpw
{
    font-size: 1em;
    color: #666;
}

.createaccount_contactsupport
{
    font-size: .75em !important;
    color: #666 !important;
}

#loginNoaccount
{
    margin-top: 25px;
}

#noaccount
{
    font-size: 1.1em;
    color: #666;
}

#noaccountControls
{
    margin-top: 8px;
}

#redeemcode
{
    font-size: .8em;
    height: 22px;
    width: 64% !important;
    margin-right: 10px;
}

#noaccountSubmit {
    border-radius: 5px;
    width: 25%;
    max-width: 120px;
    padding: 10px;
}

label[for=keeplogged]
{
    font-size: 1em;
    color: #666;
    font-weight: normal;
    line-height: 2;
}

#loginForgot {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 20px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.returnhome
{
    width: 400px;
    text-align: center;
    padding: 10px;
}

.returnhome a
{
    padding-top: 20px;
    text-decoration: underline !important;
}

#loginKeeplogged
{
    display: inline-block;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    padding: 10px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#loginFail
{
    font-size: 1.5em;
    color: #000;
    line-height: 26px;
}

#loginFail #email
{
    position: relative;
    color: #4A0D79;
    top: -2px;
}





/* jQuery UI overrides */
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 0.9em/*{fsDefault}*/; }



/* Branding */

#cla-admin-page-top {
    position: absolute;
    top: 0px;
	left: 0px;
	right: 0px;
	height: 60px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
    background-color: #a8182f;
}

#cla-admin-page-base {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 30px;
    background-color: #a8182f;
}

/* COLOURS
----------------------------------------------------------
Top Bar / Text:	#4C4D4F
Pink Bar:	#EA3896
K-Purple:	#6E3391
Yellow:		#FFC400

Buttons
Teal:		#1B9196
Dark Teal:	#136B6E

Links
Pink:		#EA3896
Dark Pink:	#B12A71
kui-footer-text
Greys
Mid-Grey:	#949593
Light-Grey:	#C6C6C6
Pale-Grey:	#F0F0F0

Green:		#8FCA45

Light-Purple:	#E7D1F4

--------------------------------------------------------------*/

/*--Start Global Style--*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, xmp {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
    font: inherit;
	font-family: sans-serif;
	vertical-align:middle;
}
xmp {
    display: inline-block;
    white-space: normal;
    line-height: 1.2em;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img { -ms-interpolation-mode:bicubic }

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

i
{
    font-style: italic;
}

/*--End Global Style--*/

html {
    overflow: hidden;
  position: relative;
  min-height: 100%;
}

body {
	font-family: "Open Sans"!important;
    margin-bottom: 40px;/* Margin bottom by footer height */
}

/*h1, h2, h3, h4, h5, h6,{
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
p { margin: 0 0 10px; }*/

a { text-decoration: none!important; }


textarea, input {
	font-family: FontAwesome, "Open Sans", Helvetica, sans-serif;
}


/* COLOURS */

.txt-kteal { color:#1B9196; }
.txt-kpurple { color:#6E3391; }
.txt-kyellow { color:#FFC400; }
.txt-kpink { color:#EA3896; }
.txt-kgreen { color:#8FCA45; }
.txt-ktext { color:#4C4D4F; } /* BODY COPY */
.txt-kmidgrey { color:#949593; }
.txt-klightgrey { color:#C6C6C6; }
.txt-kpalegrey { color:#F0F0F0; }

.txt-kteal a { color:#1B9196;}
.txt-kteal a:hover { color:#136B6E;}
.txt-kpink a { color:#EA3896;}
.txt-kpink a:hover { color:#B12A71;}
.txt-ktext a { color:#EA3896;}
.txt-ktext a:hover { color:#B12A71;}

.fill-kteal{ background-color:#1B9196; }
.fill-kpurple { background:#6E3391; }
.fill-kyellow { background:#FFC400; }
.fill-klightpurple { background:#E7D1F4; }
.fill-kpink{ background:#EA3896; }
.fill-kgreen { background:#8FCA45; }
.fill-ktopbar { background:#4C4D4F; }
.fill-kmidgrey { background:#949593; }
.fill-klightgrey { background:#C6C6C6; }
.fill-kpalegrey { background:#F0F0F0; }

.fill-kteal:hover { background:#136B6E; }
.fill-kpink:hover { background:#B12A71; }





/* OVERWRITES on user agent styles
-----------------------------------------------------------------------------------------------------------*/
a:-webkit-any-link { text-decoration: none!important; }
/*select { -webkit-border-radius: 0; border: 0;}*/

select.form-control {
	padding: 3px 12px;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    background: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='#444' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
    background-position: 100% 50%;
    background-repeat: no-repeat;
	background-color: #FFFFFF;
}


/* Typography
-----------------------------------------------------------------------------------------------------------*/
.copy--meta {
  margin: 15px 0;
  font-size: 12px;
}

/* Popr
-----------------------------------------------------------------------------------------------------------*/
.menuitemselected_spacer{
    display: inline-blockdoc
    width: 13px;
    margin-right: 5px;
}

.menuitemselected{
    color: #FFC400;
}

.menuitem
{
    cursor: pointer;
}

.menuitem:hover
{
    color: #FFC400;
}

.menuitemactive
{
    color: #FFC400 !important;
}

#redeemcode {
    /*margin: 10px 10px 0px 10px;*/
    padding-top: 10px;
    /*border-top: 1px dashed #ccc;*/
}

#redeemcodetextbox {
    width: 170px;
    padding: 8px;
}

#runcodebtn {
    margin-top: 5px;
    margin-left: 112px;
}

/* Fontawesome ICONS
-----------------------------------------------------------------------------------------------------------*/
.awesomeicon {
 font-size:20px !important;
}
.awesomeicon-sml {
 color: #FFC400;
 font-size:18px;
}
.awesomeicon-sml a { color: #FFC400;}

.awesomeicon-med
{
    color: #FFC400;
    font-size: 22px;
}
.awesomeicon-med a
{
    color: #FFC400;
}

.awesomeicon-lrg
{
    color: #FFC400;
    font-size: 26px;
}
.awesomeicon-lrg a
{
    color: #FFC400;
}


/* KUI BTN styles
-----------------------------------------------------------------------------------------------------------*/
.kuibtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
}
.kuibtn:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.kuibtn:hover, .kuibtn:focus {
  text-decoration: none;
}
.kuibtn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}


/* ------------------- */
.kuibtn-blue {
  color: #000 !important;
  background-color: #82CCFD !important;
  border-color: #507e9c !important;
}
.kuibtn-blue:focus, .kuibtn-blue:active {
  color: #000 !important;
  background-color: #82CCFD !important;
  border-color: #507e9c !important;
}
.kuibtn-blue:hover {
  color: #000 !important;
  background-color: #77bbe8 !important;
  border-color: #507e9c !important;
}

/* ------------------- */
.kuibtn-teal {
  color: #FFFFFF !important;
  background-color: #1B9196 !important;
  border-color: #4C4D4F !important;
}
.kuibtn-teal:focus, .kuibtn-teal:active {
  color: #FFFFFF !important;
  background-color: #1B9196 !important;
  border-color: #4C4D4F !important;
}
.kuibtn-teal:hover {
  color: #FFFFFF !important;
  background-color: #136B6E !important;
  border-color: #4C4D4F !important;
}

.kuibtn-teal:disabled,
.kuibtn-teal[disabled] {
    opacity: .65;
    cursor: unset;
}

.kuibtn-teal:disabled:hover,
.kuibtn-teal[disabled]:hover {
  background-color: #1B9196 !important;
  border-color: #4C4D4F !important;
}

/* ------------------- */
.kuibtn-grey {
  color: #FFFFFF;
  background-color: #949593;
  border-color: #4C4D4F;
}
.kuibtn-grey:focus, .kuibtn-grey:active {
  color: #FFFFFF;
  background-color: #949593;
  border-color: #4C4D4F;
}
.kuibtn-grey:hover {
  color: #FFFFFF;
  background-color: #4C4D4F;
  border-color: #4C4D4F;
}


/* ------------------- */
.kuibtn-purple {
  color: #FFFFFF !important;
  background-color: #5b2a78;
  border-color: #5b2a78;
}

.kuibtn-purple:focus, .kuibtn-purple:active {
  background-color: #863eb1;
}

.kuibtn-purple:hover {
  background-color: #78379e;
}


/* ------------------- */
.kuibtn-med-purple {
  color: #FFFFFF !important;
  background-color: #6e2cd0 !important;
  border-color: #6e2cd0 !important;
}

.kuibtn-med-purple:disabled {
  opacity: 0.3;
  cursor: auto;
}

.kuibtn-purple:focus, .kuibtn-purple:active {
  background-color: #863eb1;
}

.kuibtn-purple:hover {
  background-color: #78379e;
}

/* ------------------- */
.kuibtn-purple-arrow {
  color: #FFFFFF !important;
  background-color: #6e2cd0 !important;
  border-color: #6e2cd0 !important;
}

.kuibtn-purple:focus, .kuibtn-purple:active {
  background-color: #863eb1;
}

.kuibtn-purple:hover {
  background-color: #78379e;
}

/* ------------------- */
.kuibtn-purple-outline {
  color: #6e2cd0 !important;
  background-color: #fff;
  border-color: #6e2cd0;
}

.kuibtn-purple-outline:focus, .kuibtn-purple-outline:active {
  background-color: #fff;
}

.kuibtn-purple-outline:hover {
  background-color: #fff;
}

/* ------------------- */
.kuibtn-white-outline {
  color: #fff !important;
  background-color: transparent;
  border-color: #7f48ce;
  outline: none;
}

.kuibtn-white-outline:focus, .kuibtn-white-outline:active {
  background-color: #6a2ac8;
}

.kuibtn-white-outline:hover {
  background-color: #6a2ac8;
}

/* ------------------- */
.kuibtn-disabled {
  color: #a6a6a6 !important;
  background-color: #e0e0e0 !important;
  border: 1px solid #e0e0e0 !important;
}

.kuibtn-disabled:focus, .kuibtn-disabled:active {
  background-color: #e0e0e0 !important;
}

.kuibtn-disabled:hover {
  background-color: #e0e0e0 !important;
}

/* ------------------- */
.kuibtn-cancel {
  color: #000 !important;
  background-color: #fff;
}

.kuibtn-cancel:focus, .kuibtn-cancel:active {
  background-color: #e0e0e0;
}

.kuibtn-cancel:hover {
  background-color: #f5f5f5;
}

/* ------------------- */
.kuibtn-amber {
  color: #35332F !important;
  background-color: #FBAB18;
  border-color: #FBAB18;
}

.kuibtn-amber:focus, .kuibtn-amber:active {
  background-color: #f79429;
}

.kuibtn-amber:hover {
  background-color: #FE9A2E;
}


/* ------------------- */
.kuibtn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.kuibtn-sml {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}











/* BLOCKS styles
-----------------------------------------------------------------------------------------------------------*/
.blockcontainer {
  width: auto;
  padding: 0 15px;
  margin-right: auto;
  margin-left: auto;
}

/*
@media (min-width: 768px) {
  .container { width: 750px; }
}
@media (min-width: 992px) {
  .container { width: 970px; }
}
@media (min-width: 1200px) {
  .container { width: 1170px; }
}
*/

.block-left {
  position: relative;
  min-height: 1px;
  float: left;
}
.block-right {
  position: relative;
  min-height: 1px;
  float: right;
}
.block-center {
  min-height: 1px;
  margin: 0 auto;
}


@media (min-width: 768px) {
  /* column blocks .... */
}
@media (min-width: 992px) {
  /* column blocks .... */
}
@media (min-width: 1200px) {
  /* column blocks .... */
}


/* KUI TOP WRAPPER
----------------------------------------------------------------------------------------------------------*/
.kui-top-wrapper {
    position: fixed;
    top: 0;
	z-index:100;
	width:100%;
	height:auto;
}






/* KUI HEADER styles (height 42px)
-----------------------------------------------------------------------------------------------------------*/
.kui-top {
    background-color: #4C4D4F;
    color: #ffffff;
    border-bottom-color: #EA3896;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    height:42px;
    box-sizing: border-box;
}

.kui-top .kui-link-btn {
  padding: 8px 0;
  color: #ffffff;
}

.kui-top-icon
{
  padding: 8px 0;
  margin-left: 22px;
  color: #ffffff;
}

@media (max-width: 700px) {
  .kui-top-icon{
      margin-left: 16px !important;
  }
}

@media (max-width: 480px) {
  .kui-top-icon{
      margin-left: .6em !important;
  }

  .kui-footer span.kui-footer-text {
      display: none;
  }
}

.kui-top-icon:hover
{
    color: #FFC400;
    text-decoration:none;
}

.kui-top-icon:focus
{
    color: #fff;
}

.kui-top a:hover { color: #FFC400; text-decoration:none;}

.kui-top #contenttitle {
  display: inline-block;
  padding: 12px 0;
}


/* KUI FOOTER styles (height 40px)
-----------------------------------------------------------------------------------------------------------*/
.kui-footer-icon
{
    color: #ffffff;
}

.kui-footer-icon:hover
{
    color: #FFC400;
    text-decoration: none;
}


/* KUI ICON styles
-----------------------------------------------------------------------------------------------------------*/
.kui-icon
{
    color: #ffffff;
}

.kui-icon:hover
{
    color: #ffffff;
    text-decoration: none;
}

.kui-link-btn {
  position: relative;
  display: inline-block;
  color: #ffffff;
}

.kui-link-btn__icon {
  height: 24px;
  width: 24px;
  line-height: 24px;
  vertical-align: middle;
  text-align: center;
}

.kui-link-btn__label {
  display: inline-block;
  line-height: 24px;
}

.kui-link-btn__label + .kui-link-btn__icon {
  margin-left: 5px;
}

.kui-link-btn__badge {
  display: none;
  position: absolute;
  left: 14px;
  top: 2px;
  padding: 2px 4px 1px 4px;
  border-radius: 10px;
  background-color: #6E3391;
  font-size: 12px;
  color: #FFFFFF;
}

.kui-link-btn:hover, .kui-link-btn:focus {
  color: #FFC400;
}

.kui-link-btn:hover .kui-link-btn__icon .fill-path, 
.kui-link-btn:focus .kui-link-btn__icon .fill-path {
  fill: #FFC400
}

.kui-link-btn:hover .kui-link-btn__badge {
  color: #FFFFFF;
}

/* KUI SEARCH PANEL styles
-----------------------------------------------------------------------------------------------------------*/
.kui-purple-search { display: none; }
.kui-purple-search {
	width:100%;
	background-color:#6E3391;
	height:auto;
	padding-top:8px;
	padding-bottom:8px;
	color:#ffffff;
	z-index:6000;
	position: absolute;
	top:48px;
	left:0;
	}

.purple-search-width {
    width: 100%;
    max-width:750px;
    padding: 0 10px;
    box-sizing: border-box;
}
.purple-search-top { padding-bottom:6px; }
.purple-search-top input[type=text] {
    width: 100%;
    padding: 11px 12px;
    font-size: 14px;
    box-sizing: border-box;
}

.purple-search-btm {
    overflow: auto;
}
.purple-search-btm-left{float:left;}
.purple-search-btm-right {float:right;}

.searchBookshelf_element .kuibtn {
    padding: 3px 12px !important;
}







/* KUI PURPLE PANEL styles (height 44px)
-----------------------------------------------------------------------------------------------------------*/
.kui-purple-panel {
	background-color:#6E3391;
	height:44px;
    color:#ffffff;
    box-sizing: border-box;
}

.kui-purple-panel .block-left {
  width: calc(100% - 135px);
  max-height: 44px;
}

.kui-purple-panel .kui-link-btn__label {
  overflow: hidden;
  white-space: nowrap;
}

#infomenuclick .kui-link-btn__label {
  width: 100%;
}
  
.kui-purple-panel a { color: #ffffff;}
.kui-purple-panel a:hover { color: #FFC400; text-decoration:none;}
.kui-purple-panel-top { padding: 14px 0; }
.kui-purple-panel .form-control { height:28px; background-color: #C6C6C6; }

.kui-purple-panel .kui-link-btn {
  padding: 10px 0;
}

.kui-central-tools {
  position: absolute;
  left: calc(50% - 150px);
  width: 300px; 
}

/*.kui-purple-panel .form-control { height:28px;}*/

.kui-purple-icon { margin-left: 4px; margin-right: 4px;}

.kui-purple-divider {
	display:inline-block;
	width:0;
	height:17px;
  margin: 0 8px;
  border-right: 1px solid #ffffff;
}








/* KUI INTERNAL styles
-----------------------------------------------------------------------------------------------------------*/
.kui-internal {
	position:absolute;
    top:86px; /* height of top */
    bottom:42px; /* height of foot */
    left:0;
    right:0;
	overflow-y: auto;
	overflow-x: auto;
	/*background-color:#FFD9DA;*/
	}

.kui-internal-title {
    color:#6E3391;
    font-size: 1.1em;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: dotted #EA3896 1px;
	}

.kui-internal-title-right {
    float: right;
}

.kui-internal-title-help {
    color: #EA3896;
    cursor: pointer;
}

.kui-internal--reader {
	position:relative;
    height: calc(100vh - 128px);
    top: 0;
    bottom: 0;
    margin-top: 86px;
    overflow-y: initial;
	overflow-x: initial;
	/*background-color:#FFD9DA;*/
}

.kui-login-internal {
	position:absolute;
    top:42px; /* height of top */
    bottom:42px; /* height of foot */
    left:0;
    right:0;
	overflow-y: auto;
	overflow-x: auto;
	/*background-color:#FFD9DA;*/
	}


/* KUI READING styles
-----------------------------------------------------------------------------------------------------------*/
.kui-reading-pane { text-align:center;}
.kui-page {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    margin: auto;
	}






/* KUI FOOTER styles (height 42px)
-----------------------------------------------------------------------------------------------------------*/
.kui-footer {
  /*position: absolute;*/
  position: fixed;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here (less padding) */
  height: 26px;
  background-color: #6E3391;
  padding-top:8px;
  padding-bottom:8px;
}

.kui-footer a { color: #ffffff !important;}
.kui-footer a:hover { color: #FFC400 !important; text-decoration:none !important;}

.kicon {
	height:24px;
	width:auto;
	float:left;
	overflow:hidden;
}
.kicon img{
	float:left;
	margin-right:6px;
}
.kui-footer span.kui-footer-text{
	float: left;
	color: #ffffff;
	font-size: 13px;
	font-weight: normal;
	text-shadow: 0 0px 0!important;
	margin-top: 8px;
}

.klogo {
	height: 40px;
	width: auto;
	float: left;
	overflow: hidden;
}
.klogo img{
	float: left;
	margin-right: 3px;
    margin-top: -8px;
}

.poweredby
{
    float: left;
    padding-right: 5px;
}

/* KUI GLOBAL styles
-----------------------------------------------------------------------------------------------------------*/

.adminlogo {
    margin-top: -20px;
}
.adminmessage {
    margin-top: 40px;
}

.ui-widget
{
    font-size: 0.9em;
}

#msgcontainer {
    display: none;
    position: fixed;
	bottom: 0px;
	right: 5px;
    height: 24px;
	color: #FFF;
	font-size:0.9em;
	vertical-align:middle;
    text-align:center;
    width: 200px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#020202'); /* for IE  */
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#020202)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #444444,  #020202); /* for firefox 3.6+ */
    background: -ms-linear-gradient(top, #444444 0%, #020202 100%); /* for IE10 */
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
    border: solid 1px #666;
    cursor: pointer;
    z-index: 1000;
}

#msgopencontainer {
    display: none;
    position: fixed;
	bottom:0px;
	right:5px;
    height: 300px;
	color: #FFF;
	font-size:0.9em;
	vertical-align:middle;
    text-align:left;
    width: 400px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#121212'); /* for IE  */
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#121212)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #444444,  #121212); /* for firefox 3.6+ */
    background: -ms-linear-gradient(top, #444444 0%, #121212 100%); /* for IE10 */
    /*border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;*/
    border: solid 1px #444;
    z-index: 1000;
}

#msgcontainer p {
    margin-top: 3px;
}

#msgcontainer span {
    margin-left: 8px;
    font-size: 14px;
}

#msgopencontainer p {
    margin-top: 10px;
    margin-left: 15px;
}

#msgopencontainer span {
    margin-left: 8px;
    font-size: 14px;
}

#supportmsg {
    width: 363px;
    height: 120px;
    resize: none;
    color: #000 !important;
}

#msgopencontainerbtn {
    margin-right:15px;
    float:right;
}

/*#msgopencontainerbtn button{
    width:60px;
    margin-left:5px;
}*/

#msgopencontaineremail {
    width: 319px;
    color: #000 !important;
}

.nobooks
{
    text-align: center;
    width: 100%;
    margin-top: 200px;
}

#reviewsendform
{
}

#reviewsendform .editor-label
{
    margin-top: 8px;
    margin-right: 5px;
}

#reviewsendform .editor-field
{
    margin-top: 3px;
    margin-right: 5px;
}

#reviewsendform button
{
    display: none;
}

#reviewsendform input[type="email"] {
    width: 400px;
}

#reviewsendform input[type="number"] {
    width: 50px;
}

a:hover
{
	text-decoration: none;
}

.cleaner {
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
}

.noscreen {
    display: none;
}

.hidden { /* Skip menu */
    position: absolute;
    top: -10000px;
    left: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

h1 {
    font-size: 2em;
    font-weight: normal;
    text-align: left;
    margin-left: 10px;
    padding: 5px 0 5px 0;
    /*background: url('../img/h1-bg.gif') repeat-x 0 100%;*/
}

h1 a:link, h1 a:visited {
    font-weight: normal;
    text-decoration: none;
    color: #FFF;
}



/* SETTINGS MODAL styles
-----------------------------------------------------------------------------------------------------------*/

.kui-dialog .ui-dialog-titlebar-close {
    margin: 0;
    position: relative;
    float: right;
    margin-right: -12px;
}

.kui-dialog > .kui-dialog-content {
    height: 375px !important;
}

@media only screen and (max-width: 768px) {
   .kui-dialog {
        height: calc(100% - 42px) !important;
        width: 100% !important;
        top: 42px !important;
        left: 0 !important;
    }

    .kui-dialog > .kui-dialog-content {
        height: calc(100% - 120px) !important;
        max-height: 100% !important;
    }
}

.kui-dialog-form-field {
    margin-bottom: 5px;
}

.kui-dialog-form-field:after {
    content: "";
    display: table;
    clear: both;
}

.kui-dialog-form-field__label,
.kui-dialog-form-field__input {
    box-sizing: border-box;
}

.kui-dialog-form-field__label {
    display: block;
    width: 100%;
}

.kui-dialog-form-field__input {
    display:block;
    width: 100%;
    padding-top: 5px;
}

@media only screen and (min-width: 445px) {
    .kui-dialog-form-field {
        margin-bottom: 8px;
    }

    .kui-dialog-form-field__label {
        display: inline-block;
        width: 45%;
    }

    .kui-dialog-form-field__input {
        display: inline-block;
        width: 55%;
        padding-top: 0;
        padding-left: 7px;
    }
}

.kui-dialog .settingsmodal_controls > .settingsmodal_savebtn {
    width: 100%;
    margin: 0 auto;
}

#settingsmodal_t1 input{
	width: 100%;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 1.2em;
}

#settingsmodal_t2 input{
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 1.2em;
}

#settingsmodal_t3 input{
	width: 100%;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 1.2em;
}

#settingsmodal p{
	margin-bottom: 10px;
	font-weight: bold;
}

#settingsmodal label{
	font-weight: normal;
}

#settingsmodal hr{
	margin-bottom: 15px;
}

#settingsmodal .container{
	padding-bottom: 10px;
}

#settingsmodal
{
    display: none;
}

.floatright{
	float: right;
}

#settingsmodal_notificationagreement
{
    width: auto !important;
    color: red;
}

#settingsmodal_receivenotifications
{
    width: auto !important;
}

.settingsmodal_notificationlabel
{
    font-size: .825em !important;
    margin-top: -30px;
    margin-left: 30px;
    line-height: 20px;
}

.settingsmodal_notificationlabel_disabled
{
    color: #ccc;
}

@media only screen and (min-width: 445px) {
    .settingsmodal-pdfreader-field {
        margin-bottom: 5px;
    }

    .settingsmodal-pdfreader-field .kui-dialog-form-field__label {
        width: 56%;
    }

    .settingsmodal-pdfreader-field .kui-dialog-form-field__input {
        width: 44%;
        padding-left: 6px;
    }
}

#settingsviewsortbtn{
	margin-left: 10px;
}

#settingssearchsortbtn{
	margin-left: 4px;
}

.t1profile{
	font-size: 1.2em;
	line-height: 1.5em;
}

#settingsmodal_t1 label{
	float: left;
}
#settingsmodal_t1 span{
	float: right;
	text-align: right;
}

#settingsmodal_t4 label{
	font-size: 18px;
	text-align: center;
}

#settingsmodal_t4 textarea{
	width: 98%;
    height: 160px;
    white-space:pre-wrap;
    overflow:    auto;
    font-size: 14px;
    resize: none;
}

#settingsmodal_controls_holder {
    display: none;
}

#sendfeedback, #savesettings, #savepassword {
    display: none;
}

#closeModal {
    display: none;
}


#reviewcopysenddialog_Send {
  color: #FFFFFF !important;
  background-color: #1B9196 !important;
  border-color: #4C4D4F !important;
  width: 460px;
}
#reviewcopysenddialog_Send:focus, #reviewcopysenddialog_Send:active {
  color: #FFFFFF !important;
  background-color: #1B9196 !important;
  border-color: #4C4D4F !important;
}
#reviewcopysenddialog_Send:hover {
  color: #FFFFFF !important;
  background-color: #136B6E !important;
  border-color: #4C4D4F !important;
}


#codegendialog .editor-label {
    margin-top: 10px;
    margin-bottom: 5px;
}

#codegendialog #getcodes {
    display: none;
}

#codegendialog_Generate {
  color: #FFFFFF !important;
  background-color: #1B9196 !important;
  border-color: #4C4D4F !important;
  width: 540px;
}
#codegendialog_Generate:focus, #codegendialog_Generate:active {
  color: #FFFFFF !important;
  background-color: #1B9196 !important;
  border-color: #4C4D4F !important;
}
#codegendialog_Generate:hover {
  color: #FFFFFF !important;
  background-color: #136B6E !important;
  border-color: #4C4D4F !important;
}


#continueRegisterModal {
  color: #FFFFFF !important;
  background-color: #1B9196 !important;
  border-color: #4C4D4F !important;
}
#continueRegisterModal:focus, #continueRegisterModal:active {
  color: #FFFFFF !important;
  background-color: #1B9196 !important;
  border-color: #4C4D4F !important;
}
#continueRegisterModal:hover {
  color: #FFFFFF !important;
  background-color: #136B6E !important;
  border-color: #4C4D4F !important;
}



/* JQUERY UI OVERRIDES styles
-----------------------------------------------------------------------------------------------------------*/

.ui-dialog .ui-icon-closethick {
    display: none;
}

.ui-dialog-titlebar {
    border: none !important;
    border-bottom: 1px dotted #EA3896 !important;
}

.ui-dialog-title{
    padding: 5px !important;
    color: #6E3391 !important;
    font-size: 1.1em !important;
}

.ui-tabs .ui-widget-header {
    border: 1px solid #ffffff !important;
    border-bottom: 1px solid #dddddd !important;
    margin-left: -4px !important;
    margin-right: -4px !important;
    margin-top: -4px !important;
}

.ui-dialog .ui-dialog-buttonpane {
    border-width: 0 !important;
}

.ui-dialog .ui-tabs-active {
    background-color: #ffffff !important;
}

.ui-dialog .ui-state-default {
    background-color: #cccccc;
}

.ui-dialog .ui-dialog-buttonpane button {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  color: #FFFFFF;
  background-color: #949593;
  border-color: #4C4D4F;
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  color: #FFFFFF;
  background-color: #949593;
  border-color: #4C4D4F;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
  text-decoration: none;
  color: #FFFFFF;
  background-color: #4C4D4F;
  border-color: #4C4D4F;
}

.ui-dialog .ui-dialog-buttonpane button:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  color: #FFFFFF;
  background-color: #949593;
  border-color: #4C4D4F;
}

.modalbutton {
    font-size: 0.875em !important;
    margin-bottom: 5px;
    margin-left: -6px;
    width: 165px;
}

.ui-dialog .ui-dialog-titlebar-close {
    background-color: #8FCA45 !important;
    border: 0 !important;
    border-radius: 20px !important;
    height: 26px !important;
    width: 26px !important;
	background-image: url(/Images/V2/delete-white.png);
	background-repeat: no-repeat;
	background-position: center center;
    cursor: pointer;
}


/* SELECT styles
-----------------------------------------------------------------------------------------------------------*/

.select {
    /*float: right;*/
}


/* RADIO BUTTONS styles
-----------------------------------------------------------------------------------------------------------*/

/* hide input */
input.radio:empty {
    display: none;
    width: 0;
    height: 0;
    opacity: 0;
}

/* style label */
input.radio:empty ~ label {
	position: relative;
	float: left;
    padding: 8px;
    margin-right: 2px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
    background-color: #949593;
    border: 1px solid #949593;
    color: #ffffff;
}

/* toggle hover */
input.radio:hover:not(:checked) ~ label {
    border: 1px solid #999999;
    color: #212121;
}

/* toggle on */
input.radio:checked ~ label {
    background-color: #1B9196;
    border: 1px solid #4C4D4F;
    color: #ffffff;
}

/* radio focus */
input.radio:focus ~ label:before {
	box-shadow: 0 0 0 3px #999;
}

input.radio:focus + label {
  box-shadow: 0px 0px 5px #6fb5f1 !important;
  outline: #6fb5f1 dotted 1px !important;
}

#pageEvent {
    display: none;
}

/* Kortext Download Modal */
.ktx-download-modal {
  padding: 0;
  border: 0;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.3);
}

.ktx-download-modal .ui-dialog-titlebar {
  border-bottom: 0 !important;
  padding: 0;
}

.ktx-download-modal .ui-dialog-title {
  display: none;
}

.ktx-download-modal .ui-dialog-titlebar-close {
  right: 0;
  top: 0;
  margin: 12px 12px 0 0;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGZpbGw9IiM1MDVGNzkiIGQ9Ik0xOSA2LjQxTDE3LjU5IDUgMTIgMTAuNTkgNi40MSA1IDUgNi40MSAxMC41OSAxMiA1IDE3LjU5IDYuNDEgMTkgMTIgMTMuNDEgMTcuNTkgMTkgMTkgMTcuNTkgMTMuNDEgMTJ6Ii8+CiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+Cjwvc3ZnPg==");
  background-repeat: no-repeat;
  z-index: 1;
}

.ktx-download-modal .ui-dialog-titlebar-close:hover {
  background-color: transparent !important;
  opacity: 0.8;
}

.ktx-download-modal .ktx-download-modal__content {
  padding: 0;
  overflow: hidden;
}

.ktx-download-modal__body {
  position: relative;
  padding: 20px 36px;
}

.ktx-download-modal__body:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: url(/Images/download-mob.png);
  background-repeat: no-repeat;
  background-size: auto 120%;
  background-position: -84px 50px;
  z-index: -1;
  opacity: 0.1;
}

.ktx-download-modal__body .row {
  margin-left: -15px;
  margin-right: -15px;
}

.ktx-download-modal__body .row:before {
  content: " ";
  display: table;
  box-sizing: border-box;
}

.ktx-download-modal__body .row:after {
  content: " ";
  display: table;
  clear: both;
  box-sizing: border-box;
}

.ktx-download-modal__body .col-sm-4,
.ktx-download-modal__body .col-sm-5, 
.ktx-download-modal__body .col-sm-6,
.ktx-download-modal__body .col-sm-7, 
.ktx-download-modal__body .col-sm-8 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .ktx-download-modal__body .col-sm-4, 
  .ktx-download-modal__body .col-sm-5, 
  .ktx-download-modal__body .col-sm-6,
  .ktx-download-modal__body .col-sm-7,
  .ktx-download-modal__body .col-sm-8
   {
    float: left;
  }

  .ktx-download-modal__body .col-sm-4 {
    width: 33.33333333%;
  }

  .ktx-download-modal__body .col-sm-5 {
    width: 41.66666667%;
  }

  .ktx-download-modal__body .col-sm-6 {
    width: 50%;
  }

  .ktx-download-modal__body .col-sm-7 {
    width: 58.33333333%;
  }

  .ktx-download-modal__body .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-push-5 {
    left: 41.66666667%;
  }
}

.ktx-download-modal__text {
  margin: 0;
  color: #201039;
  text-align: center;
}

.ktx-download-modal__text h2 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.36em;
}

.ktx-download-modal__text p {
  margin-top: 22px;
  font-size: 20px;
  line-height: 1.3em;
}

.ktx-download-modal__body p {
  margin-bottom: 10px;
}

.ktx-download-modal-app {
  margin-top: 20px;
}

.ktx-download-modal-app__store {
  text-align: center;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.ktx-download-modal__body .mac-app-btn {
  padding: 0;
  background-color: #fff;
  border-color: #ccc;
}

.ktx-download-modal__body .mac-app-btn:hover,
.ktx-download-modal__body .mac-app-btn:focus,
.ktx-download-modal__body .mac-app-btn:active {
  background-color: #e6e5e5;
  border-color: #adadad;
}

.ktx-download-modal__body .mac-app-btn:active:hover,
.ktx-download-modal__body .mac-app-btn:active:focus {
  background-color: #d4d4d4;
  border-color: #8c8c8c;
  box-shadow: none;
}

.ktx-download-modal .mac-app-btn .mac-app {
  display: block;
}

.ktx-download-modal .mac-app-btn__text {
  display: inline-block;
  vertical-align: top;
  padding: 4px 8px 3px 0;
}

.ktx-download-modal .mac-app-btn__text .mac-app-main-text,
.ktx-download-modal .mac-app-btn__text .mac-app-main-subtext {
  display: block;
  text-align: left;
  font-size: 12px;
}

.ktx-download-modal .mac-app-btn__text .mac-app-main-text {
  font-weight: bold;
}

.ktx-download-modal .mac-app-btn__text .mac-app-main-subtext {
  font-size: 10px;
}

.ktx-download-modal .mac-app-btn .mac-app svg {
  display: inline-block;
  height: 38px;
  vertical-align: top;
}

.ktx-download-modal .ktx-download-modal__no-app {
  margin: 40px 0;
  color: #777;
  font-weight: bold;
  text-align: center;
}

.ktx-download-modal-app__btn {
  text-align: center;
}

.ktx-download-modal-app__btn p { 
  line-height: 1.2em;
}

.ktx-download-modal-app__btn a {
  padding-left: 5px;
  white-space: nowrap;
  vertical-align: initial;
  color: #720F8F;
  text-decoration: underline !important;
}

@media (min-width: 768px) {
  .ktx-download-modal__body {
    padding: 30px;
  }

  .ktx-download-modal__body:after {
    background-repeat: no-repeat;
    background-size: auto calc(100% - 47px);
    background-position: 26px 47px;
    opacity: 1;
  }

  .ktx-download-modal__text {
    display: block;
    margin: 35px 10px 0;
    text-align: left;
  }

  .ktx-download-modal__text h2 {
    font-size: 42px;
    font-weight: bold;
    line-height: 1.36em;
  }

  .ktx-download-modal-app {
    margin-top: 20px;
  }
}

/* Kortext Store Advert Modal */
.ktx-store-advert-modal {
  padding: 0;
  border: 0;
}

.ktx-store-advert-modal .ui-dialog-titlebar {
  border-bottom: transparent !important;
  padding: 15px;
}

.ktx-store-advert-modal .ui-dialog-titlebar-close {
  right: 15px;
  margin-top: -14px;
  background-color: #828196 !important;
}

.ktx-store-advert-modal .ui-dialog-titlebar-close:hover {
  background-color: #6c6b80 !important;
}

.ktx-store-advert-modal .ktx-store-advert-modal__content {
  padding: 0;
  overflow: hidden;
}

.ktx-store-advert-modal__body {
  position: relative;
  padding: 15px;
}


.ktx-store-advert-modal__header, .ktx-store-advert-modal__lead {
  margin-bottom: 18px;
  text-align: center;
  font-weight: bold;
}

.ktx-store-advert-modal__header {
  font-size: 24px;
  line-height: 1.3em;
  color: #720F8F;
}

.ktx-store-advert-modal__lead {
  font-size: 16px;
  line-height: 1.5em;
  color: #515151;
}

.ktx-store-advert-modal__covers {
  margin-top: 30px;
  height: 100%;
  text-align: center;
}

.ktx-store-advert-modal__coverimg {
  margin: 10px;
}

.ktx-store-advert-modal__coverimg.advert-cover-1,
.ktx-store-advert-modal__coverimg.advert-cover-2,
.ktx-store-advert-modal__coverimg.advert-cover-3 {
  height: 100px;
}

.ktx-store-advert-modal__footer {
  padding: 30px 15px 50px;
  text-align: center;
}

.ktx-store-advert-modal__store-btn {
  padding: 10px 15px;
  font-weight: bold;
  font-size: 18px;
}

@media (min-width: 360px) {
  .ktx-store-advert-modal__coverimg.advert-cover-1,
  .ktx-store-advert-modal__coverimg.advert-cover-3 {
    height: 100px;
  }

  .ktx-store-advert-modal__coverimg.advert-cover-2 {
    height: 130px;
  }
}


@media (min-width: 768px) {
  .ktx-store-advert-modal__header {
    font-size: 32px;
  }

  .ktx-store-advert-modal__lead {
    font-size: 24px;
  }

  .ktx-store-advert-modal__covers {
    height: 200px;
  }

  .ktx-store-advert-modal__coverimg.advert-cover-1,
  .ktx-store-advert-modal__coverimg.advert-cover-3 {
    height: 130px;
  }

  .ktx-store-advert-modal__coverimg.advert-cover-2 {
    height: 160px;
  }

  .ktx-store-advert-modal__footer {
    padding: 10px 30px 50px;
  }

  .ktx-store-advert-modal__store-btn {
    padding: 10px 30px;
    font-size: 20px;
  }
}

.tocList .tocEntry {
  border-top: 1px solid #e6e6e6;
}

.tocList .tocEntry--sub {
  margin-left:10px;
  border-top: 1px solid #efefef;
}

.tocList .tocEntry__link {
  display: block;
  padding: 8px 5px;
  cursor: pointer;
}

.tocList .tocEntry__link:hover {
  background-color: #eee;
}

.tocList .tocList {
  padding-left: 16px;
}

.tocList .tocList .tocEntry {
  border-top: 1px solid #efefef;
}


html {
    overflow: auto !important;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

}

@media (max-width: 940px) {

    footer {
        position: relative;
        text-align: left;
        background-color: #fff;
    }

    .footer-download {
        background-color: #fff !important;
        padding: 0px 0px 20px 30px !important;
        margin: auto !important;
        min-width: unset !important;
        max-width: unset !important;
    }

    .footer-download-default {
        display: none !important;
    }

    .footer-download-device {
        display: block !important;
    }

    .footer-grid-holder {
        position: absolute;
        top: 165px;
        width: 100%;
    }

    .footer-grid {
        padding: 0px 0px 20px 30px !important;
        height: unset !important;
        margin: unset !important;
        min-width: unset !important;
        max-width: unset !important;
    }

    .footer-grid-field-header {
        margin-top: 30px !important;
    }

    .footer-grid-copyright {
        display: block !important;
        margin-top: 40px;
    }

    .footer-social-holder {
        position: absolute;
        top: 80px;
        min-width: unset !important;
        width: 100%;
        height: 90px;
    }

    .footer-social {
        padding: 20px 0px !important;
        height: 20px !important;
        min-width: unset !important;
        max-width: unset !important;
        margin: unset !important;
        margin-left: 30px !important;
    }

    .footer-social a img {
        opacity: 1 !important;
    }

    .footer-social-copyright {
        display: none;
    }

    footer a:hover {
        background-color: unset !important;
    }

}

@media (min-width: 701px) and (max-width: 940px) {

    .footer-grid-column {
        width: 50% !important;
        padding-left: unset !important;
    }

}


@media (max-width: 700px) {

    .header-logo {
        margin-left: 30px !important;
    }

    .footer-grid-column {
        float: unset !important;
        width: 100% !important; 
    }
}

@media (max-width: 600px) {
    .footer-grid-column {
        padding-left: 0 !important;
    }
}

/* Menu icons
-----------------------------------------------------------------------------------------------------------*/
#menu-more, #menu-publisher, #menu-store, #menu-contact {
    outline: none;
    padding: 6px 15px;
    border-radius: 4px;
    margin-top: 8px;
    margin-right: 4px;
}

#menu-more {
    padding: 2px;
}

#menu-contact {
    padding: 2px 16px;
}

#menu-more {
    margin-right: 25px;
}

.context-menu-item {
    padding: .7em 1em !important;
}

.context-menu-item a {
    color: unset !important;
    width: 100%;
    display: inline-block;
}

.context-menu-icon {
  min-height: 18px;
  background-repeat: no-repeat;
  background-position: 8px 9px;
  padding: .7em 2em !important;
}

.context-menu-icon span {
    margin-left: 10px;
}

.context-menu-hover {
    background-color: #f5f5f5 !important;
    color: #000 !important;
}

.context-menu-icon-account {
    background-image: url(/Images/V3/account_icon.png);
}

.context-menu-icon-admin {
    background-image: url(/Images/V3/admin_icon.png);
}

.context-menu-icon-analytics {
    background-image: url(/Images/V3/analytics_icon.png);
}

.context-menu-icon-help {
    background-image: url(/Images/V3/help_icon.png);
}

.context-menu-icon-menu {
    background-image: url(/Images/V3/menu_icon.png);
}

.context-menu-icon-redeem {
    background-image: url(/Images/V3/redeem_icon.png);
}

.context-menu-icon-resources {
    background-image: url(/Images/V3/resources_icon.png);
}

.context-menu-icon-signout {
    background-image: url(/Images/V3/signout_icon.png);
}




.header-logo-internal {
    margin-left: 18px;
    margin-top: 6px;
}

.header-logo {
    margin-left: 60px;
    margin-top: 20px;
}

.register-title {
    font-size: 2em;
    padding-bottom: 12px;
    white-space: nowrap;
}

.register-sub-title {
    font-size: 1.1em;
    margin-top: 8px;
    margin-bottom: 30px;
    line-height: 25px;
}

.login-title {
    font-size: 2.2em;
    margin-bottom: 30px;
}

.login-sub-title {
    font-size: 1.1em;
    padding: 8px;
    margin-bottom: 10px;
}

.login-username-sub-title {
    font-size: .825em;
    color: #7b7b7b;
    margin-top: 10px;
    margin-bottom: 25px;
    padding-left: 20px;
}

.login-sub-section {
    padding: 10px;
    font-size: 1.1em;
    margin-top: 8px;
    margin-bottom: 30px;
    border: 1px solid #f4f4f4;
    border-radius: 5px;
    background-color: #fdfdff;
}
.footer-download-holder {
    background-color: #6e2cd0;
}

.footer-download {
    background-color: #6e2cd0;
    color: #fff;
    padding: 30px 0px 30px 100px;
    margin: auto;
    min-width: 820px;
    max-width: 1140px;
}

.footer-download-device, .footer-download-device-google, .footer-download-device-apple  {
    display: none;
}

.footer-grid-holder {
    background-color: #34009e;
}

.footer-grid {
    background-color: #34009e;
    color: #fff;
    padding: 30px 60px 30px 60px;
    height: 200px;
    margin: auto;
    min-width: 800px;
    max-width: 1140px;
}

.footer-grid-column {
    float: left;
    width: 20%;
    padding-left: 40px;
}

.footer-grid-field {
    line-height: 32px;
    clear: both;
    font-size: .925em;
}

.footer-grid-field-header {
    font-size: 1.1em;
}

.footer-grid-field a, .footer-grid-field a:visited, .footer-grid-field a:active {
    color: #B3ADD9 !important;
}

.footer-social-holder {
    background-color: #13075d;
    min-width: 920px;
}

.footer-social {
    background-color: #13075d;
    color: #fff;
    padding: 30px 0px 30px 80px;
    height: 40px;
    margin: auto;
    min-width: 840px;
    max-width: 1140px;
}

.footer-social div {
    float: left;
    padding: 8px;
    width: 40px;
    text-align: center;
}

.footer-social a {
    color: #fff;
}

.footer-social a img {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.footer-social a img:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.footer-copyright {
    color: #B3ADD9;
}

.footer-grid-copyright {
    display: none;
    margin-top: 30px;
    text-align: right;
    padding-right: 20px;
}

.footer-social-copyright {
    position: relative;
    bottom: 50px;
    padding-right: 80px;
    text-align: right;
    margin-left: 50%;
}

#appInfoCurrent {
    color: #34009e;
    text-align: right;
    padding-bottom: 5px;
    padding-right: 5px;
}




.mdc-button {
    font-family: 'Open Sans', Segoe, Tahoma, Verdana, sans-serif;
    font-size: 1.7rem;
    height: auto;
    letter-spacing: normal;
    text-transform: none;
    padding: 8px 18px 8px 18px;
    margin-left: 10px;
}

.mdc-button:link {
    vertical-align: middle !important;
}

a.mdc-button.icon-on-purple {
    color: #ffffff;
    text-decoration: none;
}

a.mdc-button.icon-on-purple:hover {
    background-color: #5b2ca3;
}

.mdc-button.icon-on-purple {
    background-color: #6e2cd0;
    font-weight: 600;
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 4px 12px 4px 12px;
    box-shadow: none;
}

.mdc-button--raised.mdc-ripple-upgraded, .mdc-button--unelevated.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.24;
}

.mdc-button {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mdc-button--raised {
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-button {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 2.25rem;
    font-weight: 500;
    letter-spacing: .0892857143em;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 8px 0 8px;
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 64px;
    height: 36px;
    border: none;
    outline: none;
    line-height: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 4px;
}

/* JQUERY UI OVERRIDES styles
-----------------------------------------------------------------------------------------------------------*/

.ui-dialog {
    padding: .8em;
    border-radius: 5px !important;
}

.ui-dialog-titlebar {
    border: none !important;
    /*border-bottom: 1px solid #ccc !important;*/
    border-radius: unset !important;
}

.ui-dialog-title {
    padding: 8px 0px 4px 0px !important;
    color: #000 !important;
    font-size: 1.3em !important;
    font-weight: normal !important;
}

.ui-dialog .ui-widget-header {
    background: none;
}

.ui-dialog .ui-dialog-titlebar-close {
    background-color: transparent !important;
	background-image: url(/Images/V3/close-icon.png) !important;
}

/* Overlays */
.ui-widget-overlay {
	background: #000000 url("/Styles/images/ui-bg_diagonals-thick_20_000000_40x40.png") 50% 50% repeat !important;
	opacity: .5 !important;
	filter: Alpha(Opacity=50) !important; /* support: IE8 */
}

.book-info {
    display: inline-block;
    margin-left: 5px;
}


/* Multi select drop down styles */
.multiselect {
    width: 200px;
    margin-left: 5px;
    margin-right: 78px;
}

.selectBox {
    position: relative;
}

.selectBox select {
    width: 100%;
    font-weight: bold;
}

.overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#dataTypeCheckboxes {
    display: none;
    border: 1px #dadada solid;
}

#dataTypeCheckboxes label {
    display: block;
    text-align: left !important;
}

#dataTypeCheckboxes label:hover {
    background-color: #1e90ff;
}

#datatype_holder {
    display: inline-flex;
}