html,body{
height:100%;
}
body main {
min-height: 730px;
}
.logoPlayStore #imgPlayStore {
width:145px;
}
.dlgpopup {
overflow: 'hidden'
}
/* START BOTTOM FOOTER BANNER */
.bottomfooterbanner #footerImgLogo {
height: 55px;
}
#AlertList {
min-height:40px;
}
#AlertList {
min-height: 40px;
}
#AlertList .badgeNewAlert {
display: inline-block;
background-color: #e5f6fd;
border: 1px solid #a6def5;
padding: 1px 7.5px;
vertical-align: bottom;
border-radius: 2.5px;
margin-left: 5px;
}
#AlertList .badgeNewAlert .svg {
display: inline-block;
}
#pnlAlerts #btnShowMore {
text-align: center;
font-size: 13px;
font-weight: bold;
border: 1px solid lightgray;
border-radius: 5px;
margin-top: 10px;
padding: 5px 0px;
cursor: pointer;
}
#AlertList .badgeNewAlert svg {
color: rgb(2, 136, 209);
}
#AlertList .badgeNewAlert label {
display: inline-block;
vertical-align: super;
font-size: 12px;
}
#AlertList .badgeNewAlert {
display: inline-block;
background-color: #e5f6fd;
border: 1px solid #a6def5;
padding: 1px 7.5px;
vertical-align: bottom;
border-radius: 2.5px;
margin-left:5px;
}
#AlertList .badgeNewAlert .svg {
display: inline-block;
}
#pnlAlerts #btnShowMore {
text-align: center;
font-size: 13px;
font-weight: bold;
border: 1px solid lightgray;
border-radius: 5px;
margin-top: 10px;
padding: 5px 0px;
cursor: pointer;
}
#AlertList .badgeNewAlert svg {
color: rgb(2, 136, 209);
}
#AlertList .badgeNewAlert label {
display: inline-block;
vertical-align: super;
font-size: 12px;
}
#pnlAlerts .row.alert {
border-bottom: 1px solid #dee2e6;
border-right: 1px solid #dee2e6;
border-left: 1px solid #dee2e6;
display: block;
margin-bottom: 0px !important;
border-radius: 0px;
}
#pnlAlerts .row.alert .details {
display: inline-block;
width: 95%;
}
#pnlAlerts .row.alert .details .date {
color: gray;
font-size: 12px;
margin-top: 2.5px;
}
#pnlAlerts .row.alert:hover {
background-color: #f8f8f8;
}
#pnlAlerts .row.alert.disabled {
pointer-events: none;color:white;
}
#pnlAlerts .row.alert.top {
border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-top: 1px solid #dee2e6;
}
#pnlAlerts .row.alert.bottom {
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
#pnlAlerts .row.alert .icnRemove {
cursor: pointer;
background: url('../Images/icon-remove.png') no-repeat center #f8f8f8;
background-color: white;
height: 22px;
width: 22px;
background-size: cover;
margin-top: -2px;
float: right;
border-radius: 15px;
}
.dvForgotUsernameListContent {
padding-bottom: 10px;
margin-bottom: 10px;
}
.clearfix::after {
content: "";
display: table;
clear: both;
}
.bottomfooterbanner .bottomFooterContent {
width: 990px;
margin: auto;
background-color: white;
padding-bottom: 15px;
min-height: 215px;
}
.bottomfooterbanner {
width: 100%;
margin: auto;
height: auto;
z-index: 10000;
background-color: white;
border-top: 1px solid #f4f4f4;
}
.bottomfooterbanner .bottomFooterContent {
width: 990px;
margin: auto;
background-color: white;
padding-bottom: 15px;
min-height:215px;
}
.bottomfooterbanner .dvleft {
float:left;
width:29%;
}
.bottomfooterbanner .dvleft .dvlogo {
display: inline-block;
padding-top: 20px;
vertical-align:top;
}
.bottomfooterbanner .dvleft .dvcontent {
display: inline-block;
padding-top: 30px;
}
.bottomfooterbanner .dvright {
float:right;
width: 69.5%; vertical-align: top;
}
.dvError{
}
.bottomfooterbanner .dvright .dvlinks li {
line-height: 22.5px;
}
.bottomfooterbanner .dvright .dvlinks.ourmission,
.bottomfooterbanner .dvright .dvlinks.sitepolicies {
display: inline-block;
vertical-align: top;
padding-top: 25px;
width: 20%;
padding: 25px 10px;
}
.bottomfooterbanner .dvright .dvlinks.getstarted {
display: inline-block;
vertical-align: top;
padding-top: 25px;
width: 23%;
padding: 25px 10px;
}
.bottomfooterbanner .dvright .dvlinks.contact {
display: inline-block;
vertical-align: top;
padding-top: 25px;
width: 23%;
padding: 25px 10px;
}
#footerhlLogo{
display:block;
}
.bottomfooterbanner .dvright .dvlinks ul {
list-style-type: none;
margin: 5px 0px 0px 0px !important;
margin-block-start: 0em !important;
margin-block-end: 0em !important;
padding-inline-start: 0em !important;
}
.bottomfooterbanner .dvright .dvlinks ul a {
color: #666;
font-size: 14px;
font-weight: normal;
}
.bottomfooterbanner .dvright .dvlinks .header {
font-size: 18px;margin-bottom:5px;
}
.bottomfooterbanner .dvright .dvlinks .header a{
pointer-events:none;
}
.bottomfooterbanner .dvright .dvlinks p {
font-size: 14px;
font-weight: normal;
margin-block-start: 0em !important;
margin-block-end: 0em !important;
}
.bottomfooterbanner .btnFooterLogin {
font-size: 13px;
font-weight: 800;
cursor: pointer;
line-height: 22.5px;
border-width: 2px;
border-style: solid;
border-radius: 15px;
padding: 2.5px 5px;
width: 80px;
text-align: center;
margin: 5px auto 5px auto;
}
.bottomfooterbanner .btnFooterSignup {
font-size: 13px;
font-weight: 800;
width: 80px;
cursor: pointer;
line-height: 22.5px;
margin: 5px auto 5px auto;
border-width: 2px;
border-style: solid;
border-radius: 15px;
padding: 2.5px 5px;
color: white;
text-align: center;
}
/* END BOTTOM FOOTER BANNER */
#dvInvoiceExpiry {
}
.singleInvCont.portal .dvinvoice{
display:block !important;margin-bottom:10px;
}
#dvLabelQuoteExpiry{
font-size: 15px;
font-weight: bold;margin-bottom:10px;color:red;
}
#dvInvoiceExpiry .lblinvoicewarning{
font-size: 15px;
font-weight: bold;margin-bottom:5px;color:red;
}
#dvInvoiceExpiry #lblInvoiceExpiryTimer,.timeleftlbl{
font-size: 15px;display:inline-block;
font-weight: bold;
}
.aoy_paragraph iframe{
pointer-events:none;
}
.portalassignmentcontainer .sectioncontainer {
}
.portalimagegroup #hlThumbnail img {
margin: 3.5px 0 0 3.5px;
border: 0px;
border-radius: 5px;
}
#ddTokenOrgGrades {
width: 175px;
height: 30px;
}
#mobiFeedback a {
pointer-events: none;
color: #666666 !important;
}
#signedinLogout a {
pointer-events: none;
color: #666666 !important;
}
.timevalue {
display: inline-block;
}
.dvViewAll{
display:none;
}
.paging{
}
.invoicecontainer .timeleft{
font-weight:bold;
}
.uploadspinner{
}
.dvtbl{
display:table;
}
.dvtbl .dvtblbody{
display:table-row-group;
}
.dvtbl .dvtblrow{
display:table-row;
}
.dvtbl .dbtblcell{
display:table-cell;
}
.dvorganisationreginfo .icnSpin{
margin: auto;
width: 50px;
height: 50px;
}
.dvorganisationreginfo .lblreginfo{
text-align: center;
padding: 15px 0px;
font-size: 16px;
font-weight: bold;
}
.dvorganisationreginfo .lblmaxtime{
font-size: 16px;
font-weight: bold; text-align: center;padding-bottom:10px;
}
#RegisterSelectGroup ul.form-select-list{
z-index: 10109;
min-width: 205px;
display: block;
top: 120px;
}
#RegisterSelectGroup .form-select{
position: initial !important;
}
#dvRestrictedAccess .img-access-restricted{
background: url('../Images/restricted-access.png') no-repeat center #f8f8f8;
background-color:white;
background-size: cover;cursor:pointer;width: 450px;
height: 175px;
margin: auto;
}
#dvRestrictedAccess .lblRestrictedAccess{
}
#dvRestrictedAccess .dvLinks{
text-align: center;
font-size: 14px;padding-bottom:30px;
}
#dvRestrictedAccess .lblRestrictedAccess{
margin: 15px 0px;
text-align: center;
font-size: 14px;
}
#btnPayFast {
background: url('../Images/paynow_basic_logo.png') no-repeat center #f8f8f8;
background-color: white;
height: 74px;
width: 140px;
background-size: cover;
cursor: pointer;
}
#btnPayPalAlt{
background: url('../Images/paypal.png') no-repeat center #f8f8f8;
background-color:white;
height: 34px;
width: 140px;
background-size: cover;cursor:pointer;
}
#btnPayPal{
background: url('../Images/paypal.png') no-repeat center #f8f8f8;
background-color:white;
height: 34px;
width: 140px;
background-size: cover;cursor:pointer;
}
.obami_blobupload .hidden {
position: absolute;
top: 0;
opacity: 0;
width: 260px;
filter: alpha(opacity=0);
cursor: pointer;
}
.obami_blobupload{
}
.obami_blobupload #btnRemoveBlob{
width: 85px;
text-align: center;
font-size: 12px;
line-height: 25px;
height: 25px;
border: 1px solid lightgray;
font-weight: bold;
border-radius: 3px;
margin: 10px 0px;cursor:pointer;
}
.obami_blobupload .previewtemp.badge{
width:80px;
height:80px;
background-size:cover;border-radius:3px;
}
#pnlImageContainer.imagecontainer {
height:initial !important;
}
#dvAuthlogin .icnWarning{
cursor: wait;
background: url('../Images/formelements/icon_exclamation.png') no-repeat center #f8f8f8;
background-color:white;
height:32px;
width:32px;
background-size: cover;
display: inline-block;
margin-bottom: 15px;
}
#assignmentvideouploadmsg{
line-height: 25px;
font-size: 14px;
}
#assignmentvideouploadspinner{
margin-top: 10px;
}
.icnUploadBlobSpinner{
cursor: wait;
background: url('../Images/spinning.gif') no-repeat center #f8f8f8;
background-color:white;
height:32px;background-size:cover;
width:32px;margin: 10px 5px;
}
.uploadspinner{
cursor: wait;
background: url('../Images/spinning.gif') no-repeat center #f8f8f8;
background-color:white;
height:32px;background-size:cover;
width:32px;
}
#dvAuthlogin .icnSpinner{
cursor: wait;
background: url('../Images/spinning.gif') no-repeat center #f8f8f8;
background-color:white;
height:32px;
width:32px;
}
.paging .dvViewAll{
line-height: 44px;
float: right;
padding-left: 10px;
color: #3249BD;
cursor: pointer;
padding-right: 15px;
font-weight: bold;
text-decoration: underline;
}
#divAssignmentUserList .dvViewAll{
display:initial !important;
}
th { font-weight:normal; }
#divTabToolbarAdmin .dropdown li {
padding: 3px 0px;
}
#divTabToolbarPortal .dropdown li {
padding: 3px 0px;
}
#pnlPortalPageTab .dropdown li {
padding: 3px 0px;
}
#pnlQuestionOuter .text.displayptagsinline p{
display:inline-block;
}
#lblQuestionMark {
/*display:none;*/
}
#divTabToolbarAsig .dropdown li {
padding: 3px 0px;
}
#divTabToolbarMsg .dropdown li {
padding: 3px 0px;
}
#divTabToolbarContact .dropdown li {
padding: 3px 0px;
}
#tokensearchresult .spinner {
height: 35px !important;
}
.dvOrganisationSignUp .dvRadios {
margin-bottom:10px;
}
.dvOrganisationSignUp .dvRadios .sr.selected {
background-color: gainsboro;
border-color: gray;
}
.dvOrganisationSignUp .dvRadios .sr {
display: block;
overflow: auto;
padding: 7.5px 7.5px;
line-height: 20px;
border: 1px solid lightgray;
margin: 10px 0px;cursor:pointer;
border-radius: 5px;
}
.dvOrganisationSignUp .communitytype .sr .dvdesc{
margin-top: 0px;
margin-left: 50px;
}
.dvOrganisationSignUp .dvRadios .dvdesc{
}
.dvOrganisationSignUp .dvRadios .sr .dvicn {
float: left;
}
.dvOrganisationSignUp .dvRadios .sr .dvicn div {
width: 42px;
background-size: cover;
height: 42px;
}
.dvOrganisationSignUp .dvRadios .sr .dvicn.internally div {
background-image: url(../Images/thumb/organisation.png);
}
.dvOrganisationSignUp .dvRadios .sr .dvicn.externally div {
background-image: url(../Images/thumb/learningCentre.png);
}
.dvOrganisationSignUp .dvRadios .sr .dvicn.college div {
background-image: url(../Images/thumb/college.png);
}
.dvOrganisationSignUp .dvRadios .sr .dvicn.school div {
background-image: url(../Images/thumb/icon_school.png);
}
.dvOrganisationSignUp .dvRadios .sr label {
line-height: 20px;display: inline;
font-size: 14px;
}
.dvorgtermsconditions {
margin-bottom: 10px;
}
#dvResetPasswordLogin{
text-align:center;
font-size:14px;
text-decoration:underline;
font-weight:bold;
margin-top:10px;cursor:pointer;
}
#aTermsAndConditions{
cursor:pointer;
}
#hlReturn {
text-decoration: underline;
}
.tokennotfound {
display: block;
height: 35px;
line-height: 35px;
}
.dvInvoiceEnterEmail .dvHeader{
margin-bottom:15px;
}
.dvInvoiceEnterEmail .row .label{
display: block;
float: none !important;
width: auto !important;
text-align: left !important;
line-height: 20px;
height: 20px;
}
#divAdminTab .innersubmenu{
margin-left:15px !important;
border-left:1px solid lightgray !important;
}
.dvInvoiceEnterEmail .form-textbox{
height: 30px;
width: 100% !important;
font-size: 15px;
text-indent: 10px;
padding: 0px !important;
margin: auto;
display: block;
border-radius: 5px;
}
#dvStore .icnLink {
vertical-align: bottom;margin-left:2.5px;
}
#eftLink{
cursor:pointer;
}
.dvinvoice .icnLink,#dvStore .icnLink {
background-image: url(../Images/icon-link.png);
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-size: cover;
cursor: pointer;
display: inline-block;
margin-top: 0px;
padding-top: 0px;
vertical-align: sub;
}
#btDlInvoice{
display:inline-block;
border:1px solid gray;
margin-left:10px;cursor:pointer;
padding:2px 5px;
border-radius:5px;font-size:12px;
}
#dvStore #btDlInvoice{
margin-left:0px !important;
}
#btDownloadPdf{
cursor: pointer;
border: 1px solid
gray;
width: 250px;
height: 50px;
line-height: 50px;
text-align: center;
margin: auto;
margin-top: auto;
margin-top: 30px;
border-radius: 3px;
font-size: 20px;
font-weight: bold;
}
.dvInvoiceEnterEmail #lblEmailValidation{
font-size: 12px;
margin-left: 0px;
color:
red;
display: block;
}
#dlgEnterEmail{
width:350px !important;
}
.dvInvoiceEnterEmail .dvbuttonrow{
margin-top:15px;
}
.dvInvoiceEnterEmail #btnCancelEnterEmail{
cursor:pointer;width: 40px;
height: 30px;
line-height: 30px;
float: left;
text-decoration: underline;
font-weight: bold;
}
.dvInvoiceEnterEmail #btnConfirmEnterEmail{
cursor: pointer;
width: 75px;
background-color: gray;
height: 30px;
color:
white;
text-align: center;
line-height: 30px;
border-radius: 3px;
float: right;
margin-left: 10px;
font-weight: bold;
}
/* Reset Password page */
#dvMessage{
padding:20px 0px;width: 350px;
margin: auto;
}
#dvMessage .successmessage{
font-weight: bold;
font-size: 14px;
text-align: center;
}
#dvAssignmentSetUpdate #dvMessage{
margin:initial !important;
}
#lblError{
font-weight:bold;
font-size:14px;
text-align:center;
}
#dvNewPassword .label{
line-height: 20px;
height: 20px;
}
#dvNewPassword .tb{
}
#dvNewPassword .validation{
color:red;
font-weight:bold;
}
#dvNewPassword .successmessage{
font-weight:bold;
font-size:14px;text-align:center;
}
#dvNewPassword .btConfirmResetPassword{
text-align: center;
border-radius: 5px;
font-size: 16px;
font-weight: bold;
width: 250px;color:white;cursor:pointer;
height: 40px;
margin: 10px auto 10px auto;
border: none !important;
line-height: 40px;
}
#dvNewPassword .val{
margin-bottom:10px;
}
#dvNewPassword .dvButtons{
overflow:auto;
}
#dvNewPassword .form-textbox {
height: 30px;
width: 100% !Important;
font-size: 16px;
text-indent: 14px;
padding: 0px !important;
margin: auto;
display: block;
border-radius: 5px !important;
}
#dvNewPassword {
width: 350px;
margin: auto;
padding: 20px 0px;
}
/* The switch - the box around the slider */
.switch {
position: relative;
display: inline-block;
width: 52px;
height: 28px;
}
.h1{
font-size:26px;
}
/* Hide default HTML checkbox */
.switch input {
opacity: 0;
width: 0;
height: 0;
}
/* The slider */
.cbslider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.cbslider:before {
position: absolute;
content: "";
height: 20px;
width: 20px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .cbslider:before {
-webkit-transform: translateX(22px);
-ms-transform: translateX(22px);
transform: translateX(22px);
}
/* Rounded sliders */
.cbslider.round {
border-radius: 34px;
}
.cbslider.round:before {
border-radius: 50%;
}
.barfiller {
height: 12px;
background: #fcfcfc;
border: 1px solid #ccc;
position: relative;
margin-bottom: 5px; margin-top: 5px;
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,.5);
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,.5);
border-radius: 5px;
}
.barfiller .fill {
display: block;
position: relative;
width: 0px;
height: 100%;
border-radius: 5px;
z-index: 1;
}
.barfiller .tipWrap { display: none; }
.barfiller .tip {
margin-top: -30px;
padding: 2px 4px;
font-size: 11px;
color: #fff;
left: 0px;
position: absolute;
z-index: 2;
background: #333;
}
.barfiller .tip:after {
border: solid;
border-color: rgba(0,0,0,.8) transparent;
border-width: 6px 6px 0 6px;
content: "";
display: block;
position: absolute;
left: 9px;
top: 100%;
z-index: 9
}
.im {
color: #999 !important;
}
#myProgress {
width: 100%;
background-color: grey;
}
#myBar {
width: 1%;
height: 30px;
background-color: green;
}
.fileUpload {
position: relative;
overflow: hidden;
}
.orgloginbox {
width: 350px;
margin: auto;
padding: 20px 0px;
}
#btnGenerateRegistrationTokens{
margin-left: 15px;
margin-bottom: 15px;
}
#btnLoginTest{
}
#dvForgotUsername .lblResetPass {
font-size: 14px;
font-weight: bold;
margin-top: 5px;
}
#dvForgotUsername .lblResetPassDesc {
font-size: 14px;
margin-top: 5px;
margin-bottom: 0px;
padding-bottom: 5px;
}
#tbUsernameEmail {
}
#dvSendPassword{
}
#dvSendPassword .row{
margin: 0px 0px !important;
padding-bottom: 0px !important;
}
#dvPasswordSent .lblMsg{
font-size: 14px;
margin: 10px 0px 15px 0px;
}
#dvResendForgotPassword{
font-weight: bold;
font-size: 14px;
text-align: center;
margin-top:15px;text-decoration: underline;cursor: pointer;
}
#dvSendPassword .row .lblTitle{
width: 90%;
margin: auto;
font-size: 13px;
height: 20px;
display: block;
margin-top: 10px;
}
#btnReturnSignIn{
cursor:pointer;text-decoration:underline;
}
#loginForgotPassword .lblResetPass{
font-size: 14px;
font-weight: bold;
margin-top: 5px;
}
#loginForgotPassword .lblResetPassDesc{
font-size: 14px;
margin-top: 5px;
margin-bottom: 0px;
padding-bottom: 5px;
}
#dvForgotUsername .row {
margin: 0px 0px !important;
padding-bottom: 0px !important;
}
#loginForgotUsername .btnrow {
height: 30px;
margin: 15px 0px 0px 0px;
}
#loginForgotPassword .btnrow {
height: 30px;
margin: 15px 0px 0px 0px;
}
.aboutportallink{
text-decoration:underline;
display:inline;font-weight:normal !important;
}
.aboutportallink_mobile{
display:none;
}
#loginForgotUsername #dvForgotUsername .form-textbox {
width: 100% !important;
margin-top: 10px;
margin-bottom: 15px;
border-radius: 5px !important;
}
#loginForgotPassword #dvSendPassword .form-textbox{
width: 100% !important;margin-top: 10px;margin-bottom: 15px;border-radius:5px !important;
}
#loginForgotPassword .forgotpassmsg{
text-align: center;
font-size: 14px;font-weight:normal;
margin-top: 15px;
margin-bottom: 15px;
}
#loginForgotUsername .forgotpassmsg {
text-align: center;
font-size: 14px;
font-weight: normal;
margin-top: 15px;
margin-bottom: 15px;
}
#dvForgotUsernameList .btnrow {
position: fixed;
bottom: 0px;
width: 100%;
background-color: white;
left: 0px;
text-indent: 15px;
}
.msginlineforgotusername {
margin: auto;
color: red;
font-size: 13px;
}
#dvForgotUsernameList .singleusername {
height: 20px;
margin-bottom: 5px;
}
#dvForgotUsernameList .singleusername label {
display: inline-block;
font-size: 13px;
}
#dvForgotUsernameList .singleusername .btnLogin {
font-size: 13px;
float: right;
color: white;
cursor: pointer;
font-weight: bold;
text-align: center;
width: 55px;
height: 20px;
border-radius: 3px;
display: inline-block;
}
#divForgottenPassword {
font-size: 14px;
text-align: center;
margin: 10px 0px;
cursor: default;
}
.dvSignUp #btALtSignUp{
cursor:pointer;text-decoration:underline;
}
#divForgottenPassword label{
cursor:pointer;text-decoration:underline;margin-left:5px;
}
#loginDialog .form-textbox ,#tbPortalActivateCode {
height: 30px;
width: 100% !Important;
font-size: 16px;
text-indent: 14px;
padding:0px !important;
margin: auto;
display: block;
border-radius: 5px !important;
}
#loginDialog .form-textbox:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
#lblOutcomeScoreCounter {
text-align: center;
font-size: 32px;
font-weight: bold;
}
#returnContainer {
display:inline-block;
height: 30px;
line-height: 30px;
}
#continueContainer {
display: inline-block;
padding-left: 30px;
float: right;
margin-right: 30px;
}
.imgcontinueshopping {
height: 30px;
padding-top: 5px;
background-size: cover;
z-index: 10000;
width: 30px;
display: inline-block;
margin-left: 10px;
/* margin-top: 5px; */margin-right:5px;
margin-top: 0px;
background: url(../Images/Cart.png) no-repeat center;
}
#btnContinueShopping .lblcontinueshopping{
vertical-align: top;
margin-top: 8px;
display: inline-block;
margin-left: 10px;
}
#btnContinueShopping .linkArrow {
vertical-align: top;
display: inline-block;
margin-top: 8px;
font-size: 16px;
margin-left: 5px;
}
#btnContinueShopping {
background-color: #666666;
width: 220px;
border-radius: 3px;
height: 35px;
color: white;
font-size: 14px;
font-weight: bold;display:block;cursor:pointer;
}
#btnPayPalAlt {
}
.audioicon {
width:22px;
height:32px;display:inline-block;
}
#divElementImageSelect .mediumimage img {
border-radius: 5px;
}
#pnlAssignmentsView {
max-height: 500px;
overflow: scroll;
}
#btnCancelRecording{
cursor: pointer;
display: inline-block;
font-weight: bold;
text-decoration: underline;
font-size: 14px;
margin-left: 5px;
}
#btAddRecording{
width:200px;
}
#lblUploadAudio{
font-weight: bold;
line-height: 25px;
margin-top: 10px;
font-size: 13px;
/* text-decoration: underline; */
border-bottom: 1px solid lightgray;
}
#lblRecordAudioTitle{
font-weight: bold;
line-height: 25px;
margin-top: 10px;margin-bottom:5px;
font-size: 13px;
/* text-decoration: underline; */
border-bottom: 1px solid lightgray;
}
#imgrecord.recording {
background: red;
background: -webkit-radial-gradient(center, ellipse cover, #ff0000 20%,white 75%,white 100%,#ffffff 100%);
background: -moz-radial-gradient(center, ellipse cover, #ff0000 20%,white 75%,white 75%,#7db9e8 100%);
background: radial-gradient(center, ellipse cover, #ff0000 20%,white 75%,white 75%,#7db9e8 100%);
}
#divPortalTab .portalTitleLink_mobile {
display: none !important;
}
.lblAudioRecordLog {
display:inline-block;font-weight:bold;font-size:12px;margin-left: 10px;
line-height: 20px;vertical-align:top;
}
#lblAudioRecordTimer {
display:inline-block;font-weight:bold;font-size:12px;margin-left: 10px;
line-height: 20px;vertical-align:top;
}
.spinner{
position: absolute;
cursor: wait;
z-index: 10000;
-khtml-opacity:.50;
-moz-opacity:.50;
-ms-filter:"alpha(opacity=50)";
filter:alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
opacity:.50;
background: url('../Images/spinning.gif') no-repeat center #f8f8f8;
background-color:white;
}
.spin{
position: absolute;
cursor: wait;
z-index: 10000;
-khtml-opacity:.50;
-moz-opacity:.50;
-ms-filter:"alpha(opacity=50)";
filter:alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
opacity:.50;
background: url('../Images/formelements/loading.gif') no-repeat center #f8f8f8;
background-color:white;
}
.dvRecordingIcn{
display:inline-block;
}
.dvRecordinglbl{
display: inline-block;
vertical-align: top;
margin-top: 5px;
}
.minispinner{
height: 28px;
background-size: cover;cursor: wait; z-index: 10000;
width: 28px;
display: inline-block;
margin-left: 10px;
margin-top: 0px;
background-image: url('../Images/spinning.gif');
}
#dvFacebookUser .row .fbfieldtitle{
padding: 15px 0px 20px 0px;
}
#dvFbUsernameTitle{
padding-bottom:15px !important;
padding-top:15px;
}
#dvFbPasswordTitle{
padding-bottom:15px !important;
padding-top:15px;
}
#dvFbUsernameTitle label{
font-size: 15px;
font-weight: bold;
}
#dvFbPasswordTitle label{
font-size: 15px;
font-weight: bold;
}
#dvFacebookUser{
margin-bottom: 0px;
}
#dvFacebookUser .dvFbProfilePic{
display: inline-block;
}
#dvFacebookUser .dvFbProfileusername{
display: inline-block;
vertical-align: top;
margin-top: 15px;
margin-left: 10px;
}
#dvFacebookUser #lblFacebookUsername{
font-size: 16px;
font-weight: bold;
}
#dvFacebookUser #imgFacebookProfile {
}
.btnDisabled {
opacity:0.5;
cursor: not-allowed;
}
.skiptestbtn {
font-size: 13px;
line-height:30px !important;
}
.lblSkipstep {
display: inline-block;
float: right;
margin-top: 12px;
}
#DisplayForm {
margin-top:15px;
font-weight:bold;
}
.fakefile {
height: 30px;
width: 378px;
border: 0px;
vertical-align: bottom;
}
/* Registration 2018/01/11 */
.rowseperatetitle{
height: 20px; margin: 10px 0px 15px 0px;
}
.rowseperatetitle .lblTitle{
text-align: center;
width: 19%;
display: inline-block;
font-size: 12px;
font-weight: bold;
height: 20px;
line-height: 20px;
vertical-align: top;
}
.rowseperatetitle .dvhorizLine{
display: inline-block;
width: 40%;
height: 20px;
}
.rowseperatetitle .dvhorizLine .horizLine{
width: 100%;
border-top: 1px solid lightgray;
margin-top: 10px;
}
.rowseperateor .lblOr{
text-align: center;
width: 11%;
display: inline-block;
font-size: 12px;
font-weight: bold;
height: 20px;
line-height: 20px;
vertical-align: top;
}
.rowseperateor .dvhorizLine{
display: inline-block;
width: 44%;
height: 20px;
}
.rowseperateor .dvhorizLine .horizLine{
width: 100%;
border-top: 1px solid lightgray;
margin-top: 10px;
}
#tblRulesFriendParentRequests{
}
#RegisterOpenContent{
}
.googlesignupinfo{
width: 235px;
padding: 5px 5px;
border: 1px solid lightgray;
border-radius: 10px;
height: 35px;
margin-bottom: 18px;
margin: 10px auto 15px auto;
}
.googlesignupinfo .gpLogo{
height: 32px;
display: inline-block;
width: 32px;
background-size: cover;
border-radius: 15px;
}
.googlesignupinfo .gpUserInfo{
padding-left: 10px;
display: inline-block;
}
.googlesignupinfo .gpUserInfo .name{
display: block;
font-size: 14px;
font-weight: bold;
}
.googlesignupinfo .gpUserInfo .email{
display: block;
font-size: 13px;
}
.signupoptionhelpertext{
text-align:center;
}
#btnGoogleSignIn {
margin:auto;
background: white;
color: #444;
width: 250px;
height:40px;
border-radius: 5px;
border: thin solid #888;
box-shadow: 1px 1px 1px grey;
white-space: nowrap;text-align: justify !important;
}
#btnGoogleSignIn:hover {
cursor: pointer;
}
#btnGoogleSignIn span.label {
font-family: serif;
font-weight: normal;
}
#btnGoogleSignIn span.icon {
background: url(../Images/identity/g-logo12.png) transparent 0px 50% no-repeat;
display: inline-block;
vertical-align: middle;
width: 32px;
height: 32px;border-radius:5px;
background-size: cover;margin-left: 15px;
}
#btnGoogleSignIn span.buttonText {
display: inline-block;color:white;
vertical-align: middle;
color: white;
vertical-align: middle;
text-align: center !important;
width: 175px;
/* Use the Roboto font that is loaded in the ../Images/formelements/textbox-search.png */
}
#RegisterOpenContent {
}
.fbSignInRow{
min-height:34px;
}
.signupoption a{
color:white !important;
}
#btnGoogleSignIn{
width: 250px;
margin: auto;
}
#RegisterOpenContent .signupoption {
cursor: pointer;
text-align: center;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
font-size: 16px;
font-weight: bold;
width: 246px;
height: 36px;
margin: 10px auto 10px auto;
line-height: 36px;
}
#lblfbuserexist{
font-weight: bold;
text-align: center; margin-bottom: 15px;
}
.dvregisterorganisation{
width: 274px;
margin: auto;
margin-bottom: 10px;text-align:center;
}
#RegisterOpenContent .signupvalidationrow{
}
#RegisterOpenContent .signupvalidationrow{
margin-top: 5px;min-height:1px;
}
#RegisterOpenContent .signupvalidationrow label{
font-size: 12px;
font-weight: bold;
margin-left: 10px;color:red;display:block;
}
#RegisterSignUpOptions .signupoption {
cursor: pointer;
text-align: center;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
font-size: 16px;
font-weight: bold;
border: 1px solid gray;
width: 246px;
height: 36px;
margin: 10px auto 10px auto;
line-height: 36px;
}
#RegisterSignUpOptions .desc {
text-align: center;
padding: 5px 20px;
font-size: 14px;
}
#tbCellDialingCode {
width: 45px;
margin-right: 10px;
}
.dvOrganisationInfo {
}
.dvOrganisationSignUp .signupbuttonrow{
padding-bottom:5px;
}
.dvOrganisationInfo .signupbuttonrow {
padding-top: 5px;
}
.dvOrganisationInfo .signupvalidationrow {
margin-top: 1px;
min-height: 1px;
}
.dvOrganisationType .m1 {
text-align: left;
padding: 5px 0px;
font-size: 14px;
}
.dvOrganisationType .m2 {
text-align: left;
padding: 5px 0px 10px 0px;
font-size: 14px;
}
.dvOrganisationSignUp .signupvalidationrow label {
font-size: 12px;
margin-left: 0px;
color: red;
display: block;
}
.dvOrganisationInfo {
}
.signupbuttonrow{
overflow:auto;
}
.dvOrganisationInfo .row {
margin-bottom: 5px;
}
.dvOrganisationInfo .row .label, #divLogin .label, .dvRegistrationInfoForm .row .label,.dvactivateportal .row label {
display: block;
float: none !important;
width: auto !important;
text-align: left !important;
line-height: 20px;
height: 20px;
}
#btALtSignIn {
cursor: pointer;
font-weight: normal !important;
}
.dvSignIn{
margin-bottom: 10px;
}
.dvSignIn .lblAcc {
font-size: 14px;
padding: 10px 0px 0px 0px;
text-align: center;
}
.fb-login-button{
display: block !important;
}
.fb-login-button span{
display: block !important;
margin:auto;
}
#loginForgotUsername #btnReturnSignIn {
text-align: center;
font-size: 14px;
}
#loginForgotUsername #btnReturnSignIn a {
cursor: pointer;
font-weight: normal;
text-decoration: underline;
}
#btnCancelForgotPassword {
text-align: center;
font-size: 14px;
}
#btnCancelForgotPassword a {
cursor: pointer;
font-weight: normal;
text-decoration: underline;
}
.dvSignUp{
margin-bottom: 10px;
}
.dvSignUp .lblNoAcc{
font-size: 14px;
text-align: center;
}
#btnOrganisationSignIn , #btnOrganisationSignUp{
cursor: pointer;
text-align: center;
border-radius: 5px;
font-size: 16px;
font-weight: bold;
border: 1px solid gray;
width: 246px;
height: 36px;
margin: 10px auto 10px auto;
line-height: 36px;
}
.dvOrganisationSignUp .communitytype .sr{
}
#loginDialog .signupoption, .btValidatePortalActivateCode {
cursor: pointer;
text-align: center;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
font-size: 16px;
font-weight: bold;
width: 250px;
height: 40px;
margin: 10px auto 10px auto;
border: none !important;
line-height: 40px;
}
#btnSignInFacebook{
cursor: pointer;
text-align: center;
font-size: 16px;
font-weight: bold;
border: 1px solid gray;
width: 270px;
margin: 10px auto 10px auto;
height:32px;line-height:32px;
}
#dvPortalSubscriptionOptions .purchaseoption{
cursor: pointer;
text-align: center;
font-size: 16px;
font-weight: bold;
border: 1px solid gray;
width: 270px;
margin: 10px auto 10px auto;
height:32px;line-height:32px;
}
.dvpassword{
margin-bottom: 0px !important;
}
#RegisterEnterToken .row{
margin: 10px 0px;
}
#RegisterOpenContent .signupbuttonrow{
margin: 15px 0px 10px 0px;
height: 30px;
}
#RegisterEnterToken .signupbuttonrow{
margin: 10px 0px;height:25px;
}
#RegisterEnterToken .tbsearchrow{
height: 35px;
}
#RegisterOpenContent .row .lblsignuptitle{
font-size: 14px;
font-weight: bold;
}
#RegisterEnterToken .row .lblsignuptitle{
font-size: 14px;
font-weight: bold;
}
#RegisterEnterToken #tokensearchresult {
margin-bottom:10px;
font-weight: bold;
}
#RegisterEnterToken #tokensearchresult .tokeninforel{
text-align:left; margin-bottom: 10px;font-weight:bold;
}
#RegisterEnterToken #tokensearchresult .dvsingletokengrade{
display:inline;
}
#RegisterEnterToken #tokensearchresult .tokeninfoorg{
text-align:center; margin-bottom: 5px;font-weight:bold;
}
#RegisterEnterToken #tokensearchresult .dvtokeninfograde{
text-align: left;
margin-bottom: 15px;
font-weight: bold;
vertical-align: top;
}
#RegisterEnterToken #tokensearchresult .dvtokeninfograde .abc{
display: inline-block;
vertical-align: top;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 15px;
}
#RegisterEnterToken #tokensearchresult .confirmtokenrow{
text-align: center;width:50%;
}
#RegisterEnterToken #tokensearchresult .tokenbtnOr{
display: inline;
font-weight: bold;
font-size: 14px;
line-height: 25px;
}
#btnConfirmToken {
}
#btnCheckToken{
display:none !important;
}
#tbToken{
border-radius: 15px !important;
float: left;
height: 19px;
width: 15%;
font-size: 14px;
text-align: center;
}
#btnRejectToken {
background-color:#7c7c7c;
}
.btnReject,.btnCancel{
float: right;
line-height: 23px;
font-weight: bold;
font-size: 12px;
text-decoration: underline;
cursor:pointer;
}
.tokenbtn {
display: inline-block;
cursor: pointer;
float: right;
width: 75px;
text-align: center;
height: 30px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
font-size: 13px;
font-weight: bold;
color: white;
line-height: 30px;
}
#tbCreateUsername{
float: left;
height: 19px;
width: 75%;
font-size: 14px;
}
#btnCheckToken{
}
.dvcreateusername{
margin: 10px 0px;
height: 30px;
}
#btnCheckCreatedUsername{
cursor: pointer;
line-height: 30px;
text-indent: 3px;
font-size: 14px;
font-weight: bold;
color: white;
}
.singlesuggestedusername{
margin:10px 0px;height: 30px;
}
#btALtSignUp{
cursor:pointer;font-weight:normal !important;
}
#dlgHtmlReplacer .modalTitle {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.btnsignup {
cursor: pointer;
width: 75px;
background-color: gray;
height: 30px;
color: white;
text-align: center;
line-height: 30px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
float: right;
margin-left: 10px;
font-weight: bold;
}
.btnsignupback {
cursor: pointer;
width: 40px;
height: 30px;
line-height: 30px;
float: left;
text-decoration:underline;
font-weight: bold;
}
.btnsignup .spinner{
}
#RegisterOpenContent #icnSelectedUsername{
display:inline-block;
float:right;height: 28px;
width: 26px;
}
.textbox-right-empty{
height: 31px;
margin-top: 1px;
width: 34px;
/* background-image: url(../Images/formelements/textbox-search.png); */
background-repeat: no-repeat;
background-position: left center;
float: left;
padding: 0;
display: inline-block;
cursor: pointer;
background-color: gray;
border-bottom-right-radius: 20px;
border-top-right-radius: 20px;
}
#loginDialog .modalTitle{
padding: 0px 15px !important;
}
#loginDialog .modalContent{
padding: 10px 15px !important;
}
#dlgHtmlReplacer .modalContent {
}
.textbox-search-right{
height: 31px;
margin-top: 1px;
width: 50px;
/* background-image: url(../Images/formelements/textbox-search.png); */
background-repeat: no-repeat;
background-position: left center;
float: left;
padding: 0;
display: inline-block;
cursor: pointer;
background-color: gray;
border-bottom-right-radius: 20px;
border-top-right-radius: 20px;
}
#tokencontainer{
margin-bottom: 20px;
}
#tokencontainer .link{
}
#tokencontainer .singletokencont{
margin: 15px 0px;
}
#tokencontainer .singletokencont .field{
display:inline-block;
}
#tokencontainer .singletokencont .field .label{
float:none;
}
#tokencontainer .singletokencont .lblToken{
display: inline-block;
font-size: 16px;
font-weight: bold;
line-height: 20px;
height: 20px;margin-left:5px;
}
#RegisterEnterToken .row .lblTitle{
}
#RegisterEnterToken .confirmtokenrow {
height:35px; margin-top: 15px;
}
#RegisterEnterToken .confirmtokenrow #btnConfirmToken{
}
#dvOrganisationSignUp{
font-weight: bold;
font-size: 13px;
margin-bottom: 10px;
text-align: left;
}
#btnOrganisationSignUp{
cursor:pointer;
}
#RegisterEnterToken .confirmtokenrow .tokenbtnOr {
display:inline-block; margin-left: 15px;
margin-top: 5px;
font-weight: bold;
}
#RegisterEnterToken .confirmtokenrow .dvbuttons {
height: 35px;text-align:center;
}
.textbox-search-right .searchicon{
height: 20px;
margin-top: 1px;
width: 20px;
background-image: url(../Images/formelements/search-icon.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 5px 0px 0px 13px;
}
#signuperrormsg {
font-size: 13px;
color: red;
}
#RegisterOpenContent #divTermsAndConditions{
display:none;margin-top:15px;
max-height: 320px;
overflow: scroll;
}
#RegisterOpenContent .row {
/* margin: 10px 0px;*/
}
#RegisterOpenContent .row.longtitle .label{
width:100%;text-align:left;
}
#loginDialog .row {
margin: 0px 0px;
padding-bottom: 10px;float: none !important;
line-height: 20px;
}
#RegisterOpenContent .form-textbox{
height: 30px;
width: 100% !important;
font-size: 15px;
text-indent: 10px;
padding:0px !important;
margin: auto;
display: block; border-radius:5px;
}
.dvOrganisationType #divTermsAndConditions {
margin-top: 10px;
max-height: 250px;
overflow-y: scroll;
padding-top: 0px;
font-size: 12px;
}
.dvOrganisationSignUp .form-textbox {
height: 30px;
width: 100% !important;
font-size: 15px;
text-indent: 10px;
padding: 0px !important;
margin: auto;
display: block;
border-radius: 5px;
}
.dvtermconditions{
text-align: center;
}
#dlgHtmlReplacer .spinner{
background: url(../Images/spinning.gif) no-repeat center #ffffff !Important;
}
#RegisterOpenContent .createusernamerow {
}
.singlesuggestedusername .btnSelectUsername{
display:inline-block;
float: right;
width: 55px;
text-align: center;
height: 25px;
border-radius: 3px;
font-size: 13px;
font-weight: bold;
color: white;
line-height: 25px;
}
#dvCreateUsernameResult{
font-size:13px;
}
.singlesuggestedusername #lblUsername{
display:inline-block;font-size:13px; margin-top: 5px;
}
/* Subscription related styling */
#budgetInfo {
text-align: right;
font-size: 12px;
font-weight: bold;
}
#budgetInfoSubscribePage {
text-align: right;
font-size: 12px;
font-weight: bold;
margin-right: 5px;
margin-top: 10px;
}
.lblPmtBtn {
display: block;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}
.pmtSeperatorSub {
width: 225px;
margin: auto;
margin-top: 15px;
margin-bottom: 20px;
}
.InvColumnQuanitity
{
font-weight:bold;
font-size:12px;
display: inline-block;
width:15%;
line-height: 25px;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
}
#btnPayFastRecurring {
margin: auto;
display: block;
}
#btnPaypalRecurring {
margin: auto;
display: block;
}
#hlSignUp:hover{
opacity:0.9;
}
#hlSignInAlternative:hover {
background-color: #fbfbfb;
}
/* generic formatting */
.clr {
clear: both;
}
.clrNone { clear:both; }
.fleft { float:left; }
.fright { float:right; }
iframe {z-index:9000; }
#hlSignInAlternative {
font-size: 13px;
font-weight: 800;
cursor: pointer;
line-height: 20px;
margin-top: 15px;
border-width: 2px;
border-style: solid;
border-radius: 15px;
padding: 2.5px 5px;
}
#hlSignUp {
font-size: 13px;
font-weight: 800;
cursor: pointer;
line-height: 20px;
margin-top: 15px;
border-width: 2px;
border-style: solid;
border-radius: 15px;
padding: 2.5px 5px;
}
.label { color:#666666; font-size:1.077em; line-height:15px; margin-right:10px; line-height:25px; }
.value { float:left; }
.labelItalic { color:#666666; font-size:1.077em; margin-right:10px; line-height:10px; font-weight: normal; }
.link { cursor:pointer; }
.largetext { font-size:1.385em; }
.relative { position:relative; }
.absolute { position:absolute; }
.adminsummary{font-weight:bold;margin-top:10px}
.spacer { margin-bottom:13px; }
.portalreturnlink { /* float: right; */
text-decoration: underline;
text-align: right;
display: block;
margin-bottom: 10px; }
.portalreturnlinkwprog { text-align: right;
text-decoration: underline;
display: block;margin-bottom: 10px;
}
.modalDlg .warningmsg {
font-size: 14px;
font-weight: bold;
}
.hlDeleteComment{margin: 0px 4px 4px 0px;background-size: 25px 25px;width: 25px;float: right;height: 25px;background-image: url("../Images/icon-delete.png");}
#divContentChat { width:926px; margin:auto; }
#divContentChat .contenttop { background:url(../Images/content-top-chat-bg.png) no-repeat center center; height:24px; }
#divContentChat .contentbottom { background:url(../Images/content-bottom-chat-bg.png) no-repeat center center; height:19px; }
#divContentChat .contentmiddle { background:url(../Images/content-middle-single-chat.png) repeat-y left top; padding:0px 13px; }
#divPortalSettings { margin: 10px 0px 10px 0px;
box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
border: 1px solid #dbdbdb;
border-radius: 12px;
padding: 10px 15px 10px 15px; }
.innercontentsubtitle { padding-bottom:10px; }
.innercontentsubtitle .title { float:left; font-size:1.846em; max-width:835px;}
.innercontentsubtitle .subtitle { float:left; font-size:1.077em; line-height:32px; font-weight:bold; margin-right:10px;}
.innercontentsubtitle .options { float:right; }
.innercontentmiddle .heading { font-size:1.077em; font-weight:bold; }
.innercontentmiddle .subheading { font-size:1.077em; /*font-weight:bold;*/ margin-bottom:5px; }
#pnlVideoSelected .label{ }
#pnlVideoSelected .value{ }
#pnlVideoSelected .divPixels{ }
#pnlVideoSelected br{ }
#divPageTitle { min-height:50px; }
#divPageTitle .title { font-size:2.615em; float:left;width:725px; }
#divPageTitle .pageoptions { float:right; max-width:30px; margin-top:5px; }
#divPageTitle .socialoptions { float:right; margin-top:0px;}
#divPageTitle .socialoptions .accountprofileicons { float:right; margin-right:-4px; margin-top: 1px !important;}
#divPageTitleUnderline { width:890px; height:2px; margin-bottom:4px; }
.strapline { color:#666666; font-size:1.154em; /*font-weight:bold;*/ margin-bottom:20px; }
.mobPageHeader{
display:none;
}
#divTabToolbar { min-height:30px; float:right; margin-top:10px; margin-right:10px; }
.btnNeedHelp { float:right; margin-top:10px; }
#divTabToolbar .iconTabAcc { width:32px; height:32px; margin-right:3px; float:left;position:relative; margin-left:0px; }
#divTabToolbar .Accttab:hover { opacity:0.9 }
#divTabToolbarAdmin { min-height:30px; float:right; margin-top:10px; margin-right:10px; }
#divTabToolbarAdmin .Admintab:hover { opacity:0.9 }
#divTabToolbarPortal { min-height:30px; }
#divTabToolbarPortal .Portaltab:hover { opacity:0.9 }
#divTabToolbarContact { min-height:30px; float:right; margin-top:10px; }
#divTabToolbarContact .Contacttab:hover { opacity:0.9 }
#divOptionPortal, #divOptionPortalInfo {
min-height: 30px;
float: right;
margin-top: 10px;
}
#divOptionPortalInfo .Portaltab:hover {
opacity: 0.9
}
#divOptionPortalInfo .Portaltab {
background: url(../Images/formelements/info_square.png) no-repeat center center;
border: 0px;
margin: 0px 0 0 0px;
width: 22px;
height: 22px;
float: inherit;
cursor: pointer;
background-size: cover;
}
#divOptionPortal .Portaltab:hover { opacity:0.9 }
#divTabToolbarMsg { min-height:30px; float:right; margin-top:10px; margin-right:10px; }
#divTabToolbarMsg .msgtab:hover { opacity:0.9 }
#divTabToolbarAsig { min-height:30px; float:right; margin-top:10px; }
#divTabToolbarAsig .Asigtab:hover { opacity:0.9 }
#divTabToolbarPortal { min-height:30px; float:right; margin-top:10px; }
#divTabToolbarPortal .Portaltab:hover { opacity:0.9 }
#divTabToolbarPortalpage { min-height:30px; }
#divTabToolbarPortalpage .iconTabPorPag{ width:44px; height:28px; margin-right:3px; float:left;position:relative;}
#divTabToolbarAdmin .iconTabAdmin,
#divTabToolbarPortal .iconTabPortal,
#divTabToolbarContact .iconTabcontact,
#divOptionPortal .iconTabPortal,
#divOptionPortalMobile .iconTabPortal,
#divTabToolbarMsg .iconTabmsg,
#divTabToolbarAsig .iconTabAsig,
#divTabToolbarPortal .iconTabPor {
width: 26px;
height: 26px;
padding: 5px;
float: left;
position: relative;
margin-left: 0px;
}
#divOptionPortalInfo .iconTabPortal {
width: 24px;
height: 24px;
padding: 5px;
float: left;
position: relative;
margin-left: 0px;
margin-top: 1px;
}
#divTabToolbar .Accttab,
#divTabToolbarAdmin .Admintab,
#divTabToolbarPortal .Portaltab,
#divTabToolbarContact .Contacttab,
#divOptionPortal .Portaltab,
#divOptionPortalMobile .Portaltab,
#divTabToolbarMsg .msgtab,
#divTabToolbarAsig .Asigtab,
#divTabToolbarPortal .Portaltab,
#divTabToolbarPortalpage .portalpagetab
{ background:url(../Images/navigation/menu36dp.svg) no-repeat center center;border: 0px;margin: 0px 0 0 0px;width: 26px;height: 26px;float: inherit;cursor:pointer;background-size:cover;}
/* Header */
#divHeaderEdges { width:100%; height:45px; overflow:hidden; position:absolute; left:0px; z-index:2; }
#divHeaderEdges .paddingmask { width:976px; margin:auto; position:relative; }
#divHeaderEdges .paddingmask .leftpadding { width:1000px; height:45px; position:absolute; left:-1000px; background:url(../Images/header-margin-background.png) repeat-x top left; }
#divHeaderEdges .paddingmask .rightpadding { width:1000px; height:45px; position:absolute; left:976px; background:url(../Images/header-margin-background.png) repeat-x top left; }
#divHeader .logo { width:275px; height:110px; background-repeat:no-repeat; background-position:top left; float:left; display:inline-block; }
#divHeader .search { width:370px; height:110px; float:left; margin-left:310px; }
#divHeader #divHeaderInfoBar { width:100%; height:35px; }
#divHeader #divHeaderInfoBar .ibcontainer { margin-left:220px; line-height:36px; padding-right:15px; width:741px; height:36px; overflow:hidden; }
#divHeader #divHeaderInfoBar .ibcontainer .logincontainer { }
#divHeader #divHeaderInfoBar .ibcontainer .logincontainer .username { width:260px; overflow:hidden; height:35px;}
#divHeader #divHeaderInfoBar .ibcontainer .logincontainer .username div { width:500px; }
#divHeader #divHeaderInfoBar .ibcontainer .ibchat { width:90px; float:left;}
#divHeader #divHeaderInfoBar .ibcontainer .ibmessages { width:110px; float:left;}
#divHeader #divHeaderInfoBar .ibcontainer .ibnotifications { width:130px; float:left;}
#divHeader #divHeaderInfoBar .ibcontainer .notificationbox { width:50px; height:36px; background-repeat:no-repeat; background-position:top left; float:left; }
#divHeader #divHeaderInfoBar .ibcontainer .notificationbox .notificationtext { line-height:30px; font-size:0.923em; text-align:center; margin-right:10px; margin-left:15px; }
#divHeader .btnsearchheader { width:51px; height:32px; background-repeat:no-repeat; background-position:center center; font-size:1.154em; display:inline-block; line-height:28px; text-align:center; cursor:pointer; text-decoration:none; font-weight:bold; }
#divHeader .advancedsearch { float:right; margin-right:60px; margin-top:5px; }
#divHeader .followus { padding-left:150px; margin-top:10px; }
#divHeader .followustext {font-size:0.846em; width:40px; float:left; text-align:right; font-weight:bold; margin-right:10px; }
#divHeader .followusfacebook { background:transparent url(../Images/icon-social-facebook.png) no-repeat center center; width:40px; height:28px; float:left; cursor:pointer; }
#divHeader .followustwitter { background:transparent url(../Images/icon-social-twitter.png) no-repeat center center; width:40px; height:28px; border-left:1px solid #C3C3C3; float:left; cursor:pointer; }
#divHeader .followusgoogleplus { background:transparent url(../Images/icon-social-googleplus.png) no-repeat center center; width:40px; height:28px; float:left; cursor:pointer; border-left:1px solid #C3C3C3; }
#divHeader .subscribe { background:transparent url(../Images/icon-mail.png) no-repeat center center; width:40px; height:28px; border-left:1px solid #C3C3C3; float:left; cursor:pointer; }
#divPrintHeader { height:105px; width:976px; margin:auto; }
#divPrintHeader .logo { width:275px; height:110px; background-repeat:no-repeat; background-position:top left; float:left; }
#divAdminTab .icnarrowdropdown {background-image: url(../Images/navigation/arrow_dropdown18dp.svg);
/* background-size: cover; */
height: 15px;
width: 12.5px;
background-position: center;
vertical-align: middle;
display: inline-block;}
#divApplicationToolbar .icnarrowdropdown {background-image: url(../Images/navigation/arrow_dropdown18dp.svg);
height: 15px;
width: 12.5px;
background-position: center;
vertical-align: middle;
display: inline-block;
}
.icnMobileMenu .svgBurger{ background-image: url(../Images/navigation/mobilemenu.svg);background-size:cover; height: 46px;width: 46px;padding:2px;opacity: 0.8;display:inline-block; }
.dvIcon .navIcon {
display: block;
background-size: cover;
height: 26px;
width: 26px;
margin: auto;
border-radius: 5px;
padding: 1px;
}
.navmenuitems .navitem.admin .navIcon { background-image: url(../Images/navigation/admin.svg);}
.navmenuitems .navitem.dashboard .navIcon{ background-image: url(../Images/navigation/dashboard.svg);}
.navmenuitems .navitem.portals .navIcon{ background-image: url(../Images/navigation/portals.svg);}
.navmenuitems .navitem.assignments .navIcon{ background-image: url(../Images/navigation/assignments.svg);}
.navmenuitems .navitem.messages .navIcon{ background-image: url(../Images/navigation/messages.svg);}
.navmenuitems .navitem.notifications .navIcon{ background-image: url(../Images/navigation/notifications.svg);}
.navmenuitems .navitem.contacts .navIcon{ background-image: url(../Images/navigation/contacts.svg);}
.navmenuitems .navitem.events .navIcon { background-image: url(../Images/navigation/events.svg);}
#divApplicationToolbar .container .icon { width:50px; height:60px; margin-right:3px; float:left; position:relative; }
#divApplicationToolbar .container .iconA { width:50px; height:60px; margin-right:5px; float:left; position:relative; }
#divApplicationToolbar .container .iconB { width:110px; height:60px; margin-right:3px; float:left;position:relative;}
#divApplicationToolbar .container .iconC { width:110px; height:60px; margin-right:3px; float:left;position:relative;}
#divApplicationToolbar .container .iconD { width:110px; height:60px; margin-right:3px; float:left;position:relative;}
#divApplicationToolbar .container .iconE { width:110px; height:60px; margin-right:3px; float:left;position:relative;}
#divApplicationToolbar .container .iconF { width:110px; height:60px; margin-right:3px; float:left;position:relative;}
#divApplicationToolbar .container .iconG { width:110px; height:60px; margin-right:3px; float:left;position:relative;}
#divApplicationToolbar .container .iconAsig { width:50px; height:60px; margin-right:3px; float:left;position:relative;}
#divApplicationToolbar .container .iconMsg { width:50px; height:60px; margin-right:3px; float:left;position:relative;}
#divApplicationToolbar .container .iconCont { width:50px; height:60px; margin-right:3px; float:left;position:relative;}
/*
#divApplicationToolbar .container .icon a { width:55px; height:60px; float:left; }
#divApplicationToolbar .container .newlogo { background: url(../Images/toptoolbar/new_logo.png) no-repeat center center; width:118px; height:60px; }
#divApplicationToolbar .container .account { background:url(../Images/toptoolbar/icon_a.png) no-repeat center center; border:0px; margin:9px 0 0 5px;width:50px !important; height:48px !important; float:inherit; }
#divApplicationToolbar .container .accountfemale { background:url(../Images/app-tb-my-account-female.png) no-repeat center center; border:0px; margin:9px 0 0 5px;width:50px !important; height:48px !important; float:inherit; }
#divApplicationToolbar .container .accountmale { background:url(../Images/app-tb-my-account-male.png) no-repeat center center; border:0px; margin:9px 0 0 5px;width:50px !important; height:48px !important; float:inherit; }
#divApplicationToolbar .container .accountprofile { background:Url(../Images/app-tb-shadow.png) no-repeat center bottom; }
#divApplicationToolbar .container .accountprofile img { border:0px; margin:10px 0 0 5px;width:50px !important; height:45px !important;}
#divApplicationToolbar .container .assignments { background:url(../Images/toptoolbar/icon_d.png) no-repeat center center; }
#divApplicationToolbar .container .blogs { background:url(../Images/toptoolbar/icon_f.png) no-repeat center center; }
#divApplicationToolbar .container .notifications { background:url(../Images/toptoolbar/icon_m.png) no-repeat center center; }
#divApplicationToolbar .container .calendar { background:url(../Images/toptoolbar/icon_e.png) no-repeat center center; }
#divApplicationToolbar .container .contacts { background:url(../Images/toptoolbar/icon_j.png) no-repeat center center; }
#divApplicationToolbar .container .media { background:url(../Images/toptoolbar/icon_g.png) no-repeat center center; }
#divApplicationToolbar .container .chat { background:url(../Images/toptoolbar/icon_k.png) no-repeat center center; }
#divApplicationToolbar .container .messages { background:url(../Images/toptoolbar/icon_l.png) no-repeat center center; }
#divApplicationToolbar .container .widgets { background:url(../Images/toptoolbar/icon_i.png) no-repeat center center; }
#divApplicationToolbar .container .news { background:url(../Images/toptoolbar/icon_b.png) no-repeat center center; }
#divApplicationToolbar .container .portals { background:url(../Images/toptoolbar/icon_c.png) no-repeat center center; }
#divApplicationToolbar .container .resources { background:url(../Images/toptoolbar/icon_h.png) no-repeat center center; }
*/
#divApplicationToolbar .container .logouttext { background:url(../Images/loggedOutText.png) no-repeat center center; width:520px; height:20px; float:left; margin:20px 0px 0px 10px;}
#divApplicationToolbar .container .more { background:url(../Images/toptoolbar/more.png) no-repeat center center;border: 0px;margin: 0px 0 0 5px;width:110px;height: 60px ;float: inherit;}
#divApplicationToolbar .container .msgText { background:url(../Images/toptoolbar/messages.png) no-repeat center center;border: 0px;margin: 0px 0 0 5px;width: 110px;height: 60px ;float: inherit;}
#divApplicationToolbar .container .PortalText { background:url(../Images/toptoolbar/portals.png) no-repeat center center;border: 0px;margin: 0px 0 0 5px;width: 110px;height: 60px ;float: inherit;}
#divApplicationToolbar .container .AssigText { background:url(../Images/toptoolbar/assignments.png) no-repeat center center;border: 0px;margin: 0px 0 0 5px;width: 110px;height: 60px ;float: inherit;}
#divApplicationToolbar .container .DashText { background:url(../Images/toptoolbar/dashboard.png) no-repeat center center;border: 0px;margin: 0px 0 0 5px;width: 110px;height: 60px ;float: inherit;}
#divApplicationToolbar .container .ContactText { background:url(../Images/toptoolbar/contacts.png) no-repeat center center;border: 0px;margin: 0px 0 0 5px;width: 110px;height: 60px ;float: inherit;}
#divApplicationToolbar .container .Assigicon { background:url(../Images/toptoolbar/icon_d.png) no-repeat center center;border: 0px;margin: 0px 0 0 3px;width: 50px;height: 60px ;float: inherit;}
#divApplicationToolbar .container .Msgicon { background:url(../Images/toptoolbar/icon_l.png) no-repeat center center;border: 0px;margin: 0px 0 0 3px;width: 50px;height: 60px ;float: inherit;}
#divApplicationToolbar .container .Contacticon { background:url(../Images/toptoolbar/icon_j.png) no-repeat center center;border: 0px;margin: 0px 0 0 3px;width: 50px;height: 60px ;float: inherit;}
/*START ApplicationToolbar Text Based Damian Hawkes changes 18-11-2014*/
.navBarAol {list-style:none;position:relative;display:inline-table;padding:0;margin:0;}
.navBarAol:after {content:"";clear:both;display:block;}
.navBarAol li {cursor:pointer;float:left;text-align:center;}
.navBarAol li a {font-family:century gothic,Futura;font-weight:500;font-size:13pt;color:#0272ba;line-height:60px;}
.navbarDiv {
height:25px;
margin-right:5px;
border-radius:15px;
padding:2px 18px 2px 18px;
}
#pnlAddContact {
display:none;
}
.navBarCounter {
font-size: 13px;
font-weight: 600;
margin-left: 4px;
}
.dropdownCounter {
font-size: 11px;
font-weight: 600;
margin-left: 4px;
}
.navbarDiv a {
color:#666666;
}
.navbarDiv:hover {
background-color:gray;
color:white !important;
}
.navbarDiv:hover > .hlTextAcc {
color:white !important;
}
.navbarDiv:hover > .hlTextPor {
color:white !important;
}
.navbarDiv:hover > .hlTextAss {
color:white !important;
}
.navbarDiv:hover > .hlTextMes {
color:white !important;
}
.navbarDiv:hover > .hlTextNot {
color:white !important;
}
.navbarDiv:hover > .hlTextCon {
color:white !important;
}
.navbarDiv:hover > .hlTextMor {
color:white !important;
}
.navBarAol ul li {float:none;line-height:18px;text-align:left;}
.navBarAol ul li a {padding-left:40px;font-size: 12px;font-family:Arial;line-height:18px;}
.navBarAol li:hover > ul {display:block;}
.navBarAol ul:hover {display: block;}
.NavBarText {list-style:none;position:relative;display:inline-table;padding:0;margin:0;margin-top:18px;margin-left: 15px;}
.NavBarText:after {content:"";clear:both;display:block;}
.NavBarText li {cursor:pointer;float:left;text-align:center;height:42px;}
.NavBarText li a {font-family:'Open Sans', Courier;font-weight:bold;font-size:14px;line-height:25px;-webkit-font-smoothing: antialiased;}
.NavBarText ul {
display:none;
position:absolute;
top:100%;
padding:0;
min-width: 160px;
max-width: 360px;
list-style: none;
border: solid 1px #DDD;
border: solid 1px rgba(0, 0, 0, .2);
border-radius: 6px;
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
overflow: visible;
padding: 16px 5px 16px;
margin: 0;
z-index: 11000;
float: inherit;
background-color:white;
margin-top:0px;
}
.NavBarText ul li {float:none;line-height:16px;text-align:left;height: auto;}
.NavBarText ul li a {padding-left:10px;font-size: 12px;font-family:'Open Sans', Courier;line-height:16px;}
.NavBarText li:hover > ul {display:block;}
.NavBarText ul:hover {display: block;}
/*
.hlTextAcc {display:block;width:95px;height:60px;font-family:Arial;font-weight:bold;font-size:16pt;text-align:center;color:#666666;line-height:60px;}
.hlTextPor {display:block;width:90px;height:60px;font-family:Arial;font-weight:bold;font-size:16pt;text-align:center;color:#666666;line-height:60px;}
.hlTextAss {display:block;width:135px;height:60px;font-family:Arial;font-weight:bold;font-size:16pt;text-align:center;color:#666666;line-height:60px;}
.hlTextMes {display:block;width:115px;height:60px;font-family:Arial;font-weight:bold;font-size:16pt;text-align:center;color:#666666;line-height:60px;}
.hlTextNot {display:block;width:130px;height:60px;font-family:Arial;font-weight:bold;font-size:16pt;text-align:center;color:#666666;line-height:60px;}
.hlTextCon {display:block;width:100px;height:60px;font-family:Arial;font-weight:bold;font-size:16pt;text-align:center;color:#666666;line-height:60px;}
.hlTextMor {display:block;width:90px;height:60px;font-family:Arial;font-weight:bold;font-size:16pt;text-align:center;color:#666666;line-height:60px;}
*/
/*END ApplicationToolbar Text Based Damian Hawkes changes 18-11-2014*/
/*#divApplicationToolbar { width:100%; height:92px; position:fixed; z-index:10000; opacity: .99; }
#divApplicationToolbar .container { width:100%; height:60px; margin:auto; padding-left:25px; position:relative; background-image: url(../images/toptoolbar/nav_bg.png) !important; }
#divApplicationToolbar .container .icon { width:70px; height:80px; margin-right:10px; float:left; position:relative; }
#divApplicationToolbar .container .logo { width:118px; height:60px; margin-right:10px; float:left; position:relative; }
#divApplicationToolbar .container .logo a { width:118px; height:60px; float:left; }
#divApplicationToolbar .container .icon a { width:70px; height:80px; float:left; }
#divApplicationToolbar .container .newlogo { background: url(../Images/toptoolbar/new_logo.png) no-repeat center center; width:118px; height:60px; }
#divApplicationToolbar .container .account { background:url(../Images/app-tb-my-account.png) no-repeat center center; }
#divApplicationToolbar .container .accountfemale { background:url(../Images/app-tb-my-account-female.png) no-repeat center center; }
#divApplicationToolbar .container .accountmale { background:url(../Images/app-tb-my-account-male.png) no-repeat center center; }
#divApplicationToolbar .container .accountprofile { background:Url(../Images/app-tb-shadow.png) no-repeat center bottom; }
#divApplicationToolbar .container .accountprofile img { border:0px; margin:12px 0 0 5px; }
#divApplicationToolbar .container .assignments { background:url(../Images/app-tb-my-assignments.png) no-repeat center center; }
#divApplicationToolbar .container .blogs { background:url(../Images/app-tb-my-blogs.png) no-repeat center center; }
#divApplicationToolbar .container .bulletinboard { background:url(../Images/app-tb-my-bulletinboard.png) no-repeat center center; }
#divApplicationToolbar .container .calendar { background:url(../Images/app-tb-my-calendar.png) no-repeat center center; }
#divApplicationToolbar .container .contacts { background:url(../Images/app-tb-my-contacts.png) no-repeat center center; }
#divApplicationToolbar .container .media { background:url(../Images/app-tb-my-media.png) no-repeat center center; }
#divApplicationToolbar .container .messages { background:url(../Images/app-tb-my-messages.png) no-repeat center center; }
#divApplicationToolbar .container .widgets { background:url(../Images/app-tb-my-widgets.png) no-repeat center center; }
#divApplicationToolbar .container .news { background:url(../Images/app-tb-my-news.png) no-repeat center center; }
#divApplicationToolbar .container .portals { background:url(../Images/app-tb-my-portals.png) no-repeat center center; }
#divApplicationToolbar .container .resources { background:url(../Images/app-tb-my-resources.png) no-repeat center center; }
#divApplicationToolbar .container .tooltip { position:absolute; border:1px solid #C0C0C0; background-color:#F0F0F0; padding:2px; text-align:center; width:100px; }*/
/* modal & error dialogs */
/*Old dialog style - doc centered
.modalBackground { position:fixed; top:0px; left:0px; z-index:3000;}
.modalDialog { max-width:100%; position:absolute; z-index:3010; background-repeat:repeat-x; background-position:bottom left; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow:0px 4px 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0px 4px 4px rgba(0, 0, 0, 0.4); }
.modalDialog .modalTitle { font-size:1.385em; height:38px; line-height:38px; padding:0px 20px; }
.modalDialog .modalTitle .modalTitleText { padding-right:60px; float:left; }
.modalDialog .modalTitle .modalTitleClose { height:36px; width:36px; cursor:pointer; display:inline-block; position:absolute; right:0px; top:0px; background-repeat:no-repeat; background-position:center center; }
.modalDialog .modalContent { padding:10px; font-size:1.077em;}
.modalDialog .modalContent .label { float:left; width:25%; text-align:right; }
.modalDialog .modalContent .labelExtended { width:100px;}
.modalDialog .modalButtons { clear:both; padding:15px; }
*/
/*New dialog style - viewport centered*/
.modalBackground { position:fixed; top:0px; left:0px; z-index:3000;background-color:Black;}
.modalDialog {
position: fixed;
border-radius: 3px;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
z-index: 3010;
background-repeat: repeat-x;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
background-color: White;
}
.modalDialog .modalTitle {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
padding: 0px 15px !important;
font-size: 1.385em;
line-height: 38px;
border-bottom: 1px solid lightgray;
height: 38px;
}
.modalDialog .modalTitle .modalTitleText {
float: left;
font-size: 18px;
font-weight: bold;
}
.modalDialog .modalTitle .modalTitleClose {
height: 38px;
width: 38px;
cursor: pointer;
display: inline-block;
position: absolute;
right: 0px;
top: 0px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../Images/modal-title-close.png);
}
.modalDialog .modalTitle .modalTitleClose:hover {
opacity:0.85;
}
.modalDialog .modalContent {
padding: 10px;
font-size: 1.077em;
max-height: 520px;
overflow: auto;
padding: 10px 15px !important;
}
.modalDialog .modalContent .label { float:left; width:25%; text-align:right; }
.modalDialog .modalContent .labelExtended { width:100px;}
.modalDialog .modalButtons { clear:both; padding:15px;overflow:auto; }
.modalDialog .dvGmBadge {
width: 125px;
margin: 10px auto 10px auto;
}
.modalDialog .dvGm {
text-align: center;
font-weight: bold;
margin-bottom: 10px;
}
.modalDialog .dvMM {
text-align: center;
font-weight: bold;
margin-bottom: 10px;
}
.modalDialog .dvGmBadgeImage {
width: 80px;
height: 80px;
margin: auto;
}
.modalDialog .lblMarksMessage {
font-size: 16px;
}
.modalDialog .lblGeneralMessage {
font-size: 16px;
}
.dvGmBadgeUrl {
text-align: center;
font-weight: bold;
font-size: 12px;
}
.modalDialog .dvMarksOutcome {
text-align: center;
font-weight: bold;
}
.modalDialog .dvMMBadge {
width: 125px;
margin: 10px auto 10px auto;
}
#pnlQuestionOuter{
padding: 0px 10px;
}
.errorBackground { z-index:3100;}
.errorDialog { z-index:3110; }
.frame::-webkit-scrollbar {
-webkit-appearance: none;
}
.frame::-webkit-scrollbar:vertical {
width: 11px;
}
.frame::-webkit-scrollbar:horizontal {
height: 11px;
}
.frame::-webkit-scrollbar-thumb {
border-radius: 8px;
border: 2px solid white; /* should match background, can't be transparent */
background-color: rgba(0, 0, 0, .5);
}
/* Invite Tab */
#divInvite { position:fixed; left:-203px; top:391px; height:204px; }
#divInviteTab {
width:25px; height:100px; float:left;border-bottom-right-radius: 10px;
border-top-right-radius: 10px;box-shadow: 1px 1px #D0D0D0;
background: -webkit-linear-gradient(rgba(243, 243, 243, 0.95), #F7F5F5);
background: -o-linear-gradient(rgba(243, 243, 243, 0.95), #F7F5F5);
background: -moz-linear-gradient(rgba(243, 243, 243, 0.95), #F7F5F5);
background: linear-gradient(rgba(243, 243, 243, 0.95), #F7F5F5);
border: 1px solid #CCCCCC;
}
#divInviteContent { width:200px; height:100px; float:left; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow:0px 4px 4px rgba(0, 0, 0, 0.4); background-color:#F4F4F4; border:2px solid #CCCCCC; }
#divInviteContent .padding { padding:10px; }
#divInviteContent .padding textarea { width:160px; }
.admintab img { border:0px; }
/* Switch Organisation Tab */
.switchorgtab { position:fixed; left:0px; top:0px; width:31px; height:62px; }
.switchorgtab img { border:0px; }
/* buttons */
.btnPA1, .btnPA2, .btnPA3, .btnPA4, .btnPA5, .btnPB1, .btnPB2, .btnPB3, .btnPB4, .btnPB5, .btnPC1, .btnPC2, .btnPC3, .btnPC4, .btnPC5, .btnPN1, .btnPN2, .btnPN3, .btnPN4, .btnPN5, .btnPF1, .btnPF2, .btnPF3, .btnPF4, .btnPF5, .btnZA1, .btnZF1,
.btnPF1_d, .btnPF2_d, .btnPF3_d, .btnPF4_d, .btnPF5_d {
font-size: 1.154em;
height: 34px;
display: inline-block;
line-height: 32px;
text-align: center;
font-weight: bold;
cursor: pointer;
text-decoration: none;
background-position: center center;
background-repeat: no-repeat;
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
-webkit-border-radius: 15px;
/* Firefox 1-3.6 */
-moz-border-radius: 15px;
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
border-radius: 15px;
margin: 1.5px 1.5px;
}
.btnPA1:hover, .btnPA2:hover, .btnPA3:hover, .btnPA4:hover, .btnPA5:hover, .btnPB1:hover, .btnPB2:hover, .btnPB3:hover, .btnPB4:hover, .btnPB5:hover, .btnPC1:hover, .btnPC2:hover, .btnPC3:hover, .btnPC4:hover, .btnPC5:hover, .btnPN1:hover, .btnPN2:hover, .btnPN3:hover, .btnPN4:hover, .btnPN5:hover, .btnPF1:hover,
.btnPF2:hover, .btnPF3:hover, .btnPF4:hover, .btnPF5:hover, .btnZA1:hover, .btnZF1:hover, .btnPF1_d:hover, .btnPF2_d:hover, .btnPF3_d:hover, .btnPF4_d:hover, .btnPF5_d:hover {
opacity: 0.925;
}
.btnSA1:hover, .btnSA2:hover, .btnSA3:hover, .btnSA4:hover, .btnSA5:hover, .btnSB1:hover, .btnSB2:hover, .btnSB3:hover, .btnSB4:hover, .btnSB5:hover, .btnSC1:hover, .btnSC2:hover, .btnSC3:hover, .btnSC4:hover, .btnSC5:hover, .btnSD1:hover, .btnSD2:hover, .btnSD3:hover, .btnSD4:hover, .btnSD5:hover, .btnSE1:hover,
.btnSE2:hover, .btnSE3:hover, .btnSE4:hover, .btnSE5:hover, .btnSF1:hover, .btnSF2:hover, .btnSF3:hover, .btnSF4:hover, .btnSF5:hover, .btnSN1:hover, .btnSN2:hover, .btnSN3:hover, .btnSN4:hover, .btnSN5:hover, .btnSNO4:hover, .btnSNS4:hover, .btnSF1:hover, .btnSF2:hover, .btnSF3:hover, .btnSF4:hover, .btnSF5:hover {
opacity: 0.925;
}
.btnZA1, .btnZF1 {
width: 51px;
}
.btnPA1, .btnPB1, .btnPC1, .btnPN1, .btnPF1, .btnPF1_d { width:74px; }
.btnPA2, .btnPB2, .btnPC2, .btnPN2, .btnPF2, .btnPF2_d { width:99px; }
.btnPA3, .btnPB3, .btnPC3, .btnPN3, .btnPF3, .btnPF3_d { width:121px; }
.btnPA4, .btnPB4, .btnPC4, .btnPN4, .btnPF4, .btnPF4_d { width:162px; }
.btnPA5, .btnPB5, .btnPC5, .btnPN5, .btnPF5, .btnPF5_d { width:196px; }
.btnSA1, .btnSA2, .btnSA3, .btnSA4, .btnSA5, .btnSB1, .btnSB2, .btnSB3, .btnSB4, .btnSB5, .btnSC1, .btnSC2, .btnSC3, .btnSC4, .btnSC5, .btnSD1, .btnSD2, .btnSD3, .btnSD4, .btnSD5, .btnSE1, .btnSE2, .btnSE3, .btnSE4, .btnSE5, .btnSF1, .btnSF2, .btnSF3, .btnSF4, .btnSF5, .btnSN1, .btnSN2, .btnSN3, .btnSN4, .btnSN5, .btnSNO4, .btnSNS4, .btnSF1, .btnSF2, .btnSF3, .btnSF4, .btnSF5 {
height: 30px;
display: inline-block;
line-height: 30px;
text-align: center;
font-weight: bold;
cursor: pointer;
text-decoration: none;
background-position: center center;
background-repeat: no-repeat; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
-webkit-border-radius: 15px;
/* Firefox 1-3.6 */
-moz-border-radius: 15px;
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
border-radius: 15px;
margin: 1.5px 1.5px;
}
.btnSA1, .btnSB1, .btnSC1, .btnSD1, .btnSE1, .btnSN1, .btnSF1 { width:74px; }
.btnSA2, .btnSB2, .btnSC2, .btnSD2, .btnSE2, .btnSN2, .btnSF2 { width:99px; }
.btnSA3, .btnSB3, .btnSC3, .btnSD3, .btnSE3, .btnSN3, .btnSF3 { width:121px; }
.btnSA4, .btnSB4, .btnSC4, .btnSD4, .btnSE4, .btnSN4, .btnSF4, .btnSNO4, .btnSNS4 { width:162px; }
.btnSA5, .btnSB5, .btnSC5, .btnSD5, .btnSE5, .btnSN5, .btnSF5 { width:196px; }
.btnSquare125 { float:left; font-size:1.077em; height:125px; width:125px; color:#666666; background-image:url(../Images/button_125_125.png); display:inline-table; line-height:20px; text-align:center; /*font-weight:bold;*/ cursor:pointer; text-decoration:none; background-position:center center; background-repeat:no-repeat; }
.btnSquare125 div { display:table-cell; vertical-align:middle; padding:10px;}
.btnWL3, .btnWF3 { height:32px; display:block; line-height:32px; text-align:center; font-weight:bold; cursor:pointer; text-decoration:none; background-position:center center; background-repeat:no-repeat; position:relative; left:-35px; top:-160px }
/* Image Containers */
.xxlargeimage { width:222px; height:222px; background:transparent url(../Images/thumbnail-xxlarge-border.png) no-repeat top left; float:left; position:relative; }
.xxlargeimage img { width:214px; height:214px; margin:4px 0 0 4px; border:0px;}
.xlargeimage { width:140px; height:140px; background:transparent url(../Images/thumbnail-xlarge-border.png) no-repeat top left; float:left; position:relative; }
.xlargeimage img { width:132px; height:132px; margin:4px 0 0 4px; border:0px;}
.largeimage { width:108px; height:108px; background:transparent url(../Images/thumbnail-large-border.png) no-repeat top left; float:left; position:relative; }
.largeimage img { width:100px; height:100px; margin:4px 0 0 4px; border:0px;}
.mediumimage { width:58px; height:58px; background:transparent url(../Images/thumbnail-medium-border.png) no-repeat top left; float:left; position:relative; }
.mediumimage img { width:51px; height:51px; margin:4px 0 0 4px; border:0px;}
.smallimage { width:45px; height:45px; background:transparent url(../Images/thumbnail-small-border.png) no-repeat top left; float:left; position:relative; }
.smallimage img { width:40px; height:40px; margin:2px 0 0 2px; border:0px;}
.badgeimage { width:80px; height:80px; background:transparent no-repeat top left; float:left; position:relative; }
.badgeimage img { width:80px; /*height:80px;*/ margin:4px 0 0 4px; border:0px;}
#pnlPreviewBlob .thumbframe { width:108px; height:108px; background:transparent url(../Images/thumbnail-large-border.png) no-repeat top left; float:none !important; position:relative; }
.previewtemp.assignmentsectionresource { width:100px; height:100px; margin:4px 0 0 4px; border:0px; border-radius: 10px;}
/* User Icons */
.obami_user_popup { background:url(../Images/user-popup-bg-left.png) no-repeat; }
.user-profile { background:url(../Images/user-profile.png) no-repeat; }
.user-news { background:url(../Images/user-news.png) no-repeat; }
.user-bulletinboard { background:url(../Images/user-bulletin-board.png) no-repeat; }
.user-portals { background:url(../Images/user-portal.png) no-repeat; }
.user-message { background:url(../Images/user-message.png) no-repeat; }
.user-calendar { background:url(../Images/user-calendar.png) no-repeat; }
.user-blog { background:url(../Images/user-blog.png) no-repeat; }
.user-media { background:url(../Images/user-media.png) no-repeat; }
.user-resources { background:url(../Images/user-resources.png) no-repeat; }
.user-widgets { background:url(../Images/user-widgets.png) no-repeat; }
.user-assignments { background:url(../Images/user-assignments.png) no-repeat; }
.user-contacts { background:url(../Images/user-contacts.png) no-repeat; }
/* User Details */
.userdetailscontainer { width:270px; margin-left:10px; padding:5px 0px; position:relative; }
.userdetailscontainer .imgcontainer { position:absolute; }
.userdetailscontainer .infocontainer { float:left; }
/* category/subcategory selects */
.catsubcat .category, .catsubcat .subcategory { float: left; }
/* Layout */
.gv { width:100%; border:1px solid #CCCCCC; border-left:none; border-bottom:none; }
.gv th { font-size:13px; text-align:left; height:20px; line-height:20px; border-left:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; background-image:url(Images/blue-subheading-bg.png); background-repeat:repeat-x; color:White; padding: 0px 10px 0px 10px;font-weight: bold; /*font-weight:bold;*/ }
.gv th .form-checkbox { margin-left:12px; }
.gv td { border-left:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; padding:10px; background-color:#F4F4F4; vertical-align:top; }
.gv td .NoPadding { padding:0px;}
.gv tr:hover td { background-color:#EEEEEE; }
.dotted-line {width:100%; min-height:2px; height:2px; background:url(Images/dotted-line.png) repeat-x center left; padding-top:10px; padding-bottom:10px;}
.table-button-bottom { top:0px; margin-top:0px; padding:5px; background-color:#F4F4F4; float:left; border:1px solid #CCCCCC; border-top:none;}
.gv td.lesspadding { padding-left:10px; padding-right:10px; text-align:center;white-space:nowrap; }
.divPortalMembersPageContainers .gv th{}
.divPortalMembersPageContainers .gv td{padding: 10px 10px 10px 10px !important;}
/* comments */
.obami_commentlist .singlecomment { padding-bottom:40px; }
.obami_commentlist .singlecomment .comment-username { padding-bottom:10px; }
.obami_commentlist .singlecomment .comment-username a { /*text-decoration:none;*/ }
.obami_commentlist .singlecomment .commentphoto { width:55px; float:left; }
.obami_commentlist .singlecomment .comment { width:470px; float:left; color:#666666; }
.obami_commentlist .singlecomment .datetime { width:205px; float:left; color:#666666; }
.obami_commentlist .singlecomment .options { width:115px; float:right; font-size:13px; font-weight:bold; }
.obami_commentlist .singlecomment .dvFile #commentvideofile{ width:100%; }
.obami_commentfeed .singlecomment { padding-bottom:40px; }
.obami_commentfeed .singlecomment .comment-username { padding-bottom:10px; }
.obami_commentfeed .singlecomment .comment-username a { }
.obami_commentfeed .singlecomment .commentphoto { width:55px; float:left; }
.obami_commentfeed .singlecomment .comment { width:470px; float:left; color:#666666; }
.obami_commentfeed .singlecomment .datetime { width:205px; float:left; color:#666666; }
.obami_commentfeed .singlecomment .options { width:115px; float:right; font-weight:bold; }
.obami_commentfeed .singlecomment .commenttext { word-wrap:break-word; }
.commenttext { word-wrap:break-word;}
#divCommentFeed { margin-top:15px; }
/* Simple popup */
#divEventInvitees{
margin-top: 20px;
}
#divEventInviteContainer .spopup{
vertical-align:bottom;
}
#divAssignmentTemplates .spopup{
vertical-align:bottom;
}
#divPortalPageMembers .spopup{
vertical-align:bottom;
}
.dvAccount .spopup{
vertical-align:text-bottom;
}
.dvAccount .sharing-container #dvInviteOnlyOptions{
left: 185.367px !important;
}
.spopup {
position: relative;
display: inline-block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: url(../Images/formelements/infopopup.png);
width:18px;
height:18px;
background-size:cover;
}
.spopup:hover + .spopuptext{
display:block;
}
/* The actual popup */
.spopup .spopuptext {
visibility: hidden;
width: 160px;
background-color: white;
text-align: center;
border-radius: 6px;
padding: 10px 10px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -92px;
border-width:2px;
border-style:solid;line-height:20px;
}
/* Popup arrow */
.spopup .spopuptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
/* Toggle this class - hide and show the popup */
.spopup .show {
visibility: visible;
-webkit-animation: fadeIn 0.5s;
animation: fadeIn 0.5s;
}
/* Sharing control */
.sharing-container { padding:10px; position:relative;}
.sharing-container .subcontainer { float:left; line-height:22px; }
.sharing-container .subcontainer label { float:left; margin-right:10px; }
.sharing-container #dvInviteOnlyOptions .lblNotify{ color: #666666; }
.sharing-container #dvInviteOnlyOptions { position:absolute; margin-top:22px; color:#1F3FFF; top:20px; }
.sharing-container #dvInviteOnlyOptions a { cursor:pointer; }
.sharing-container #dvInviteOnlyOptions .list-container { margin-top:5px; position:absolute; }
.sharing-container #dvInviteOnlyOptions .list-container .outeritems { padding-bottom:15px; }
.sharing-container #dvInviteOnlyOptions .list-container .items { color:#666666; font-weight:normal; padding:10px; position:relative; overflow:auto; max-height:150px; }
.sharing-container #dvInviteOnlyOptions .list-container .items ul { list-style-type:none; margin:0px; padding:0px; }
.sharing-container #dvInviteOnlyOptions .list-container .items ul li { line-height:23px; }
.sharing-container #dvInviteOnlyOptions .list-container .items ul li > div { position:relative; padding-left:30px; }
.sharing-container #dvInviteOnlyOptions .list-container .items ul li > div .absolute { left:0px; }
.sharing-container #dvInviteOnlyOptions #dvContactsList.list-container .items ul { margin-top:20px; }
.sharing-container #dvInviteOnlyOptions .list-container .title { height:28px; line-height:28px; padding:0px 10px 0px 10px; }
/* paging */
.paging { width:100%; border:1px solid #CCCCCC; background-color:#F4F4F4; height:44px; margin-top:10px; }
.paging .search-box { padding-top:6px; padding-right:4px; }
.paging .viewmore { line-height:44px; padding-left:10px; cursor:pointer; float:left; }
.paging .viewmore:hover { }
.paging .pages { line-height:44px; padding-left:10px; float:left; }
.paging .pages a { text-decoration:underline;cursor:pointer; }
.paging .pages .page { padding:2px 2px; }
.paging .pages .pageselected { background-color:#D0D0D0; }
/* generic */
.dottedline { background:transparent url(../Images/dottedline.png) repeat-x top left; height:2px; padding-bottom:10px; }
.dottedlinevertical { background:transparent url(../Images/dottedlinevert.png) repeat-y left top; width:4px; }
.breaklonglines { /*white-space:pre; white-space:pre-wrap; white-space:pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -hp-pre-wrap;*/ word-wrap: break-word; }
/* User Popup */
.obami_user_popup { position:absolute; width:320px; height:103px; padding:17px 18px 17px 35px; }
.obami_user_popup img { top:63px; left:179px; }
.obami_user_popup .popup-photo { position:absolute;}
.obami_user_popup .popup-details { float:left; margin-left:10px; padding-left:50px; }
.obami_user_popup .popup-icons { position:absolute; bottom:20px; margin-left:4px; }
/* Album popup */
.obami_album_popup { position:absolute; width:318px; height:188px; padding:17px 18px 17px 35px; }
.obami_album_popup img { top:63px; left:179px; }
.obami_album_popup .popup-photo { position:absolute;}
.obami_album_popup .popup-details { float:left; margin-left:10px; padding-left:50px; }
.obami_album_popup .popup-icons { position:absolute; bottom:20px; margin-left:4px; }
.obami_album_popup .sharing { background-repeat:no-repeat; margin-left:-6px; width:302px; height:28px; padding:7px 15px 10px 15px; font-weight:bold; bottom:13px; position:absolute; }
.obami_album_popup .description {width:320px; word-wrap: break-word; overflow:auto; overflow-y:auto; overflow-x:hidden; height:60px;}
/* Portal glossary popup */
.obami_glossary_popup { }
.obami_user_popup .user-profile, .obami_user_popup .user-news, .obami_user_popup .user-bulletinboard, .obami_user_popup .user-portals, .obami_user_popup .user-message,
.obami_user_popup .user-calendar, .obami_user_popup .user-blog, .obami_user_popup .user-media, .obami_user_popup .user-resources, .obami_user_popup .user-widgets,
.obami_user_popup .user-assignments, .obami_user_popup .user-contacts
{ width:26px; height:26px; display:inline-block; overflow:hidden; min-width:26px; background-position:top left; cursor:pointer;}
/* Social Media */
.obami_social_media { margin-top:11px; }
.obami_social_media #dvObamiShare { background:transparent url(../Images/icon-social-obami.png) no-repeat center center; width:43px; height:28px; float:left; cursor:pointer; border-left:1px solid #C3C3C3;}
.obami_social_media #dvFacebookShare { background:transparent url(../Images/icon-social-facebook.png) no-repeat center center; width:43px; height:28px; border-left:1px solid #C3C3C3; float:left; cursor:pointer; }
.obami_social_media #dvTwitterShare { background:transparent url(../Images/icon-social-twitter.png) no-repeat center center; width:43px; height:28px; border-left:1px solid #C3C3C3; float:left; cursor:pointer; }
.obami_social_media #dvDiggShare { background:transparent url(../Images/icon-social-digg.png) no-repeat center center; width:43px; height:28px; float:left; cursor:pointer; border-left:1px solid #C3C3C3;}
.obami_social_media #hlRSS { background:transparent url(../Images/icon-rss.png) no-repeat center center; width:43px; height:28px; float:left; cursor:pointer; border-left:1px solid #C3C3C3;}
.obami_social_media #dvPageHelp { background:transparent url(../Images/icon-question.png) no-repeat center center; width:42px; height:28px; float:left; cursor:pointer; border-right:0px solid #C3C3C3; }
.obami_social_media .seperator { background:url(../Images/seperator-small.png) no-repeat center center; float:left; width:1px; height:26px; padding:0px 6px 0px 6px; }
.obami_social_media .seperator-fat { background:url(../Images/seperator-fat.png) no-repeat center center; float:left; width:1px; height:26px; padding:0px 11px 0px 13px; }
.obami_social_media #dvMailLink { background:url(../Images/icon-mail.png) no-repeat center center; width:43px; height:29px; cursor:pointer; float:left; border-left:1px solid #C3C3C3; }
.obami_page_options { margin-top:6px; margin-left:4px; }
.obami_page_options #dvPrint { background:url(../Images/icon-print.png) no-repeat; width:29px; height:29px; cursor:pointer; float:left; margin-left:4px; }
.obami_page_options #dvSetAsHome { background:url(../Images/icon-setashome.png) no-repeat; width:29px; height:29px; cursor:pointer; float:left; margin-left:4px; }
.obami_page_options #dvReport { width:29px; height:29px; cursor:pointer; float:left; margin-left:0px;margin-top:2px; }
/* .obami_page_options #dvSettings { width:29px; height:29px; cursor:pointer; float:left; margin-left:4px; }
.obami_page_options .settings{
background: url(../Images/icon-settings.png) no-repeat;
width: 29px;
height: 29px;
cursor: pointer;
float: left;
} */
/* Credits */
.creditcost { line-height:26px; }
/* help */
.inlinehelpcontainer { position:relative; }
.inlinehelpcontainer .closehelpbutton { position:absolute; top:-10px; right:-10px; background:url(../Images/icon-advertclose.png) no-repeat; width:28px; height:28px; cursor:pointer; }
.inlinehelpcontainer .deletereply { position:absolute; top:-10px; right:-10px; background:url(../Images/icon-advertclose.png) no-repeat; width:28px; height:28px; cursor:pointer; }
/* Advert */
.advertcontainer { position:relative; margin:auto;}
.advertcontainer a { border:none; }
.advertcontainer img { border:none; }
.advertcontainer .closeadvertbutton { position:absolute; top:-10px; right:-75px; background:url(../Images/icon-advertclose.png) no-repeat; width:28px; height:28px; cursor:pointer; }
/* Uploadify */
.uploadifyButton { background-color: #505050;-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px;color: #FFF;font: 12px Arial, Helvetica, sans-serif;padding: 8px 0;text-align: center;width: 100%;}
.uploadify:hover .uploadifyButton { background-color: #808080; }
.uploadifyQueueItem { background-color: #F5F5F5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font: 11px Verdana, Geneva, sans-serif; margin-top: 5px; max-width: 350px; padding: 10px; }
.uploadifyError { background-color: #FDE5DD !important; }
.uploadifyQueueItem .cancel { float: right; }
.uploadifyQueue .completed { background-color: #E5E5E5; }
.uploadifyProgress { background-color: #E5E5E5; margin-top: 10px; width: 100%; }
.uploadifyProgressBar { background-color: #0099FF; height: 3px; width: 1px; }
.gobutton { overflow:hidden;}
.registrationPadding { margin-right:15px;}
.blueLabel {font-size:9px; padding-bottom:10px; }
.ShowArchivedUsers { margin-top:4px;}
.reportpageitem { display:none;}
.socialitem {float:right; width:40px; /*position:relative;*/}
.socialitem .tooltip { border:1px solid #C0C0C0; background-color:#F0F0F0; padding:2px; text-align:center; width:100px; }
.obami_page_options .socialitem {float:left; width:30px; /*position:relative;*/}
.obami_page_options .socialitem .tooltip { border:1px solid #C0C0C0; background-color:#F0F0F0; padding:2px; text-align:center; }
/* The loading animation should be at the end of the stylesheet so that they override the buttons and icons above them */
.loadinganimation { width:128px; height:15px; background-repeat:no-repeat!important}
.loadinganimationbutton { background-repeat:no-repeat; background-position:left center!important; }
.autocompleteloadinganimation { background-position:center center!important; background-repeat:no-repeat!important}
.loadinganimationbigcircle { background:url(../Images/circle-loader-big.gif) no-repeat center center!important; }
.inviteContentClass #dvFacebookInvite {background:transparent url(../Images/icon-social-facebook.png) no-repeat center center; width:43px; height:28px; border-left:1px solid #C3C3C3; float:left; cursor:pointer; }
.inviteContentClass #dvTwitterInvite {background:transparent url(../Images/icon-social-twitter.png) no-repeat center center; width:43px; height:28px; border-left:1px solid #C3C3C3; float:left; cursor:pointer; }
.loadinganimationbutton { background:url(../images/spinning.gif) no-repeat left center!important; z-index:0; }
.loadinganimationbigbutton { background:url(../images/spinning.gif) no-repeat left center!important; height:40px; }
.content-box-gray {
background-color: #e2e2e2;
border: 1px solid #bdbdbd;
}
.msginlinepassword {
width: 90%;
margin: auto;
color: red;
font-size: 13px;
}
.msginlineforgotpassword {
width: 315px;
margin: auto;
color: red;
font-size: 13px;
}
.spinner{
position: absolute;
cursor: wait;
z-index: 10000;
-khtml-opacity:.50;
-moz-opacity:.50;
-ms-filter:"alpha(opacity=50)";
filter:alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
opacity:.50;
background: url('../Images/spinning.gif') no-repeat center #f8f8f8;
background-color:white;
}
.content-box-blue {
background-color:#FFFFFF;
border: 1px solid #afcde3;
}
.obami_assignment_question_update .rowright .lbl {
font-weight: bold;
}
.divDisabled {
cursor:not-allowed;
}
.form-textbox-disable {
border-radius: 15px;
-moz-border-radius: 15px;
padding: 5px 10px 5px 10px;
border: 1px solid #A3A3A3;
border-bottom: 1px solid #C1C1C1;
border-top: 1px solid #797979;
width:30px;
}
.form-textarea-disabled {
font-family: Arial;
padding: 5px;
border-top: 1px solid #777777;
border-left: 1px solid #BBBBBB;
border-bottom: 1px solid #E0E0E0;
border-right: 1px solid #BBBBBB;
width: 280px;
height: 85px;
}
.labelrequired {
color:#F6144C;
font-size:30px;
}
.labelrequiredo {
color:blue;
font-size:30px;
}
.portalsettings {
cursor:pointer;
}
.dvsettings .options{
float:right;
}
.portaladvancebutton {
font-weight:bold;padding: 0px 10px;
display: inline-block;
/* width: 113px; */
text-align: center;
}
.bright{
border-right: 1px solid #C3C3C3;
}
.dvsettings{
padding:5px 0px;
}
.portaleditedition #divTableContents{
display: inline-block;
/* width: 120px; */margin-left:175px;
padding-left: 10px;
text-align: center;
padding-right: 0px;
}
#pnlAdministration{
}
.portaladvancebutton2 {
border-right: 1px solid #C3C3C3;
width:120px;
font-weight:bold;
}
.portaleditedition #dvTableContents{
float:none !important;
text-align:left !important;
}
#imPortalBanner {
max-width:100%;
}
.lblPageNotAccessible{
margin-top: 15px;
font-weight: bold;
}
#btnPortalPreviewLive #divPreviewLiveDropDown{
margin-top:10px !important;
margin-left:0px !important;
}
.grey-out{
float: left;
margin-right: 20px;
margin-left: 10px;
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
position: absolute;
background-color:whitesmoke;
width:58px;
z-index: 5000;
height:58px;
}
#tbAssignmentFilterList th {
background-color:ButtonFace;
}
#tbAssignmentFilterList td .form-checkbox{
margin-left: 25px;
cursor:pointer;
}
.nobackground {
background:none;
}
.dropdown{
/*
min-width: 160px;
max-width: 360px;
list-style: none;
background: #FFF;
border: solid 1px #DDD;
border: solid 1px rgba(0, 0, 0, .2);
border-radius: 6px;
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
overflow: visible;
padding: 4px 0;
margin: 0;
z-index:10005;
float:inherit;
position: absolute;
margin-top: 47px;
margin-left: 5px;
*/
}
.ProgressStepsCont {
width: 100%;
padding: 10px 0px 10px 0px;
}
.ProgressStep {display: inline-block;width: 24.5%;}
.ProgressStep {color:white;}
.ProgInfo {display: inline-block;width: 30%; color: #aaaaaa;}
.ProgInfoSelect {display: inline-block;width: 30%;}
.lblProgNum {display: block;text-align: center;font-weight:bold;font-size:20px;}
.lblProgText {display: block;text-align: center;font-weight:bold;font-size:16px;}
.ProgArrowImg {display: inline-block;opacity:0.7;}
.ProgArrowImgSelect {display: inline-block;vertical-align:top;margin-top:10px;}
.ProgArrowImg Img { width:30px;height:30px;margin-bottom: 14px;}
.ProgArrowImgSelect Img { width:30px;height:30px;margin-bottom: 14px;
}
.ProgArrowImgSelect .icnrarrow {
background-image: url(../Images/payment_arrow-right.png);
background-repeat: no-repeat;
width: 22px;
height: 22px;
background-size: cover;
}
.ProgressStepsCont .title {
float:none;
}
/* EDIT QUOTE CONTROL*/
#tbQuoteItems {
display: table;
width: 100%;
border-collapse: collapse;
}
#tbQuoteItems .col.amt{
text-align:right;
width:20%;
}
#tbQuoteItems .hrow{
display:table-row;
}
#tbQuoteItems .hrow .col {
display: table-cell;
padding: 5px;
}
#tbQuoteItems .hrow .col.dur {
text-align:center;
}
#tbQuoteItems .hrow .col {
border: 1px solid lightgray;
font-weight:bold;
}
#tbQuoteItems .itemcontent{
display:table-row-group;
}
#tbQuoteItems .row {
display: table-row;
}
#tbQuoteItems .row .col{
display:table-cell;padding:5px;
}
#tbQuoteItems .row .col.b {
border:1px solid lightgray;
}
#tbQuoteItems .row .col.qty {
display:table-cell;
}
#tbQuoteItems .row .col.b.dur {
text-align:center;
}
#tbQuoteItems .row .col.tottitle {
text-align:right;
}
#divQuote .rejectquote {
cursor: pointer;
display: inline-block;
text-decoration: underline;
margin-right: 10px;
vertical-align: bottom;
margin-bottom: 3px;
}
#divQuote .printquote {
text-align: right;
}
.divTbl {
margin-top: 25px;
}
.divTbl .divRH { margin-bottom: 15px;}
.divTbl .divRH .divCH {font-size: 14px;font-weight: bold;display: inline-block;}
.divTbl .divR {}
.divTbl .divR .divC {display: inline-block;height: 30px;}
.divTbl .divR .divC HelpText {}
.divTbl .divR .divC b {font-size:12px;width: 200px;display:inline-block;}
.divTbl .divR .divC input{line-height:15px;}
.divTbl .divR .divC label{line-height:15px;margin-left: 5px;font-size: 12px;font-weight: bold;
color: gray;}
.lblhelptext{}
#divCreateAccountText
{
text-align:left;
height:initial;
line-height:15px;
margin-bottom:15px;
}
/*
#divSideNavbarTab {
width: 30px;
height: 100px;
float: left;
background-color: white;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid lightgray;
font-weight: bold;
font-size: 14px;
}
*/
.sidenavArrow
{
background: url(../Images/nav/arrowleft.png) no-repeat center center;
width: 16px;
margin: 5px 0px;
height: 16px;
float: right;
display: inline-block;
}
.icnBurger {
background: url(../Images/navigation/menu36dp.svg) no-repeat center center;
border: 0px;
margin: 0px 0 0 0px;
width: 26px;
height: 26px;
display: inline-block;
/* float: inherit; */
vertical-align: middle;
cursor: pointer;
background-size: cover;
}
.sidenavPageMenu #divOptionPortal, #pnlPortalInfo #divOptionPortalInfo {
margin-top: 0px;
margin-right: 7.5px;
}
.divPageInfo #divTabToolbar
{
margin-top:0px;
margin-right: 20px;
}
.sidenavPageMenu
{
display: inline-block;
/*float: right;*/
margin-top: 13px;
}
.sidenavPageMenu #divTabToolbarPortal
{
margin-top:0px;
}
.sidenavPageMenu #divTabToolbarAsig
{
margin-right: 0px;
margin-top:0px;
}
.sidenavPageMenu #divTabToolbarMsg
{
margin-right: 0px;
margin-top:0px;
}
.sidenavPageMenu #divTabToolbarContact
{
margin-right: 0px;
margin-top:0px;
}
.sidenavPageMenu #divOptionPortal
{
margin-top:0px;
}
.sidenavPageMenu #divTabToolbarAdmin
{
margin-right: 0px;
margin-top:0px;
}
#mp3uploadform {
padding: 10px 0px;
}
.signedindropdown ul li:hover
{
color:#525252;
}
.signedindropdown ul li:hover a
{
color:#525252;
}
.fileInputBtn {
opacity: 0;
width: 0px;height: 0px;
}
.videouploadinfo {
display: block;
width: 150px;
margin: auto;padding: 10px 0px;
}
.videouploadinfo img {
width: 30px;
height: 30px;
display: inline-block;
}
.videouploadinfo #videouploadmsg {
height: 30px;
font-weight: bold;
line-height: 30px;
display: inline-block;
vertical-align: top;
}
.fileinputbtn {
}
.fileinputuploadbtn {
}
.ospselectiondlg {
position: fixed !important;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
width: 640px;
max-height:485px;
background-color: white;
border-radius:2px;
-webkit-box-shadow: 2px 2px 11px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 2px 2px 11px 0px rgba(0, 0, 0, 0.4);
box-shadow: 2px 2px 11px 0px rgba(0, 0, 0, 0.4);
z-index: 1000005;
}
.ospselectiondlg .dialogheader {
background-color: #737373;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#737373), to(#808080));
background-image: -webkit-linear-gradient(top, #737373, #808080);
background-image: -moz-linear-gradient(top, #737373, #808080);
background-image: -ms-linear-gradient(top, #737373, #808080);
background-image: -o-linear-gradient(top, #737373, #808080);
height:42px;
}
.ospselectiondlg .dialogheader .dctitle{
font-size:16px;
font-weight:bold;
margin-left:10px;
line-height:42px;color:white;
}
.ospselectiondlg .osptable {
padding:10px;
max-height: 385px;
overflow-y: scroll;
}
.ospselectiondlg .osptable .osprow {
display:block;
margin: 10px 0px 20px 0px;
}
.ospselectiondlg .osptable .ospcbcol {
display:inline-block;width:30px;
vertical-align: top;
}
.ospselectiondlg .osptable .ospinfocol {
display:inline-block;
}
.ospselectiondlg .osptable .lblOspTitle {
font-weight:bold;
}
.ospselectiondlg .osptable .ospimagecontainer {
display:inline-block;
}
.ospselectiondlg .osptable .ospinfocontainer {
display:inline-block;
vertical-align: top;margin-left: 10px;
}
.ospselectiondlg .osptable .ospdesccontainer {
width: 475px;
}
.ospselectiondlg .btnContainer {
background-color: #ececec;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ececec), to(#e8e1e1));
background-image: -webkit-linear-gradient(top, #ececec, #e8e1e1);
background-image: -moz-linear-gradient(top, #ececec, #e8e1e1);
background-image: -ms-linear-gradient(top, #ececec, #e8e1e1);
background-image: -o-linear-gradient(top, #ececec, #e8e1e1);
height:38px;
}
#btnSaveOsp {
float: right;
margin-right: 10px;
margin-top: 4px;
}
.ospselectiondlg .dialogclose{
margin-right: 15px;
background-image: url(../Stylesheets/Themes/LightGreen/Images/modal-title-close.png);
background-repeat: no-repeat;
width: 24px;
margin-top: 10px;
height: 24px;
background-size: cover;
float: right;
cursor:pointer;
}
.ospselectiondlg .osptable .osporgcontainer {
padding:2px 0px;
}
.closeparagrapharrow {
background-image: url(../Images/nav/ic_keyboard_arrow_up_48px-32.png);
background-repeat: no-repeat;
width: 24px;
height: 24px;
margin:auto;cursor:pointer;
}
#btnViewMoreDescription {
cursor:pointer;
}
.dvOrgLoginForm {
width: 300px;
margin: auto;
/* -webkit-box-shadow: 2px 2px 11px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 2px 2px 11px 0px rgba(0, 0, 0, 0.4);
box-shadow: 2px 1px 1px 0px rgba(0, 0, 0, 0.4); */
border: 1px solid #e8e1e1;
border-radius: 3px;
margin-top:15px;
margin-bottom:15px; background-color: #FFFFFF;
}
.divLoginTitle {
text-align: left;
line-height: 30px;
font-size: 13px;
font-weight: bold;
border-bottom: 1px solid lightgray;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
text-indent: 15px;
background: -webkit-linear-gradient(#F7F5F5, #ECECEC);
background: -o-linear-gradient(#F7F5F5, #ECECEC);
background: -moz-linear-gradient(#F7F5F5, #ECECEC);
background: linear-gradient(#F7F5F5, #ECECEC);
}
.dvOrgLoginForm #pnlLoggedOut {
padding:15px;
}
.pmtSeperator {
margin-bottom: 15px;
}
.lblPTitle {
font-size: 20px;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}
.pmtSeperator .pmtIconSeperator {
width: 90px;
border-bottom: 1px solid #c0c0c0;
display: inline-block;
}
.infotext {
margin: auto;
width: 300px;
text-align: center;
font-size: 14px;
font-weight: bold;
}
.pmtSeperator .pmtSeperatorLbl {
display: inline-block;
/* margin-bottom: 25px; */
line-height: 25px;
vertical-align: sub;
margin: 0px 15px;font-weight:bold;
height: 20px;
}
#btnPayPal {
margin-bottom:15px;
}
#btnPayFast {
margin-top:15px;
cursor:pointer;
}
.mbHeadLbl {
font-weight: bold;
color: black;text-align:center;
display:none;
}
#time {
display:none;
}
.modalDlg {
width:50%;
position: fixed;
border-radius: 3px;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
z-index: 10000001;
background-color: white;
background-repeat: repeat-x;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
}
.modalDlg .modaldlgheader {
background-color: #737373;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#737373), to(#808080));
background-image: -webkit-linear-gradient(top, #737373, #808080);
background-image: -moz-linear-gradient(top, #737373, #808080);
background-image: -ms-linear-gradient(top, #737373, #808080);
background-image: -o-linear-gradient(top, #737373, #808080);border-top-right-radius: 3px;
border-top-left-radius: 3px;
height:38px;}
.modalDlg .modaldlgcontent {
padding: 15px 10px;min-height: 75px; max-height: 410px;
overflow-y: auto;
}
.modalDlg .modaldlgheader .modaldlgtitle{
font-size:16px;
font-weight:bold;
margin-left:10px;
line-height:38px;color:white;
}
.modalDlg .btnContainer {
background-color: #ececec; padding: 5px 10px 0px 10px;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ececec), to(#e8e1e1));
background-image: -webkit-linear-gradient(top, #ececec, #e8e1e1);
background-image: -moz-linear-gradient(top, #ececec, #e8e1e1);
background-image: -ms-linear-gradient(top, #ececec, #e8e1e1);
background-image: -o-linear-gradient(top, #ececec, #e8e1e1);border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
height:38px;
}
.modalDlg .btnContainer .dlgButton {
float:right;
}
.modalDlg .dialogclose{
margin-right: 15px;
background-image: url(../Stylesheets/Themes/LightGreen/Images/modal-title-close.png);
background-repeat: no-repeat;
width: 24px;
margin-top: 6px;
height: 24px;
background-size: cover;
float: right;
cursor:pointer;
}
#divPortalContent .dvGm, #divPortalContent .dvMM{
text-align: center;
font-weight: bold;
margin-bottom: 10px;
}
.modalDlg p{
margin:0;
}
#divPortalContent .dvGmBadge {
width: 125px;
margin: 10px auto 10px auto;
}
#divPortalContent .dvAssignmentOutcomeScore {
line-height: 32px;
}
#divPortalContent .lblGeneralMessage, #divPortalContent .lblMarksMessage {
font-size: 16px;
}
.dvMarksOutcome .dvMMBadgeImage {
width: 80px;
height: 80px;
margin: auto;
}
.dvGeneralOutcome .dvGmBadgeImage {
width: 80px;
height: 80px;
margin: auto;
}
.dvMarksOutcome .dvMMBadgeUrl {
text-align: center;
font-size: 12px;
font-weight: bold;
}
.icon_exclaim {
background-image: url(../Images/exclamationmark.png);
background-repeat: no-repeat;
width: 22px;
height: 22px;
background-size: cover;
cursor:pointer;
}
.icon_success {
background-image: url(../Images/success.png);
background-repeat: no-repeat;
width: 22px;
display:inline-block;
height: 22px;
background-size: cover;
cursor:pointer;
}
.dvicon {
margin-right: 10px;
}
.dvicon .icon_exclaim {
}
.dvinvnum {
vertical-align:top;
display:inline-block;
}
.dvunpaidinvoice {
padding: 5px 0px 10px 0px;
}
.dvexpirededitionlink {
padding: 5px 0px 10px 0px;
}
.dvpaymentoptions{
margin-bottom:5px;
}
.genhelptext{
}
.genhelptext .dvicon{
display: inline-block;
height: 18px;margin-right:0px !important;
}
.genhelptext .icon_exclaim {
background-image: url(../Images/exclamationmark.png);
background-repeat: no-repeat;
width: 14px;
height: 14px;
background-size: cover;
}
.dvhelptext10{
font-size:10px;
display:inline-block;
}
.dvhelptext12{
font-size:12px;
display:inline-block;
}
.icnSuccessTick{
background-image: url(../Images/formelements/successtick.png);
background-repeat: no-repeat;
width: 18px;
height: 24px;
background-size: cover;
display:inline-block;
}
.icnUnSuccessTick{
background-image: url(../Images/formelements/unsuccesstick.png);
background-repeat: no-repeat;
width: 18px;
height: 24px;
background-size: cover;
display:inline-block;
}
.MsgSuccessReg{
}
.MsgSuccessReg {
text-align: center;
font-weight: bold;
margin-bottom: 20px;
}
.dvProceed {
height: 35px;
}
.dvProceed a{
float:right;
}
.dvProceed #btnSignUpLogin {
float: right;line-height:30px;
}
.dvRegistrationInfoMsg {
padding: 10px 10px;
}
/* START Responsive Tables */
.rt { display: table; }
.rt .tbody{ display:table-row-group; }
.rt .rthr { display: table-row; }
.rt .rthr .rthc{ display:table-cell;font-size: 14px;
text-align: left;
height: 30px;
line-height: 30px; }
.rt .rtr {
display: table-row;
background-color: #ffffff;border-bottom: 1px solid #CCCCCC;
}
.rt .rtr .rtc{ display:table-cell;vertical-align:top; background-color: #f4f4f4; }
/* END Responsive Tables */
.rt .rtr .rtc .btnSE3, .rt .rtr .rtc .btnSB3{ font-size: 13px; }
#dvSocialRow{
margin: 10px 0px;
}
#custom_google_signup_btn, #custom_google_login_btn {
display: block;
color: #737373;
border-radius: 3px;
white-space: nowrap;
width: 246px;
margin: 0 auto;
border-width: 1px;
border-style: solid;
border-color: #D7D7D7;
border-color: rgba(155, 155, 155, 0.6);
}
.dvTiers a {
display: inline-block;
vertical-align: top;
margin-right: 5px;
}
.dvTiers .icnDetails {
margin-top: 1px;
}
#dlgTokenDetails {
width: 620px !Important;
}
.tokenpopup #dvTokenDetailContent .tbTokenDetails {
border-top: 1px solid lightgray;
border-left: 1px solid lightgray;
font-size: 12px;
width: 600px;
margin: auto;display:table;
}
.tbTokenDetails {
display: table;
}
.tbTokenDetails .thRow {
display: table-row;
}
.tbTokenDetails .thRow .thCol {
display: table-cell;
}
.tbTokenDetails .tRow {
display: table-row;
}
.tbTokenDetails .tRow .tCol {
display: table-cell;
}
.icnDetails {
background-image: url(../Images/formelements/info.png);
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-size: cover;
cursor: pointer;
display: inline-block;
}
#custom_google_signup_btn:hover, #custom_google_login_btn:hover {
background: #F7F7F7;
cursor: pointer;
border-style: inset;
}
#custom_google_signup_btn span.icon, #custom_google_login_btn span.icon{
background: url('../Images/button-gplus.png') transparent 2px 50% no-repeat;
background-size: 40px;
display: inline-block;
vertical-align: middle;
width: 45px;
height: 40px;
border-right: #DADADA 1px solid;
}
#custom_facebook_login_btn, #custom_facebook_signup_btn {
display: block;
color: #737373;
border-radius: 3px;
white-space: nowrap;
width: 246px;
margin: 0 auto;
border-width: 1px;
border-style: solid;
border-color: #D7D7D7;
border-color: rgba(155, 155, 155, 0.6);
}
#custom_facebook_login_btn:hover, #custom_facebook_signup_btn:hover {
background: #F7F7F7;
cursor: pointer;
border-style: inset;
}
#custom_facebook_login_btn span.icon, #custom_facebook_signup_btn span.icon{
background: url('../Images/button-fb.png') transparent 2px 50% no-repeat;
background-size: 40px;
display: inline-block;
vertical-align: middle;
width: 45px;
height: 40px;
border-right: #DADADA 1px solid;
}
#footerAlt,.footerAlt{
text-align:center;
}
#btnSignUpEmail{
margin: 10px auto 20px auto !important;
}
.rounded-pill {
border-radius: 6px !important;
}
.text-bg-warning {
color: #000 !important;
background-color: RGBA(255,193,7,1) !important;
}
.badge {
--bs-badge-padding-x: 0.65em;
--bs-badge-padding-y: 0.35em;
--bs-badge-font-size: 0.75em;
--bs-badge-font-weight: 700;
--bs-badge-color: #fff;
--bs-badge-border-radius: 0.375rem;
display: inline-block;
padding: 5px 5px;
font-size: 12px;
font-weight: bold;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.alert.warning {
position: relative;
padding: 5px 10px 5px 10px;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.25rem;
font-size: 13px;
width: 300px;
margin-left: 15px;
background-color: #ffff007a;
border-radius: 3px;
border: 1px solid #e3ff01;color:grey;
font-weight: bold;
text-align: center;
}
.alert.danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert-warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba;
}
.alert-info {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
}
.alert-primary {
color: #004085;
background-color: #cce5ff;
border-color: #b8daff;
}
#urlStore {
line-height: 18px;
margin-bottom: 5px;
}
#urlStore a{
margin-left: 15px;
line-height: 17px;
vertical-align: top;
}
.dvtokeninfograde .form-select {
position: initial !important;
}
#tbQuoteItems .row .col .rlbl {
display: none;
}
.fltR .price {
}
}
.dvtokeninfograde .form-select > ul{
top:initial !important;
}
.btnTokenDetails {
cursor: pointer;
}
.dvLinks .dvManageItem {
float: none;
height: auto;
display: block;
}
.singleInvCont {
padding: 10px;
}
.singleInvCont .dvDesc {
height: 30px;
}
.grpTotals {
overflow: auto;
}
.fltR {
float: right;
height: 25px;
line-height: 25px;
}
.fltR .title {
display: inline-block;
width: 60px;
text-align: right;
margin-right: 0px;
font-weight: bold;
}
.fltR .price {
display: inline-block;
}
.singleInvCont .dvDesc .invoicedesc {
vertical-align: top;
margin-top: 3px;
display: inline-block;
font-size: 13px;
font-weight: bold;
}
.singleInvCont {
box-shadow: 0 1px 2px 0 rgba(32,33,36,0.28);
overflow: auto;
border: 1px solid #dbdbdb;
padding: 15px;
font-size: 12px;
border-radius: 3px;
margin-bottom: 15px;
}
.singleInvCont:hover {
box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
}
.singleInvCont .InvTable {
display: table;
width: 100%;
border-collapse:collapse;
}
.singleInvCont .rowheader {
display: table-row;
}
.singleInvCont .row .rlbl {
display: none;
}
.singleInvCont .row {
display: table-row;
}
.singleInvCont .InvRowTotal {
display: block;
}
.singleInvCont .rowheader .col.desc {
display: table-cell;
border: 1px solid lightgray;
}
.singleInvCont .rowheader .col {
display: table-cell;
border: 1px solid lightgray;
}
.singleInvCont .row .col.desc {
display: table-cell;
border: 1px solid lightgray;
}
.singleInvCont .row .col {
display: table-cell;
border: 1px solid lightgray;
}
.singleInvCont .row .col.price {
}
.singleInvCont .row .col {
display: table-cell;
}
.dvLinks .dvTokenDetails {
display: inline-block;
float: left;
height: 25px;
}
.dvLinks .dvTokenDetails a {
text-decoration: underline;
vertical-align: top;
padding-right: 5px;
}
.totals .row .col.price {
}
.singleInvCont .totals {
}
.singleInvCont .totals .row .col {
display: table-cell;
border-right: 1px solid lightgray;
padding: 3px 5px 3px 5px;
border-bottom: 1px solid lightgray;
width: 80px;
}
.singleInvCont .col.desc {
padding: 3px 5px 3px 5px;
}
.singleInvCont .col {
padding: 3px 5px 3px 5px;
}
.singleInvCont .dvDesc {
height: auto;
margin-bottom: 5px;
}
.singleInvCont .dvTotals {
overflow: auto;
}
.singleInvCont .dvLinks .icnRedirect {
background-image: url(../Images/icon-link.png);
background-repeat: no-repeat;
width: 20px;
height: 20px;
background-size: cover;
cursor: pointer;
display: inline-block;
}
.singleInvCont .dvLinks .dvManageItem {
display: inline-block;
float: right;
}
.singleInvCont .dvLinks .dvManageItem a {
vertical-align: top;
text-decoration: underline;
}
.singleInvCont .dvLinks {
margin-top: 10px;
}
.dvicon{
display:inline;
}
.singleInvCont .dvDesc .dvicon {
margin-right: 0px !important;
vertical-align: top;
}
.singleInvCont .icnSuccess {
width: 18px;
height: 18px;
margin-top: 4px;
}
.singleInvCont .dvDesc .invoicedesc {
vertical-align: top;
margin-top: 3px;
display: inline-block;
font-size: 12px;
font-weight: bold;
width: 89%;
}
.fltR {
float: none;
height: auto;
line-height: 25px;
text-align: right;
}
.singleInvCont .icnSuccess {
background-image: url(../Images/success.png);
background-repeat: no-repeat;
margin-right: 5px;
width: 22px;
height: 22px;
background-size: cover;
cursor: pointer;
display: inline-block;
margin-top: 0px;
}
.tokenpopup #dvTokenDetailContent .thCol, .tCol {
padding: 4px;
}
.tokenpopup #dvTokenDetailContent .thCol {
border-bottom: 1px solid lightgray;
border-right: 1px solid lightgray;
font-weight: bold;
}
.tokenpopup #dvTokenDetailContent .tCol {
border-bottom: 1px solid lightgray;
border-right: 1px solid lightgray;
}
.tokenpopup #dvTokenDetailContent .tCol.token {
font-weight: bold;
}
.signupoption:hover {
opacity: 0.975;
}
.btnsignup:hover {
opacity: 0.975;
}
.btnsignupback:hover {
opacity: 0.9;
}
#btnPrintPage:hover {
background-color: #fbfbfb;
}
#btnPrintPage {
text-align: center;
width: 150px;
height: 30px;
cursor: pointer;
border: 1px solid lightgray;
border-radius: 5px;
margin-bottom: 7.5px;
background-color: #ffffff;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#fbfbfb));
background-image: -webkit-linear-gradient(top, #ffffff, #fbfbfb);
background-image: -moz-linear-gradient(top, #ffffff, #fbfbfb);
background-image: -ms-linear-gradient(top, #ffffff, #fbfbfb);
background-image: -o-linear-gradient(top, #ffffff, #fbfbfb);
}
.dvPrintPage{
}
#btnPrintPage .label {
line-height: 30px;
display: inline-block;
}
#btnPrintPage .icnPrint {
background: url(../Images/print.png) transparent 0px 50% no-repeat;
display: inline-block;
vertical-align: middle;
width: 18px;
height: 18px;
border-radius: 5px;
background-size: cover;
margin-left: 2.5px;
margin-right: 5px;
margin-top: -2.5px;
}
@media only screen and (min-width: 120px) and (max-width: 736px) {
.bottomfooterbanner .dvleft #footerImgLogo {
width: 120px;
height:auto;
}
#divNotificationsList {
padding: 10px 15px;
border: 1px solid rgb(245, 245, 245);
margin: auto;
border-radius: 3px;
background-color: #FFFFFF;
-moz-box-shadow: 1px 1px 1px #AAAAAA;
-webkit-box-shadow: 1px 1px 1px #AAAAAA;
box-shadow: 1px 1px 1px #AAAAAA;
}
.logoPlayStore #imgPlayStore {
width: 130px;
}
.bottomfooterbanner .dvleft {
width: 260px;
padding-left: 20px;
}
.bottomfooterbanner .dvright {
width: 57.5%;
margin-top: 15px;
}
.bottomfooterbanner .bottomFooterContent {
width: 100%;
min-height: 350px;
}
.bottomfooterbanner .dvright .dvlinks.ourmission, .bottomfooterbanner .dvright .dvlinks.getstarted, .bottomfooterbanner .dvright .dvlinks.sitepolicies {
width: 40%;
padding: 10px 10px;
}
.bottomfooterbanner .dvright .dvlinks.contact {
width: 40%;
padding: 10px 10px;
}
#btnPrintPage {
background-color: #ffffff;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#fbfbfb));
background-image: -webkit-linear-gradient(top, #ffffff, #fbfbfb);
background-image: -moz-linear-gradient(top, #ffffff, #fbfbfb);
background-image: -ms-linear-gradient(top, #ffffff, #fbfbfb);
background-image: -o-linear-gradient(top, #ffffff, #fbfbfb);
margin: 10px 0px 5px 0px;
}
.singleInvCont.portal .dvinvoice {
margin-bottom: 0px;
padding: 0px 0px 15px 0px;
}
.singleInvCont.portal .dvinvoice a {
display: inline-block;
}
.icon_success {
display: inline-block;
width: 18px;
height: 18px;
}
#dlgHtmlReplacer, #dlgMessageMe {
position: fixed !important;
top: 0px !important;
left: 0px !important;
margin-right: 0px !important;
transform: initial !important;
width: 100% !important;
height: 100% !important;
max-height: 100% !important;
border-radius: 0px !important;
}
#tbQuoteItems .row .col.qty {
display: none;
}
#btDlInvoice {
width: 120px;
float: none !important;
margin-right: 5px;
margin-top: 0px;
margin-left: 0px;
text-align: center;
}
.btnReject {
float: right;
position: relative;
margin-top: 10px;
display: block;
margin-top: 0px;
margin-left: 0px;
}
#dlgTokenDetails {
width: 90% !Important;
}
.tokenpopup #dvTokenDetailContent .tbTokenDetails {
margin-bottom: 5px;
}
.singleInvCont .dvDesc .invoicedesc {
margin-top: 0px;
}
.invoicedesc {
display: inline;
}
.singleInvCont .InvRow .InvColumn.price {
width: inherit;
}
.singleInvCont .InvTable .rowheader {
display: none;
}
.singleInvCont .InvTable {
border-top: 1px solid lightgray;
display: block;
padding-top: 5px;
}
.dvLinks .dvTokenDetails {
display: block;
float: none;
height: auto;
}
.singleInvCont .row {
border: 1px solid lightgray;
}
.singleInvCont .row .col {
display: block;
border: none;
}
.singleInvCont .row .col.desc {
display: block;
border: none;
}
.singleInvCont .rowheader .col.desc {
display: block;
border: none;
}
#DisplayForm {
text-align: center;
}
.singleInvCont .row .col .rlbl {
display: inline-block;
}
.singleInvCont .row .rlbl {
display: block;
display: inline-block;
font-weight: bold;
font-size: 12px;
margin-right: 5px;
}
.ProgressStepsCont {
}
.ProgressStepsCont .ProgInfo {
width: 20%;
}
.ProgressStepsCont .ProgArrowImgSelect {
width: 15%;
}
.ProgressStepsCont .ProgArrowImgSelect .icnrarrow {
margin: auto;
}
.ProgressStepsCont .ProgInfoSelect {
width: 20%;
}
#btnContinueShopping {
margin: auto;
}
#continueContainer {
display: block;
}
#quotecontainer #divQuote {
padding: 0px 0px 10px 0px !important;
}
#tbQuoteItems {
font-size: 12px;
}
#tbQuoteItems .hrow {
display: none;
}
#tbQuoteItems .row {
display: block;
}
#tbQuoteItems .row .col {
border: none;
display: block;
padding: 0px;
}
#tbQuoteItems .col.amt {
width: initial;
text-align: left;
}
#tbQuoteItems .row .col.b {
border: none;
margin-bottom: 5px;
}
#tbQuoteItems .row .col .rlbl {
display: none;
font-weight: bold;
}
#tbQuoteItems .row .col.tottitle {
display: inline-block;
margin-right: 5px;
font-size: 12px;
}
#tbtotalscontent .row.btop {
border-top: 1px solid lightgray;
padding-top: 7.5px;
margin-top: 5px;
}
#tbtotalscontent .col b {
font-weight: normal !important;
}
#tbtotalscontent .tottitle {
float: left;
}
#tbtotalscontent .amt {
display: inline-block;
}
#tblPaymentOptions .pmtSeperator .pmtIconSeperator {
width: 30%;
}
#tblPaymentOptions .mbHeadLbl {
padding: 5px;
}
#tbQuoteItems .row .col.amt {
display: block;
text-align: right;
}
.quotehelptext {
font-size: 12px;
}
.quotehelptext {
font-size: 12px;
}
#tbtotalscontent {
text-align: right;
}
#paymentMessage {
padding-top: 5px !important;
}
#returnContainer {
display: block;
line-height: 20px;
padding-top: 0px !important;
padding-left: 0px !important;
text-align: center;
}
}
@media only screen and (min-width: 120px) and (max-width: 670px) {
.bottomfooterbanner .dvright {
width: 52.5%;
}
.bottomfooterbanner .dvright .dvlinks p {
font-size: 13px;
}
.bottomfooterbanner .dvright .dvlinks ul a {
font-size: 13px;
}
.bottomfooterbanner .dvleft {
width: 245px;
}
.bottomfooterbanner .dvleft #footerImgLogo {
width: 115px;
height: auto;
}
.logoPlayStore #imgPlayStore {
width: 120px;
}
}
@media only screen and (min-width: 120px) and (max-width: 590px) {
#pnlAlerts .row.alert .details{
width:90%;
}
.logoPlayStore #imgPlayStore {
width: 145px;
}
.bottomfooterbanner .bottomFooterContent{
min-height:500px;
}
.bottomfooterbanner .dvleft #footerImgLogo {
width: 120px;
height: auto;
}
.bottomfooterbanner .dvleft {
float: none;
margin: auto;
width: 275px;
}
.bottomfooterbanner .dvright {
width: 90%;
}
.bottomfooterbanner .dvright {
float: none;
margin: auto;
padding-left: 17.5%;
margin-top: 15px;
}
}
@media only screen and (min-width: 120px) and (max-width: 470px) {
.bottomfooterbanner .dvright {
padding-left: 15%;
}
}
@media only screen and (min-width: 120px) and (max-width: 400px) {
.bottomfooterbanner .dvright {
padding-left: 13.5%;
}
}
@media only screen and (min-width: 120px) and (max-width: 340px) {
.bottomfooterbanner .dvright {
padding-left: 0%;
}
.bottomfooterbanner .dvright .dvlinks {
width: 95% !important;
display: block;
text-align: center;
}
}
@media only screen and (max-width: 320px) and (min-width: 120px) {
#dlgHtmlReplacer .form-textbox.singletokenchar {
display: inline-block !important;
margin: 10px !important;
width: 25px !important;
}
#dlgHtmlReplacer {
width: 100% !Important;
}
#loginDialog .form-textbox {
width: 100% !important;
}
#dlgHtmlReplacer .form-textbox {
width: 100% !important;
margin: auto;
display: block;
}
}
#pdfDisclaimer {
padding: 15px 0px 5px 0px;
}
/* Print Options Dialog Styles */
.print-options-container {
margin: 0 auto;margin-top:10px;
}
#dlgPrintPage .modalContent {
overflow:auto !important;
}
#dlgPrintPage .modalButtons {
padding: 0px 15px 15px 15px !important;
}
#dlgPrintPage {
width: 470px !important;
}
.print-option-boxes {
display: flex;
justify-content: space-between;
gap: 15px;
}
.print-option-box {
flex: 1;
border: 2px solid #d1e5f0;
border-radius: 6px;
padding: 12px;
cursor: pointer;
transition: all 0.3s ease;
background-color: #ffffff;
}
.print-option-box:hover {
background-color: #f3f6f4;
}
.print-option-box.active {
border-color: #86B009;
background-color: #f3f6f4;
}
.print-option-link {
text-decoration: none;
color: #666666;
display: block;
}
.print-option-box .text-content {
text-align: left;
}
.print-option-box .header-row {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 8px;
}
.print-option-box.active .header-row {
color: initial !important;
}
.option-icon {
width: 32px;
height: 32px;
flex-shrink: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.pdf-icon {
background-image: url('../Images/thumb/icon-pdf_51_51.png');
}
.image-icon {
background-image: url('../Images/thumb/image-icon.png');
}
.print-option-box h3 {
font-size: 16px;
margin: 0;
color: gray;
}
.print-option-box.active h3 {
font-size: 16px;
margin: 0;
color: #333333;
}
.print-option-box p {
font-size: 12px;
color: #666666;
font-weight: normal;
margin: 0;
line-height: 1.3;
}