#loginContainer { margin: 0 auto; width: 986px; }

.login_section { margin: 0 auto; padding-top: 2em; }

.login_bg { background: #fcfdfd url("/Content/Images/login_bg.gif") no-repeat; border: 1px solid #dfdfdf; background-position-y: 4em; background-position-x: 14em; padding: 4em 14em; min-height: 284px; }

* { margin: 0; padding: 0; }

body { background: #fff; color: #626061; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 0; }

body, footer { padding: 0 22px; }

input, select, textarea, button { font-family: inherit; }

img { border: none; }

a, .ui-widget-content a.ui-link { color: #074D95; text-decoration: none; border: none; }

a:hover, .ui-widget-content a.ui-link:hover { color: #D06937; }

ul { list-style-type: none; }

h1 { font-size: 3em; }

h2, h3, .form_container h1 { color: #5c5c5c; font: normal 18px/21px Tahoma, Geneva, sans-serif; margin: 0 0 14px 0; padding: 0; }

h3 { color: #3e3e3e; font-size: 14px; line-height: 17px; }

p { color: #3e3e3e; font: normal 11px/15px Tahoma, Geneva, sans-serif; margin: 0; padding: 0 0 15px 0; }

h1, h4, h5, h6, ul, li, ol, form, input { font-weight: normal; margin: 0; padding: 0; }

ul, li, ol { list-style: none; }

.trBackground { background-color: #A19D9E; }

.fl { float: left; height: 18px; width: 43px; }

.fr { float: right; }

.HorizontalLine { background-color: #999; height: 1px; }

.padding5px { padding: 5px; }

.width50px { float: left; width: 50px; }

.width80px { float: left; width: 80px; }

.padLeft235px { padding-left: 235px; }

.padLeft145px { padding-left: 145px; }

.gapV15px { clear: both; height: 15px; width: 1px; }

.gapV10px { clear: both; height: 10px; width: 1px; }

.gapV5px { clear: both; height: 5px; width: 1px; }

.gapH5px { float: left; height: 1px; width: 5px; }

.popupClose { margin-left: 10px; }

.word_wrap { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: normal; width: 100%; word-wrap: break-word; /* Internet Explorer 5.5+ */ }

.spacer { clear: both; font-size: 0; height: 0; line-height: 0; }

.roundedBorder { -moz-border-radius: 10px; -webkit-border-radius: 10px; /*border-radius: 10px;*/ border: 2px solid black; }

#mainContainer { min-width: 980px; overflow: auto; padding-bottom: 50px; }

.logo { padding-left: 5px; padding-top: 10px; float: left; }

.bodyContainer { padding: 0 5px 30px 5px; }

footer { position: fixed; bottom: 0; left: 0; right: 0; height: 50px; background-color: white; }

footer .view-switcher { float: left; margin-top: 10px; margin-left: 10px; }

footer .poweredby { float: right; margin-top: 10px; margin-right: 10px; }

footer .reportissue { float: right; margin-right: 20px; margin-top: 10px; }

.clear { clear: both; font-size: 0; line-height: 0; }

.rm_warning { float: left; border: 1px solid #BCC7DD; background-color: #fcfdfd; margin-top: 15px; padding: 2px; }

.rm_warning > div { border: 1px solid #BCC7DD; background-color: #D0E5F5; padding: 2px 0 2px 0; }

.rm_warning > div > p { display: table; margin: 0 auto; padding: 0; font-weight: bold; color: #00536D; }

.rm_warning > div img { display: inline-block; vertical-align: middle; margin-top: -2px; }

.rm_warning > p { padding: 4px; color: black; }

@media (max-width: 1023px) { body, footer { padding: 0; } }

@media (max-height: 300px) { footer { display: none; } }

/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * { list-style: none; margin: 0; padding: 0; }

.sf-menu li { position: relative; }

.sf-menu ul { display: none; left: 0; position: absolute; top: 100%; z-index: 99; }

.sf-menu > li { float: left; }

.sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; }

.sf-menu a { display: block; position: relative; }

.sf-menu ul ul { left: 100%; top: 0; }

/*** DEMO SKIN ***/

.sf-menu { float: left; }

.sf-menu ul { -moz-min-width: 12em; -ms-border-radius: 8px; -ms-min-width: 12em; -o-min-width: 12em; -webkit-min-width: 12em; border-radius: 8px; min-width: 12em; /* allow long menu items to determine submenu width */ *width: 12em; /* no auto sub width for IE7, see white-space comment below */ }

.sf-menu a { border-radius: 8px; padding: .75em 1em; text-decoration: none; zoom: 1; /* IE7 */ }

.sf-menu a { color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 14px; }

.sf-menu li { -moz-min-width: 12em; -moz-transition: background .2s; -ms-border-radius: 8px; -ms-min-width: 12em; -ms-transition: background .2s; -o-min-width: 12em; -o-transition: background .2s; -webkit-min-width: 12em; -webkit-transition: background .2s; background: #007bac; border-radius: 8px; min-width: 12em; /* allow long menu items to determine submenu width */ transition: background .2s; white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ *width: 12em; /* no auto sub width for IE7, see white-space comment below */ }

.sf-menu ul li { background: #00536D; }

.sf-menu ul ul li { background: #00536D; }

.sf-menu li:hover, .sf-menu li.sfHover { -moz-transition: none; -ms-transition: none; -o-transition: none; /* only transition out, not in */ -webkit-transition: none; background: #007bac; transition: none; }

.sf-menu > li > ul { margin-top: -32px; }

.sf-menu .CurrentSelection { background: #007bac; }

/*** arrows (for all except IE7) **/

.sf-arrows .sf-with-ul { padding-right: 2.5em; *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */ }

/* styling for both css and generated arrows */

.sf-arrows .sf-with-ul:after { /* order of following 3 rules important for fallbacks to work */ border: 5px solid transparent; border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(255, 255, 255, 0.5); content: ''; height: 0; margin-top: -3px; position: absolute; right: 1em; top: 50%; width: 0; }

.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white; /* IE8 fallback colour */ }

/* styling for right-facing arrows */

.sf-arrows ul .sf-with-ul:after { border-color: transparent; border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-left-color: rgba(255, 255, 255, 0.5); margin-right: -3px; margin-top: -5px; }

.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white; }

.temp_overlay { background: white url("/Content/Images/Ajax-loader.gif") center no-repeat; filter: alpha(opacity=70); opacity: 0.7; position: absolute; z-index: 900; }

.ajaxProgress { background-color: #fff; /*background-image:url(../Content/Images/Ajax-loader.gif);*/ display: none; filter: alpha(opacity=70); height: 100%; left: 0; opacity: 0.7; position: absolute; text-align: center; top: 0; width: 100%; z-index: 900; }

.overLay { background-color: Gray; /*background-image:url(../Content/Images/Ajax-loader.gif);*/ filter: alpha(opacity=50); height: 100%; left: 0; opacity: 0.5; position: fixed; text-align: center; top: 0; width: 100%; z-index: 900; }

.overLayPopUp { background-color: Gray; /*background-image:url(../Content/Images/Ajax-loader.gif);*/ filter: alpha(opacity=70); height: 130%; left: 0; opacity: 0.5; position: fixed; text-align: center; top: 0; width: 100%; z-index: 900; }

#firstLoginDiv { background-color: #FFFFFF; height: 200px; position: absolute; width: 650px; z-index: 1001; }

.ajaxProgressContent { background-color: #fff; left: 50%; position: absolute; text-align: center; top: 50%; }

#announcementPopupdiv { background-color: #FFFFFF; height: 300px; position: absolute; width: 650px; z-index: 1001; }

#helpPopupdiv { background-color: White; border: 0; overflow: auto; position: fixed; text-align: center; z-index: 1001; }

.close_btn { background-image: url(/Content/Images/close_icon.png); cursor: pointer; height: 24px; float: right; width: 24px; }

.close_btn:hover { background-image: url(/Content/Images/close_icon_hover.png); }

input[type=""], input[type=text], input[type=password], select, textarea { background: white; border: 1px #dfdfdf solid; color: #000; font: normal 11px/21px Tahoma, Geneva, sans-serif; height: 21px; padding: 1px; }

input[type=""]:disabled, input[type=text]:disabled, input[type=password]:disabled, select:disabled, textarea:disabled { background-color: #f0f0f0; border-color: #dfdfdf; color: #444444; }

select[multiple] { height: auto; }

input[type=""].input-validation-error, input[type=text].input-validation-error, input[type=password].input-validation-error, select.input-validation-error, textarea.input-validation-error { border-color: #ffbbbb; }

input[type=""]:focus, input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { outline: none; border-color: #5E9ED6; -webkit-box-shadow: 0 0 1px 1px #5E9ED6; box-shadow: 0 0 1px 1px #5E9ED6; }

input[type="radio"], input[type="checkbox"] { margin: 3px 4px 0 0; }

input[type="submit"], input[type="button"] { background: #00536D; border: none; border-radius: 2px; -webkit-box-shadow: 2px 2px 5px 0 #395a5e; box-shadow: 2px 2px 5px 0 #395a5e; /* fallback color */ -webkit-box-shadow: 2px 2px 5px 0 rgba(57, 90, 94, 0.75); box-shadow: 2px 2px 5px 0 rgba(57, 90, 94, 0.75); color: #fcfdfd; cursor: pointer; font-size: 11px; font-weight: bold; height: 22px; padding: 0 3px 0 3px; -webkit-transition: background .2s; -o-transition: background .2s; transition: background .2s; }

input[type="submit"]:hover, input[type="button"]:hover { background-color: #007bac; -webkit-box-shadow: 2px 2px 5px 0 #3f666a; box-shadow: 2px 2px 5px 0 #3f666a; /* fallback color */ -webkit-box-shadow: 2px 2px 5px 0 rgba(63, 102, 106, 0.75); box-shadow: 2px 2px 5px 0 rgba(63, 102, 106, 0.75); -webkit-transition: none; -o-transition: none; transition: none; }

input[type="submit"]:active, input[type="button"]:active { background-color: #007bac; -webkit-box-shadow: inset 2px 2px 5px 0 #3f666a; box-shadow: inset 2px 2px 5px 0 #3f666a; /* fallback color */ -webkit-box-shadow: inset 2px 2px 5px 0 rgba(63, 102, 106, 0.75); box-shadow: inset 2px 2px 5px 0 rgba(63, 102, 106, 0.75); -webkit-transform: translate(2px, 2px); -ms-transform: translate(2px, 2px); -o-transform: translate(2px, 2px); transform: translate(2px, 2px); -webkit-transition: none; -o-transition: none; transition: none; }

input[type="submit"]:disabled, input[type="button"]:disabled { color: grey; cursor: auto; -webkit-transition: inherit; -o-transition: inherit; transition: inherit; }

input[type="submit"]:disabled:hover, input[type="button"]:disabled:hover { background: #00536D; -webkit-transition: background .2s; -o-transition: background .2s; transition: background .2s; -webkit-box-shadow: 2px 2px 5px 0 #395a5e; box-shadow: 2px 2px 5px 0 #395a5e; /* fallback color */ -webkit-box-shadow: 2px 2px 5px 0 rgba(57, 90, 94, 0.75); box-shadow: 2px 2px 5px 0 rgba(57, 90, 94, 0.75); -webkit-transform: inherit; -ms-transform: inherit; -o-transform: inherit; transform: inherit; }

.buttonWrapper { float: left; }

.sanebutton { background: #00536D; border: none; border-radius: 2px; -webkit-box-shadow: 2px 2px 5px 0 #395a5e; box-shadow: 2px 2px 5px 0 #395a5e; /* fallback color */ -webkit-box-shadow: 2px 2px 5px 0 rgba(57, 90, 94, 0.75); box-shadow: 2px 2px 5px 0 rgba(57, 90, 94, 0.75); color: #fcfdfd; cursor: pointer; font-size: 11px; font-weight: bold; height: 22px; margin: 0; padding-left: 3px; padding-right: 3px; text-align: center; width: 50px; width: auto; }

a.sanebutton { display: inline-block; height: 20px; padding-top: 2px; }

a.sanebutton:hover { color: #fcfdfd; }

input.button[disabled] { color: #999; cursor: default; }

.input212 { float: left; height: 17px; margin-left: 6px; margin-bottom: 6px; margin-right: 4px; width: 208px; }

.dropdownlist60 { height: 22px; margin-bottom: 6px; width: 75px; }

.input386 { height: 17px; margin-bottom: 6px; margin-right: 4px; width: 382px; }

.inputmedium { height: 17px; margin-bottom: 6px; width: 122px; }

.inputsmall { height: 21px; margin-bottom: 6px; margin-right: 86px; width: 72px; }

.inputlarge { height: 86px; margin-bottom: 10px; margin-right: 4px; width: 382px; }

.textarea-small { height: 40px; margin-bottom: 6px; width: 186px; }

.inputsmalldrop { height: 24px; margin-bottom: 6px; }

.inputshort { height: 17px; margin-bottom: 6px; margin-right: 24px; width: 276px; }

.dropdownlist { height: 22px; margin-bottom: 6px; width: 286px; }

.studentdropdownlist { height: 22px; margin-bottom: 6px; width: 190px; }

.dropdownlist385 { height: 22px; margin-bottom: 6px; width: 385px; }

.input170 { float: left; height: 19px; width: 168px; }

.form_container .form_header > h1 { float: left; }

.form_container .form_header > h1 > .form_subtitle { font-size: 0.8em; display: block; }

.form_container .form_header > .form_links { float: right; }

.form_container .form_header:after { content: " "; display: block; height: 0; clear: both; }

div.ui-tooltip-content .SD_Cell_AttendanceDetails { clear: both; }

div.ui-tooltip-content .parameters .row { padding-top: 0; min-width: 0; max-width: 300px; }

div.ui-tooltip-content .parameters .row .label { width: 100px; }

div.ui-tooltip-content .parameters .row .text { width: auto; max-width: 300px; padding-left: 100px; }

.ui-tooltip.MedicalDetails { white-space: pre-line; }

.fg-menu-container ul li a > span.subtitle { font: italic bold 10.5px Lucida Grande,Lucida Sans,Arial,sans-serif; }

.fg-menu-container ul li hr.menu_dash { border: 0; border-bottom: 1px solid #dfdfdf; margin: 10px 15px; }

.fg-menu-container .manageSmsMenuItem .subtitle { -ms-border-radius: 4px; background: none; border-radius: 4px; color: White; float: right; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; height: 16px; line-height: 18px; padding-bottom: 2px; text-align: center; width: 16px; }

.fg-menu-container .manageSmsMenuItem .subtitle.unread { background: crimson; }

.RmIcon, button.dt_action { display: inline-block; height: 16px; width: 16px; overflow: hidden; text-indent: 100%; }

.Icon_Status, .linkInactive, button.dt_action_Status { background: url(/Content/Images/status_star_red.gif) center no-repeat; }

.Icon_Status_Active, .linkActive, button.dt_action_Status_active { background: url(/Content/Images/status_star_green.gif) center no-repeat; }

.Icon_Delete, .linkDelete, button.dt_action_Delete { background: url(/Content/Images/delete.png) center no-repeat; }

.Icon_Edit, button.dt_action_Edit { background: url(/Content/Images/edit.gif) center no-repeat; }

.Icon_Copy { background: url(/Content/Images/copy.png) center no-repeat; }

.Icon_OpenListing, button.dt_action_OpenListing { background: url(/Content/Images/listing.png) center no-repeat; }

.Icon_OpenTeachers, button.dt_action_OpenTeachers { background: url(/Content/Images/teachers.png) center no-repeat; }

.Icon_Refresh, button.dt_action_Refresh { background: url(/Content/Images/refresh.png) center no-repeat; }

.left_menu { position: absolute; width: 272px; }

.right_menu { padding-left: 258px; }

.menuHidden .left_menu { display: none; }

.menuHidden .right_menu { padding-left: 0; }

.errorMessage { color: crimson; font: normal 11px Tahoma; }

.linkActive { cursor: pointer; display: inline-block; height: 15px; width: 21px; }

.linkInactive { cursor: pointer; display: inline-block; height: 15px; width: 21px; }

.linkDelete { cursor: pointer; display: inline-block; height: 15px; width: 21px; }

.link_container { clear: both; margin: 0; padding: 0; padding-right: 30px; text-align: right; }

.link_containera { color: #074b90; font-size: 11px; }

div.invalid { background: url(../images/red-button.png) no-repeat; float: left; width: 25px; }

div.valid { background: url(../images/green-button.png) no-repeat; float: left; width: 25px; }

.ErrorText { color: Red; font-size: 10pt; font-weight: bold; padding-left: 5px; padding-top: 10px; }

.ErrorText1 { color: Red; font-size: 10pt; padding-left: 10px; }

.ErrorText2 { color: Red; font-size: 12pt; padding-left: 5px; }

.ErrorTextBold { color: Red; font-size: 10pt; padding-left: 5px; padding-top: 10px; }

/*th.headerSortUp {
    background-image: url(/Content/Images/asc.gif);
    //background-color: #3399FF;
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
}

th.headerSortDown {
    background-image: url(/Content/Images/desc.gif);
    //background-color: #3399FF;
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
}*/

.ResultMessage { color: green; padding-bottom: 15px; text-align: left; }

.divouter { float: left; width: 100%; }

.divinner { float: left; text-align: right; width: 150px; }

.BackToListWD { margin-left: 15px; width: 90px; }

.CreateWD { width: 55px; }

.ResultError { color: crimson; float: left; padding-bottom: 15px; text-align: left; }

.requiredAsterik { color: crimson; }

.container { margin: 10px auto 10px 17px; width: 650px; }

.clearfix:after, .checkboxcolumncontainer:after { content: " "; display: block; height: 0; clear: both; }

/** CSS File for ezMark jQuery Plugin */

.ez-hide { filter: alpha(opacity=0); opacity: 0; }

.ez-checkbox { background: url("../images/unifrom-checkbox.gif") no-repeat scroll 0 -18px transparent; display: inline-block; height: 18px; width: 23px; }

.ez-radio { background: transparent url("../images/radio-black.png") 0 1px no-repeat; display: inline-block; }

.ez-checkbox, .ez-radio { *display: inline; zoom: 1; }

.ez-checked { background-position: 0 0; }

.ez-selected { background-position: 0 -19px; }

.ez-checkbox-notes { background: transparent url("../images/notes-checkbox.gif") 0 -18px no-repeat; display: inline-block; height: 18px; width: 23px; }

.ez-checked-notes { background-position: 0 0; }

.ez-checkbox-cancel { background: transparent url("../images/red_green_bullet.gif") 0 -18px no-repeat; display: inline-block; height: 18px; width: 23px; }

.ez-checked-cancel { background-position: 0 0; }

.FindRoomHeader { font-weight: bold; height: 20px; width: 120px; }

.FindRoomItem { height: 80px; vertical-align: top; width: 140px; }

.FindRoomItemDetails { height: 80px; vertical-align: top; width: 420px; }

.FindRoomItemDetailsEmpty { background-color: #66DD43; height: 80px; vertical-align: top; width: 420px; }

.FindRoomItemDetailsforVocCoc { height: 80px; vertical-align: top; width: 380px; }

.MR_AttendanceSelection .selectboxit-container span, .MR_AttendanceSelection .selectboxit-container, .MR_AttendanceSelection .selectboxit-options a { height: 25px; line-height: 25px; }

.MR_AttendanceSelection .selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon { top: 20%; }

.MR_AttendanceSelection .selectboxit-container .selectboxit-options { max-height: 240px !important; }

.itemStudent { border: 1px solid #000; float: left; height: 90px; margin: 5px 5px 5px 0; padding: 1px; text-align: center; width: 110px; }

.divUniformDetails { background-color: #fff; border: 1px solid #999; height: 75px; position: absolute; width: 200px; z-index: 2; }

.divNoteDetails { background-color: #fff; border: 1px solid #999; height: 75px; position: absolute; width: 200px; z-index: 2; }

.ResultSort thead, .ResultTable thead, .ResultSortCheckbox thead { background-color: #DDD; cursor: pointer; }

.CrossRed { color: crimson; font-size: 14px; }

.logincontrol { -ms-border-top-left-radius: 8px; -ms-border-top-right-radius: 8px; background: #007bac; border-top-left-radius: 8px; border-top-right-radius: 8px; color: #FFFFFF; float: right; font: normal 11px/15px Tahoma, Geneva, sans-serif; height: 42px; margin-right: 5px; margin-top: 5px; min-width: 135px; padding: 10px; position: relative; text-align: center; text-transform: lowercase; text-transform: capitalize; }

.logincontrol .loginbuttons { margin: 0 auto; *margin: 0; width: 102px; }

.logincontrol .loginbuttons a { display: block; float: right; height: 22px; margin: 6px; width: 22px; }

.logincontrol .loginbuttons a.logout { background: url(/Content/Images/logout.png) no-repeat; }

.logincontrol .loginbuttons a.logout:hover { background: url(/Content/Images/logout_sel.png) no-repeat; }

.logincontrol .loginbuttons a.change_pwd { background: url(/Content/Images/change_pwd.png) no-repeat; }

.logincontrol .loginbuttons a.change_pwd:hover { background: url(/Content/Images/change_pwd_sel.png) no-repeat; }

.logincontrol .loginbuttons a.HelpLink { background: url(/Content/Images/help.png) no-repeat; }

.logincontrol .loginbuttons a.HelpLink:hover { background: url(/Content/Images/help_sel.png) no-repeat; }

.globalsearch { float: right; height: 25px; margin-top: 29px; margin-right: 16px; }

.globalsearch input { background-image: url(/Content/Images/Search16.png); background-repeat: no-repeat; background-position: 182px center; font-size: 13px; line-height: 1.5; width: 200px; }

.bannerMenu { height: 67px; margin-top: 5px; width: 100%; }

.bannerMenuMinimal { height: 60px; position: relative; width: 100%; }

.loginwrapper { margin: 0 auto 30px auto; }

.bannerTitle { bottom: 0; line-height: 3em; margin-bottom: -5px; padding-right: 10px; position: absolute; right: 0; }

.pageContent { background-color: #fcfdfd; border: 1px solid #dfdfdf; min-height: 484.56px; padding: 13px; }

.nav_tagcontainer { float: left; margin-left: 40px; margin-top: 22px; }

.rollmarkerlogo { float: left; margin-bottom: 1em; margin-left: 5px; margin-top: 5px; }

.bannerSeparator { border-top: 2px solid #007bac; float: left; height: 2px; margin-top: -2px; position: relative; width: 100%; }

@media (max-width: 1179px) { .globalsearch { float: left; margin-top: 35px; margin-right: 0px; margin-left: -144px; }
  .globalsearch input { right: inherit; left: 0; }
  .nav_tagcontainer { height: 32px; margin-left: 40px; margin-top: 0; width: 144px; } }

.StudentNotMarked { background: transparent url("../images/star_icon.png") 0 0 no-repeat; display: inline-block; height: 14px; width: 12px; }

.StudentMarked { background-position: 0 -13px; }

.StudentMarkedEmpty { background: none; }

.tbTimetable td { padding: 3px; }

.overflow { height: 380px; overflow: auto; }

#att_status_table td { height: 16px; width: 16px; }

#att_status_table td div { height: 16px; width: 16px; }

.attStatus1 { background: url("../images/Present.png") 0 0 no-repeat; }

.attStatus2 { background: url("../images/Unexplained.png") 0 0 no-repeat; }

.attStatus3 { background: url("../images/Explained.png") 0 0 no-repeat; }

.attStatus4 { background: url("../images/Unmarked.png") 0 0 no-repeat; }

.attStatus5 { background: url("../images/Empty.png") 0 0 no-repeat; }

/*Updated by :Sumil-A,Date:25-06-2013*/

.attStatus6 { background: url("../images/BoxCrossPartial.png") 0 0 no-repeat; }

.attStatus7 { background: url("../images/BoxFullPartial.png") 0 0 no-repeat; }

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

.attStatus_curr { padding-left: 2px; padding-right: 2px; }

.attStatus_curr div { border: 2px solid black; }

/* css for announcement module*/

.formRow { width: 100%; /*  min-height:35px;*/ }

.blankformrow { clear: both; margin: 5px 0; }

.fontBold { font-weight: bold; }

.formRowCol1 { float: left; text-align: right; width: 100px; }

.formRowCol2 { float: left; margin-left: 20px; padding-left: 30px; }

.multiSelectionBox { border: 1px solid grey; height: 120px; overflow: auto; width: 385px; }

#tooltip { color: #FFFFFF; font-size: 10px; position: absolute; width: 180px; z-index: 9999; }

#tooltip .tipHeader { background: url("../Images/tipHeader.gif") no-repeat scroll 0 0 transparent; height: 8px; }

#tooltip .tipBody { background-color: #000000; padding: 5px 5px 5px 15px; text-align: justify; }

#tooltip .tipFooter { background: url("../Images/tipFooter.gif") no-repeat scroll 0 0 transparent; height: 8px; }

span.helptip, span.field-validation-error.errortip { cursor: pointer; display: inline-block; overflow: hidden; text-indent: 100%; vertical-align: middle; white-space: nowrap; height: 16px !important; width: 16px !important; }

.opentooltip, .rm_form > span.opentooltip, .rm_form > fieldset > span.opentooltip, body span.opentooltip, body .rm_form > span.opentooltip, body .rm_form > fieldset > span.opentooltip { background: #fafafa; border: 1px #a6c9e2 solid; border-radius: 2px; color: black !important; display: block; max-width: 300px; overflow: visible; padding: 5px; position: fixed; text-indent: inherit; white-space: inherit; z-index: 50; width: auto; }

span.helptip { background: url(/Content/Images/helptip.png) no-repeat; }

span.helptip:hover { background: url(/Content/Images/helptip_sel.png) no-repeat; }

span.field-validation-error.errortip { background: url(/Content/Images/errortip.png) no-repeat; background-position: 0 0; }

span.field-validation-error.errortip:hover { background-position: -16px 0; }

.titletd { font: bold 16px Tahoma, Geneva, sans-serif; }

.datetd { font: bold 12px Tahoma, Geneva, sans-serif; }

.contenttd { text-align: justify; }

.report_subtitles { font: italic bold 12px Lucida Grande,Lucida Sans,Arial,sans-serif; }

input.MarkrollSubmitButton { border-radius: initial; border: none; color: white; cursor: pointer; height: 16px; padding: 0; width: 16px; }

input.MarkrollGridButton { background: url("../images/grid.png") no-repeat scroll left center transparent; }

input.MarkrollListingButton { background: url("../images/listing.png") no-repeat scroll left center transparent; }

#SyncWarning { display: block; margin-bottom: 8px; padding: 4px; }

.ClassItem td, .ClassHeader th { text-align: left; }

.ClassItem td:first-child, .ClassHeader th:first-child { min-width: inherit !important; padding-left: 1em !important; padding-right: inherit !important; vertical-align: middle; width: 2em !important; }

.VC.ClassItem td:first-child, .VC.ClassHeader th:first-child { width: 9em !important; }

.ClassItem td:last-child, .ClassHeader th:last-child { padding-right: 1em; }

#AlertPopup { background-color: #00617C; border: 1px solid #DCDCDC; display: none; height: 400px; left: 50%; margin-left: -300px; margin-top: -200px; position: fixed; top: 50%; width: 600px; z-index: 99; }

#AlertPopup .popupheader { background-color: #00617C; border: 2px solid #00617C; color: #FFFFFF; height: 50px; margin: 0 auto; width: 165px; }

#AlertPopup img { float: left; margin-left: 3px; margin-right: 5px; }

#AlertPopup .popupheader p { color: #FFFFFF; font-family: Arial; font-size: 22px; font-weight: normal; padding-top: 18px; }

#AlertPopup #DivResultAlert { background-color: #FFFFFF; border: 2px solid #00617C; border-bottom-width: 0; clear: both; height: 307px; overflow: auto; text-align: center; }

#AlertPopup #DivResultAlert .alerttype { background-color: #DCDCDC; border-bottom: 1px solid #00617C; border-top: 1px solid #00617C; color: Black; font-weight: bold; padding: 3px 0; text-align: left; }

#AlertPopup .popupfooter { background-color: #FFFFFF; border: 2px solid #00617C; border-bottom-width: 0; height: 28px; padding-top: 5px; }

#AlertPopup .popupfooter input { margin: 0 auto; width: 50px; display: table; }

#DivResultAlert table { border-collapse: collapse; font-size: 12px; padding: 5px 2px 5px 2px; text-align: left; width: 100%; }

#DivResultAlert td { padding: 2px; padding-right: 5px; }

#DivResultAlert tr.head td { background-color: #EEEEEE; font-weight: bold; }

#AlertUnderlay { background-color: gray; /* ReSharper disable once CssBrowserCompatibility */ filter: alpha(opacity=50); /* ReSharper disable once CssBrowserCompatibility */ opacity: 0.5; height: 100%; width: 100%; position: fixed; left: 0; top: 0; text-align: center; z-index: 90; display: none; }

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 0 !important; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0 !important; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 0 !important; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 0 !important; }

/* css for timepicker */

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }

.ui-timepicker-div dl { text-align: left; }

.ui-timepicker-div dl dt { clear: left; float: left; padding: 0 0 0 5px; }

.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }

.ui-timepicker-div td { font-size: 90%; }

.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl { direction: rtl; }

.ui-timepicker-rtl dl { padding: 0 5px 0 0; text-align: right; }

.ui-timepicker-rtl dl dt { clear: right; float: right; }

.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

input[type=text].rm_colorpicker { line-height: normal; height: 16px; }

input[type=text].rm_colorpicker ~ button { padding: 0; margin-left: 4px; }

input[type=text].rm_colorpicker ~ button span.ui-button-text { padding: 0; }

input[type=text].rm_colorpicker ~ button > span > img { height: 18px; width: 18px; }

.ms-choice { border-radius: 0; background: white; border: 1px #dfdfdf solid; color: #000; font: normal 11px/21px Tahoma, Geneva, sans-serif; height: 25px; }

.ms-choice > span { padding: 2px 2px 1px 2px; }

.ms-drop { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0; border: 1px #dfdfdf solid; color: #000; font: normal 11px/21px Tahoma, Geneva, sans-serif; }

.parameters .row .ms-drop > ul > li > label, .parameters .row .ms-drop > ul > li.rm_form > legend.label, .form_container .ms-drop > ul > li > label, .form_container .ms-drop > ul > li.rm_form > legend.label { float: none; width: auto; }

.checkboxcolumncontainer > fieldset { float: left; width: 25em; padding: 0.5em; }

.checkboxcolumncontainer > fieldset > input, .checkboxcolumncontainer > fieldset > label, .checkboxcolumncontainer > fieldset.rm_form > legend.label, .rm_form.checkboxcolumncontainer > fieldset > legend.label { float: left; }

.checkboxcolumncontainer > fieldset > input[type=radio], .checkboxcolumncontainer > fieldset > input[type=checkbox] { clear: both; }

.checkboxcolumncontainer > fieldset + fieldset { margin-left: 1em; }

.rm_checkboxlist > * { float: left; }

.rm_checkboxlist > input { clear: both; }

.rm_checkboxlist > input.chkall + label, .rm_form.rm_checkboxlist > input.chkall + legend.label, .rm_form > fieldset.rm_checkboxlist > input.chkall + legend.label { font-weight: bold; }

.parameters { float: left; }

.parameters .row { clear: both; min-width: 372px; padding-top: 10px; }

.parameters .row p { padding: 0; }

.parameters .label { float: left; width: 150px; }

.parameters .row label, .parameters .row .rm_form > legend.label, .parameters .row .rm_form > fieldset > legend.label { float: left; width: 150px; }

.parameters .text { width: 340px; color: darkgray; }

.parameters input { float: left; }

.parameters input[type=text] { width: 218px; }

.parameters .selectedMagic { background-image: url("/Content/Images/tick.png"); background-repeat: no-repeat; background-position: right center; }

p.parametersheading { font-size: 11px; font-weight: bold; }

.parameters .selectors * { float: left; }

.parameters .selectors input[type=text] { margin-left: 10px; width: 69px; }

.parameters .selectors input[type=text][id$=DateTimepicker] { width: 105px; }

.parameters p.until { margin-left: 9px; width: 22px; }

.parameters #Participant label, .parameters #Participant .rm_form > legend.label, .parameters #Participant .rm_form > fieldset > legend.label { float: left; width: 150px; }

.parameters .buttoncontainer { clear: both; padding-top: 10px; width: 100%; }

.parameters .buttoncontainer input { float: none; margin: 0 auto; width: 100px; }

.parameters select { width: 222px; }

.parameters .rm_checkboxlist { float: left; min-width: 200px; max-height: 150px; overflow-y: auto; }

.parameters div#DateTimeRange { min-width: 444px; }

div.ui-tooltip-content .parameters .row { padding-top: 0; min-width: 0; max-width: 300px; }

div.ui-tooltip-content .parameters .row .label { width: 100px; }

div.ui-tooltip-content .parameters .row .text { width: auto; max-width: 300px; padding-left: 100px; }

table.dataTable { margin: 0 !important; }

table.dataTable tbody th, table.dataTable tbody td, table.dataTable thead th, table.dataTable thead td { text-align: left; padding: 2px 6px; }

table.dataTable thead .dt_hidetitle { height: 0; width: 0; font-size: 0; overflow: hidden; text-indent: -99999px; }

.dataTables_scrollBody > table.dataTable > thead th input[type=checkbox][class^=dt_CheckAll] { display: none; }

table.dataTable tr.PassDirIn { color: Blue; }

table.dataTable tr.PassDirOut { color: crimson; }

table.dataTable tr.PassCancelled { color: #707070; text-decoration: line-through; }

table.dataTable tr.PassEdited { color: #707070; }

table.dataTable tr.TotalRow { font-weight: bold; }

table.dataTable tr.UD_Missed { color: crimson; }

table.dataTable tr.UD_Failed { font-weight: bold; }

div.dt-buttons { margin-top: 8px; float: right; margin-bottom: 1em; }

button.dt-button, div.dt-button, a.dt-button { border-radius: 0; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; cursor: pointer; font-size: 1em; font-weight: bold; padding: .4em 1em; background: #E1E1E0; border: 1px solid #E1E1E0; color: #00536D !important; }

button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled) { -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; background: #00536D; border-color: #00536D; color: #ffffff !important; }

button.dt-button:focus:not(.disabled), div.dt-button:focus:not(.disabled), a.dt-button:focus:not(.disabled) { text-shadow: none; background: #00536D; border-color: #00536D; color: #ffffff !important; }

button.dt-button:active:not(.disabled), div.dt-button:active:not(.disabled), a.dt-button:active:not(.disabled), button.dt-button:active:not(.disabled):hover:not(.disabled), div.dt-button:active:not(.disabled):hover:not(.disabled), a.dt-button:active:not(.disabled):hover:not(.disabled) { -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; background: #007bac; border-color: #007bac; color: #ffffff !important; }

.force-inline-block { display: inline-block; }

#markRollPopupDiv { background-color: #FFFFFF; height: 150px; padding: 20px; position: absolute; width: 300px; z-index: 1001; }

.alertRolePopupDiv { height: 290px !important; padding: 0 !important; width: 350px !important; }

#MyLeftMenucontainer { padding: 0; }

/* Styles for jQuery menu widget
Author:	Maggie Wachs, maggie@filamentgroup.com
Date:		September 2008
*/

/* REQUIRED STYLES - the menus will only render correctly with these rules */

.fg-menu-container { left: -999px; overflow: hidden; padding: .4em; position: absolute; top: 0; }

.fg-menu-container.fg-menu-flyout { overflow: visible; }

.fg-menu, .fg-menu ul { list-style-type: none; margin: 0; padding: 0; }

.fg-menu { position: relative; }

.fg-menu-flyout .fg-menu { position: static; }

.fg-menu ul { position: absolute; top: 0; }

.fg-menu ul ul { top: -1px; }

.fg-menu-container.fg-menu-ipod .fg-menu-content, .fg-menu-container.fg-menu-ipod .fg-menu-content ul { background: none !important; }

.fg-menu.fg-menu-scroll, .fg-menu ul.fg-menu-scroll { overflow: scroll; overflow-x: hidden; }

.fg-menu li { border: 0; clear: both; float: left; margin: 0; padding: 0; width: 100%; }

.fg-menu li li { font-size: 1em; }

/* inner li font size must be reset so that they don't blow up */

.fg-menu-flyout ul ul { padding: .4em; }

.fg-menu-flyout li { position: relative; }

.fg-menu-scroll { overflow: scroll; overflow-x: hidden; }

.fg-menu-breadcrumb { margin: 0; padding: 0; }

.fg-menu-footer { margin-top: .4em; padding: .4em; }

.fg-menu-header { margin-bottom: .4em; padding: .4em; }

.fg-menu-breadcrumb li { float: left; font-size: .9em; list-style: none; margin: 0; opacity: .7; padding: 0 .2em; }

.fg-menu-breadcrumb li.fg-menu-prev-list, .fg-menu-breadcrumb li.fg-menu-current-crumb { clear: left; float: none; opacity: 1; }

.fg-menu-breadcrumb li.fg-menu-current-crumb { padding-top: .2em; }

.fg-menu-breadcrumb a, .fg-menu-breadcrumb span { float: left; }

.fg-menu-footer a:link, .fg-menu-footer a:visited { float: left; text-decoration: none; width: 100%; }

.fg-menu-footer a span { cursor: pointer; float: left; }

.fg-menu-breadcrumb .fg-menu-prev-list a:link, .fg-menu-breadcrumb .fg-menu-prev-list a:visited, .fg-menu-breadcrumb .fg-menu-prev-list a:hover, .fg-menu-breadcrumb .fg-menu-prev-list a:active { background-image: none; text-decoration: none; }

.fg-menu-breadcrumb .fg-menu-prev-list a { float: left; padding-right: .4em; }

.fg-menu-breadcrumb .fg-menu-prev-list a .ui-icon { float: left; }

.fg-menu-breadcrumb .fg-menu-current-crumb a:link, .fg-menu-breadcrumb .fg-menu-current-crumb a:visited, .fg-menu-breadcrumb .fg-menu-current-crumb a:hover, .fg-menu-breadcrumb .fg-menu-current-crumb a:active { background-image: none; display: block; font-size: 1.3em; text-decoration: none; }

/* REQUIRED LINK STYLES: links are "display:block" by default; if the menu options are split into  selectable node links and 'next' links, the script floats the node links left and floats the 'next' links to the right	*/

.fg-menu a:link, .fg-menu a:visited, .fg-menu a:hover, .fg-menu a:active { float: left; outline: 0 !important; padding: .3em 3%; text-decoration: none; width: 92%; }

.fg-menu a { border: 1px dashed transparent; }

.fg-menu a.ui-state-default:link, .fg-menu a.ui-state-default:visited, .fg-menu a.ui-state-default:hover, .fg-menu a.ui-state-default:active, .fg-menu a.ui-state-hover:link, .fg-menu a.ui-state-hover:visited, .fg-menu a.ui-state-hover:hover, .fg-menu a.ui-state-hover:active, .fg-menu a.ui-state-active:link, .fg-menu a.ui-state-active:visited, .fg-menu a.ui-state-active:hover, .fg-menu a.ui-state-active:active { border-style: solid; font-weight: normal; }

.fg-menu a span { cursor: pointer; display: block; }

/* SUGGESTED STYLES - for use with jQuery UI Themeroller CSS */

.fg-menu-indicator span { float: left; }

.fg-menu-indicator span.ui-icon { float: right; }

.fg-menu-content.ui-widget-content, .fg-menu-content ul.ui-widget-content { border: 0; }

/* ICONS AND DIVIDERS */

.fg-menu.fg-menu-has-icons a:link, .fg-menu.fg-menu-has-icons a:visited, .fg-menu.fg-menu-has-icons a:hover, .fg-menu.fg-menu-has-icons a:active { padding-left: 20px; }

.fg-menu .horizontal-divider hr, .fg-menu .horizontal-divider span { margin: 5px .6em; padding: 0; }

.fg-menu .horizontal-divider hr { border: 0; height: 1px; }

.fg-menu .horizontal-divider span { font-size: .9em; padding-left: .2em; text-transform: uppercase; }

.fg-menu-breadcrumb li { opacity: 1 !important; }

.fg-menu-container { height: 500px !important; position: relative !important; top: 0 !important; border-color: #dfdfdf !important; }

.fg-menu a { border-width: 1px; }

/*@import 'Widgets/_RollMarkerForm.scss';*/

div.smalltablecontainer { width: 500px; }

table.neattable { border-spacing: 0; }

table.neattable tr { padding: 0; margin: 0; }

table.neattable tbody tr:nth-child(odd) { background-color: #eceeee; }

table.neattable tbody tr:nth-child(even) { background-color: #fcfdfd; }

table.neattable td, table.neattable th { margin: 0; padding: 0 1em 0 0; text-align: left; }

table.neattable td.iconCol { text-align: center; }

.ColVis + .dataTables_filter { margin-top: 6px; margin-right: 10px; }

#SS_Multiple .dataTables_wrapper { clear: none !important; }

#SS_Multiple .dataTables_wrapper:after { display: none; }

#SS_Multiple .dataTables_wrapper .dataTables_scroll { clear: none !important; }

#SS_Multiple #SS_Table_info { clear: none !important; float: none !important; }

#SS_Multiple h2 { float: left; }

#SS_Multiple #SS_SearchTip { float: left; margin-left: 5px; margin-top: 2px; }

#SS_Multiple #SS_Loading { background: white; border: 1px #dfdfdf solid; color: #000; font: normal 11px/21px Tahoma, Geneva, sans-serif; height: 21px; padding: 1px; width: 147px; padding-left: 72px; float: left; }

#SS_Multiple #SS_Loading * { vertical-align: middle; margin-top: -2px; }

#SS_Multiple #SS_List { width: 222px; float: left; margin-bottom: 4px; }

#SS_Multiple #SS_Buttons { margin-left: 315px; border-left: 1px solid #dfdfdf; padding-bottom: 20px; clear: none; }

#SS_Multiple #SS_Buttons div { display: table; margin: 0 auto; }

#SS_Multiple #SS_Select { margin-right: 10px; width: 130px; }

#SS_Multiple #SS_Cancel { width: 130px; }

#SS_Multiple #SS_Left { width: 300px; float: left; clear: both; }

#SS_Multiple #SS_Add, #SS_Multiple #SS_Clear { margin-left: 8px; }

#SS_Multiple #SS_AdditionalFilters { width: 100%; clear: both; }

#SS_Multiple #SS_AdditionalFilters #SS_FirstColumn { float: left; width: 110px; }

#SS_Multiple #SS_AdditionalFilters #SS_SecondColumn { margin-left: 130px; }

#SS_Multiple #SS_CurrentSearches { float: left; padding: 5px; padding-top: 2px; clear: both; }

#SS_Multiple #SS_TableContainer { margin-left: 315px; padding-left: 30px; border-left: 1px solid #dfdfdf; clear: none; height: 450px; }

#SS_Multiple #SS_TableContainer p { width: 130px; margin: 0 auto; padding-top: 200px; font-size: 10pt; }

#SS_Multiple div.parameters { width: 100%; min-height: 200px; clear: both; border-bottom: 1px solid #dfdfdf; margin-bottom: 10px; }

#SS_Multiple div.parameters > p { display: inline-block; }

#SS_Multiple #SS_SearchType { width: 167px; }

#SS_Multiple #SS_ActiveOnly_Label { display: inline; }

#SS_ShowMultiple { color: #5C9CCC; }

.SS_MultipleView div { float: left; margin-bottom: 1px; padding: 1px 1px 0 1px; }

.SS_MultipleView p#SS_MultipleInfo { clear: both; cursor: pointer; float: left; padding: 0; }

.SS_MultipleView #SS_ClearMultiple { cursor: pointer; float: left; margin-left: 5px; }

#PS_Multiple .dataTables_wrapper { clear: none !important; }

#PS_Multiple .dataTables_wrapper:after { display: none; }

#PS_Multiple .dataTables_wrapper .dataTables_scroll { clear: none !important; }

#PS_Multiple #PS_Table_info { clear: none !important; float: none !important; }

#PS_Multiple h2 { float: left; }

#PS_Multiple #PS_SearchTip { float: left; margin-left: 5px; margin-top: 2px; }

#PS_Multiple #PS_Loading { background: white; border: 1px #dfdfdf solid; color: #000; font: normal 11px/21px Tahoma, Geneva, sans-serif; height: 21px; padding: 1px; width: 147px; padding-left: 72px; float: left; }

#PS_Multiple #PS_Loading * { vertical-align: middle; margin-top: -2px; }

#PS_Multiple #PS_List { width: 222px; float: left; margin-bottom: 4px; }

#PS_Multiple #PS_Buttons { margin-left: 315px; border-left: 1px solid #dfdfdf; padding-bottom: 20px; clear: none; }

#PS_Multiple #PS_Buttons div { display: table; margin: 0 auto; }

#PS_Multiple #PS_Select { margin-right: 10px; width: 130px; }

#PS_Multiple #PS_Cancel { width: 130px; }

#PS_Multiple #PS_Left { width: 300px; float: left; clear: both; }

#PS_Multiple #PS_Add, #PS_Multiple #PS_Clear { margin-left: 8px; }

#PS_Multiple #PS_AdditionalFilters { width: 100%; clear: both; }

#PS_Multiple #PS_AdditionalFilters #PS_FirstColumn { float: left; width: 110px; }

#PS_Multiple #PS_AdditionalFilters #PS_SecondColumn { margin-left: 130px; }

#PS_Multiple #PS_CurrentSearches { float: left; padding: 5px; padding-top: 2px; clear: both; }

#PS_Multiple #PS_TableContainer { margin-left: 315px; padding-left: 30px; border-left: 1px solid #dfdfdf; clear: none; height: 450px; }

#PS_Multiple #PS_TableContainer p { width: 130px; margin: 0 auto; padding-top: 200px; font-size: 10pt; }

#PS_Multiple div.parameters { width: 100%; min-height: 200px; clear: both; border-bottom: 1px solid #dfdfdf; margin-bottom: 10px; }

#PS_Multiple div.parameters > p { display: inline-block; }

#PS_Multiple #PS_SearchType { width: 167px; }

#PS_Multiple #PS_ActiveOnly_Label { display: inline; }

#PS_ShowMultiple { color: #5C9CCC; }

.PS_MultipleView div { float: left; margin-bottom: 1px; padding: 1px 1px 0 1px; }

.PS_MultipleView p#PS_MultipleInfo { clear: both; cursor: pointer; float: left; padding: 0; }

.PS_MultipleView #PS_ClearMultiple { cursor: pointer; float: left; margin-left: 5px; }

.GS_Multiple .dataTables_wrapper { clear: none !important; }

.GS_Multiple .dataTables_wrapper:after { display: none; }

.GS_Multiple .dataTables_wrapper .dataTables_scroll, .GS_Multiple .dataTables_wrapper .dataTables_info { clear: none !important; }

.GS_Multiple .GS_Table_info { clear: none !important; float: none !important; }

.GS_Multiple h2 { float: left; }

.GS_Multiple .GS_SearchTip { float: left; margin-left: 5px; margin-top: 2px; }

.GS_Multiple .GS_Loading { background: white; border: 1px #dfdfdf solid; color: #000; font: normal 11px/21px Tahoma, Geneva, sans-serif; height: 21px; padding: 1px; width: 147px; padding-left: 72px; float: left; }

.GS_Multiple .GS_Loading * { vertical-align: middle; margin-top: -2px; }

.GS_Multiple .GS_List { width: 222px; float: left; margin-bottom: 4px; }

.GS_Multiple .GS_Buttons, .GS_Multiple .GS_TableContainer { margin-left: 330px; border-left: 1px solid #dfdfdf; clear: none; }

.GS_Multiple .GS_Buttons { padding-bottom: 20px; }

.GS_Multiple .GS_Buttons div { display: table; margin: 0 auto; }

.GS_Multiple .GS_Select { margin-right: 10px; width: 130px; }

.GS_Multiple .GS_Cancel { width: 130px; }

.GS_Multiple .GS_Left { width: 315px; float: left; clear: both; }

.GS_Multiple .GS_Add, .GS_Multiple .GS_Clear { margin-left: 8px; }

.GS_Multiple .GS_Add { width: 34px; }

.GS_Multiple .GS_Clear { width: 41px; }

.GS_Multiple .GS_AdditionalFilters { width: 100%; clear: both; }

.GS_Multiple .GS_AdditionalFilters.parameters { border-bottom: none; }

.GS_Multiple .GS_AdditionalFilters .GS_Filter { display: block; }

.GS_Multiple .GS_AdditionalFilters .GS_Filter > label, .GS_Multiple .GS_AdditionalFilters .rm_form.GS_Filter > legend.label, .GS_Multiple .GS_AdditionalFilters .rm_form > fieldset.GS_Filter > legend.label { line-height: 24px; }

.GS_Multiple .GS_AdditionalFilters .GS_Filter .ms-parent { float: right; }

.GS_Multiple .GS_CurrentSearches { float: left; padding: 5px; padding-top: 2px; clear: both; }

.GS_Multiple .GS_CurrentSearches > div { float: left; margin-right: 2px; margin-top: 3px; padding: 1px 1px 0px 2px; }

.GS_Multiple .GS_CurrentSearches > div > p { clear: both; float: left; padding: 0px; }

.GS_Multiple .GS_CurrentSearches > div > button.GS_RemoveSearch { background-color: transparent; border: none; cursor: pointer; float: left; margin-left: 5px; }

.GS_Multiple .GS_TableContainer { padding-left: 30px; height: 450px; }

.GS_Multiple .GS_TableContainer p { width: 130px; margin: 0 auto; padding-top: 200px; font-size: 10pt; }

.GS_Multiple div.parameters { width: 100%; min-height: 200px; clear: both; border-bottom: 1px solid #dfdfdf; margin-bottom: 10px; }

.GS_Multiple div.parameters > p { display: inline-block; }

.GS_Multiple .GS_SearchType { width: 167px; }

.GS_Multiple .GS_ActiveOnly_Label { display: inline; }

.GS_MultipleView div { float: left; margin-bottom: 1px; padding: 1px 1px 0 1px; }

.GS_MultipleView p.GS_MultipleInfo { clear: both; cursor: pointer; float: left; padding: 0; }

.GS_MultipleView button.GS_ClearMultiple { background-color: transparent; border: none; cursor: pointer; float: left; margin-left: 5px; }

.DC_Element .DC_FreePeriod { background-color: #E9FAE9; }

.DC_Element .DC_Tooltip { display: none; }

.DC_Element .fc-content, .DC_Element .fc-header .fc-state-active, .DC_Element .fc-header .ui-state-active { z-index: 0; }

.DC_Element .fc-content:after { clear: both; }

.DC_Element .fc-event-date { height: 0; width: 0; font-size: 0; overflow: hidden; text-indent: -99999px; }

.DC_Printable_Container { display: none; }

.DC_Printable { width: 297mm; }

.DC_Printable .fc-event-inner .fc-event-time, .DC_Printable .fc-event-inner .fc-event-title { display: none; }

.DC_Printable .DC_Tooltip { display: block; }

.DC_Printable .fc-event { font-size: 10px; line-height: 1.2em; min-height: 6.5em; }

.DC_Printable .parameters .row { padding-top: 0; min-width: initial; max-width: initial; }

.DC_Printable .parameters .row .label { display: none; }

.DC_Printable .parameters .row .text { width: auto; max-width: initial; padding-left: 5px; }

.ReloadList { background: white; -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important; }

.ReloadList div { display: table; float: none !important; font-family: "Segoe UI", Helvetica, Verdana; font-size: 13px; line-height: 18px; margin: -1px auto 0 auto; }

.ReloadList img { vertical-align: text-bottom; padding-top: 1px; margin-right: 2px; }

.fc-event-inner { cursor: pointer; }

.rm_popupwindowtitlebar h2 { color: #ffffff; padding: 3px 0 6px 4px; display: table; margin: 2px auto; }

#EditEventContainer label, #EditEventContainer .rm_form > legend.label, #EditEventContainer .rm_form > fieldset > legend.label { float: none; width: auto; }

#EditEventContainer .rm_errorimage { vertical-align: middle; margin-top: -1px; }

#EditEventContainer .selectors p { padding-top: 4px; }

#SD_Header { margin-bottom: 8px; height: 40px; }

#SD_Header_Title { float: left; }

#SD_Header_Title h1 { padding: 0; margin: 0; }

#SD_Header_Menu { float: right; }

#SD_Form_General { float: left; }

#SD_ViewStudent_Image { float: left; }

#SD_Form_Additional > div { width: 450px; }

#SD_Form_Additional > div > label, #SD_Form_Additional > div.rm_form > legend.label { min-width: 130px; }

#SD_Contact_tabs.ui-tabs { padding-top: 37px; }

#SD_Contact_tabs.ui-tabs > ul.ui-tabs-nav { margin-top: -37px; height: 36px; }

#SD_Contact_tabs.ui-tabs > ul.ui-tabs-nav > li { font-size: 12px; }

.RM_CountryCode { width: 35px !important; margin-right: 5px !important; }

.RM_AreaCode { width: 35px !important; margin-right: 5px !important; }

.RM_PhoneNumber { width: 100px !important; }

#SD_Contact_Left { float: left; margin-right: 20px; }

#SD_Contact_Left > div, #SD_Contact_Left > input[type=text], #SD_Contact_Left > select, #SD_Contact_Left > textarea, #SD_Contact_Left > span, #SD_Contact_Left > p { width: 180px; }

#SD_Contact_Left > label, .rm_form#SD_Contact_Left > legend.label, .rm_form > fieldset#SD_Contact_Left > legend.label { width: 110px; }

#SD_Contact_Right { float: left; }

#SD_Contact_Right > div, #SD_Contact_Right > input[type=text], #SD_Contact_Right > select, #SD_Contact_Right > textarea, #SD_Contact_Right > span, #SD_Contact_Right > p { width: 180px; }

#SD_Contact_Right > label, .rm_form#SD_Contact_Right > legend.label, .rm_form > fieldset#SD_Contact_Right > legend.label { width: 110px; }

#SD_Contact_Right .rm_form_indented { margin-left: 110px; margin-top: 13px; }

#SD_Contact_Right > div > label, #SD_Contact_Right > div.rm_form > legend.label { min-width: 150px; }

#SD_Contact_tabs-1:after, #SD_Contact_tabs-2:after { content: ''; clear: both; display: block; }

#SD_Notes > p, #SD_Notes > table, #SD_Medication > p, #SD_Medication > table { clear: both; float: none; padding-top: 20px; }

#fileupload { position: absolute; top: 50px; left: 450px; }

#fileupload img { display: block; }

#SD_tabs-1 .fileupload-buttonbar { margin-top: 10px; margin-bottom: 10px; }

#SD_tabs-1 .template-upload { padding-top: 10px; }

#SD_tabs-1 .template-upload p { margin: 0; padding: 0; }

#SD_tabs-1 .template-upload td { padding-right: 5px; }

#SD_tabs-1 .template-upload td .name, #SD_tabs-1 .template-upload td .size { font-weight: bold; font-size: 12px; }

#SD_tabs-1 .template-upload td .error { color: #FF0000; display: block; font-size: 10px; }

#SD_tabs-1 .template-upload td button { margin-top: 3px; }

#SD_tabs-1 .fileupload-progress { margin-top: 15px; }

#SD_Notes .dataTables_wrapper tr.even, #SD_Medication .dataTables_wrapper tr.even { background-color: #fcfdfd; }

#SD_Notes .dt_action_image, #SD_Medication .dt_action_image { cursor: pointer; }

#SD_Classes form { margin-top: 15px; }

#SD_Classes form span { font-weight: bold; }

#SD_Classes form select { margin: 0 5px; }

#SD_Classes form input { float: none; display: inline-block; }

#SD_Classes form input[type=text] { height: 18px; float: none; display: inline-block; }

#SD_ClassSessions table { border-collapse: collapse; margin: 15px auto; }

#SD_ClassSessions tr { vertical-align: top; text-align: left; }

#SD_ClassSessions tr:nth-child(even) { background-color: #fcfdfd; }

#SD_ClassSessions td, #SD_ClassSessions th { border: 1px solid #dfdfdf; padding: 4px; }

#SD_ClassSessions th { background-color: #DFEFFC; }

#SD_ClassSessions td { padding-right: 20px; }

#SD_ClassSessions input[type=button] { padding: 0 10px; margin-right: auto; margin-left: auto; display: table; }

#SD_ClassSessions input[type=button]:after { clear: both; }

#SD_Attendance table { table-layout: fixed; border-spacing: 10px 4px; }

#SD_Attendance table caption h2 { border-bottom: 1px solid black; margin: 0 10px 14px 10px; padding-bottom: .5em; }

#SD_Attendance th, #SD_Attendance tr.SD_Cell_Row td { height: 35px; width: 35px; }

#SD_Attendance thead th { font-size: 8px; }

#SD_Attendance tr.SD_Cell_Row td { border: 2px solid #525252; font-size: 18px; font-weight: bold; text-align: center; vertical-align: middle; }

#SD_Attendance td.SD_Cell_Error { text-align: center; vertical-align: middle; width: 300px; }

#SD_Attendance tr.SD_Cell_Row td.SD_Cell_Invisible { border: 0 none #F9F9FA; background-color: #F9F9FA; padding: 2px; }

#SD_Attendance tr.SD_Cell_Row td.SD_Cell_Unexplained { color: red; }

#SD_Attendance tr.SD_Cell_Row td.SD_Cell_Explained { color: green; }

#SD_Attendance tr.SD_Cell_Row td.SD_Cell_Partial { font-style: italic; }

#SD_Attendance tr.SD_Cell_Row .SD_Cell_Tooltip { display: none; }

#SD_Attendance .rm_form > label, #SD_Attendance .rm_form > legend.label, #SD_Attendance .rm_form > fieldset.rm_form > legend.label, #SD_VCAttendance .rm_form > label, #SD_VCAttendance .rm_form > legend.label, #SD_VCAttendance .rm_form > fieldset.rm_form > legend.label { width: 60px; }

#SD_Attendance .rm_form input[type=button], #SD_Attendance .rm_form input[type=submit], #SD_VCAttendance .rm_form input[type=button], #SD_VCAttendance .rm_form input[type=submit] { float: left; clear: none; margin-left: 15px; margin-top: 9px; }

#SD_Attendance_Table { margin-top: 10px; }

.SD_Cell_Spinner { height: 18px; clear: both; }

div.ui-tooltip-content .SD_Cell_AttendanceDetails { clear: both; }

#KD_PreviewPane { border: 1px solid #dfdfdf; height: 310px; padding: 1em; width: 510px; }

.ui-tooltip.MedicalDetails { white-space: pre-line; }

.RmIcon, button.dt_action { display: inline-block; height: 16px; width: 16px; overflow: hidden; text-indent: 100%; }

.Icon_Status, .linkInactive, button.dt_action_Status { background: url(/Content/Images/status_star_red.gif) center no-repeat; }

.Icon_Status_Active, .linkActive, button.dt_action_Status_active { background: url(/Content/Images/status_star_green.gif) center no-repeat; }

.Icon_Delete, .linkDelete, button.dt_action_Delete { background: url(/Content/Images/delete.png) center no-repeat; }

.Icon_Edit, button.dt_action_Edit { background: url(/Content/Images/edit.gif) center no-repeat; }

.Icon_Copy { background: url(/Content/Images/copy.png) center no-repeat; }

.Icon_OpenListing, button.dt_action_OpenListing { background: url(/Content/Images/listing.png) center no-repeat; }

.Icon_OpenTeachers, button.dt_action_OpenTeachers { background: url(/Content/Images/teachers.png) center no-repeat; }

.Icon_Refresh, button.dt_action_Refresh { background: url(/Content/Images/refresh.png) center no-repeat; }

button.dt_action { border: none; cursor: pointer; }

.ui-autocomplete { z-index: 99999; max-height: 350px; overflow-y: auto; overflow-x: hidden; }

.ui-autocomplete .ui-state-focus { font-weight: normal; }

.ui-autocomplete .MB_Label { float: left; }

.ui-autocomplete .MB_Sub { color: #646464; font-size: 0.8em; display: inline; }

.ui-autocomplete .MB_Sub .MB_Type { float: left; clear: both; }

.ui-autocomplete .MB_Sub .MB_Desc { margin-left: 1em; float: right; }

.ui-autocomplete .MB_Sub .MB_Desc:first-child { margin-top: 4px; }

.ui-autocomplete .ui-state-focus .MB_Sub { color: #ffffff; }

.ui-autocomplete li a:after { content: " "; display: block; height: 0; clear: both; }

div[id^=printer] { width: 1px; height: 1px; position: absolute; left: -9999px; }

.PrintableReportHeader { display: none; }

@media print { body.printing > * { display: none; }
  body.printing > div[id^=printer] { width: initial; height: initial; left: auto; position: static; display: block; }
  .PrintableReportHeader { display: block; } }

/*.FileUploadContainer {
    position: absolute;
    top: 50px;
    left: 450px;
}*/

.FileUploadContainer .FileUploadImgContainer { max-width: 170px; text-align: center; }

.FileUploadContainer .FileUploadImgContainer img { max-width: 100%; margin: 0 auto; }

.FileUploadContainer .FileUploadImgContainer img.FileUploadEmptyImage { height: 0; }

.FileUploadContainer .fileupload-buttonbar { margin-top: 10px; margin-bottom: 10px; }

.FileUploadContainer .fileupload-buttonbar .fileinput-button { display: block; width: 168px; }

.FileUploadContainer .fileupload-buttonbar .fileinput-button ~ .fileinput-button { margin-top: 4px; }

.FileUploadContainer .fileupload-buttonbar .fileinput-button-clear span.ui-icon-plusthick { background-position: -64px -128px; }

.FileUploadContainer .template-upload { padding-top: 10px; }

.FileUploadContainer .template-upload p { margin: 0; padding: 0; }

.FileUploadContainer .template-upload td { padding-right: 5px; }

.FileUploadContainer .template-upload td .name, .FileUploadContainer .template-upload td .size { font-weight: bold; font-size: 12px; }

.FileUploadContainer .template-upload td .error { color: #FF0000; display: block; font-size: 10px; }

.FileUploadContainer .template-upload td button { margin-top: 3px; }

.FileUploadContainer .fileupload-progress { margin-top: 15px; }

tr.eventIncremental td.eventName:after { content: " "; float: right; height: 14px; width: 12px; background-image: url("/Content/Images/star_icon.png"); margin-top: 2px; }

/*#region Search*/

tr.RS_Incremental td.RS_RollCode:after { content: " "; float: right; height: 14px; width: 12px; background-image: url("/Content/Images/star_icon.png"); margin-top: 2px; }

/*#endregion*/

/*#region Global*/

.MR_Container, .MR_CodeSelect .selectboxit-container *, .MR_Container textarea, .MR_Container p { font-family: "Segoe UI", Helvetica, Verdana; }

.MR_Container textarea { font-size: 12px; line-height: 1.4em; }

/*#endregion*/

/*#region Title*/

.MR_RollHeader { font-size: 1.2em; }

.MR_RollHeader label, .MR_RollHeader .rm_form > legend.label, .MR_RollHeader .rm_form > fieldset > legend.label, .MR_RollHeader span { display: inline-block; margin-right: 2em; vertical-align: top; }

.MR_RollHeader label, .MR_RollHeader .rm_form > legend.label, .MR_RollHeader .rm_form > fieldset > legend.label { font-weight: bold; width: 8em; }

.MR_RollHeader span { width: 16em; }

/*#endregion*/

/*#region Sidebar*/

.MR_Sidebar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 25em; }

.MR_SelectedStudent { padding: .2em; border: 1px solid #dfdfdf; }

.MR_SelectedStudent > *, .MR_SelectedStudent > div > a > * { display: block; text-align: center; margin: auto; }

.MR_SelectedStudent > div { min-height: 173px; }

.MR_SelectedStudent > span { font-size: 1.2em; font-weight: bold; }

.MR_SelectedStudent > div > a { color: inherit; }

.MR_SelectedStudent > div img { max-height: 155px; max-width: 140px; }

.MR_CodeList { margin-top: 1em; padding: .2em 1em; border: 1px solid #dfdfdf; }

.MR_CodeListHeader, .MR_CodeListBody > div { margin: .2em .3em; border: 1px solid transparent; -webkit-transition: background-color 0.2s linear, border-color 0.2s linear; -o-transition: background-color 0.2s linear, border-color 0.2s linear; transition: background-color 0.2s linear, border-color 0.2s linear; }

.MR_CodeListHeader > span, .MR_CodeListBody > div > span { display: inline-block; max-width: 14em; margin: 0 0.2em; vertical-align: top; }

.MR_CodeListHeader > span:first-child, .MR_CodeListBody > div > span:first-child { margin-left: 0.5em; width: 4em; }

.MR_CodeListHeader { font-weight: bold; }

.MR_CodeListBody { max-height: 380px; overflow-y: auto; }

.MR_CodeListBody > div.MR_CodeSelected { background-color: #f0fbff; border-color: #dfdfdf; }

/*#endregion*/

/*#region Entries*/

.MR_EntriesContainer { margin: 1em 0; }

.MR_EntriesContainer:after { content: " "; display: block; height: 0; clear: both; }

.MR_EntriesContainer > div { float: left; display: inline-block; }

.MR_EntriesContainer > div ~ div { margin-left: 3em; }

.MR_Entries { max-height: 600px; width: 630px; overflow-y: auto; }

.MR_Entries_Loading, .MR_Entries_None { margin-top: 1em; text-align: center; }

.MR_Entries_Loading > img { margin-right: 0.4em; vertical-align: text-bottom; }

/*#region GridControl*/

.MR_GridControl { margin-bottom: .5em; line-height: 22px; }

.MR_GridLock { margin-left: 2em; }

.MR_GridLock input { float: none; }

.MR_ViewType .MR_ViewTypeButton { background: no-repeat scroll transparent; display: inline-block; margin-left: .5em; height: 16px; width: 16px; -webkit-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear; transition: opacity 0.1s linear; -ms-opacity: .2; opacity: .2; vertical-align: text-bottom; cursor: pointer; }

.MR_ViewType .MR_ViewTypeButton.MR_ViewTypeButtonActive { -ms-opacity: 1; opacity: 1; }

.MR_ViewType .MR_ViewTypeButton.MR_ViewList { background-image: url("../images/listing.png"); }

.MR_ViewType .MR_ViewTypeButton.MR_ViewGrid { background-image: url("../images/grid.png"); }

.MR_GridSettings { margin-left: 3em; display: inline; }

.MR_GridSettings > label, .rm_form.MR_GridSettings > legend.label, .rm_form > fieldset.MR_GridSettings > legend.label { display: inline-block; text-align: right; width: 5em; }

.MR_GridSettings > input { float: none; }

.MR_GridSettings > input[type=number] { width: 3em; }

.MR_GridSettings > input[type=number].ng-invalid { border-color: #ffbbbb; }

.MR_GridSettings > input[type=button] { margin-left: 1em; }

/*#endregion*/

.MR_EntryHeader { font-weight: bold; }

.MR_EntryHeader, .MR_Entry { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: .2em; }

.MR_EntryHeader > *, .MR_Entry > * { display: inline-block; vertical-align: middle; }

.MR_EntryHeader > :first-child, .MR_Entry > :first-child { margin-left: .5em; }

.MR_Entry { border: 1px solid #dfdfdf; }

.MR_Entry ~ .MR_Entry { margin-top: .2em; }

/*#region GridEntries*/

.MR_GridEntry { float: left; margin: 0 .2em .2em 0; vertical-align: middle; }

.MR_GridEntry, .MR_GridEntry .MR_Entry { height: 8.5em; width: 10em; }

.MR_GridEntry .MR_Entry { border-color: black; margin: 0; }

.MR_GridEntry .MR_Entry.MR_Empty { border-color: transparent; }

.MR_GridEntry .MR_Entry > * { display: block; }

.MR_GridEntry .MR_Entry > :first-child { margin-left: 0; }

.MR_GridEntry .MR_Entry .MR_StudentName { text-align: center; width: auto; height: 3em; }

.MR_GridEntry .MR_Entry .MR_GridMark > div { text-align: center; }

.MR_GridEntry .MR_Entry .MR_GridMark > div > * { text-align: initial; }

.MR_GridEntry .MR_Entry .MR_Mark { padding-left: 2px; width: auto; }

.MR_GridEntry .MR_Entry .MR_Mark > * { margin: 0 .2em 0 .2em; }

.MR_GridEntry .MR_Entry .MR_Mark > :first-child { width: 23px; }

.MR_GridEntry .MR_Entry .MR_Button.MR_UniformButton { background-position: 3px -18px; }

.MR_GridEntry .MR_Entry .MR_ButtonActive.MR_UniformButton { background-position: 3px 0; }

.MR_GridEntry .MR_Entry .MR_GridStudentMarked > * { margin-bottom: .2em; }

.MR_GridEntry .MR_Entry .MR_Revert, .MR_GridEntry .MR_Entry .MR_Conflict, .MR_GridEntry .MR_Entry .MR_Passes { margin-top: -24px; }

.MR_GridEntry .MR_Entry .MR_Revert, .MR_GridEntry .MR_Entry .MR_Passes { margin-right: 4px; float: right; }

.MR_GridEntry .MR_Entry .MR_Conflict { margin-left: 4px; float: left; }

.MR_Entries.MR_Entries_Edit .MR_GridEntry { cursor: move; }

/*#endregion*/

.MR_Entry_Selected, .MR_Entry_Selected-remove { -webkit-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear; }

.MR_Entry_Selected { background-color: #f0fbff; }

.MR_Entry_Conflict { background-color: #fce7b6; }

.MR_Entry_Updated, .MR_GridEntry .MR_Entry_Updated { border-color: #007bac; }

.MR_Entry_Updated-remove, .MR_Entry.ng-enter, .MR_GridEntry.ng-enter, .MR_GridEntry.ng-enter .MR_Entry { -webkit-transition: border-color 1s linear 4s, background-color 1s linear 4s, opacity 1s linear; -o-transition: border-color 1s linear 4s, background-color 1s linear 4s, opacity 1s linear; transition: border-color 1s linear 4s, background-color 1s linear 4s, opacity 1s linear; }

.MR_Entry.ng-enter, .MR_GridEntry.ng-enter { opacity: 0; }

.MR_Entry.ng-enter.ng-enter-active, .MR_GridEntry.ng-enter.ng-enter-active { opacity: 1; }

.MR_Entry.ng-leave, .MR_GridEntry.ng-leave { -webkit-transition: opacity 1s linear; -o-transition: opacity 1s linear; transition: opacity 1s linear; opacity: 1; }

.MR_GridEntry.MR_Empty.ng-leave { -webkit-transition: none; -o-transition: none; transition: none; }

.MR_GridEntry.ng-enter + .MR_GridEntry.ng-leave { max-width: 0; margin-left: -10.2em; margin-right: 10.2em; overflow-x: visible; }

.MR_Entry.ng-leave.ng-leave-active, .MR_GridEntry.ng-leave.ng-leave-active { opacity: 0; }

.MR_GridEntry.ui-sortable-helper { background-color: #fcfdfd; opacity: 0.7; }

.MR_GridEntry.ui-sortable-placeholder { visibility: visible !important; background-color: #eeeeee; }

.MR_GridEntry.MR_GridRowLast + * { clear: both; }

.MR_GridEntry.ui-sortable-placeholder ~ .MR_GridEntry.MR_GridRowLast { clear: both; }

.MR_GridEntry.ui-sortable-placeholder ~ .MR_GridEntry.MR_GridRowLast + * { clear: none; }

.MR_GridEntry.ui-sortable-helper ~ .MR_GridEntry.MR_GridRowLast + * { clear: none; }

.MR_GridEntry.ui-sortable-helper ~ .MR_GridEntry.MR_GridRowLast + * + * { clear: both; }

.MR_GridEntry.MR_GridRowLast.ui-sortable-helper + *, .MR_GridEntry.MR_GridRowLast.ui-sortable-placeholder + * { clear: none; }

.MR_GridEntry.ui-sortable-helper ~ .MR_GridEntry.MR_GridRowLast.ui-sortable-placeholder + * { clear: none; }

.MR_GridEntry.ui-sortable-helper ~ .MR_GridEntry.MR_GridRowLast.ui-sortable-placeholder + * + * { clear: none; }

.MR_GridEntry.ui-sortable-helper ~ .MR_GridEntry.ui-sortable-placeholder ~ .MR_GridEntry.MR_GridRowLast, .MR_GridEntry.ui-sortable-placeholder ~ .MR_GridEntry.ui-sortable-helper ~ .MR_GridEntry.MR_GridRowLast { clear: none; }

.MR_GridEntry.ui-sortable-helper ~ .MR_GridEntry.ui-sortable-placeholder ~ .MR_GridEntry.MR_GridRowLast + *, .MR_GridEntry.ui-sortable-placeholder ~ .MR_GridEntry.ui-sortable-helper ~ .MR_GridEntry.MR_GridRowLast + * { clear: both; }

.MR_GridEntry.ui-sortable-helper ~ .MR_GridEntry.ui-sortable-placeholder ~ .MR_GridEntry.MR_GridRowLast + * + *, .MR_GridEntry.ui-sortable-placeholder ~ .MR_GridEntry.ui-sortable-helper ~ .MR_GridEntry.MR_GridRowLast + * + * { clear: none; }

/*#endregion*/

/*#region Directives*/

.MR_StudentName { width: 20em; }

.MR_Classes { width: 12em; }

.MR_Mark { width: 11em; }

.MR_Mark > span ~ span { margin-left: 0.5em; }

.MR_MedicalAlert, .MR_InternationalAlert, .MR_AgeAlert { vertical-align: bottom; }

.MR_AttendanceStatus > span { display: inline-block; width: 16px; height: 16px; margin: 0; padding: 0; cursor: pointer; vertical-align: middle; }

.MR_AttendanceStatus > span.MR_AttendanceStatus_Current { border: 2px solid black; margin-left: 2px; margin-right: 2px; }

.MR_Button { background: no-repeat scroll 0 -18px transparent; display: inline-block; height: 18px; width: 23px; cursor: pointer; }

.MR_NotesButton, .MR_UniformButton { margin-top: 0.4em; }

.MR_ButtonActive { background-position: 0 0; }

.MR_UniformButton { background-image: url("../images/uniform-checkbox.png"); }

.MR_NotesButton { background-image: url("../images/notes-checkbox.png"); }

.MR_PassesButton { background-position: 0 0; background-image: url("../images/passes.png"); width: 18px; }

.MR_CreatePassButton { background-position: 0 0; background-image: url("../images/passes-create.png"); width: 18px; }

.MR_MedicalAlert > .MR_Button { font-family: Arial, Helvetica, sans-serif; font-weight: bold; width: 10px; }

.MR_InternationalAlert > .MR_Button { background-position: 0 0; background-image: url("../images/international.png"); }

.MR_AgeAlert > .MR_Button { background-position: 0 0; }

.MR_AgeAlert > .MR_Button.Over18 { background-image: url("../images/over18.png"); }

.MR_AgeAlert > .MR_Button.Under18 { background-image: url("../images/under18.png"); }

.MR_PopupContainer { display: inline; overflow: visible; }

.MR_DetailPopup { display: inline-block; position: absolute; background: #fafafa; border: 1px #a6c9e2 solid; border-radius: 2px; color: black !important; max-width: 300px; overflow: auto; padding: 5px; text-indent: inherit; white-space: inherit; z-index: 50; width: auto; }

.MR_Literal { display: block; text-align: left; white-space: pre-wrap; }

.MR_Notes textarea, .MR_Uniform textarea { display: block; resize: none; }

.MR_Notes textarea { height: 10em; width: 24em; }

.MR_Uniform textarea { height: 5em; width: 15em; }

.MR_Revert, .MR_Conflict { cursor: pointer; background-repeat: no-repeat; display: inline-block; margin-left: 10px; height: 18px; width: 18px; }

.MR_Revert { background-image: url("../images/undo.png"); }

.MR_Conflict { margin-top: 1px; background-image: url("../images/alert.png"); }

.MR_Revert + .MR_Conflict { margin-left: 5px; }

/*#region CodeSelect*/

.MR_CodeSelectStatic, .MR_CodeSelect .selectboxit-container { width: 59px; }

.MR_CodeSelectStatic, .MR_CodeSelect select + .selectboxit-container { position: inherit; }

.MR_CodeSelectStatic, .MR_CodeSelect .selectboxit-container * { font-size: 14px; }

.MR_CodeSelectStatic { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding-left: 12px; margin-bottom: 1px; height: 26px; line-height: 26px; vertical-align: top; }

.MR_CodeSelect .selectboxit-container span, .MR_CodeSelect .selectboxit-container .selectboxit-options a { height: 25px; line-height: 25px; }

.MR_CodeSelect .selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon { top: 20%; }

/*#endregion*/

/*#endregion*/

/*#region Footer*/

.MR_RollNav { margin-left: 3em; }

.MR_Footer > input[type=button], .MR_RollNav > input[type=button] { float: none; display: inline-block; font-family: Arial, Helvetica, sans-serif; width: 5.5em; }

input[type=button].MR_CopyForward { width: 8em; }

.MR_RollNav > input[type=button] { margin-left: 1em; }

.MR_Footer > input[type=button] ~ input[type=button], .MR_RollNav > input[type=button] ~ input[type=button] { margin-left: 3em; }

/*#endregion*/

/*#region Popups*/

.MR_Merge_Container, .MR_CreatePass_Container { height: 100%; left: 0; position: fixed; top: 0; width: 100%; }

.MR_Merge, .MR_CreatePass { background-color: white; border: 3px solid #00536D; display: inline-block; padding: 10px; }

.MR_Merge_Title h2, .MR_CreatePass_Title h2 { color: #ffffff; padding: 6px 0 6px 4px; display: table; margin: 0 auto; }

.MR_Merge_Content, .MR_CreatePass_Content { margin-top: 5px; width: 468px; }

.MR_Merge_Content > p, .MR_CreatePass_Content > p { font-size: 12px; }

.MR_Merge_Content > p > img, .MR_CreatePass_Content > p > img { float: right; max-height: 80px; max-width: 85px; margin-left: 10px; margin-bottom: 5px; }

.MR_Merge_Content > div, .MR_CreatePass_Content > div { clear: both; }

.MR_Merge_Footer, .MR_CreatePass_Footer { text-align: right; margin-top: 5px; }

.MR_Merge_Footer > input, .MR_CreatePass_Footer > input { float: none; display: inline-block; }

.MR_Merge_Footer > input ~ input, .MR_CreatePass_Footer > input ~ input { margin-left: 10px; }

/*#endregion*/

/*#region Merge*/

.MR_Merge_EntryContainer { display: inline-block; border: 1px solid transparent; -webkit-transition: border-color 0.2s linear, background-color 0.2s linear; -o-transition: border-color 0.2s linear, background-color 0.2s linear; transition: border-color 0.2s linear, background-color 0.2s linear; }

.MR_Merge_EntryContainer ~ .MR_Merge_EntryContainer { margin-left: 10px; }

.MR_Merge_EntryAvailable { border-color: #dfdfdf; }

.MR_Merge_EntrySelected { border-color: #007bac; background-color: #f0fbff; }

.MR_Merge_EntryNotSelected { background-color: #f0f0f0; color: #6f6d6e; }

.MR_Merge_EntryTitle { text-align: center; }

.MR_Merge_Entry { width: 145px; }

/*#endregion*/

/*#region PassDetails*/

.MR_PassDetails { width: 18em; }

.MR_PassDetails + .MR_PassDetails { border-top: 1px #a6c9e2 solid; margin-top: 5px; padding-top: 5px; }

.MR_PassDetails > div { clear: both; }

.MR_PassDetails b { display: inline-block; width: 5.5em; }

.MR_PassDetails > .MR_PassTime > div { float: right; width: 50%; }

.MR_PassDetails > .MR_PassTime > div:first-child { float: left; }

/*#endregion*/

#tooltip { color: #FFFFFF; font-size: 10px; position: absolute; width: 180px; z-index: 9999; }

#tooltip .tipHeader { background: url("../Images/tipHeader.gif") no-repeat scroll 0 0 transparent; height: 8px; }

#tooltip .tipBody { background-color: #000000; padding: 5px 5px 5px 15px; text-align: justify; }

#tooltip .tipFooter { background: url("../Images/tipFooter.gif") no-repeat scroll 0 0 transparent; height: 8px; }

span.helptip, span.field-validation-error.errortip { cursor: pointer; display: inline-block; overflow: hidden; text-indent: 100%; vertical-align: middle; white-space: nowrap; height: 16px !important; width: 16px !important; }

.opentooltip, .rm_form > span.opentooltip, .rm_form > fieldset > span.opentooltip, body span.opentooltip, body .rm_form > span.opentooltip, body .rm_form > fieldset > span.opentooltip { background: #fafafa; border: 1px #a6c9e2 solid; border-radius: 2px; color: black !important; display: block; max-width: 300px; overflow: visible; padding: 5px; position: fixed; text-indent: inherit; white-space: inherit; z-index: 50; width: auto; }

span.helptip { background: url(/Content/Images/helptip.png) no-repeat; }

span.helptip:hover { background: url(/Content/Images/helptip_sel.png) no-repeat; }

span.field-validation-error.errortip { background: url(/Content/Images/errortip.png) no-repeat; background-position: 0 0; }

span.field-validation-error.errortip:hover { background-position: -16px 0; }

.rm_form { padding: 0 2px 5px 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.rm_form > fieldset { border: none; clear: both; float: left; /*margin-top: 10px; margin-bottom: 10px;*/ }

.rm_form > fieldset.rm_fieldset_widelabel > label, .rm_form > fieldset.rm_fieldset_widelabel > legend.label { width: 250px; }

.rm_form > div, .rm_form > input[type=text], .rm_form > input[type=password], .rm_form > input[type=number], .rm_form > input[type=file], .rm_form > select, .rm_form > textarea, .rm_form > span, .rm_form > p, .rm_form > input[type=file], .rm_form > fieldset > div, .rm_form > fieldset > input[type=text], .rm_form > fieldset > input[type=password], .rm_form > fieldset > input[type=number], .rm_form > fieldset > input[type=file], .rm_form > fieldset > select, .rm_form > fieldset > textarea, .rm_form > fieldset > span, .rm_form > fieldset > p, .rm_form > fieldset > input[type=file] { width: 250px; color: #000000; margin-top: 10px; padding: 0; }

.rm_form > div:disabled, .rm_form > input[type=text]:disabled, .rm_form > input[type=password]:disabled, .rm_form > input[type=number]:disabled, .rm_form > input[type=file]:disabled, .rm_form > select:disabled, .rm_form > textarea:disabled, .rm_form > span:disabled, .rm_form > p:disabled, .rm_form > input[type=file]:disabled, .rm_form > fieldset > div:disabled, .rm_form > fieldset > input[type=text]:disabled, .rm_form > fieldset > input[type=password]:disabled, .rm_form > fieldset > input[type=number]:disabled, .rm_form > fieldset > input[type=file]:disabled, .rm_form > fieldset > select:disabled, .rm_form > fieldset > textarea:disabled, .rm_form > fieldset > span:disabled, .rm_form > fieldset > p:disabled, .rm_form > fieldset > input[type=file]:disabled { background-color: #f0f0f0; border-color: #dfdfdf; color: #444444; }

.rm_form > div.GS_Container, .rm_form > fieldset > div.GS_Container { width: auto; }

.rm_form > input[type=number], .rm_form > fieldset > input[type=number] { width: 125px; }

.rm_form > input[type=text].selectedMagic, .rm_form > div.GS_SingleView > input[type=text].selectedMagic, .rm_form > fieldset > input[type=text].selectedMagic, .rm_form > fieldset > div.GS_SingleView > input[type=text].selectedMagic { background-image: url("/Content/Images/tick.png"); background-repeat: no-repeat; background-position: right center; }

.rm_form > a, .rm_form > fieldset > a { margin-top: 10px; }

.rm_form > label, .rm_form > legend.label, .rm_form > fieldset.rm_form > legend.label, .rm_form > fieldset > label, .rm_form > fieldset > legend.label { width: 120px; clear: both; padding-top: 2px; margin-top: 10px; color: #626061; }

.rm_form > .rm_form_indented, .rm_form > fieldset > .rm_form_indented { margin-left: 120px; clear: both; }

.rm_form > div > label, .rm_form > div.rm_form > legend.label, .rm_form > fieldset > div > label, .rm_form > fieldset > div.rm_form > legend.label { min-width: 80px; color: #626061; }

.rm_form > input[type=text].rm_colorpicker, .rm_form > fieldset > input[type=text].rm_colorpicker { width: 226px; }

.rm_form > *, .rm_form > fieldset > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; clear: none; text-align: left; font-family: 'Segoe UI', Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; }

.rm_form > .validation-summary-errors, .rm_form > fieldset > .validation-summary-errors { color: crimson; width: 370px; }

.rm_form > div.multiSelectionBox, .rm_form > fieldset > div.multiSelectionBox { display: block; }

.rm_form > div.multiSelectionBox > input[type=checkbox], .rm_form > fieldset > div.multiSelectionBox > input[type=checkbox] { clear: both; }

.rm_form > input[type=text], .rm_form > input[type=password], .rm_form > input[type=number], .rm_form > select, .rm_form > textarea, .rm_form > fieldset > input[type=text], .rm_form > fieldset > input[type=password], .rm_form > fieldset > input[type=number], .rm_form > fieldset > select, .rm_form > fieldset > textarea { font-family: 'Segoe UI', Arial, Helvetica, sans-serif; color: #000000; background: white; border: 1px #dfdfdf solid; font-size: 12px; line-height: normal; height: 20px; }

.rm_form > input[type=text], .rm_form > input[type=password], .rm_form > input[type=number], .rm_form > textarea, .rm_form > div.GS_SingleView > input[type=text], .rm_form > fieldset > input[type=text], .rm_form > fieldset > input[type=password], .rm_form > fieldset > input[type=number], .rm_form > fieldset > textarea, .rm_form > fieldset > div.GS_SingleView > input[type=text] { padding: 1px 5px; }

.rm_form > input[type=number], .rm_form > fieldset > input[type=number] { padding-right: 0; }

.rm_form > a.inline_link, .rm_form > fieldset > a.inline_link { margin-top: 13px; margin-left: 8px; }

.rm_form > textarea, .rm_form > fieldset > textarea { -moz-resize: none; -ms-resize: none; -o-resize: none; resize: none; height: 5.5em; line-height: 1.3em; padding-top: 3px; vertical-align: top; }

.rm_form > input[type=checkbox], .rm_form > fieldset > input[type=checkbox] { width: auto; margin-top: 15px; margin-left: 5px; }

.rm_form > input[type=button], .rm_form > input[type=submit], .rm_form > fieldset > input[type=button], .rm_form > fieldset > input[type=submit] { margin-right: 10px; margin-top: 20px; }

.rm_form > input[type=button].rm_form_inline, .rm_form > input[type=submit].rm_form_inline, .rm_form > fieldset > input[type=button].rm_form_inline, .rm_form > fieldset > input[type=submit].rm_form_inline { float: left; clear: none; margin-left: 15px; margin-top: 9px; }

.rm_form > legend, .rm_form > fieldset > legend { clear: both; font-weight: bold; font-size: 1.1em; margin-top: 18px; margin-bottom: 0; }

.rm_form > legend.label, .rm_form > fieldset > legend.label { font-weight: normal; font-size: 1em; }

.rm_form > form.rm_buttonform, .rm_form > fieldset > form.rm_buttonform { margin-right: 10px; margin-top: 20px; }

.rm_form > span, .rm_form > p, .rm_form > fieldset > span, .rm_form > fieldset > p { padding: 1px 5px 0 5px; }

.rm_form > span.field-validation-valid, .rm_form > fieldset > span.field-validation-valid { display: none !important; }

.rm_form > div > span.field-validation-valid, .rm_form > fieldset > div > span.field-validation-valid { display: none; }

.rm_form > span.errortip, .rm_form > span.helptip, .rm_form > div > span.errortip, .rm_form > div > span.helptip, .rm_form > fieldset > span.errortip, .rm_form > fieldset > span.helptip, .rm_form > fieldset > div > span.errortip, .rm_form > fieldset > div > span.helptip { padding: 0; }

.rm_form > span.errortip, .rm_form > div > span.errortip, .rm_form > fieldset > span.errortip, .rm_form > fieldset > div > span.errortip { margin-right: -16px; vertical-align: top; position: relative; left: -20px; top: 3px; }

.rm_form > input[type=number] + span.errortip, .rm_form > div > input[type=number] + span.errortip, .rm_form > select + span.errortip, .rm_form > div > select + span.errortip, .rm_form > fieldset > input[type=number] + span.errortip, .rm_form > fieldset > div > input[type=number] + span.errortip, .rm_form > fieldset > select + span.errortip, .rm_form > fieldset > div > select + span.errortip { margin-right: 0; left: 0; }

.rm_form > span.helptip, .rm_form > fieldset > span.helptip { margin-top: 13px; margin-left: 3px; margin-right: 3px; }

.rm_form > span.errortip + span.errortip, .rm_form > span.opentooltip + span.errortip, .rm_form > fieldset.rm_form > span.opentooltip + span.errortip, .rm_form > fieldset > span.errortip + span.errortip, .rm_form > fieldset > span.opentooltip + span.errortip { display: none; }

.rm_form > div > span.errortip + span.errortip, .rm_form > fieldset > div > span.errortip + span.errortip { display: none; }

.rm_form > div > span.opentooltip, .rm_form > fieldset > div > span.opentooltip { display: block; padding: 5px; position: fixed; white-space: inherit; width: auto; }

.rm_form > div > span.opentooltip + span.errortip, .rm_form > fieldset > div > span.opentooltip + span.errortip { display: none; }

.rm_form > .rm_colorpicker + button, .rm_form > fieldset > .rm_colorpicker + button { margin-left: 4px; margin-top: 10px; }

.rm_form > .rm_colorpicker + button > span > img, .rm_form > fieldset > .rm_colorpicker + button > span > img { height: 18px; width: 18px; }

.rm_form > div, .rm_form > fieldset > div { display: table; table-layout: auto; color: #000000; text-align: left; font-family: 'Segoe UI', Arial, Helvetica, sans-serif; font-size: 12px; }

.rm_form > div.rm_form_nopadding, .rm_form > fieldset > div.rm_form_nopadding { padding-left: 0; }

.rm_form > div > *, .rm_form > fieldset > div > * { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; clear: none; line-height: normal; }

.rm_form > div > label, .rm_form > div.rm_form > legend.label, .rm_form > fieldset > div > label, .rm_form > fieldset > div.rm_form > legend.label { margin-top: 2px; width: auto; min-width: 80px; }

.rm_form > div > input[type=text], .rm_form > div > input[type=number], .rm_form > div > input[type=file], .rm_form > div > select, .rm_form > fieldset > div > input[type=text], .rm_form > fieldset > div > input[type=number], .rm_form > fieldset > div > input[type=file], .rm_form > fieldset > div > select { background: white; border: 1px #dfdfdf solid; color: #000; font: normal 12px 'Segoe UI', Arial, Helvetica, sans-serif; display: table-cell; float: none; width: 100%; /* ReSharper disable once InvalidValue */ width: 80px\9; /* IE8 and below */ height: 20px; }

.rm_form > div > span, .rm_form > div > p, .rm_form > fieldset > div > span, .rm_form > fieldset > div > p { padding: 0; margin: 0; display: table-cell; float: none; white-space: nowrap; width: 30px; }

.rm_form > div > span ~ span, .rm_form > div > span ~ p, .rm_form > div > p ~ span, .rm_form > div > p ~ p, .rm_form > fieldset > div > span ~ span, .rm_form > fieldset > div > span ~ p, .rm_form > fieldset > div > p ~ span, .rm_form > fieldset > div > p ~ p { width: 40px; padding-left: 10px; }

.rm_form > div > span.initial, .rm_form > div > p.initial, .rm_form > fieldset > div > span.initial, .rm_form > fieldset > div > p.initial { text-align: left; width: 40px; }

.rm_form > div > input[type=radio], .rm_form > fieldset > div > input[type=radio] { clear: both; margin-top: 4px; }

.rm_form > div > input[type=checkbox], .rm_form > fieldset > div > input[type=checkbox] { margin-top: 4px; font: normal 12px 'Segoe UI', Arial, Helvetica, sans-serif; }

.rm_form > div.rm_form_indented > input[type=button], .rm_form > div.rm_form_indented > input[type=submit], .rm_form > fieldset > div.rm_form_indented > input[type=button], .rm_form > fieldset > div.rm_form_indented > input[type=submit] { margin-right: 10px; }

.rm_form > input[type=text], .rm_form > input[type=password], .rm_form > input[type=number], .rm_form > input[type=file], .rm_form > select, .rm_form > textarea, .rm_form > span, .rm_form > p, .rm_form > fieldset > input[type=text], .rm_form > fieldset > input[type=password], .rm_form > fieldset > input[type=number], .rm_form > fieldset > input[type=file], .rm_form > fieldset > select, .rm_form > fieldset > textarea, .rm_form > fieldset > span, .rm_form > fieldset > p { color: #000000; text-align: left; font-family: 'Segoe UI', Arial, Helvetica, sans-serif; font-size: 12px; }

.rm_form > input[type=text]:disabled, .rm_form > input[type=password]:disabled, .rm_form > input[type=number]:disabled, .rm_form > input[type=file]:disabled, .rm_form > select:disabled, .rm_form > textarea:disabled, .rm_form > span:disabled, .rm_form > p:disabled, .rm_form > fieldset > input[type=text]:disabled, .rm_form > fieldset > input[type=password]:disabled, .rm_form > fieldset > input[type=number]:disabled, .rm_form > fieldset > input[type=file]:disabled, .rm_form > fieldset > select:disabled, .rm_form > fieldset > textarea:disabled, .rm_form > fieldset > span:disabled, .rm_form > fieldset > p:disabled { background-color: #f0f0f0; border-color: #dfdfdf; color: #444444; }

.rm_form > .rm_form, .rm_form > fieldset > .rm_form { float: none; clear: both; width: auto; margin-left: 0; margin-bottom: -5px; margin-top: 0; padding: 0 0 5px 0; display: block; }

.rm_form > .rm_form.rm_form_inline, .rm_form > fieldset > .rm_form.rm_form_inline { clear: none; float: left; margin-left: 15px; margin-top: 0; padding-bottom: 0; }

.rm_form > div.ms-parent, .rm_form > fieldset > div.ms-parent { padding-left: 0; }

.rm_form > div.ms-parent > button.ms-choice, .rm_form > fieldset > div.ms-parent > button.ms-choice { color: #000000; text-align: left; font-family: 'Segoe UI', Arial, Helvetica, sans-serif; font-size: 12px; height: 20px; }

.rm_form > div.ms-parent > button.ms-choice > div, .rm_form > fieldset > div.ms-parent > button.ms-choice > div { height: 20px; background-position: 0 -3px; }

.rm_form > div.ms-parent > div.ms-drop, .rm_form > fieldset > div.ms-parent > div.ms-drop { font-family: 'Segoe UI', Arial, Helvetica, sans-serif; font-size: 12px; line-height: 21px; }

.rm_form > div.ms-parent > button.ms-choice > span, .rm_form > fieldset > div.ms-parent > button.ms-choice > span { padding: 2px 6px; }

.rm_form > div.fields > label, .rm_form > div.rm_form.fields > legend.label, .rm_form > fieldset > div.fields > label, .rm_form > fieldset > div.rm_form.fields > legend.label { min-width: 100px; }

.rm_form .required { color: crimson; }

.rm_form:after { content: " "; display: block; height: 0; clear: both; }

.login_form { margin-left: 260px; }

.login_form h2 { color: #007bac; font-size: 24px; padding: 40px 0 0 0; }

.login_form .field-validation-error { color: red; display: inline-block; margin-left: 120px; margin-top: 5px; width: 250px; padding: 0; }