@media all and (max-width:600px) {
    .teachers .footable-row-detail-name {
        width: 50%;
    }
}

/*********************************************************************************/

/***************************************** Master Page Styles *************************************/
.master
{
    text-align:center;
    height:72%;
    width:100%;
    border:none;
    margin:0px;
}

.master .top 
{
    height: 1%;
}

.master .nowidth
{
    width:1px;
}

.master .wider
{
    width:1px;
}

.master .noheight
{
    height:1px;
}

.master .lightBG 
{    
}

.master .darkBG 
{    
    /*background-color: #999;    */
}
  
.master .centerCell
{
    vertical-align:top;
    text-align:left;
    width:100%;
    font-size:80%;
    /*border-top:solid 1px #999;*/
}

/*
    Logon Page Styles
*/
.logon,
.resetPassword,
.changePassword {
    max-width: 420px;
    margin: 0px auto;
}

.resetPassword {
    max-width: 450px;
}

@media all and (min-width:769px) {
    .logon .logonTabs,
    .resetPassword .row.page-content,
    .changePassword .row.page-content {
        margin-top: 100px;
    }
}

.logon .captionLabel
{
	padding-right:10px;
}

.logonMFA .control-label {
    min-width: 110px;
}
/*
    Account Info
*/
.accountInfo .dayCombo
{
    width:50px;    
}
.accountInfo .yearCombo
{
    width:70px;    
}

.accountInfoMakePayment .chk
{
  width: 1%;
  text-align: center;    
}

.accountInfoMakePayment .noOpenInvoices
{
  padding: 3px;  
}

.accountInfoPaymentItem .GridFooter TD
{
  background-color: #eee;    
}

@media all and (max-width:480px) {
    .accountPaymentProfile .captionLabel {
        width: auto !important;
        white-space: normal;
        min-width: 100px;
    }
}

@media all and (max-width:350px) {
    .accountPaymentProfiles .btn-synch {
        margin-top: 5px;
        width: 100%;
    }
}



.siteStyleTemplates #divTemplateList table {
    border: none;
    border-collapse: separate !important;
}

.siteStyleTemplates #divTemplateList table tr td {
    border: none;
}

.siteStyleTemplates #divTemplateList table tr td.selected {
    border: solid 2px #1a80ba;
}

.siteStyleTemplates #divTemplateList table tr td.left {
    border-right: none;
}

.siteStyleTemplates #divTemplateList table tr td.right {
    border-left: none;
}

.siteStyleTemplates .styleSelector {
    float: left;
    padding: 10px;
    margin: 1px;
    border: solid 2px #fff;
}

.siteStyleTemplates .mainPreview img {
}

.siteStyleTemplates .styleSelector img {
    max-width: 100px;
    border: solid 1px #ccc;
}

.siteStyleTemplates .styleSelector .actionButton {
    padding-top: 5px;
    text-align: center;
}

.siteStyleTemplates .styleSelector.selected {
    border: solid 2px #1a80ba;
}

#divTemplateList table {
    width: 100%;
}

@media all and (max-width:768px) {
    .siteStyleTemplates #divTemplateList table tr td {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
/*
    Site Style Page 
*/

/* Override for the long tab menu */
@media all and (max-width:1185px) {
    .siteStyle ul.nav-tabs.nav > li > a {
        border: 1px solid #e4e5e7 !important;
        border-radius: 4px;
        margin: 5px 5px 5px 0px;
    }
}

@media all and (max-width:1285px) {
    .siteStyle ul.nav-tabs.nav {
        clear: both;
    }

    .siteStyle .previewLinks {
        padding: 0px;
        padding-bottom: 3px;
    } 
}


.siteStyle .padded
{
    margin-left:10px;    
}

   
.siteStyle .settingRow TD
{
	padding-top:10px;
}

/*.siteStyle .siteStyleDisplayOptions .colorSettings .captionLabel
{
  width: 18em;    
}

.siteStyle .siteStyleDisplayOptions .fontSettings .captionLabel
{
  width: 13em;    
}*/

.siteStyle .siteStyleDisplayOptions .settingsContainer
{
  padding-left: 20px;    
}

.siteStyleDisplayOptions .customFontsSelector .chk
{
  width: 1em;
  text-align: center;    
}

.siteStyleCustomStyles textarea.txtEditable {
    max-width: none;
}

.custom-images-options.page-responsive select.wide {
    max-width: none;
}

.siteSettingsCustomMenu .showOption
{
    text-align: center;
    width: 9em;
}

.siteSettingsCustomMenu .rbtOptions.targetPage .rbtOption label {
    min-width: 90px;
}

.pageCustomImages .inheritedBlockInfo
{
  width: 100%;
  max-width: 30em;
  padding: 10px;
  border: solid 1px #000;
  background-color: #FFFFCC;    
  text-align: center;
  vertical-align: middle;  
}

.classesPageSettings .settings table
{
    width: 100%;
}

.classesPageSettings .settings table td
{
    padding-left: 0;
}

/*
  emailOptions
*/

.emailOptions .captionLabel
{
    width: 10em;
    white-space:normal;
}

/*
    Classes
*/
.classes .filterPanel .row .control-label {
    max-width: 7em;
}

.classes .seatsCell
{
    width:1%;
}

.classes .sepSeatsCell,
.classes .sepSeatsCell1
{
  width: 6em;
  text-align: center;    
}

.classes .sepSeatsCell1
{
  width: 8em;
}

.classes .seatsCell TABLE, 
.classes .seatsCell TR, 
.classes .seatsCell TD
{
    border:none;    
}

.classes .seatsCell TD {
    padding: 1px;
    padding-bottom: 0px;
}

.classes .seats
{
    width:1%;
    white-space:nowrap;
}

.classes .hSpacer 
{
    margin-left:20px;    
}

.classes .wideButton
{
    width:200px;   
}
.classes TEXTAREA .wide
{
    width:400px;    
}
.classes TD.settings TABLE TR TD
{
  padding-bottom: 5px;	
}

.classes A.revClm
{
  display: block;
  margin-top:5px;
  font-weight: bold;    
}

.classes .filterViewSelector,
.classes .filterViewSelector .selBorder
{
    border: solid 1px #0185d0;
    border-collapse: collapse;
}

.classes .filterViewSelector TABLE.actionMenu
{
  border: none;    
}

.classes .filterViewSelector TD
{
  white-space: nowrap;
}

.classEdit .regenerationNote .week
{
    text-align: center;
    width: 5em;
}

.classEdit .regenerationNote .dayOfWeek
{
    text-align: center;
    width: 8em;
}

.classEdit .regenerationNote .warn
{
  font-weight: bold;
}

.classEdit .regenerationNote .date
{
    text-align: center !important;
    
    width: 7em;
}

.classEdit .regenerationNote .flatButton,
.classEdit .regenerationNote .flatButtonHover
{
   width: 30em;
}

.classEdit .udf-restrictions td.captionLabel {
    width: auto;
}

.classEditForm .dataChangeWarningMessagesChkContainer {
    margin-top: 20px;
}

TD.clm_schedule {
    width: 80px;
    text-align: center;
}

.classMeetings TD.week,
.classMeetingsReport TD.week
{
    text-align: center;
    width: 5em;
}

.classMeetings TD.dayOfWeek,
.classMeetingsReport TD.dayOfWeek
{
    text-align: center;
    width: 8em;
}

.classMeetings TD.time,
.classMeetingsReport TD.time
{
    width: 6.5em;
}

.classMeetings TD.actions,
.classMeetingsReport TD.actions
{
  width: 1%;
  white-space: nowrap;
  padding:0 5px 0 5px;
}

.classMeetings TD.hFC
{
  width: 6em; 
  text-align: center;   
}

.classMeeting.editPanel TABLE.class-meeting-date-info TR TD:first-child,
.classMeeting.editPanel TABLE.class-meeting-time-info TR TD:first-child {
    width: 140px;
}

.classMeeting .timeControl .txtEditable {
    width: 6em !important;
}

DIV.classMeetingsNote 
{
  width: 100%;
  background-color: #FFFFEE;
  border: solid 1px #AAAAAA; 
  padding: 10px;   
  margin-bottom: 5px;
  display: block;
}

H5.classMeetingsNote 
{
  margin: 5px 0px 15px 0px;    
  padding: 0px;
    
  color: #000000;
  
  font-size: 110%;
}

.classMeetingsNote UL
{
  margin: 0px;
  margin-left: 20px;    
} 

.classMeetingsReport .Grid
{
    margin-top: 3px;    
}
    
.classMeetingsReport TD.chk
{
  text-align: center;    
  width: 1em;
}

.classMeetingsReport .bottomControls
{
  margin: 10px;    
}

.classEnrollments TD.dob
{
  width: 8em;
  text-align: center;    
}

.classes .enrSummary,
.classEnrollments .enrSummary
{
  max-width : 25.5em;
  width: 100%;
}

.classes .rolloutSummary
{
   width: 100%;
   max-width : 33em;
}

.classes .enrSummary .summaryHeader,
.classEnrollments .enrSummary .summaryHeader
{
    font-size: 120%;
    color:#777;
    padding: 5px;
    padding-top: 0px;
    padding-left: 0px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.classes  .enrSummary .enrSummaryGrid .valueNumber,
.classEnrollments .enrSummary .enrSummaryGrid .valueNumber
{
    text-align: right;
    white-space:nowrap;
}

.classes  .enrSummary .enrSummaryGrid .totalRow TD,
.classEnrollments .enrSummary .enrSummaryGrid .totalRow TD
{
   font-weight: bold;
   border-top: solid 1px #ccc; 
   color: #6a6c6f;
}

.classes  .enrSummary .enrSummaryGrid TR:not(.totalRow) TD.captionLabel,
.classEnrollments .enrSummary .enrSummaryGrid TR:not(.totalRow) TD.captionLabel
{
    font-weight: normal;
}

.classEnrollments .chk 
{ 
    text-align:center;
    width:1px; 
}

.classEnrollments .modalPopup .popupButtonsContainer
{
    text-align:center;
}

.classEnrollments A.hasNote
{
  font-weight: bold;
}

/*
  Advanced Image Upload Page
*/

.advancedImageUpload .preSelectIntro
{
   width: 55em;    
}

.advancedImageUpload .imgSamples
{
    padding-top: 1em;    
}

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

.advancedImageUpload .previewContainer
{
    text-align: center;    
}

.advancedImageUpload .previewHeader
{
    margin-bottom: 2px;    
}

.advancedImageUpload .previewDescription
{
    display: block;
    margin-bottom: 10px;
}

.advancedImageUpload .info
{
    font-weight: bold;
    margin: 5px;
    font-size: 100%;
}

/*
  contactUs
*/

.contactUs .captionLabel
{
    width: 8em;
}

/*
    Save Schedule
*/
.saveSchedule .confirmation
{
    font-weight: bold; 
    color: red;
}
/*
  News Letters
*/

.newsLetters TD.actions
{
  width: 9em;	
}

.newsLetters TD.date
{
  width: 8em;	
}

/*
  Notifications Report
*/

.notificationsReport .filterPanel .captionLabel
{
    width: 8em;
}

.notificationsReport .Grid TD.dateLong
{
	max-width: 11em;
}

.notifications .Grid .scah,
.notifications .Grid .scac {
    width: 10em;
}

.openStats
{
}

.openStats .number
{
  width: auto;  
  min-width: 42px;    
}

/*
  noqDetails
*/

.noqDetails .captionLabel
{
  width: auto;	
}

.noqDetails .bodyContainer
{
  border: dotted 1px #000000;
  padding: 20px;	
}

.noqDetails .bodyContainer iframe {
    max-width: 920px;
    width: 100% !important;
}

.noqDetails .topActions
{
	margin-bottom: 10px;
}

.noqDetails .bottomActions
{
	margin-top: 10px;
}

.noqDetails P
{
    color: inherit;    
}

/* Orders UI */

@media all and (min-width:1024px) {
    .ORReport .item_caption.cls {
        display: none;
    }
}

.ORReport .footable-row-detail .item_caption {
    display: none;
}

.ORReport .Grid TD.dateLong
{
	width: 11em;
}

.ORReport .Grid .status
{
    width:6.5em;
    text-align:center !important;
}

.ORReport .Grid .source
{
    width:6em;
    text-align:center !important;
}

.ORReport .infoMessage
{
    text-align: center;
    border: solid 1px Green;
    background-color: #FFFFEE;
    padding: 10px;
    width: 96%;
}

.ORDetails .captionLabel
{
  width: auto;
  white-space: normal;
  padding-left: 1em;	
}


.ORDetails .order-details .captionLabel {
    min-width: 140px;
    max-width: 250px;
    width: 30%;
}

@media all and (max-width:728px) {
    .ORDetails .order-details .captionLabel {
        min-width: 80px;
        max-width: 140px;
    }
}

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

.ORDetails .Grid amountDue
{
    width:1em !important;
}

.ORDetails .Grid TR TD.amountDue
{
    text-align:right !important;
}

.ORDetails TEXTAREA.note
{
    height: 10em;
}

.ORDelete .topMessage
{
  font-size: 110%;  
  color: Gray;  
  font-weight: bold;
  
  margin: 0px 0px 1em 0px; 
  
  max-width: 50em;   
  width: 100%;
}

.ORDelete .orderData
{
  padding: 1em 0px 1em 1em;    
}

.ORDelete .dataSection
{
   padding: 1em 0px 1em 1em;    
}

@media all and (max-width:480px) {
    .ORDelete .orderData
    {
      padding-left: 0px;    
    }

    .ORDelete .dataSection
    {
      padding-left: 0px;    
    }
}

.ORDelete .dataSection .sectionHeader
{
  color: Gray;  
  font-weight: bold;
  padding-bottom: 0.5em;
}

.ORFeesAndEnrollments TD.status
{
   width: 12em;
}

.ORFeesAndEnrollments .qty
{
  width: 8em;
  text-align: center;  
}

.ORFeesAndEnrollments .shpStatus
{
  width: 10em;
}

.ORFeesAndEnrollments .enrStatus
{
  width: 15em;    
}

.ORFeesAndEnrollments .unsubmittedMessage
{
  padding: 10px;
  background-color: #FFFFCC;    
  border: solid 1px #CCCCCC;
  text-align: center;
}

.ORFeesAndEnrollments H4,
.ORChangeStatus H4
{
  color: #6a6c6f;
  font-size: 110%;    
}

.ORChangeStatus H4
{
  padding: 0px;
  margin: 0px;    
}

.ORChangeStatus B SPAN.txtAsLabel
{
  font-weight: bold;    
}

.ORMove TABLE.oneRegContainer
{
	margin-top: 10px;
  	border: solid 1px #AAAAAA;
}

.ORMove TABLE TR TD.deleteButtonContainer
{
  width: 110px;	
  vertical-align: bottom;
  text-align: right;
}

/* EasyCenterExport */
.easyCenterExport .notePanel,
.easyCenterExport .dataExported
{
    margin-top: 10px;
}

.easyCenterExport .Grid
{
  margin-top: 20px;	
  margin-bottom: 20px;	
}

.easyCenterExport .Grid TD.dateLong
{
	width: 11em;
}

.easyCenterExport .Grid .status
{
    width:6.5em;
    text-align:center !important;
}

.easyCenterExport .Grid .source
{
    width:6em;
    text-align:center !important;
}

/*
    Start Page
*/
.start 
{
    text-align:left;
}

.start .welcome
{
    color: #000000;
    font-size : 14pt;
}
.start .actions 
{
    margin-top:1px;
}
.start .actions div
{
    padding-top:12px;
}


/*
	Calendar
*/
.calendar .actionsMUD
{
    width:1%;
}

.calendar .url
{
    height:29px;    
}

/*
	registration
*/
.registration .termsCell
{
	padding-left:20px;
}

.registration TD.settings TABLE TR TD 
{
		padding-top:5px;
}


.CuteEditorDropDown
{
    color: Black;
}

/*
  rollForward
*/


.rollForward .Grid tr td table tr td {
    padding: 2px !important;
}

.rollForward .txtValidator
{
  font-size: 180%;
  font-weight: bold;	
}

.rollForward .agreeBox,
.rollForward .buttonBox
{
  margin-top: 10px;    
  
}

.rollForward .agreeBox SPAN
{
  font-size: 130%;
  font-weight: normal;	
}

.rollForward TEXTAREA.NarrowTextbox
{
  height: 95px;	
}

.rollForwardConfirmationPanel
{
  text-align: center;
  width: 43em;
  
  background-color: #FFFFEE;
  border: solid 1px #CCCCCC; 
  
  margin: 30px;     
  padding: 30px;
}

/*
  Media Wizard 
*/

.mediaFiles H2
{
  margin-bottom: 3px;
}

.mediaFiles H2
{
  margin-bottom: 3px;
}

.mediaFiles table.adv-content {
    margin-left: 2em !important;
}

@media all and (max-width: 768px) {
    .mediaFiles table.adv-content {
        margin-left: 0.8em !important;
    }

    .classMeeting.editPanel TABLE.class-meeting-date-info .captionLabel {
        padding-top: 20px;
    }
}

.mediaWizard .btnCancelSeparator
{
  width: 4em;	
}


/*
  Categories 
*/

/*.categories {}
.categoryValues .Grid .AltDataRow TD {
  background-color: #fff;
}
.categoryValues .Grid .DataRow TD {
  background-color: #f0f8ff;
}

.categoryValues .emptyGrid 
{
  margin-top:0px !important;  
}*/

/* 
  Layouts 
*/
/* Layout Edit */
.layoutEdit .Grid 
{ 
  margin-top: 20px; 
}
.layoutEdit .pad
{
  padding-left:10px;
}
.layoutEdit .controls .txtEditable
{
  width:auto !important;  
  background-color:Transparent !important;
}
.layoutEdit .sortDisabledNote
{
  color: red;
}

/*
  Business Classes Settings
*/

.businessClassesSettings .options
{
  margin: 5px 0px 0px 1em;    
}

@media all and (max-width:768px) {
    .businessClassesSettings .options > div.radio:not(:first-child) {
        padding-top: 20px;      
    }
}

/*
  Makeups Settings Page
*/

.demosSettings  .captionLabel,
.makeupsSettings .captionLabel
{
  width: auto;
  min-width: 90px;    
  white-space: normal !important;
}

/*
  classMeetingsUpdateSeats
*/

.classMeetingsUpdateSeats .Grid
{
  width: auto;    
}

.classMeetingsUpdateSeats .Grid TD.number
{
  width: 9.5em;    
}

.classMeetingsUpdateSeats .Grid TD.numberEx
{
  text-align: right;
  width: 7em;    
}

.classMeetingsUpdateSeats .topClassInfo
{
  margin: 0px 0px 10px 0px;    
}
.topClassInfo
{
  margin: 0px 0px 10px 0px;    
}

/*
  classDemosReport
*/

.classDemosReport .Grid
{
  margin-top: 0px;    
}

.classDemosReport .Grid .chk
{
    width: 1em;
    text-align: center;
}

.classDemosReport .teachersList
{
  padding: 1em;    
}

/*
  Demo
*/

.demo .captionLabel
{
    width: 9em;
}

.demo .useAnExistingContactControls .captionLabel,
.demo .enterInformationDirectlyControls .captionLabel
{
    width: 8em;
}

.demo .useAnAccountControls .captionLabel,
.demo .useAnExistingContactControls .studentControls .captionLabel
{
    width: 7em;
}

/*
  Makeup
*/

.makeup .captionLabel {
    width: 9em;
}

.makeup .enterInformationDirectlyControls .captionLabel {
    width: 6em;
}

.makeup .useAnAccountControls .captionLabel {
    width: 7em;
}

/*
  classMakeupsReport
*/

.classMakeupsReport .Grid
{
  margin-top: 0px;    
}

.classMakeupsReport .teachersList
{
  padding: 1em;    
}

/*
  meetingsUpdateSeats
*/
.meetingsUpdateSeats .asterisk
{
  color: Red !important;
  font-weight: bold;
  font-size: 150%;
  vertical-align:middle;
}

/*
  accounts
*/

.accounts .filterPanel .captionLabel
{
    width: auto;
    white-space: nowrap;
}

.accounts .filterPanel .smart-search-control {
    max-width: 1000px;
}

.accounts .filterPanel .more-info-filters {
    margin: 0.5em;
}

/*@media all and (min-width:900px) {
    .accounts .filterPanel .more-info-filters {
        float: right;
        overflow: hidden;
    }
}*/

.accounts .addInfo,
.accounts .addInfo TR TD
{
    width: auto;
    white-space: nowrap;
}

.accounts .Grid .pal
{
   width: 12em;
   text-align: center;
}

.accounts .student
{
  padding-bottom:1px;  
}

.accounts .Grid .actions .hasNote
{
    font-weight:bold;
}

.accounts .Grid .actions
{
  width: 5.5em;
}

.accounts .Grid .noteAction
{
  width: 3em;
  text-align: center;    
}

.accounts .chk
{
  width: 1em;
  text-align: center;    
}

/*
  account edit master page
*/

.accountEdit .accountTopInfo
{
  margin: 5px;
  margin-bottom: 0px;
}

.accountEdit .accountTopInfo TR TD.captionLabel
{
  font-weight: bold;
  width: auto;
  min-width: 65px;
}

.accountEdit TR TD.accountEditLinkContainer
{
  vertical-align: bottom;
  padding: 10px;
}

/*
 account contacts
*/

.accountContacts .Grid .pal
{
   width: 12em;
   text-align: center;
}

.accountContacts .Grid .emailStatus
{
   width: 8em;
   text-align: center;
}

.accountContacts .Grid .userName
{
   width: 10em;
}

/*
  accountStudents
*/

.accountStudents .Grid .date
{
  width: 8em;    
}

.accountStudents .Grid .gender
{
  width: 8em;  
  text-align: center;  
}

.paymentProfiles .hSep
{
    width: 2em;
}

/*
  contacts
*/

.contacts .Grid .chk
{
  width: 1em;
  text-align: center;    
}

/*
  Contact edit
*/

.contactEdit  .onlineAccessIntro
{
  padding-top: 0.5em;    
}

.contactEdit .contactEditForm TD.captionLabel
{
  width: 120px !important;    
}

/*
  accountCreate
*/

.accountCreate .onlineAccessIntro
{
  padding-top: 0.5em;    
  padding-bottom: 0.5em;    
}

.accountCreate .students .Grid
{
  width: 100%;
  max-width: 645px;    
}

.accountCreate .students .Grid tr td
{
   padding: 2px;
}


/*.accountCreate .addRegistrantPanel
{
  margin-top: 1em;    
  padding: 2em;
  
  border: solid 1px #507AB2;
  text-align: center;
  
  width: 600px;
}

.accountCreate .addRegistrantPanel A
{
  font-size: 110%;
  font-weight: bold;    
}*/

.accountCreate a.removeRegistrantLink:not(.btn) {
    color: #1a80ba !important;
}

.accountCreate a.removeRegistrantLink:not(.btn):hover {
    color: #85CE2F !important;
    text-decoration: underline;
}

/*
  users
*/

.users .Grid .cntType
{
  width: 12em;
  text-align: center;
}

.users .Grid .yesNo
{
  width: 7em;    
}

.users .Grid .pal
{
  width: 12em;    
}

.users .topActions
{
  text-align: left;
}

/*
  Community common styles (forum, blog)
*/

.nothingToModerate
{
  color: Green !important;  
  font-weight: bold;  
}

.requiredToModerate
{
  color: Maroon !important;    
  font-weight: bold;
}

/*
  forums
*/

.forums .Grid .yesNo
{
    width: 9em;
}

.forums .Grid .pal
{
    width: 14em;
}

/*
  Blogs
*/

.blogs .Grid .pal
{
   width: 12em;
   text-align: center;    
}

.blogs .Grid .permis
{
   width: 10em;    
   text-align: center;    
}

.blogs .Grid .awaitingMod
{
   width: 12em;    
   text-align: center;    
}

/*
  blogPosts
*/

.blogPosts .created
{
  width: 12em;    
}

.blogPosts .totals
{
  width : 8em;        
  text-align: center;
}

.blogPosts .awaitingMod
{
  width : 15em;        
  text-align: center;
}

/*
  blogComments
*/

.blogComments .Grid .createdBy
{
  width: 17em;  
  vertical-align: top;  
}

.blogComments .Grid .createdBy TABLE.createdByContainer
{
  margin: 0px;
  
}

.blogComments .Grid .createdBy TABLE.createdByContainer .createdByDesc
{
    vertical-align: top;
    text-align: left;    
}

.blogComments .Grid .createdBy TABLE.createdByContainer .createdByStatus
{
    vertical-align: top;
    text-align : right;    
}

.blogComments .Grid .createdBy TABLE.createdByContainer .createdByActions
{
    vertical-align: bottom;
    text-align : right;    
}

.blogComments .Grid .comment
{
    vertical-align: top;
}

/*
  semesters
*/

.semesters .Grid .editPanel TABLE.rbContainer
{
    margin-left: 1em;
}

.semesters .Grid .editPanel .rbContainer TD
{
  padding: 1px !important;    
}

.semesters .Grid .editPanel .rbContainer .message TD
{
  padding: 2px !important;    
}

.semesters .Grid .editPanel .rbContainer TD .rbContainerInnerControls TD
{
  padding: 2px !important;    
}

.semesters .Grid .editPanel TD.leftIndent
{
  width: 0.1em;    
}
.semesters .Grid .editPanel .rbContainer TD.leftIndent
{
  width: 2em;    
}

.semesters .spacer
{
  height: 0.5em;    
}

.semesters .showInCalendar
{
  width: 10em;
  text-align: center;    
}

@media all and (max-width:768px) {
    .semester .captionLabel {
        white-space: normal !important;
        width: auto !important;
    }
}

@media all and (max-width:480px) {
    .semester .preRegControls .captionLabel,
    .semester .preRegControls .timeCaption {
        min-width: 90px;
    }

    .semester .preRegControls .timeCaption {
        text-align: right;
    }
}

.transactiontypes .subtype
{
  padding-left:20px;
}

/*
  Payment 
*/
.payment .CCInfo H4,
.payment .eCheckInfo H4
{
  font-size:110%;
  font-weight:bold;
  
  margin-top: 0px;  
  
  white-space: nowrap;
}

.payment .paymentInfo
{
  padding: 0.5em 0 0.5em 0;
}

.payment .voidedCaption,
.dropin .cancelledCaption
{
  color: Purple;
  font-size: 180%;    
}

.payment .appliedAmount
{
    width: 13em;    
}

.payment .appliedAmount INPUT
{
    width: 12.8em;    
}

.payment .footerTotal,
.paymentDelete .footerTotal
{
  text-align: right;
  padding-right: 4px;
  
  font-weight: bold;    
}

.payment .paymentProfiles
{
  /*width: 50em;    */
  white-space: nowrap;
}

.payment .paymentProfiles .selAccountNote
{
  display: inline;    
}

.paymentVoid .voidIntro
{
  max-width: 45em;      
}

.ccInfoDirectPost .nmi-form-control {
    width: 100%;
    max-width: 16.1em;
    display: block;
    min-height: 32px;
}

@media (max-width: 768px) {
    .ccInfoDirectPost .nmi-form-control {
        max-width: 768px;
    }
}

@media (max-width: 600px) {
    .ccInfoDirectPost .nmi-form-control {
        min-height: 35px;
    }
}
    .ccInfoDirectPost .nmi-form-control#nmi-cc-exp,
    .ccInfoDirectPost .nmi-form-control#nmi-cc-cvv {
        max-width: 5.5em;
    }

.ccInfoDirectPost .braintree-form-control#expiration-month,
.ccInfoDirectPost .braintree-form-control#expiration-year,
.ccInfoDirectPost .braintree-form-control#cvv {
    max-width: 70px;
}

@media (max-width: 768px) {
    .ccInfoDirectPost tr + tr td.captionLabel.cell-as-block-768 {
        padding-top: 0;
    }

    .ccInfoDirectPost tr + tr td.captionLabel.cell-as-block-768 + td.cell-as-block-768 {
        padding-bottom: 20px;
    }
}

.ccForm .expirationTD {
    width: 70px;
}

.payment .CCInfo TD.Cvv {
    min-width: 0px !important;
}

/* SG: I am worry it is not needed */
/*.payment .hpanel {
    margin-bottom: 0px;
}*/

@media all and (min-width:769px) {
    .payment .adHocPaymentsDisabled {
        max-width: 300px;
    }
}

@media all and (max-width:768px) {
    .payment TD.unappliedAmount {
        float: left;
        padding: 0px;
    }

    .ccInfoDirectPost TD.verificationNumberLink {
        float: left;
    }
}

@media all and (max-width: 550px) {
    .payment .editPanel .inlineActions.controls td {
        width: 100% !important;
        display: block;
    }

    .payment .editPanel .inlineActions.controls,
    .payment .editPanel .inlineActions.controls td .btn {
        width: 100% !important;
    }
}

/*
  Refund
*/

.refund .appliedAmount
{
    width: 13em;    
}

.refund .appliedAmount INPUT
{
    width: 12.8em;    
}

.refundDelete .footerTotal,
.refund .footerTotal
{
  text-align: right;
  padding-right: 4px;
  
  font-weight: bold;    
}

@media all and (max-width:768px) {
    .refund TD.unappliedAmount {
        float: left;
        padding: 0px;
    }
}


/* EnrollmentsReport page */

.enrollmentsReport .filterPanel div.control-block label.captionLabel {
    min-width: 11em;
}

@media all and (min-width:769px) {
    .enrollmentsReport .show-contact-details-block {
        position: absolute;
        right: 10px;
        top:10px;
    }
}

.enrollmentsReport .chk 
{ 
    text-align:center;
    width:1px; 
}

.enrollmentsCopy .classesGrid .classRow TD,
.enrollmentsCopy .classesGrid .altClassRow TD
{
    vertical-align: top;
}

.enrollmentsCopy .classesGrid .altClassRow TD,
.enrollmentsCopy .classesGrid .altLinksRow TD
{
  background-color: #f9f9f9;
}

.enrollmentsCopy .classesGrid .headerRow TH
{
  border-bottom: solid 1px #ddd;  
  color: #6a6c6f;
}

.enrollmentsCopy .classesGrid .separatorRow
{
  height: 4em;
}

@media all and (max-width:560px) {
  .accountTransactions #tblDateFilters {
      margin-top: 10px;
      margin-bottom: 10px;
  }
}

@media all and (min-width:561px) {
  .accountTransactions #tblDateFilters {
      margin-left: 10px;
  }
}

/*
  paymentsAndRefundsReport
*/

.paymentsAndRefundsReport .bottomActions
{
  margin-top: 10px;    
}

/*
  feesAndCreditsReport
*/

.feesAndCreditsReport .filterPanel div.control-block label.captionLabel {
    min-width: 11.2em;
}

.feesAndCreditsReport .thUpdateFieldName {
    width: 200px;
}

@media all and (max-width:600px) {
    .feesAndCreditsReport .thUpdateFieldName {
        width: auto;
    }
}

.feesAndCreditsReport TH.chk,
.feesAndCreditsReport TD.chk
{
  width: 1em;
  text-align: center;    
}

.fee-add-info {
  max-width: 120px;
}

.feesAndCreditsReport TD.updateAutomaticOrderCredits .checkbox {
    margin-right: 5px;
}

/*
  fee payments
*/

.feePayments  .bottomActions
{
  margin-top: 10px;    
}

/*
  creditPayments
*/

.creditPayments  .bottomActions
{
  margin-top: 10px;    
}


.classShortInfo { padding:10px 0 10px 0; }
.classShortInfo TABLE { width:auto !important; }
.classShortInfo TABLE TD { border:none !important; }


/*
  notifications And Emails
*/

.notificationTemplate .inactiveCaption,
.customEmailEdit .inactiveCaption
{
  color: Purple;
  font-size: 180%;    
  margin-left: 2.5em;
  display: inline;
} 

.notificationTemplate .middleContentNote
{
    font-weight: bold;
    width: 100%;
    border: solid 1px #ccc;
    
    text-align: center;
    padding: 4em 2em;
}

.notificationTemplate .nttNote
{
    padding-top: 10px;   
    color: #6a6c6f;
}

@media all and (max-width:480px) {
    .notificationTemplateTheme .section.indent10 {
        margin-left: 3px !important;
    }
}

/* Contact List */
.contactListManagement .Grid .contactCount { max-width:14em; text-align:center; }

.contactListView .contactListViewTopInfo { padding-top:5px; }
.contactListView .contactListViewTopInfo TD { vertical-align:middle; }
.contactListView .contactListViewTopInfo .captionLabel { font-size:120%;font-weight:bold; }

.contactListView .Grid .chk, .contactListAddContacts .Grid .chk { width:1em; text-align:center; }

.contactListView .addedBy, .contactListAddContacts .addedBy { text-align:center;width:7em; }
.contactListView .actions, .contactListAddContacts .actions { text-align:center; }
.contactListView .moveOrCopyRuler { width:30px; }

.contactListAddContacts .backButtonContainer { padding-left:0;display:inline; }

.emailSender .fullWidth { width:100%; }
.emailSender .btnColumn { text-align:left; }
.emailSender .indentColumn { padding-left:1em; }
.emailSender .emailTemplatesColumn { text-align: left; white-space: nowrap; }
.emailSender .cmbEmailTemplates,
.emailSender .cmbContactList 
{ 
    width: auto !important;
}

.emailSender .validationPanel .hpanel .panel-body,
.customEmailPreview .validationPanel .hpanel .panel-body,
.userMessageSend .validationPanel .hpanel .panel-body {
    background-color:#FFFFCC;    
    text-align:center;
}

.emailSender .emailCountDetails,
.userMessageSend .emailCountDetails
{
  padding: 10px;   
  padding-left: 5em;
  max-width: 420px; 
  width: 100%;
}

@media all and (max-width:768px) {
    .emailSender .emailCountDetails,
    .userMessageSend .emailCountDetails {
        padding-left: 2em;
    }
}

.userMessageSend .sms-feature-disabled-panel {
    color: red;
    margin-bottom: 0.5em;
    padding: 0.5em;

    border: solid 1px #ccc;

    max-width: 740px;

    text-align: center;
}

.mergeStudents { padding-top:10px; }
.mergeAccounts .indentFromTo {  padding-left:20px; }

/* Create fees */
.createFees .chk,
.createFees .date,
.createFees .cmb { width:1em; }
.createFees .amount { width:4em;text-align:right; }
.createFees .registeredFor { white-space:nowrap; }
.createFees .date .message { width:11.2em !important; }
.createFees .totalAmount .message { width:8.1em !important; }


/*@media all and (min-width:767px) {
    .enrollment .note {
      padding-bottom: 1em;
      padding-left: 1em;
    }
}*/

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

/*.enrollment .classContainer .classInfo
{
    width: 25em;
}*/

.enrollment .altClassContainer {
    max-width: 350px;
    width: auto;
}

@media all and (max-width:768px) {
    .enrollment .altClassContainer {
        max-width: none;
    }
}

.enrollment .altClassCaption
{
  max-width: 10em;
  width: 100%;
  padding-bottom: 0.3em;
  border-bottom: dotted 1px #000;    
}

.enrollment .enrollmentFeeControls tr td.captionLabel:first-child, 
.dropin .dropinFeeControls tr td.captionLabel:first-child {
    min-width: 120px;
}

@media all and (max-width:480px) {
    .enrollmentDelete .indent20.main-section {
        margin-left: 0px !important;
    }

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

/*General Settings*/

.generalSettings .intro
{
    white-space: nowrap;
    padding-left: 1em;
}

.generalSettings .boModeNote
{
  margin-left: 2em;    
}

.generalSettings .indent1
{
  padding-left: 1em;    
}

.generalSettings .indent2
{
  padding-left: 2em;    
}

.generalSettings .hpanel {
    margin-bottom: 0px;
}

.generalSettings .backOfficeContainer {
    max-width: 450px;
    width: auto;
}

@media all and (max-width:768px) {
    .generalSettings .backOfficeContainer {
        max-width: none;
    }

    .generalSettings .regModeNote,
    .generalSettings .storeLevelNote, 
    .generalSettings .userAccountsLevelNote
    {
        padding-bottom: 0px;
    }

    .generalSettings .number {
        font-weight: bold;
        text-align: right;
    }
}
   
/*Accounts Settings*/

.accountsSettings .boModeNote
{
  margin-left: 2em;    
}

/*Email Settings*/
.emailSettings .infoMessage
{
    color: Green;
}

.emailSettings .errorMessage
{
    color: red;
}

/* uc_ListPopupSelectorControl */
.listPopupSelectorControl .includeSelectedCaption,
.listPopupSelectorControl .excludeSelectedCaption { text-align:center;padding:0 0 5px 0; }
.listPopupSelectorControl .caption {
width:1%;
white-space:nowrap;
vertical-align:middle;
padding:0 10px 0 0;
}
.listPopupSelectorControl td.separator { width: 2em; }
.listPopupSelectorControl textarea.wide {
    height: 7em;
}

/*Bounced Emails*/
.bouncedEmails .actions {
    text-align: center;
    width: 1%;
}

.bouncedEmails .bounceType
{
    text-align:center;
    width: 1%;
}

/*Bounced Email*/
.bouncedEmail .bounceMessage
{
    height: 30em;
}

/* Account Enrollments */
.accountEnrollments .chk 
{ 
    text-align:center;
    width:1px; 
}

.accountEnrollments TEXTAREA.note
{
    height: 20em;
}

/* Fee */
/*.fee .fullWidth
{
    width:100%;
}*/

/*.fee .paymentSummary
{
    width:1%;
    vertical-align:top;
    text-align:right;
}*/

.fee .amountsContainer,
.fee .additionalFlagsContainer {
    width: 100%;
    max-width: 450px;
}

.fee .paymentSummary {
    width: 100%;
    max-width: 250px;
}

@media all and (max-width:768px) {
    .fee .rcfNote {
        text-align: left;
    }

    .fee .amountsContainer,
    .fee .additionalFlagsContainer {
        max-width: none;
    }

    .fee .paymentSummary {
        width: 100%;
        max-width: none;

        margin-top: 20px;
    }

    .fee .associatedValues .value-cell {
        padding-left: 30px;
    }
}

.fee .paymentSummaryContainer
{
  margin-top: 0.4em;
  margin-bottom: 0.4em;    

}

.fee .paymentSummaryContainer .hpanel {
    margin-bottom: 0px;
}

.fee tr td.captionLabel:first-child {
    min-width: 120px;
}

.fee .rcfNote
{
  font-size: 1.8em;  
  font-weight: normal;  
}

.fee .inlineActions
{
  margin-top: 0px;    
}

.feeDelete .deleteNote
{
    margin:0 0 10px 0;
}

/* FeeChangeAccount */
@media all and (max-width:480px) {
    .feeChangeAccount .indent20.main-section {
        margin-left: 0px !important;
    }
}

.feeChangeAccount .backButtonContainer
{
    padding-left:0;
    display:inline;
}

/*
  Common styles for report pages
*/

.report .roundedPanel .innerContent {
    padding: 10px 0px 10px 5px;
}

.report .flatButton,
.report .flatButtonHover {
  width: 6em;    
}


.classListExport .noReportData,
.easyCenterExport .noReportData,
.report .noReportData,
.report .reportLink,
.easyCenterExport .dataExported,
.enrollmentsCopy .resultMessage,
.noDataMessagePanel {
  text-align: center;
  
  font-weight: bold;
  font-size: 110%;
}

.classListExport .noReportData,
.easyCenterExport .noReportData,
.report .noReportData {
    color: Red;
}

.report .reportLink {
  color: Green;    
}

.report .buttonContainer,
.report .section-header {
    padding-top: 20px;
}



@media all and (max-width:768px) {
    .report .buttonContainer,
    .report .section-header
    {
        padding-top: 40px;
    }
}

.report .first-page-section {
    padding-top: 0px;
}

.addressLabels .indentColumn
{
    padding-left: 1em;
}

@media all and (min-width: 769px) {
    .siteStyleOptions table.social-media-icons td.captionLabel {
        width: 160px;
    }

    .siteStyleOptions table.social-media-icons td.no-label {
        padding-left: 30px;
    }

    .siteStyleOptions table.google-analytics td.google-analytics-id {
        max-width: 7em;
    }

    .siteStyleOptions table.google-analytics td.captionLabel {
        min-width: 0;
    }
}

.accountReadOnly
{
  display:block;
  margin-bottom: 5px;
  white-space: nowrap;
  width: 1%;
}

/*.fixedGrid
{
    width: 75%;
}*/

.fixedGrid .order,
.fixedGrid .date
{
    width: 5em;
}

/* ClassListExport */
.classListExport .indentColumn
{
    padding-left: 16px;
}

.classListExport .cmb,
.classListExport SELECT.txtEditable
{
    width: 212px;
}

.classListExport .rbt
{
    white-space: nowrap;
}

.classListExport .rbt .txtEditable
{
    width: auto !important;
    white-space: nowrap;
}

.classListExport .rbt .txtReadOnly
{
    background-color: #fff !important;
}

.currency
{
    white-space: nowrap;
}

/* 
  Recurring Fee 
*/
.recurringFee .captionLabel
{
  width: 12em;    
}

.recurringFee .statusCaption
{
  color: Purple;
  font-size: 180%;
  
  padding: 20px;    
}

/*
  recurringFeeHistory
*/
.recurringFeeHistory .index,
.recurringFeePending .index
{
  text-align: center;
  width: 8em;    
}

.recurringFeeHistory .actions
{
  text-align: center;
}

/*
  recurringFeesReport
*/

.recurringFeesReport .bottomActions
{
  margin-top: 10px;    
}

.recurringFeesReport .actions
{
  text-align: center;
}

.recurringFeesReport .period
{
  width: 10em;
  text-align: center;    
}

.recurringFeesReport .actions
{
  text-align: center;    
}

.recurringFeesReport .status
{
  width: 6em;
  text-align: center;    
}


/*
  accountRecurringFees
*/
.accountRecurringFees .period
{
  width: 10em;
  text-align: center;    
}

.accountRecurringFees .actions
{
  text-align: center;    
}

.accountRecurringFees .status
{
  width: 6em;
  text-align: center;    
}

.customFinanceActions .captionLabel
{
  width: 1% !important;
  white-space: nowrap !important;    
}

/*
  paymentBatchCurrent
*/

.paymentBatchCurrent .newBatchIntro,
.paymentBatchCurrent .batchStatusIntro
{
}

.paymentBatchCurrent .batchStatusIntro
{
  margin-bottom: 0px;    
}

.paymentBatchCurrent .buttonsBox .btn
{
  width: 10em;    
}

.paymentBatchCurrent .Grid .status,
.paymentBatchHistory .Grid .status
{
   text-align: center;
   width: 10em;    
}

.paymentBatchEdit .Grid .act {
    max-width: 30%;
}

.paymentBatchEdit .Grid .ppr {
    max-width: 30%;
}

.paymentBatchEdit .Grid .inp
{
  width: 8em;
  text-align: center;    
}

.paymentBatchEdit .Grid .actions .actionLink
{
  width: 2.3em;    
}

.paymentBatchEdit .actionsContainer TR TD
{
    border: none;
    white-space: nowrap;
}

.paymentBatchEdit .status
{
  width: 10em;    
  text-align: center;
}

.paymentBatchDetail .captionLabel
{
  width: 10em;    
}

.paymentBatchDetail .historyPanel .historyItem
{
   margin-bottom: 5px;
   color: Green;    
}

.paymentBatchDetail .historyPanel .error
{
    color: Red;
    font-weight: bold;
}

.priceSetPrices .Grid .priority
{
    text-align: center;
    width: 8em;
}

.priceSetPrices .Grid .registrants
{
    text-align: center;
    width: 6em;
}

.priceSetPrices .Grid .reg
{
    text-align: center;
}

.priceSetPrices .Grid .regHeader TH
{
    width: 2em;    
}

.priceSetPrice .registrantsGrid
{
  width: 1%;    
}

.priceSetPrice .captionLabel
{
    width: 15em;
}

.priceSetPrice .ageRestrictionControls .captionLabel {
    width: 6em;
}

.priceSetPrice .groupAssignmentBehaviorControls .captionLabel {
    width: 10em;
}

.priceSetPrice .registrantsGrid TR TH,
.priceSetPrice .registrantsGrid TR TD {
    border-width: 1px !important;
    border-style: solid !important;
}

.priceSetPrice .earlyRegistrationDiscounts,
.priceSetPrice .enableProrating,
.priceSetPrice .enableAdvancedVisibilityBehavior
{
   padding-left: 2em;
   margin-bottom: 0.5em;
}

.priceSetPrice .enableAdvancedVisibilityBehavior .intro
{
  margin: 0.2em 0 0.2em 0;    
  max-width: 43em;
}


.priceSetCoupons .Grid .mUse
{
  text-align: center;
  width: 10em;    
}

.priceSetCoupons .Grid .uOpt
{
  width: 10em;    
}

.priceSetCoupons .Grid .date
{
    width: 8em;
}

.priceSetPrice  .narrow.number,
.priceSetCoupon .narrow.number,
.priceSetAutoApplyItem .narrow.number,
.installmentPlanTemplate .narrow.number {
    max-width: 10em !important;
}

.priceSetAutoApplyItems .type
{
  width: 8em;
}

.priceSetAutoApplyItems .currency
{
  width: 12em;
}

.priceSetAutoApplyItem .enableAdvancedVisibilityBehavior
{
   margin-bottom: 0.5em;
}

.priceSetAutoApplyItem .enableAdvancedVisibilityBehavior .intro
{
  margin: 0.2em 0 0.2em 0;    
  max-width: 43em;
}

.priceSetCoupon .amountOptions .radio,
.priceSetAutoApplyItem .amountOptions .radio {
    width: 113px;
}

.priceSetAutoApplyItem .dateControls
{
}

.priceSetAutoApplyItem .captionLabel
{
  width: 12em;
}

.locations TD.actionsMUD
{
  width: 10em;    
}

.reconcileAccounts .Grid TD.cntInfo
{
  vertical-align: top;
}

.reconcileAccountData .moveButtonContainer
{
  width: 10em;   
  text-align: center; 
}

.reconcileAccountData .cell0
{
    width: 10em;
}

.reconcileAccountData .cell1
{
    width: 18em;
}

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

/*
 Installment Plan Templates
*/

.installmentPlanTemplates .threshold
{
   width: 10em;
   text-align: center;  
}

.installmentPlanTemplate .captionLabel
{
  width: 18em;    
}

.installmentPlanTemplate .scheduleControls .captionLabelNormal {
    width: 16em;
}

.installmentPlanTemplate .amountOptions .radio {
    width: 113px;   
}

.installmentPlanTemplate .dayOptions .radio {
    width: 75px;   
}

.installmentPlanTemplate .surchargeControls SELECT
{
  width: auto;    
}

.installmentPlans .number
{
  text-align: center;    
}

.installmentPlans .actions
{
  text-align: center;    
}

.installmentPlans .status
{
  width: 9em;
  text-align: center;    
}



.installmentPlan .ipiGridContainer .Grid .instNo,
.installmentPlan .ipiGridContainer .Grid .status
{
  text-align: center;    
}

.installmentPlan .bottomActions .inlineActions
{
    margin-top: 0px;    
}

.installmentPlan .cancelledCaption
{
  color: Purple;
  font-size: 180%;    
}

.installmentPlan .hpanel {
    margin-bottom: 0px;
}

@media all and (max-width:768px) {
    #installmentPlanDetails {
        width: 100%;
    }
}

/*
  customEmailAdd
*/

.customEmailAdd .layouts,
.customEmailAdd .emailTemplates
{
  padding-left: 2em;    
}

.customEmailAdd .layouts .layoutItems
{
  
}

.customEmailAdd .layouts .layoutItems .layoutItem
{
   margin-bottom: 0.3em;    
}

.customEmailAdd .layouts .layoutImage
{
  text-align: center;    
}

.customEmailAdd .dmsItems .dmsItem {
    display: inline-block;
    white-space: nowrap;
    margin-top: 0.3em;
    margin-left: 0.5em;
}

.customEmailAdd .dmsItems .dmsItem span {
    font-weight: bold;
}

.customEmailAdd .dmsItems td.captionLabel.cell-as-block-768 {
    padding-top: .5em;
    min-width: 0;
}

.customEmailEdit .sectionLinks {
    width: 7em;
}

.customEmailEdit .sectionLinks .sectionLink
{
  padding-bottom: 0.5em;    
}

.customEmailEdit .sectionLinks .sectionLink A
{
  font-size: 110%;    
}

.customEmailEdit .sectionLinks .sectionLink SPAN.disabledLink
{
  font-size: 110%;    
  font-weight: bold;
}

.customEmailEdit .sectionLinks td.actions .dropdown.visible-on-current-row {
    visibility: hidden;
}

.customEmailEdit .sectionLinks tr.current-row td.actions .dropdown.visible-on-current-row {
    visibility: visible;
}

@media all and (max-width:768px) {
    .customEmailEdit .sectionLinks td.actions .dropdown.visible-on-current-row {
        visibility: visible;
    }

    .customEmailEdit .sectionLinks .sectionLink {
        display: block;
        float: left;
    }

    .customEmailEdit .sectionLinks .sectionLink A,
    .customEmailEdit .sectionLinks .sectionLink SPAN.disabledLink {
        display: block;
        padding: 5px 10px;
        margin-right: 5px;

        border-radius: 3px;
        border: solid 1px #ccc;

        min-width: 5em;
    }
}

.customEmailEdit .sectionLinks .actions {
    text-align: left;
}
    .customEmailEdit .sectionLinks .actions .lnk-btn {
        display: inline-block;
        font-size: 1.2em;
        border: solid 1px #1a80ba;
        border-radius: 3px;
        width: 23px;
        height: 23px;
        line-height: 1.3em;
        text-align: center;
        padding: 0;
    }

.customEmailEdit .sectionLinks .actions .lnk-btn.delete {
    color: red;
}

    .customEmailEdit .sectionLinks .actions .dropdown .dropdown-menu {
        min-width: 70px;
    }
    .customEmailEdit .sectionLinks .actions .dropdown .dropdown-menu li {
        display: inline-block;
        margin-left: 7px;
    }
        .customEmailEdit .sectionLinks .actions .dropdown .dropdown-menu li:last-child {
            margin-right: 7px;
        }

.customEmailEdit .emailContentFrame .noContent {
    margin: 0px;
    width: 50em;
}

/*
  Notifications -> User Emails
*/

.userEmails .type
{
  text-align: center;
  max-width: 6em;    
}

.userEmails .filterPanel .more-info-filters {
    margin: 0.5em;
}

/*
  Email Confirmation
*/

.emailConfirmation .middleContentNote
{
    font-weight: bold;
    width: 100%;
    height: 10em;
    border: solid 1px #ccc;
    
    text-align: center;
    padding-top: 4em;
}

/*
  Email Notification
*/

.emailNotification .middleContentNote,
.emailNotification .smsContentNote {
    font-weight: bold;
    width: 100%;
    height: 10em;
    border: solid 1px #ccc;
    text-align: center;
    padding-top: 4em;
}

.emailNotification .smsContentValue {
    padding-bottom: 5px;
}

/*
 Global Search
*/

.globalSearch .type,
.globalSearch .actions
{
  text-align: center;    
  white-space: nowrap;
}

.globalSearch .cnt,
.globalSearch .ast
{
  vertical-align: top;    
}

/*
    Order custom fields
*/

.orderCustomFields .fieldType
{
   width: 9em;    
   text-align: center;
}

.orderCustomFields .required,
.orderCustomFields .copyToNotes
{
   width: 12em;    
   text-align: center; 
}

.accountsReviewNew TABLE .chk
{
    width: 1em;
    text-align: center;
}

/*
  Page Additional Content
*/

.pageAdditionalContent .yesNo
{
    width: 14em;
}

/*
  enrShortInfo
*/
.enrShortInfo .visibleGroup
{
  width: auto;    
}

/*
  Facebook Tabs settings
*/

.facebookTabsSettings .captionLabel {
  vertical-align: top;    
}

/*
  TaxRates
*/

.taxRates .apptoship
{
  width: 12em;
  text-align: center;    
}

/*
  Store Categories
*/

.productCategories .yesNo
{
  width: 12em;    
}

/*.productCategories .actions
{
  width: 15em;    
}*/

@media all and (max-width:768px) {
    .productCoupon span.interaction > div.radio:not(:first-child) {
        padding-top: 20px;
    }
}

/*@media all and (min-width:769px) {
    .product select.prod-cat {
         ToDo: this is copy of .autoWidth class for this control on wide screen
        width: auto !important;   
        min-width: 0px !important;  
        max-width: none !important;
    }
}*/

.productPurchasesReport .qty
{
  width: 8em;
  text-align: center;  
}

.productPurchasesReport .amountCombined .total
{
  border-top: solid 1px #777 !important;    
}

.modalPopup.fontEditor
{
  max-width: 28em;
  min-height: 19em;      
}

.nameTags .fontEditor .fontOptionsCaption,
.addressLabels .fontEditor .fontOptionsCaption,
.enrollmentLabels .fontEditor .fontOptionsCaption
{
  width: 19em;    
}

/*
  Product
*/

@media all and (min-width:769px) {
    .product .captionLabel.totalQuantitySold {
        width: 205px;
    }

    .product TD.effectiveDateForQuantityValidators {
        padding: 0px;
    }

    .product .captionLabel.currentQuantityForSale {
        width: 180px;
    }
}

/*
  User Queries
*/
.userQueries .queryOn {
    width: 10em;
}

.userQueries .type
{
  width: 10em;    
  text-align: center;
}

@media all and (max-width:420px) {
    .userQuery .columnsGrid .tfd select {
        width: 88%;
    }
}

.userQuery .userQuerySort
{
}

.userQuery .userQuerySort .sortItem
{
  margin-top: 0.5em;    
}

/*.userQuery .filters .filterGroup
{
  width: 98%;    
}*/ 

.userQuery .filters .filterGroupHeader
{
   /*color: #EEE;
   border: solid 1px #ddd;
   border-bottom: none;*/
   /*margin-bottom: 5px;
   background-color: #f9f9f9;*/ 
   
  
   /*color: #000;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 5px;*/
}

.userQuery .filters .addFilterGroupContainer
{
   /*border: solid 1px #507AB2;
   padding-top: 10px;
   padding-bottom: 10px;
   text-align: center;*/
}

.userQuery .filters .Grid
{
  /*width: 100%;*/    
  margin-top: 0px;
}

.groupSummaryPopup .group-filter-options tr td {
    padding-bottom: 15px;
}

.userQueryRun .inlineActions {
    width: 100% !important;
}

/*.userQuery .filters .GridHeader
{
   background-color: Transparent;         
}*/


.userQuery .filters .conditionOperator
{
  color: #000;    
}

.userQuery .filterConditionDetails .timeControl INPUT
{
  width: 6em;    
}

/*.userQuery TR.sortablePlaceholder TD
{
    background-color: #f9f9f9;
    border-top: solid 1px #ddd;  
    border-bottom: solid 1px #ddd;
}

.userQuery TR.inSortingTR TD
{
    border: solid 1px #ddd;  
    background-color: White; 
}*/


.userQueryRun .topIntro
{
   font-size: 110%;
   color: #333;
   
   padding: 0px 0px 1em 0px;        
}

/*
  Payment Requests
*/

.paymentRequests .actions TABLE TR TD
{
    border: none;
}

.paymentRequestsGenerate .detailsHeader
{
    text-align: center;    
}

.paymentRequests .chk,
.paymentRequestsGenerate .chk
{
  width: 1em;
  text-align: center;    
}

.paymentRequestsGenerate .top
{
  vertical-align: top;    
}

.paymentRequestsGenerate .actSepRow
{
  text-align: right;    
}

.paymentRequestsGenerate td.separatorCol {
    width: 0.7em;
}

.paymentRequestsGenerate .accountStartRow TD
{
  border-top: solid 2px #ddd !important;        
}

.paymentRequestsGenerate .feeResults .actLastColumn
{
  border-right: solid 2px #ddd !important;  
}

.paymentRequestsGenerate .filterPanel select.txtEditable {
    width: 100%;
} 

.paymentRequest TD.chk
{
  width: 1em;
  text-align: center;    
}

.accountsEnrollmentsLogReport TD.chk
{
  text-align: center;    
  width: 1em;
}

/*
  fee gneerator common styles
*/

.feeGenerator .title1
{
  font-size: 120%;  
  color: #6a6c6f; 
}

.feeGenerationPlanDiscount .discountDisableLinkContainer,
.feeGenerator .discountDisableLinkContainer
{
    display: inline;    
}

.feeGenerationPlanDiscount .discountEnableLinkContainer,
.feeGenerator .discountEnableLinkContainer
{
    padding-left: 4em;
}

@media all and (min-width:769px) {
    .feeGenerationPlanDiscount .rbtOptions,
    .feeGenerator .rbtOptions {
        margin-top: 0 !important;
    }
}

.feeGenerationPlanDiscount .rbtOptions .rbtOption,
.feeGenerator .rbtOptions .rbtOption {
    margin-bottom: 0.5em;
}

.feeGenerator .classesFilters .tabContent
{
   padding-left: 0px;    
}

.feeGenerator .summaryItem
{
  margin-bottom: 0.5em;
}

.feeGenerator  .summarySection .caption
{
  width: 15em;    
}

.feeGeneratorPeriodicTuition .summarySection .caption
{
  width: 17em;        
}

.feeGeneratorScheduleBased .summarySection .caption
{
  width: 22em;        
}

.feeGenerator .summaryItem  .subItems
{
  margin-left: 1em;
  margin-bottom: 0.5em;
}

.feeGenerator TD.chk,
.feeGenerator TH.chk
{
  text-align: center;    
  width: 1em;
}

.feeGenerator .progressControls
{
  text-align: center;
}

.feeGenerator .progressControls .processingMessageContainer
{
    
}

.feeGenerator .progressControls .processingMessage
{
  font-size: 110%;
  color: #6a6c6f;
  padding: 2em;
}

.feeGenerator .topProgress,
.withTopProgress .topProgress
{
  text-align: center;
}

.feeGenerator .topProgress .progressContent,
.withTopProgress .topProgress .progressContent
{
  padding: 1em;    
  padding-left: 2em;
  padding-right: 0px;
}

.feeGenerator .topProgress .progressHeader,
.withTopProgress .topProgress .progressHeader
{
  font-size: 110%;     
  font-weight: bold;
  
  margin-bottom: 0.5em;
}

.feeGenerator .topProgress .introHeader,
.withTopProgress .topProgress .introHeader
{
  text-align: center;
  font-weight: bold;  
  margin-top: 0.5em;
  margin-right: 2em;
}

.feeGenerator .topProgress .introText,
.withTopProgress .topProgress .introText
{
  text-align: center;
  font-weight: normal;
}

.feeGenerator .topProgress .iconsContainer IMG.arrow,
.withTopProgress .topProgress .iconsContainer IMG.arrow
{
    display: block;
    margin-top: 0.8em;
}

@media all and (max-width:768px) {
    .feeGenerator .topProgress .progressContent {
        padding: 0;    
    }

    .feeGenerator .fee-summary-info .number {
        font-weight: bold;
        text-align: right;
    }
}

@media screen and (max-width: 480px) {
    .feeGenerator .topProgress .iconsContainer IMG.arrow,
    .withTopProgress .topProgress .iconsContainer IMG.arrow {
        display: none;
    }

    .feeGenerator .topProgress .introText,
    .withTopProgress .topProgress .introText {
        display: block;
    }

    .tuitionAdvancedSettings .fee-amount-controls label.dateTo {
        padding-left: 1.8em;
    }
}

.feeGenerator .topProgress .iconsContainer .stepCaptionGreen,
.withTopProgress .topProgress .iconsContainer .stepCaptionGreen
{
  color: #84b219;
}

.feeGenerator .topProgress .iconsContainer .stepCaptionGray,
.withTopProgress .topProgress .iconsContainer .stepCaptionGray
{
  color: #dedede;
} 

.feeGenerator .topProgress .iconsContainer .lastStepCaptionGreen,
.withTopProgress .topProgress .iconsContainer .lastStepCaptionGreen
{
  color: #84b219;
}

.feeGenerator .topProgress .iconsContainer .lastStepCaptionGray,
.withTopProgress .topProgress .iconsContainer .lastStepCaptionGray
{
  color: #dedede;
}

/*
  Rates Settings Table
*/
.countBasedSchedule .ratesRowActions {
    white-space: nowrap;
}

.countBasedSchedule .ratesRowActions A {
    font-size: 14px;
    padding: 6px;
}

.countBasedSchedule A.deleteRatesRow {
    color: red;
}

.countBasedSchedule A.deleteRatesRow:hover {
    color: #85CE2F;
}


/*
  Account Billing
*/
.accountBilling .Grid,
.accountBilling .emptyGrid {
    margin-top: 2px !important;
}


/*
  Security Profiles
*/
.securityProfile .scopeMenu
{
  width: 10em;
}

.securityProfile .scopeMenu .scopeItem
{
  padding-bottom: 0.5em;    
}

.securityProfile .scopeMenu .scopeItem A
{
  font-size: 110%;    
}

.securityProfile .scopeMenu .scopeItem SPAN.disabledLink
{
  font-size: 110%;    
  font-weight: bold;
}

.securityProfileItems TR.spacer TD {
    background-color: #f9f9f9;
    background-color: #f5f5f5;
}

.securityProfileItems .permissionsHeader TD
{
  text-align: center;    
}

.securityProfileItems .permissionsHeader TD.apHeader
{
  text-align: left;  
}

.securityProfileItems .item TD
{
  vertical-align: top;    
}

.securityProfileItems .item TD.pName
{
  width: 15em;
}

.securityProfileItems .item TD.chk
{
  width: 5em;  
  text-align: center;    
}


.accountsEnrollmentsLogReport .actions
{
  text-align: center;
}

.thumbnailLink IMG
{
  max-height: 120px;
  max-width: 150px;
  width: auto;
  height: auto;     
}

IMG.thumbnail
{
  max-height: 150px;
  max-width: 200px;
  width: auto;
  height: auto;     
}

.installmentPlanCreate .Grid .chk
{
  width: 3em;
  text-align: center;    
}

.classAttendance .Grid SELECT
{
  width: auto !important;    
}

.classAttendance .materials-tracking-header span {
    margin-top: 5px !important;
    margin-bottom: 8px;
}

.classAttendance .materials-tracking-header span + br {
    display: none;
}

.classAttendance .materials-tracking-header.attendance_by_class {
    vertical-align: top !important;
}

.classAttendance .Grid TD.value
{
  text-align: center;
  width: 6em;
}

.classAttendance .Grid .GridHeader SELECT
{
  font-size: 80%;
}

.classAttendance .Grid .GridHeader SPAN
{
  display: block;
  
  margin-top: 1em;
  color: #000;    
}

.classAttendance .Grid .GridHeader SPAN.asterisk
{
  display: inline;    
  color: Red;
}

.classAttendance .Grid .objNameRow
{
  background-color: #f2f2f2;    
  font-weight: bold;
}

.classAttendance .Grid TD.rowNumber {
    text-align: center;
    font-weight: bold;
    width: 4.2em;
    font-size: 110%;
}

.classAttendance .Grid TH.rowNumber {
    border-right: none;
}

.classAttendance .Grid .actions .visible-on-current-row {
    visibility: visible;
}

.classAttendance .Grid TH.actions a {
    color: #1a80ba;
    padding: 1px;
}

.classAttendance .Grid TH.actions a:hover {
    color: #34495e;
}

.classAttendance .filterPanel .captionLabel {
    width: auto;
}

@media (max-width: 480px) {
    .classAttendance.attendanceByDay .filterPanel td.cell-as-inline-block-768 {
        display: block;
    }

    .classAttendance.attendanceByDay .filterPanel select.txtEditable,
    .classAttendance.attendanceByDay .filterPanel .selectize-control.txtEditable {
        max-width: none !important;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .classAttendance.attendanceByDay .filterPanel .captionLabel {
        min-width: 110px;
    }
}

@media all and (min-width:360px) and (max-width:768px) {
    .classAttendance.attendanceByDay .sort-by-cls {
        min-width: 0px !important;
    }
}

@media all and (min-width:900px) {
    .classAttendance.attendanceByDay .sort-by-cls {
        width: auto !important;
        min-width: 0px !important;
        max-width: none !important;
    }
}

.classAttendance.attendanceByDay .Grid {
    width: auto;
}

.classAttendance .additionalInfo {
    color: #444;
}

.classAttendance.attendanceByDay .Grid .groupRow
{
  background-color: #eee;    
  font-weight: bold;
}

.classAttendance.attendanceByDay .Grid .groupRow td {
  font-size: 110%;
  padding-top: 5px;
  padding-bottom: 5px;
}

.classAttendance.attendanceByDay .Grid .objNameRow
{
  background-color: #fff;    
  font-weight: bold;
}

.classAttendance.attendanceByDay .Grid {
    border-left: none;
    border-right: none;
    border-collapse: collapse;
}

.classAttendance.attendanceByDay .Grid tr.groupSpacerRow td {
    border: none;
    border-top: solid 1px #ddd;

    height: 2em;
}

.classAttendance.attendanceByDay .Grid tr:not(.groupSpacerRow) td:first-child,
.classAttendance.attendanceByDay .Grid th:first-child {
    border-left: solid 1px #f1f1f1;
}

.classAttendance.attendanceByDay .Grid .objNameRow td {
  font-size: 90%;
}

.classAttendance div.include-controls,
.attendanceSheets div.include-controls
 {
    padding-left: 25px;
}

.classAttendance div.include-controls div.include-controls-section div,
.attendanceSheets div.include-controls div.include-controls-section div {
    padding: 2px;
}

@media all and (max-width:700px) {
    .attendanceSheets div.include-controls .chk-control-caption {
        display: inline-block;
        min-width: 80px;
    }

    .attendanceSheets div.include-controls .chk-control-container {
        display: block;
        margin-bottom: 5px;
    }
}

@media all and (max-width:768px) {
    div.include-controls-section.rbtOptions .rbtOption, 
    div.include-controls-section.chkOptions .chkOption {
        padding-top: 20px !important;
    }

    div.include-controls-section.rbtOptions .rbtOption.with-control-on-row, 
    div.include-controls-section.chkOptions .chkOption.with-control-on-row {
        padding-top: 10px !important;
    }

    div.include-controls div.include-controls-section.rbtOptions:first-child div.rbtOption:first-child,
    div.include-controls div.include-controls-section.chkOptions:first-child div.chkOption:first-child {
        padding-top: 2px !important;
    }
}

.classAttendance div.udfFields,
.attendanceSheets div.udfFields {
    /*-webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;*/
    overflow: hidden;
    max-width: 780px;
    padding-left: 7px;
}

.attendanceSheets .multiResultPopup TEXTAREA.middle,
.nameTags .multiResultPopup TEXTAREA.middle {
    max-width: 750px;
}

@media all and (max-width:568px) {
    .attendanceSheets div.rbt-fo2-dates.radio label.dateFrom,
    .attendanceSheets div.rbt-fo2-dates.radio label.dateTo,
    .nameTags div.rbt-dates.radio label.dateFrom,
    .nameTags div.rbt-dates.radio label.dateTo {
        display: block;
    }
    .attendanceSheets div.rbt-fo2-dates.radio label span,
    .nameTags div.rbt-dates.radio label span {
        width: 40px;
        display: inline-block;
    }
}

div.udfFields {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
    grid-gap: 5px 5px
}

div.udfFields div.udfItem {
    padding: 2px !important;
}

@media all and (min-width:769px) {
    div.include-controls {
        overflow: hidden;
    }
    div.include-controls div.include-controls-section {
        float: left;
        margin-right: 30px;
        min-height: 177px;
    }

    /*div.udfFields div.udfItem {
        width: 180px;
        margin-right: 10px;
        float: left;
    }*/
}

.nameTags .classListSelector {
  width: 70em;
  height: 53em;	
}

.nameTags   .classListSelector .chk {
  width: 1em;
  text-align: center;
}

.nameTags  .classListSelector .checkboxesContainer {
    overflow: auto;
    max-width : 69.5em;    
    max-height: 43em;
}

.teacherAvailabilityManage .Grid .actionLinks A,
.teacherAvailabilityManage .Grid .actionLinks A:visited,
.teacherAvailabilityManage .Grid .actionLinks A:active,
.teacherAvailabilityManage .Grid .actionLinks A:hover,
.teacherAvailabilityExclusionManage .Grid .actionLinks A,
.teacherAvailabilityExclusionManage .Grid .actionLinks A:visited,
.teacherAvailabilityExclusionManage .Grid .actionLinks A:active,
.teacherAvailabilityExclusionManage .Grid .actionLinks A:hover,

.roomAvailabilityManage .Grid .actionLinks A,
.roomAvailabilityManage .Grid .actionLinks A:visited,
.roomAvailabilityManage .Grid .actionLinks A:active,
.roomAvailabilityManage .Grid .actionLinks A:hover,
.roomAvailabilityExclusionManage .Grid .actionLinks A,
.roomAvailabilityExclusionManage .Grid .actionLinks A:visited,
.roomAvailabilityExclusionManage .Grid .actionLinks A:active,
.roomAvailabilityExclusionManage .Grid .actionLinks A:hover
{
  color: #1a80ba;   
}

.teacherAvailabilityManage .Grid .actionLinks A:hover,
.teacherAvailabilityExclusionManage .Grid .actionLinks A:hover,
.roomAvailabilityManage .Grid .actionLinks A:hover,
.roomAvailabilityExclusionManage .Grid .actionLinks A:hover
{
  color: #85CE2F;
  text-decoration: underline;
}

.teacherAvailabilityManage .Grid .timeInputControl TR TD,
.teacherAvailabilityExclusionManage .Grid .timeInputControl TR TD,
.roomAvailabilityManage .Grid .timeInputControl TR TD,
.roomAvailabilityExclusionManage .Grid .timeInputControl TR TD
{
  border: none;    
}

.teacherAvailability .Grid .date,
.roomAvailability .Grid .date
{
  width: 8em;    
}

.teacherAvailability .Grid .dayTimes,
.roomAvailability .Grid .dayTimes
{
  white-space: nowrap;
}

.appointmentType .listPopupSelectorControl TEXTAREA.middle
{
  width: 100%;
  max-width: 500px;
  height: 150px;
}

.appointmentsGrid .chk
{
  text-align: center;    
}

.appointmentsGrid .actions TR TD
{
    border: none;
}

.appointment .appointmentSummary
{
    width:1%;
    vertical-align:top;
    text-align:right;
}

.appointment .appointmentSummaryContainer
{
  margin: 0.4em 0 0.4em 0;    
}

.appointment .appointmentSummary .roundedPanel
{
    width:1% !important;
    text-align:left;
}

.appointment .appointmentSummary .roundedPanel TD
{
    white-space:nowrap !important;
}

.appointment .rcaNote
{
  font-size: 1.8em;  
  font-weight: normal;  
}

.recurringAppointment .statusCaption
{
  color: Purple;
  font-size: 180%;
  
  padding: 20px;    
}

.recurringAppointment .rcaData
{
  width: 628px;    
}

.recurringAppointment TR .chk
{
  text-align: center;    
}

.schedulerEventMenu
{
    -moz-box-shadow:3px 3px 3px #888;
    -webkit-box-shadow:3px 3px 3px #888;
    -o-box-shadow:3px 3px 3px #888;
    box-shadow:3px 3px 3px #888;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#888888',Direction=135,Strength=5);
    background-color:white;
    border-left:1px dotted #887A2E;
    border-top:1px dotted #887A2E;
    color:#887A2E;
    cursor:default;
    padding:0px;
    position:absolute;
    z-index:500;
    font-family:Tahoma;
    font-size:8pt;
    border-left:1px solid #CECECE;
    border-top:1px solid #CECECE;
    color:#747473;
    font-size:12px;
}

.schedulerEventMenu.withAttendanceSubMenu {
    margin-bottom: 65px; /* attendance sub menu fix */
}

.schedulerEventMenu .menuItem
{
  padding: 5px;
  border-bottom: 1px solid #CECECE;    
}

.schedulerEventMenu .menuItem.withSubMenu {
    position: relative;
}

.schedulerEventMenu .menuItem.withSubMenu .schedulerEventMenu {
    display: none;
    position: absolute;
    left: -150px;
    top: 0;
    margin-left: 21px;
}

.schedulerEventMenu .menuItem.withSubMenu .schedulerEventMenu.attendanceSubMenu {
    left: -157px;
}

.schedulerEventMenu.attendanceSubMenu .menuItem a {
    display: block;
    margin-left: 12px;
}

.schedulerEventMenu.attendanceSubMenu .menuItem a:before {
    content: '\00a0';
    font-weight: bold;
    display: inline-block;
    color: #1a80ba;
    padding: 0 3px 0 0;
    margin-left: -12px;
    width: 12px;
}

.schedulerEventMenu.attendanceSubMenu .menuItem.active a:before {
    content: '\2713';
}

.schedulerEventMenu .menuItem.withSubMenu:hover .schedulerEventMenu {
    display: block;
}

.dhx_cal_event
{
  cursor: hand;    
  cursor: pointer;
}


/* Global Fees */

.globalFee .captionLabel
{
  width: 8em;
}

.globalFee .feeControls .captionLabel
{
  width: 6em;
}

.previewLinks
{
  /*position: relative;    */
}

.previewLinksContainer
{
  /*position: absolute;
  right:0px;    */
}

.previewLinksOutside .visibleGroup
{
  width: 200px !important;
}

.pageVault .content-editor {
    clear: both;
}

.pageVault .previewLinks
{
  padding-top: 5px;
}

.pageVault .previewLinksContainer,
.pageVault .previewLinks
{
  position: inherit;
}

.pageVault .filterPanel .more-info-filters {
    margin: 0.5em 0;
}

@media all and (max-width:768px) {
    .feeBatch .number {
        font-weight: bold;        
    }
}

@media all and (min-width:769px) {
    .feeBatch .captionLabel,
    .feeBatch .caption {
        width: 21em;
        white-space: normal;
    }

    table.summary tr td:last-child {
        padding-left: 2em;
    }
}


.udfConfigure .captionLabel
{
  width: 132px;    
}

.udfConfigure .note {
  padding-bottom: 5px;
}

.udfConfigure .bottomWarningNote
{
  width: 100%;
  max-width: 620px;
  border: solid 1px Green;
  background-color: #FFFFCC;
  padding: 10px;
  margin-top: 10px;
  text-align: center;
  color: Red;    
}

.txtEditable.udf_memo,
.txtEditable.wide.udf_memo
{
  height: auto;    
}

.tasks .status
{
  text-align: center;
  width: 10em;    
}

.accountTabMenu .actionMenu IMG
{
  width: 14px !important;    
  height: 14px !important;
}

@media all and (max-width:768px) {
    .accountAppointments .filterPanel .captionLabel {
        width: 195px !important;
        white-space: normal;
    }
}

@media all and (max-width:500px) {
    .accountAppointments .filterPanel .captionLabel {
        width: 100% !important;
    }
}

IMG.attendance_image
{
  cursor: hand;    
  cursor: pointer;
}

/*TD.accountEditTabMenuContent
{
    width: 100px;
}

TD.accountEditTabExtraContent
{
  padding-left: 10px;      
}*/

.fontSizeControls TR TD
{
  padding: 1px 2px;  
  white-space: nowrap;  
}

.fontNameTD
{
  min-width: 200px;    
}

.siteStyleTemplateOptions .controls > tbody > tr > td.captionLabel
{
  width: 145px;   

}

ul.templateOptions
{
  margin: 0px;    
  padding: 0px;
  padding-left: 15px;
}

ul.templateOptions li
{
  margin-bottom: 5px;    
}

/*.dynamicTabsContent ul.menuContent
{
  list-style-type: none;
  padding: 0px; 
  margin: 0px;     
  margin-bottom: -1px;  
}

.dynamicTabsContent ul.menuContent
{
  overflow: hidden;    
}

.dynamicTabsContent ul.menuContent li.menuItem
{
  float: left;
  display: block;
  margin-left: 5px;
  padding: 0px;
  border: solid 1px #6e8ece;
}

.dynamicTabsContent ul.menuContent li.menuItem.active
{
  border-bottom: solid 1px #FFF;  
}

.dynamicTabsContent .tabContent
{
  border-top: solid 1px #6e8ece;    
}

.dynamicTabsContent ul.menuContent li.menuItem A,
.dynamicTabsContent ul.menuContent li.menuItem A:active,
.dynamicTabsContent ul.menuContent li.menuItem A:visited,
.dynamicTabsContent ul.menuContent li.menuItem A:hover
{
  display: block;
  padding: 5px 10px;
}

.dynamicTabsContent ul.menuContent li.menuItem.active A,
.dynamicTabsContent ul.menuContent li.menuItem.active A:active,
.dynamicTabsContent ul.menuContent li.menuItem.active A:visited,
.dynamicTabsContent ul.menuContent li.menuItem.active A:hover
{
  text-decoration: none;
  color: #000;    
}*/

.accountSchedule .Grid td.time {
    width: 10em;
    text-align: center;
}

@media all and (max-width:768px) {
    .accountSchedule .filterPanel .captionLabel {
        width: 105px !important;
    }

    .report .filterPanel .captionLabel 
    {
        max-width: 120px;
    }

    .enrollmentLabels .filterPanel .captionLabel 
    {
        max-width: 250px;
    }
}

@media all and (max-width:480px) {
    .accountSchedule .filterPanel .captionLabel {
        width: 100% !important;
    }
}

@media all and (max-width:480px) {
    .classes .enrSummary,
    .classes .rolloutSummary
    {
        width: 20em;
    }

    .classes  .enrSummary .enrSummaryGrid .captionLabel
    /*.classEnrollments .enrSummary .enrSummaryGrid .valueNumber*/
    {
        white-space: initial;
        width: 99%;
    }
}

@media all and (max-width:768px) {
    .nameTags .fontEditor .fontOptionsCaption,
    .addressLabels .fontEditor .fontOptionsCaption,
    .enrollmentLabels .fontEditor .fontOptionsCaption
    {
      width: auto;    
    }

    .enrollmentLabels td.vSpace
    {
        display: none;
    }

    .accountStatement table.filterPanel .checkbox
    {
        padding-left: 7px;
    }
}

.release-notes-grid 
{
    max-height: 500px; 
    overflow: scroll;
    overflow-x: hidden;
}

@media all and (max-width:480px) {
    .release-notes-grid 
    {
        overflow: hidden; 
        max-height: none; 
    }
}

.updateSettings .reminder-status .txtEditable.txtReadOnly {
    width: 100px !important;
    max-width: 100px !important;
}

.updateClassAgeRestrictions .Grid .txtEditable.number {
    width: 5em;
    max-width: 5em;
}

.updateClassAgeRestrictions .Grid .class-extra-info-age {
    border-collapse: collapse;
}

.updateClassAgeRestrictions .Grid td.age-controls {
    max-width: 13em;
}

.updateClassAgeRestrictions .Grid .class-extra-info-age tr td {
    padding: 1px;
}

.searchUserMessagePopup.modalPopup .Grid .messageType {
    /*min-width: 90px;*/
    white-space: nowrap;
}

.recitalPerformanceStudents .Grid TD.fix-width,
.recitalPerformanceStudents .Grid TH.fix-width {
    width: 70px;
}

.recitalPerformanceStudents .Grid TD.c-actions,
.recitalPerformanceStudents .Grid TH.c-actions {
    width: 2em;
}

.recitalPerformanceStudents .Grid TD.grid-first-row {
    width: 30em;
}

.fieldManager .formFieldConfig {
    text-align: center;
}

.ORSettings .shoppingCartOptionBlock1 {
    width: 140px;
}

.ORSettings .shoppingCartOptionBlock2 {
    width: 180px;
}

.ORSettings .shoppingCartOptionBlock3 {
    width: 250px;
}

@media all and (max-width:768px) {
    .ORSettings .shoppingCartOptionBlock1,
    .ORSettings .shoppingCartOptionBlock2,
    .ORSettings .shoppingCartOptionBlock3 {
        width: auto;
    }

    .ORSettings .shoppingCartOptionBlock2,
    .ORSettings .shoppingCartOptionBlock3 {
        padding-left: 2.1em;
    }
}

.dropinsSettings .term-default {
    width: 170px;
}

.dropinsSettings .term-override {
    width: 330px;
}

.registrationSettings .term-default {
    width: 220px;
}

.registrationSettings .term-override {
    width: 330px;
}

@media all and (max-width:768px) {
    .dropinsSettings .tableTerms tr:first-child .term-default {
        padding-top: 10px;
    }
}

@media all and (max-width:676px) {
    .customEmailEdit .inlineActions.controls td {
        display: block;
        width: auto !important;
    }

    .customEmailEdit .inlineActions.controls td .btn,
    .customEmailEdit .tableActions {
        width: 100% !important;
    }

    .customEmailEdit td.more-actions-container {
        padding-bottom: 7px;
    }
}

.appointmentScheduledCalendar .topControls td.captionLabel {
    width: auto;
}

.appointmentScheduledCalendar .filterPanel .captionLabel {
    max-width: 80px;
}

.imageVault .Grid .comments,
.imageVaultReviewUploaded .Grid .comments {
    max-width: 25em;
}

.imageVault .Grid .mss-thumbnail,
.imageVaultReviewUploaded .Grid .mss-thumbnail {
    max-width: 8.5em; /* thumbnail max width is 150px */
}

.imageVault .Grid .mss-thumbnail img,
.imageVaultReviewUploaded .Grid .mss-thumbnail img {
    max-width: 100%;
    height: auto;
}

@media all and (max-width:1023px) {
    .imageVaultReviewUploaded .Grid .mss-thumbnail {
        padding-right: 25px;
    }
}

@media all and (min-width:481px) {
    .report.recitalDetails select.txtEditable {
        max-width: 25em;
    }
}

@media all and (max-width:768px) {
    .photoGallery div.rtbBlock {
        padding-top: 20px;
    }
}

@media all and (max-width:1135px) {
    .appointmentSettings table.appointment-format {
        width: 100%;
    }

    .appointmentSettings table.appointment-format td {
        display: block;
        width: auto !important;
    }

    .appointmentSettings table.appointment-format .txtEditable {
        max-width: 400px;
        width: 100% !important;
    }
}

.holiday-manage td.captionLabel textarea {
    white-space: normal;
}

.priceSetDropinSchedule .schedulers td.prices div.price-item span {
    white-space: nowrap;
}

@media all and (min-width:768px) {
    .priceSetDropinSchedule .schedulers td.prices div.prices {
        min-width: 160px;
    }
}

.dropin .captionLabel {
    width: 9em;
}

/* Student Absences UI */

@media all and (min-width:1024px) {
    .studentAbsences .item_caption.cls {
        display: none;
    }
}

.studentAbsences .footable-row-detail .item_caption {
    display: none;
}

/* Allowed Data Tokens Note */

.allowedTokens {
    max-width: 25em;
    min-height: 86px;
}

@media all and (min-width:769px) {
    .customEnrollmentStatuses {
        width: 620px;
    }
}

.modalPopup.change-custom-enrollment-status {
    max-width: 30em;
    min-height: 18em;
}

.easyCenterExport .enrollmentStatuses {
    margin-left: 1em;
    padding: 5px 0;
    display: flex;
    flex-flow: wrap;
    flex-direction: column;
    max-height: 80px;
}

.easyCenterExport .enrollmentStatuses .enrollmentStatus {
    padding-right: 10px;
}

.hideTeachers {
    margin-left: 30px;
}