/ ************************************** *主题名称：标准* * *包含在此文件中表格：* *标准/ stylees_layout.css *标准/ stylees_fonts.css * standard / stylees_color.css * standard / stylees_theme.css * / mod/assignment/styles.php * /mod/lesson/styles.php * / mod /测验/styles.php * /mod/scorm/styles.php * /mod/tincan/styles.php * /blocks/admin/styles.php * /blocks/calendar_month/styles.php * /blocks/calendar_upcoming/styles.php */blocks/course_navigation/styles.php * /blocks/course_summary/styles.php * /blocks/login/styles.php * /blocks/mynotes/styles.php * /blocks/quickcomments/styles.php * / blocks / luciz_results /styles.php * /blocks/rss_client/styles.php * /blocks/search_forums/styles.php **************************************** // *****标准/ styles_layout.css start ***** / / ********************************************************************* stylees_layout.cssCSS文件包含像定位，浮子，边缘，填充，边界等的所有布局定义。样式是器官进入以下部分：核心标题页脚管理程序块博客日历课程Doc等级登录消息问题标签用户各种模块*********************************************************************/ /*** *** 核 *** / / *修复到IE10 / 11滚动栏叠加版问题* / @ -ms-viewport {宽度：auto！重要;H1.Main，H2.Main，H3.Main，H4.Main，H5.Main，H6.Main {Text-Agent：Center;H1 {余量：10px 0;H3 {边缘：0px 0px 10px 0px;}身体，HTML，＃页面内容包装器，.fullpage {边际：0; overflow: hidden; height:100%; } body { touch-action:none; -ms-touch-action:none; } .fullpage { position: relative; padding-left: 0; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .fullpage.toggled #page-content-wrapper { margin-right: -250px; } .fullpage #sidebar-wrapper li span, .fullpage #sidebar-wrapper li ul li span { display: block; overflow: hidden; text-overflow:ellipsis; } #page-content-wrapper { width: 100%; } #multi-column-vertical { position: absolute; top: 0px; bottom: 0; overflow: hidden; height:100%; width: 100%; } #multi-column-vertical > .ps-scrollbar-x-rail { display: none!important; } .fullpage .ps-scrollbar-y-rail { z-index: 99999; } @media (min-width: 992px) { #multi-column { position: absolute; top: 0px; bottom: 0; right: 0; overflow: hidden; height:100%; width: 100%; } #multi-column.with-course-nav { /* top: 60px;*/ } } #multi-column .headerBoxTitle, #multi-column .headerBox { margin: 0; padding: 0; } .full-height { padding: 0; } @media (max-width: 991px) { .fullpage.toggled #page-content-wrapper { position: relative!important; } } .block-content { overflow: hidden!important; position: relative; } .block-content > .ps-scrollbar-y-rail { right: 15px!important; } #layout-table { width:98%; border-collapse:separate; margin-top: 3px; margin-left: 8px; } #layout-table #left-column, #layout-table #middle-column, #layout-table #right-column { vertical-align:top; } #layout-table #middle-column { padding-left:10px; padding-right: 10px; } .clearer { clear:both; margin:0px; padding:0px; height:1px; border:none; background:transparent; display:block; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display:inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .mdl-align { text-align: center; } .continuebutton { text-align: center; } form { margin-bottom:0px; } table { border-spacing: 0px; border-collapse: collapse; margin-bottom:0px !important; } a img { border:none; } label { margin-bottom: 0; } img.userpicture, img.grouppicture, .block_online_users .listentry img { border: 0px solid } .notifyproblem { text-align: center; padding: 10px; } .notifysuccess { text-align:center; padding: 10px; } .generalbox { margin-bottom: 15px; background-color: transparent; } .generalbox#intro { margin: 10px; padding: 20px; } .generalbox#online { margin: 10px; padding: 20px; } .noticebox { border-width:1px; border-style:solid; } .errorbox { border-width:1px; border-style:solid; margin: 1em 15%; width: 70%; } .errorbox .title { padding: 5px; } .informationbox { border-width:1px; border-style:solid; } .feedbackbox { border-width:1px; border-style:solid; } .feedbackby { } .feedback { } .generaltable { /* border-width: 1px; border-style: solid; */ } .generaltable .cell { font-size: 13px !important; border-collapse: collapse; } .lighttableborder .cell { border: 1px solid #E8E8E8; } .lighttableborder .tabletrimright { position: relative; left: -1; } .lighttableborder .tabletrimbottom { position: relative; top: -1; } .initialbar { text-align: center; } #help .indent { margin-left:3em; } .tabledivider { border-width:1px; border-style:solid; border-left:0px; border-right:0px; border-top:0px; } .sitetopic { /* margin-bottom:0px; */ } .sitetopiccontent { /* border-width:1px; border-style:solid; */ } .resultsperpage { padding: 0; margin: 0 50px 0 0; display: inline-block; } ul.pagination { list-style-type: none; } .pagination > li > a, .pagination > li > span { box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); } @media (max-width: 768px) { .resultsperpage { margin: 0; } .pagination > li { display: none; } .pagination > li:first-child, .pagination > li:last-child { display: inline-block; } } .pagingbar { text-align:center; } .pagingbar a { padding-left: 10px; } .alphabar > li > a, .alphabar > li > span { width: 35px; } .pagingbar .thispage { padding-left: 10px; } table.formtable { margin: auto; } table.formtable tbody th { vertical-align: top; } table.formtable tbody td, table.formtable tbody th { padding: 5px; } table.formtable tbody .htmlarea td, table.formtable tbody .htmlarea th { padding: 0px; } .paging { text-align: left; margin: 10px 0px 10px 0px; } .unread { padding-right:2px; } .cell { vertical-align: top; padding: 8px; } .helplink img { vertical-align: middle; margin: 0px 2px; width: 17px; height: 17px; padding: 0px !important; } form.popupform { display: inline; } /*Accessibility: text 'seen' by screen readers but not visual users. Fixed for RTL languages, example Farsi. */ .accesshide { position:absolute; top:-1000px; left:10px; font-weight:normal; font-size:16px; } span.hide, div.hide { display:none; } .row { margin:0!important; /* Remove top and bottom margin default from Bootstrap*/ } /*** *** Header ***/ .navbar { min-height: 0!important; margin-bottom: 0; } .headerskip { position:absolute; right:20em; font-size:13px; } #header-home { height:119px; background-image:url(https://training.bakerhughes.com/lms/theme/standard/topgradient.jpg); background-position : right; background-repeat : repeat-y; } .header-bottom { height:38px; background-image:url(https://training.bakerhughes.com/lms/theme/standard/bar.gif); background-position : bottom; background-repeat : repeat-x; } #header { } .headermain, h1.headermain { float:left; margin:0%; padding:0%; } .headermenu { float:right; text-align:right; } .fixed-menu-bar input, .fixed-menu-bar a, .fixed-menu-bar .btn-help { margin-bottom: 0!important; } .navbar-brand { display: none; padding: 0px !important; } @media (max-width: 991px) { .top-header { display: none!important; } .fixed-menu-bar { top: 0px; } .navbar-brand { display: inline; } } .breadcrumbbar { width: 100%; min-height: 45px; z-index: 500; } .breadcrumbbar #menu-toggle { height: 100%!important; border: none!important; border-radius: 0!important; background: #fff!important; } .breadcrumbbar .navbutton { padding: 6px; vertical-align: top; } .breadcrumbbar .menu { float:right; } #footer .breadcrumbbar { margin-top: 4em; } .breadcrumb-profile { float: left; background-color: #78ac00; padding: 11px; } @media (max-width:767px) { .breadcrumbbar .btn { margin-bottom: 0; } } @media (max-width: 480px) { .breadcrumb-profile { background-color: transparent!important; } } .breadcrumb-profile a:hover { text-decoration: none; } .breadcrumbbar .navbutton a, .breadcrumbbar .navbutton button { float: right; } .breadcrumb-menu { padding: 7px; background-color: #78ac00; } table.breadcrumbbar { width: 100%; } .breadcrumbbar .navbutton form, .breadcrumbbar .navbutton span.btn { float: right; } .breadcrumb { position: relative; float: left; margin: 0; padding: 10px 0 0 20px; } .breadcrumb ul { list-style:none; display: inline-block; padding: 0; margin: 0; } .breadcrumb li { display:inline; } .breadcrumb a:hover { text-decoration: none; } .breadcrumb-links { position: relative; } .reportlink { text-align:right; margin-right: 10px; } /* Horizontal Menu */ .navbar-inverse .navbar-nav > li > a{ padding: 10px 15px; } .navbar-inverse .navbar-nav .dropdown-menu > li> a { padding: 5px 10px; } @media (min-width: 992px) and (max-width: 1100px) { .navbar-inverse .navbar-nav > li > a { padding-left: 10px!important; padding-right: 10px!important; } } .btn-nav-mobile { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; color: #333!important; display: none!important; } .btn-nav-mobile-top { margin-top: 8px !important; margin-bottom: 8px !important; } .btn-breadcrumb { margin: 0px !important; } .btn-lang { margin-top: 0; } @media (max-width: 991px) { .btn-nav-mobile { display: inline-block!important; } .btn-lang { margin-top: 8px!important; } } @media (max-width: 480px) { .btn-nav-mobile, .btn-breadcrumb { padding-left: 8px!important; padding-right: 8px!important; } } /* Vertical Menu */ #sidebar-wrapper { z-index: 1000; position: fixed; left: 250px; height: 100%; margin-left: -250px; overflow: hidden; box-shadow: 1px 5px 5px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } #sidebar-wrapper .sidebar-nav { top: 0; width: 250px; margin: 0; padding: 0; list-style: none; } #sidebar-wrapper ul.sidebar-nav li { padding: 0!important; } #sidebar-wrapper ul.sidebar-nav > li > ul > li a { border-left: none!important; border-right: none!important; } #sidebar-wrapper ul.sidebar-nav > li > ul > li a { border-bottom: 1px solid #333333; } #sidebar-wrapper ul.sidebar-nav > li a b { position: absolute !important; right: 10px; top: 12px; font-size: 17px; } #sidebar-wrapper .sidebar-nav li a { display: block; position: relative; padding: 10px; padding-left: 15px; text-decoration: none; color: #999999; } #sidebar-wrapper .sidebar-nav li a:hover { text-decoration: none; color: #fff; } #sidebar-wrapper .sidebar-nav li a:active, #sidebar-wrapper .sidebar-nav li a:focus { text-decoration: none; } #sidebar-wrapper .sidebar-nav >.dropdown ul { padding: 0px; } #sidebar-wrapper .sidebar-nav >.dropdown ul li { list-style-type: none; } #sidebar-wrapper .sidebar-nav > .sidebar-brand img { display: inline-block; height: auto; margin-left: 3px; margin-right: 3px; margin-top: 0px; vertical-align: middle; width: 25px; } #sidebar-wrapper .sidebar-nav > .sidebar-brand a { color: #999999; padding-left: 10px; } #sidebar-wrapper .sidebar-nav > .sidebar-brand a:hover { color: #fff; background: none; } #sidebar-wrapper .sidebar-nav img, .fontMenuIcon { font-size: 1.1em; margin-right: 10px; } #sidebar-wrapper .sidebar-nav span { white-space: nowrap; overflow: elipsis; } .active-parent { color: #FFFFFF!important; } .mCSB_container { margin-right: 0px!important; /*overflow: initial!important;*/ } .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_draggerRail { -webkit-transition: width 0.2s; -moz-transition: width 0.2s; -o-transition: width 0.2s; -ms-transition: width 0.2s; transition: width 0.2s; } .mCSB_scrollTools:hover, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4!important; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8!important; } .ps-scrollbar-y-rail { right: 0; } #sidebar-wrapper .sidebar-nav >.dropdown ul li a { border-bottom: 1px solid #333333; } @media (max-width: 480px) { #sidebar-wrapper { /*top: 0;*/ } #sidebar-wrapper .sidebar-nav >.dropdown ul { /*max-height: 150px;*/ } } .btn-vertical-menu { cursor:pointer; position: fixed; bottom: 0; background-color: #000000; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .btn-vertical-menu.text-left { width: 60px; } .btn-vertical-menu.text-right { width: 250px; } /*** *** Footer ***/ #footer { text-align:center; margin-top: 100px; } .homelink { margin: 1em 0; } .homelink a { padding-left:1em; padding-right:1em; } .performanceinfo { margin: 2em; } .performanceinfo span { display: block; } /*** *** Admin ***/ body#admin-index .c0 { vertical-align: top; } body#admin-index .c1 { vertical-align: middle; } body#admin-modules table.generaltable td.cell, body#admin-modules .generaltablecell { padding-top: 2px; padding-bottom: 2px; } body#admin-blocks table#blocks, body#admin-blocks table#incompatible { width: 70%; margin: auto; } body#admin-blocks table#blocks th, body#admin-blocks table#incompatible th, body#admin-blocks table#blocks td.cell, body#admin-blocks table#incompatible td.cell { padding: 4px; text-align: center; vertical-align: middle; } body#admin-blocks table#blocks td.c0, body#admin-blocks table#blocks th.c0, body#admin-blocks table#incompatible td.c0, body#admin-blocks table#incompatible th.c0 { text-align: left; } body#admin-blocks body#admin-config .confighelp { display: block; padding-bottom: 20px; } /*** *** Blocks ***/ /*Accessibility: Skip block link, for screen reader users. */ a.skip-block, .skip-block { display:block; width:2em; height:1px; } .sideblock .skip-block { height:4px; } .skip-block-to { font-size:1px; } .sideblock li .icon img { width:16px; height:16px; } ul.list, ul.list li, ol.list, ol.list li { list-style-type:none; padding:0%; margin:0%; text-indent:0%; } .sideblock .content h3, .sideblock .content h2 { text-align: left; } /*.sideblock .content h3, ??*/ .sideblock .content h2 { margin:0%; padding:0%; } .sideblock { width: 100%; } .sideblock .header, .sideblock h2.header { text-align: left; margin:0%; padding:4px; padding-bottom:0%; border-width: 1px; border-style: solid; border-bottom: none; } .sideblock h2 { margin:0%; padding:0%; } .sideblock .header .hide-show { float:right; } .sideblock .header .hide-show img.hide-show-image { height:11px; width:11px; margin-top:0.25em; } .sideblock .header .commands { margin-top: 0.3em; clear: both; } .sideblock .header .commands a { margin: 0px 2px; } .sideblock .content { padding: 4px; border-width: 1px; border-style: solid; } .sideblock .content hr { height:1px; margin-top:4px; margin-bottom:4px; border:none; border-top:1px solid; } #left-column .hidden .header, #right-column .hidden .header { border-bottom-width: 1px; border-bottom-style: solid; } #left-column .hidden .content, #right-column .hidden .content { display: none; } .sideblock .list { width: 100%; } .sideblock .list .c0{ padding: 2px; } .sideblock .footer { margin-bottom: 4px; text-align:center; } .sideblock .header .icon.hide, .sideblock .header .icon.edit { margin-right: 6px; } .sideblock .content .head { margin-top: 10px; } .blockconfigtable { margin-top: 0; } .blockconfiginstancecontent .tabs { margin-bottom: 0px; } .block_online_users .listentry { padding-top:5px; } .sideblock-sign, .message-sign { position: absolute; color: #fff; top: 13px; right: 20px; } .message-toggle { background-color: #fff; padding: 15px; display: inline-block; width: 100%; } .message-hide .message-toggle:nth-child(even) { background-color: #f0f0f0; } .block_user_transcript .block-content { padding: 0!important; } .lhlink { padding-bottom: 20px; } /*** *** Blogs ***/ .blogpost .audience { text-align: right; } .blogpost .tags { margin-top: 15px; } /*** *** Calendar ***/ #calendar { width: 100%; border-spacing: 5px; border-collapse: separate; } #calendar h2, #calendar h3 { text-align: center; } #calendar .maincalendar, #calendar .sidecalendar { vertical-align: top; /* border: 1px solid; */ padding: 0px; padding-right: 3px; } #calendar .sidecalendar { width: 240px; } #calendar .maincalendar table.calendarmonth { border-collapse: separate; margin: 0px auto; width: 98%; border-spacing:1px !important; } #calendar .maincalendar table.calendarmonth th { padding:10px; } #calendar .maincalendar table.calendarmonth td { height: 5em; padding-left: 4px; padding-top: 4px; line-height:1.2em; border-style: solid; border-width: 1px; } table.minicalendar tr.weekdays th { background-color:#58595b; border-color:#C6BDA8; color: #FFFFFF; } #calendar .maincalendar table.calendarmonth td, table.minicalendar td, table.minicalendar th { width:14%; vertical-align:top; } table.minicalendar td { text-align: center; } #calendar .maincalendar table.calendarmonth td table td { height: auto; } #calendar div.header { padding: 5px; } #calendar .maincalendar .buttons { float: right; } #calendar .maincalendar .filters table, #calendar .sidecalendar .filters table, .sideblock.block_calendar_month .filters table { border-collapse:separate; border-spacing: 2px; padding: 2px; width: 100%; } #calendar .maincalendar .filters { padding: 0px 10px; } #calendar .sidecalendar .filters { padding: 5px; } #calendar .maincalendar .controls { clear:both; padding:10px; } #calendar .maincalendar table.calendarmonth ul.events-new, #calendar .maincalendar table.calendarmonth ul.events-underway { padding:0px; margin:0px; list-style-type:none; } #calendar .maincalendar table.calendarmonth ul li { margin-top: 4px; } .minicalendarblock { padding: 0px 4px; } table.minicalendar { width: 100%; margin: 10px auto; margin-top: 0px; padding:2px; border-width:1px; border-style:solid; border-collapse:separate; border-spacing:1px !important; } .calendar-controls, .minicalendarblocktop { padding: 5px; } table.minicalendar th { padding: 0px 2px; } #calendar .maincalendar .eventlist { padding: 10px; } #calendar .maincalendar .eventlist .topic { padding: 5px; border-style:solid; border-width: 0px; border-bottom-color: #EEEEEE; border-bottom-width: 1px; } #calendar .maincalendar .eventlist .event { width:100%; margin-bottom:10px; border-spacing:0px; border-collapse:separate; border-width:1px; border-style:solid; } #calendar .maincalendar .eventlist .event .name { float:left; } #calendar .maincalendar .eventlist .event .course { float:left; clear:left; } #calendar .maincalendar .eventlist .event .date { float:right; } #calendar .maincalendar .eventlist .event .description .commands { width:100%; } #calendar .maincalendar .eventlist .event .description { padding:5px; } #calendar .maincalendar .eventlist .event .picture { padding:8px; } #calendar .maincalendar .eventlist .event .side { width:32px; } #calendar #selecteventtype table { margin:auto; } #calendar .event_global, #calendar .event_course, #calendar .event_group, #calendar .event_usergroup, #calendar .event_user, #calendar .event_series, #calendar .event_region, .minicalendar .event_global, .minicalendar .event_course a { } .minicalendar .event_group, .minicalendar .event_usergroup, .minicalendar .event_user, .minicalendar .event_series, .minicalendar .event_region { border:2px solid !important; } #calendar .duration_global, #calendar .duration_course, #calendar .duration_group, #calendar .duration_user, #calendar .duration_usergroup, #calendar .duration_series, #calendar .duration_region, .minicalendar .duration_global, .minicalendar .duration_course, .minicalendar .duration_group, .minicalendar .duration_usergroup, .minicalendar .duration_user, .minicalendar .duration_series, .minicalendar .duration_region { border-top:2px solid !important; border-bottom:2px solid !important; } #calendar .today, .minicalendar .today { border:2px solid; } .cal_popup_bg { padding:0px; margin:0px; border:1px solid; } .cal_popup_close { margin-right:5px; } .cal_popup_caption { border-width:0px 0px 1px 0px; border-style:solid; padding-bottom:2px; } .cal_popup_fg > div { max-height: 145px; overflow: hidden; } .cal_popup_fg a, .cal_popup_fg > div > div { width: 200px!important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*Accessibility: controls now div and span, 20:58:20% or 12:74:12% */ .calendar-controls .previous, .calendar-controls .next { width: 12%; } .calendar-controls .previous { text-align: left; } .calendar-controls .current { text-align: center; } .calendar-controls .next { text-align: right; } span.previous, span.current, span.next { display: block; float: left; } span.current { width: 75%; } #calendar .maincalendar .calendar-controls .previous, #calendar .maincalendar .calendar-controls .next { width: 30%; } #calendar .maincalendar .calendar-controls .current { width: 40%; } #calendar .indent { padding-left: 20px; } .calitem { white-space: nowrap; font-size: 10px; } .calitemicon { } .calitemwords { padding: 0px 3px; } .calseries { padding: 3px 6px; background-color: #92a2a8; border-top: 2px solid #92a2a8; border-bottom: 2px solid #92a2a8; } .calusergroup { padding: 3px 6px; background-color: #ffba00; border-top: 2px solid #ffba00; border-bottom: 2px solid #ffba00; } .caluser { padding: 3px 6px; background-color: #57889c; border-top: 2px solid #57889c; border-bottom: 2px solid #57889c; } .calcourse { padding: 3px 6px; background-color: #57bee5; border-top: 2px solid #57bee5; border-bottom: 2px solid #57bee5; } .calsite { padding: 3px 6px; background-color: #afd669; border-top: 2px solid #afd669; border-bottom: 2px solid #afd669; } .calspacer { padding: 3px 6px; border-top: 2px; border-bottom: 2px; border-color: transparent; } .calseries_extended { padding: 3px 6px; background-color: #f6f6f6; border-top: 2px solid #92a2a8; border-bottom: 2px solid #92a2a8; } .calusergroup_extended { padding: 3px 6px; background-color: #fffdee; border-top: 2px solid #ffba00; border-bottom: 2px solid #ffba00; } .caluser_extended { padding: 3px 6px; background-color: #fff6f1; border-top: 2px solid #57889c; border-bottom: 2px solid #57889c; } .calcourse_extended { padding: 3px 6px; background-color: #eaffff; border-top: 2px solid #57bee5; border-bottom: 2px solid #57bee5; } .calsite_extended { padding: 3px 6px; background-color: #e5ffdf; border-top: 2px solid #afd669; border-bottom: 2px solid #afd669; } .calendar-bar { width: 8px; float: left; } .fc-header td, .fc-header-title h2{ white-space: normal!important; } .fc-header .fc-button { background-image: none!important; } .fc-header .fc-button.fc-state-hover { opacity: 0.8; } @media (max-width: 480px) { .fc-header .fc-button { padding-left: 5px; padding-right: 5px; } } /*Overriding Calendar Styles on Mobile View*/ .calendar-mobile { display: inline-block; } .fc-mobile { display: none; } @media (max-width: 480px) { .calendar-mobile { display: block; margin-top: 10px; } #calendar .fc-day-header { font-size: 9px!important; } .fc-desktop { display: none; } .fc-mobile { display: inline-block; } } @media (max-width: 320px) { td.fc-header-left, td.fc-header-center, td.fc-header-right { display: block!important; margin: 0 auto; } h2 { margin-bottom: 10px!important; } } #CalendarDiv { z-index: 100001; } abbr[title], abbr[data-original-title] { cursor: none; border: none; } @media (min-width: 992px) and (max-width:1200px) { table.minicalendar th { font-size: 14px!important; } .block_calendar_month .block-content { padding: 15px; } } .eventRow b { white-space: nowrap; } /*** *** Course ***/ .activitydate, .activityhead { text-align:center; } #course-view .section td { vertical-align:top; } #course-view .section td.content { padding:5px; } #course-view .section td.side { padding:5px; } #course-view .section td.left { text-align:center; width: 1.5em; } #course-view .section td.right { text-align:center; width: 1.5em; } #course-view .current .side { } #course-view .section .spacer { height:0.5em; } #course-view .section .weekdates { } .clipboard td { padding-left: 9px; padding-bottom: 5px; } #course-view ul.section, #site-index ul.section, #site-index ul.section li { margin: 0; padding: 0; text-indent: 0; list-style: none; } .tablelabel ul li { list-style: disc; } .tablelabel ul li ul li { list-style: circle; } .tablelabel ul li ul li ul li { list-style: square; } #course-view ul.section li.activity ul li, #site-index ul.section li.activity ul li { list-style: disc; } /*Accessibility: No-tables course format. */ #course-view ul.weekscss, .weekscss li { margin: 0; padding: 0; text-indent: 0; list-style: none; } /* Window-width: 800 pixels. IE doesn't support, see inline IE conditional comment. */ .weekscss-format { min-width: 763px; } .weekscss-format .block_adminblock select, .weekscss-format .block_calendar_month .minicalendar { width: 100%; padding: 0; } .weekscss-format .block_calendar_month .minicalendar th, .weekscss-format .block_calendar_month .minicalendar td { padding: 0.1em 0 0.1em 1px; } .weekscss-format #middle-column { margin: 0 12.5em 0 12.5em; } .weekscss-format #left-column, .weekscss-format #right-column { width: 11.5em; } .weekscss-format #left-column { float: left; } .weekscss-format #right-column { float: right; } .weekscss li.section { margin-bottom: 0.5em; border-style:solid; border-width:1px; } .weekscss .content, .weekscss .side { padding: 5px; } .weekscss .content { margin: 0 1.7em 0 1.7em; } .weekscss .right { width: 1.6em; float: right; text-align:center; } .section img.movetarget { } body#course-view .unread { margin-left: 3em; } body#course-enrol .generalbox { margin-top: 20px; } body#course-enrol .coursebox { margin-top: 20px; } body#course-user .graph { text-align: center; } body#course-user .section, body#course-user .content { margin-left: 30px; margin-right: 30px; } body#course-user .section { border-width:1px; border-style:solid; padding:10px; margin-bottom: 20px; } body#course-user .section h2 { margin-top: 0px; } .headingblock, h2.headingblock { border-width:1px; border-style:solid; padding:5px; margin:0%; } .headingblock .link { text-align:right; } body#site-index .headingblock, body#course-view .headingblock { margin-bottom: 9px; } .coursebox { margin-bottom: 8px; } .categoryboxcontent, .courseboxcontent { border-width:1px; border-style:solid; } .courseboxcontent .cost { padding-top: 20px; } .section.main.hidden { display: block!important; visibility: visible!important; background: rgba(0,0,0,0.1); padding-right: 20px; padding-bottom: 20px; color: #aaa!important; } .section.main.hidden td.content { padding: 10px!important; } .section.main.hidden a { color: #aaa!important; } .block_course_summary img, img.siteFilesItemImage { max-width: 100%!important; height: auto!important; } .course-page-columns .block-heading { min-height: 50px; } /*** *** Doc ***/ body#doc-contents h1 { margin: 1em 0px 0px 0px; } body#doc-contents ul { list-style-type: none; margin: 0px; padding: 0px; width: 90%; } /*** *** Grades ***/ body#grade-index .grades { border-width:1px; border-style:solid; border-collapse: separate; } body#grade-index .grades td { border-width:0px 1px 0px 1px; border-style:solid; border-collapse: collapse; } body#grade-index .grades .header { vertical-align: top; } body#grade-index .grades .points, body#grade-index .grades .percent, body#grade-index .grades .weighted { text-align: right; } .backup-form-instances { margin:0px 20px 0px 20px; } .restore-form-instances { margin:0px 20px 0px 20px; } /*** *** Login ***/ .loginbox { margin-top:1px; } .loginbox .content { border-width:1px; border-style:solid; padding:15px; } /*** *** Message / Alerts ***/ .message .link { vertical-align:middle; } table.message .searchresults td { padding:5px; border-width:1px; border-style:solid; border-collapse:collapse; border-spacing:0px; } .message .summary .link { text-align:right; } .message .heading { text-align:center; } .message .note { text-align:center; padding:10px; } #message-user .commands span { margin-left:10px; margin-right:10px; } body#message-messages { padding:10px; } .alert, .alert-info { display: inline-block; } .alert-danger { width: 95%; } .messaging_contacts_header { } .messaging_notice { position: fixed; bottom: 0; width: 100%; } .message .date, .message .contact, .message .summary { } @media (max-width: 320px) { .alertMsgIcon { display: none; } .alertMsg { margin-left: 0!important; } } /*** *** MyMoodle ***/ .my .courseboxcontent .overview .info { margin-left:20px; } .my .courseboxcontent .overview { margin-bottom:10px; } /*** *** Question ***/ .que { width: 90%; text-align: left; margin: 10px auto 15px auto; border: 1px solid; clear: both; } .que .info { float: left; margin: 5px; width: 8%; } .que .grade { margin-top: 0.5em; } .que .content { float: right; margin: 5px; width: 88%; } .que .qtext { margin-bottom: 1.5em; } .que .ablock { margin: 0.7em 0 0.3em 0; } .que .prompt { float: left; width: 15%; height: 2em; padding-top: 0.3em; } .que .control { width: 5%; } .que .answer { float: right; width: 83%; margin-bottom: 0.5em; } .que .submit { position: relative; clear: both; float: left; } /* MSIE Hack */ * html .que .submit { float: none; } .multianswer .submit { margin-top: 1em; } .que .c0, .que .c1 { padding: 0.3em 0 0.3em 0.3em; vertical-align: top; } .que .feedback { clear: both; float: right; width: 83%; padding: 0 0 0.3em 0.3em; border: 1px solid; } .multichoice .feedback { width: auto; vertical-align: top; padding-top: 0.3em; border-style: none; } .essay .feedback { border-style: none; } .multichoice .text { width: auto; } .calculated .answer, .numerical .answer, .shortanswer .answer, .truefalse .answer { padding: 0.3em 0 0.3em 0.3em; } .shortanswer .answer input { width: 85%; } .truefalse .answer span { float: left; clear: left; padding: 0.2em 0; } .que .grading, .que .comment, .que .commentlink, .que .history { float: right; margin: 5px; width: 88%; } .questioncontainer { padding: 15px; } /*** *** Logs ***/ .logtable td, .logtable th { padding-left: 10px; padding-right: 10px; } .logtable th { text-align:left; } /*** *** Tabs ***/ .tabs { width: auto; margin-bottom: 15px; border-collapse: collapse; } .tabs td { padding: 0px; } .tabs .side { width: 50%; border-style: solid; border-width: 0px 0px 1px 0px; } .tabrow { border-collapse:collapse; width:100%; margin: 1px 0px 0px 0px; } .tabrow td { padding:0 0 0px 14px; border-style: solid; border-width: 0px 0px 1px 0px; } .tabrow th { display:none; } .tabrow td .tablink { display:block; padding:10px 14px 4px 0px; text-align:center; white-space:nowrap; text-decoration:none; } .tabrow .last { display:block; padding:0px 1px 0px 0px; } .tabrow td.selected { border-width: 0px; } .tabbg_start { background-image:url(pix/tab/tab_left_ex.png); background-repeat: no-repeat; } .tabbg_hover_start { background-image:url(pix/tab/tab_hover_left_ex.png); background-repeat: no-repeat; } .tabbg_selected_start { background-image:url(pix/tab/tab_selected_left_ex.png); background-repeat: no-repeat; } .tabbg_end { background-image:url(pix/tab/tab_right_ex.png); background-repeat: no-repeat; } .tabbg_hover_end { background-image:url(pix/tab/tab_hover_right_ex.png); background-repeat: no-repeat; } .tabbg_selected_end { background-image:url(pix/tab/tab_selected_right_ex.png); background-repeat: no-repeat; } .tabbg_divider { background-image:url(pix/tab/tab_divider_ex.png); background-repeat: no-repeat; } .tabbg_expand { background-image:url(pix/tab/tab_ex.png); background-repeat: repeat-x; white-space: nowrap; font-weight: bold; color: #FFFFFF; } .tabbg_hover_expand { background-image:url(pix/tab/tab_hover_ex.png); background-repeat: repeat-x; white-space: nowrap; font-weight: bold; color: #FFFFFF; } .tabbg_selected_expand { background-image:url(pix/tab/tab_selected_ex.png); background-repeat: repeat-x; white-space: nowrap; font-weight: bold; color: #FFFFFF; } .tabbg { background-image:url(pix/tab/tab.png); background-repeat: no-repeat; background-position: bottom; white-space: nowrap; font-size: 14px; font-weight: bold; color: #FFFFFF; } .tabbg:hover { background-image:url(pix/tab/tab_hover.png); background-repeat: no-repeat; background-position: bottom; white-space: nowrap; font-size: 14px; font-weight: bold; color: #FFFFFF; } .tabbg_selected { background-image:url(pix/tab/tab_selected.png); background-repeat: no-repeat; background-position: bottom; white-space: nowrap; font-size: 14px; font-weight: bold; color: #FFFFFF; } .tabbg_selected:hover { background-image:url(pix/tab/tab_selected_hover.png); background-repeat: no-repeat; background-position: bottom; white-space: nowrap; font-size: 14px; font-weight: bold; color: #FFFFFF; } .tabbg_wide { background-image:url(pix/tab/tab_wide.png); background-repeat: no-repeat; background-position: bottom; white-space: nowrap; font-size: 14px; font-weight: bold; color: #FFFFFF; } .tabbg_xs { background-image:url(pix/tab/tab_xs.png); background-repeat: no-repeat; background-position: bottom; white-space: nowrap; font-size: 13px; font-weight: bold; color: #FFFFFF; } .tabbg_xs:hover { background-image:url(pix/tab/tab_hover_xs.png); background-repeat: no-repeat; background-position: bottom; white-space: nowrap; font-size: 13px; font-weight: bold; color: #FFFFFF; } .tabbg_selected_xs { background-image:url(pix/tab/tab_selected_xs.png); background-repeat: no-repeat; background-position: bottom; white-space: nowrap; font-size: 13px; font-weight: bold; color: #FFFFFF; } .tabbg_selected_xs:hover { background-image:url(pix/tab/tab_selected_hover_xs.png); background-repeat: no-repeat; background-position: bottom; white-space: nowrap; font-size: 13px; font-weight: bold; color: #FFFFFF; } .tabbg_xs_wide { background-image:url(pix/tab/tab_xs_wide.png); background-repeat: no-repeat; background-position: bottom; white-space: nowrap; font-size: 13px; font-weight: bold; color: #FFFFFF; } .tabbg_xs_wide:hover { background-image:url(pix/tab/tab_hover_xs_wide.png); background-repeat: no-repeat; background-position: bottom; white-space: nowrap; font-size: 13px; font-weight: bold; color: #FFFFFF; } .tabbg_selected_xs_wide { background-image:url(pix/tab/tab_selected_xs_wide.png); background-repeat: no-repeat; background-position: bottom; white-space: nowrap; font-size: 13px; font-weight: bold; color: #FFFFFF; } .tabbg_selected_xs_wide:hover { background-image:url(pix/tab/tab_selected_hover_xs_wide.png); background-repeat: no-repeat; background-position: bottom; white-space: nowrap; font-size: 13px; font-weight: bold; color: #FFFFFF; } .tabbg_medium { background-image:url(pix/tab/tab_medium.png); background-repeat: no-repeat; background-position: bottom; white-space: nowrap; font-size: 14px; font-weight: bold; color: #FFFFFF; } .tabbg_medium:hover { background-image:url(pix/tab/tab_hover_medium.png); background-repeat: no-repeat; background-position: bottom; white-space: nowrap; font-size: 14px; font-weight: bold; color: #FFFFFF; } .tabbg_selected_medium { background-image:url(pix/tab/tab_selected_medium.png); background-repeat: no-repeat; background-position: bottom; white-space: nowrap; font-size: 14px; font-weight: bold; color: #FFFFFF; } .tabbg_selected_medium:hover { background-image:url(pix/tab/tab_selected_hover_medium.png); background-repeat: no-repeat; background-position: bottom; white-space: nowrap; font-size: 14px; font-weight: bold; color: #FFFFFF; } .tabbg_wide:hover { background-image:url(pix/tab/tab_hover_wide.png); background-repeat: no-repeat; background-position: bottom; white-space: nowrap; font-size: 14px; font-weight: bold; color: #FFFFFF; } .tabbg_selected_wide { background-image:url(pix/tab/tab_selected_wide.png); background-repeat: no-repeat; background-position: bottom; white-space: nowrap; font-size: 14px; font-weight: bold; color: #FFFFFF; } .tabbg_selected_wide:hover { background-image:url(pix/tab/tab_selected_hover_wide.png); background-repeat: no-repeat; background-position: bottom; white-space: nowrap; font-size: 14px; font-weight: bold; color: #FFFFFF; } .tabbg_wide_2 { background-image:url(pix/tab/tab_wide_2.png); background-repeat: no-repeat; background-position: bottom; white-space: nowrap; font-size: 14px; font-weight: bold; color: #FFFFFF; } .tabbg_wide_2:hover { background-image:url(pix/tab/tab_hover_wide_2.png); background-repeat: no-repeat; background-position: bottom; white-space: nowrap; font-size: 14px; font-weight: bold; color: #FFFFFF; } .tabbg_selected_wide_2 { background-image:url(pix/tab/tab_selected_wide_2.png); background-repeat: no-repeat; background-position: bottom; white-space: nowrap; font-size: 14px; font-weight: bold; color: #FFFFFF; } .tabbg_selected_wide_2:hover { background-image:url(pix/tab/tab_selected_hover_wide_2.png); background-repeat: no-repeat; background-position: bottom; white-space: nowrap; font-size: 14px; font-weight: bold; color: #FFFFFF; } /* Mobile Tabs Menu */ .tabmenu-wrapper { height: 52px; background-color: #1f1f1f; border-top: 1px solid #444; border-bottom: 1px solid #444; display: none; } a#pull { position: relative; float: right; padding: 3px 30px!important; background-color: #05355d; color: #fff; margin: 10px; border-radius: 20px; text-decoration: none; } @media (max-width: 991px) { .tabmenu-wrapper { position:relative; display:block; } nav.tabmenu-menu { width: 100%; } nav.tabmenu-menu ul.tabmenu-nav { display: none; height: auto; margin: 0; padding: 0; } nav.tabmenu-menu a#pull { position:relative; display:block; } nav.tabmenu-menu a#pull:after { content:""; display:inline-block; } nav.tabmenu-menu a#pull:hover, a.active { background-color: #14a4e3!important; } } /*** *** User ***/ .userinfobox { margin-bottom:5px; border-width: 0px; border-style: solid; border-collapse: separate; } .userinfobox .left { padding: 10px; width: 100px; vertical-align: top; } .userinfobox .content { padding: 10px; vertical-align: top; } .userinfobox .links { width: 100px; padding: 5px; vertical-align: bottom; } .userinfobox .list td { padding: 3px; } .userinfobox .username { padding-bottom: 20px; } table.userinfobox { width: 80%; margin-left: 10%; margin-right: 10%; } table.groupinfobox { width: 60%; margin-left: 20%; margin-right: 20%; border-width:1px; border-style:solid; margin-bottom: 20px; } .groupinfobox .left { padding: 10px; width: 100px; vertical-align: top; } body#user-index h2 { /*text-align: center;*/ } body#user-index #longtimenosee, body#user-index #showall { /*text-align: center;*/ } body#user-index #showall { margin: 10px 0px; } body#user-index table#teachers, body#user-index table#students { margin: auto; width: 100%; } body#user-index table#teachers td, body#user-index table#teachers th, body#user-index table#students td, body#user-index table#students th { vertical-align: middle; text-align: left; padding: 4px; } body#user-index table.controls { width: 100%; } body#user-index table.controls tr { vertical-align: top; } body#user-index table.controls td.right, body#user-index table.controls td.left { padding: 4px; } body#user-index table.controls .right { text-align: right; } body#course-participation h2 { text-align:center; } body#course-participation #showall { text-align:center; margin: 10px 0px; } /*** *** Modules: Assignment ***/ /*** *** Modules: Chat ***/ #mod-chat-gui_header_js-jsupdate { margin: 0 5px 0 10px; } #mod-chat-gui_header_js-jsupdate .chat-event, #mod-chat-gui_header_js-jsupdate .chat-message { width:100%; padding:0; margin-top:7px } .chat-event .picture, .chat-message .picture { width:40px; vertical-align:top; } .chat-event .text, .chat-message .text { text-align: left; } /*** *** Modules: Choice ***/ /*** *** Modules: Forum ***/ .forumheaderlist, .forumpost { border-width:1px; border-style:solid; border-collapse:separate; } .forumpost { margin-top: 15px; } .forumpost .topic { padding: 4px; border-style:solid; border-width: 0px; border-bottom-width: 1px; } .forumpost .commands { padding-top: 0.5em; text-align:right; clear: both; } .forumpost .ratings { padding-top: 1em; text-align:right; } .forumpost .attachments { padding: 7px; text-align:right; } .forumpost .content { padding: 4px; } .forumpost .footer { padding-top: 0.5em; text-align:right; } .forumpost .link { padding-top: 0.5em; text-align:right; } .forumpost .left { width: 35px; padding: 4px; text-align: center; vertical-align: top; } .mod-forum .indent { margin-left: 30px; } body#user-view .forumpost, .course .forumpost { width: 100%; } body#mod-forum-search .c0 { text-align: right; } body#mod-forum-search .introcontent { padding: 15px; } .forumolddiscuss { text-align: right; } .forumheaderlist { width: 100%; } .forumheaderlist td { border-width:1px 0px 0px 1px; border-style:solid; } .forumheaderlist .replies { text-align: center; white-space: nowrap; } .forumheaderlist .picture { width: 35px; } .forumheaderlist .discussion .starter { vertical-align: middle; } .forumheaderlist .lastpost { white-space: nowrap; text-align: right; } .forumheaderlist .discussion .author { white-space: nowrap; } .forumolddiscuss { text-align:right; } .forumaddnew, .forumnodiscuss, .noticeboxcontent { text-align:center; } #mod-forum-view .unread { padding-left: 3px; padding-right: 3px; } #mod-forum-discuss .forumpost.unread .content { border-style: solid; border-width: 2px; } #mod-forum-index .unread img, #mod-forum-view .unread img { margin-left: 5px; } #email .unsubscribelink { margin-top:20px; border-width: 0px 1px 0px 0px; border-style: solid; text-align:center; } .forum-cat { border-top: 1px solid #ddd!important; border-right: none!important; border-left: none!important; } /*** *** Modules: Glossary ***/ .glossarypost .commands { width: 200px; white-space: nowrap; } #mod-glossary-comments .glossarypost, #mod-glossary-comment .glossarypost { margin-top: 15px; } .entryboxheader { border-width: 1px 1px 0px 1px; border-style: solid; } .entrybox { border-width: 0px 1px 1px 1px; border-style: solid; } .glossarypost { width: 100%; border-collapse:separate; margin-bottom: 5px; text-align: left; } .entrylist { border-width:0px; } .entrylowersection { padding-top: 10px; } .entrylowersection table{ width: 100%; } .entrylowersection .aliases { text-align:center; } .entrylowersection .icons, .entrylowersection .ratings { text-align:right; padding-right: 5px; } .entrylowersection .ratings { padding-bottom: 2px; } .categoryheader { width: 95%; } .glossaryformatheader { width: 90%; } .glossarypost .entry { padding: 3px; } .glossarypost .picture { width: 35px; } .glossarycomment { border-width:1px; border-style:solid; border-collapse:separate; margin-bottom: 5px; text-align: left; } .glossarycomment .entry { padding: 3px; } .glossarycomment .picture { width: 35px; } .glossarycomment .icons { text-align: right; } .glossarydisplay { width: 70%; } .glossarydisplay .tabs { width: 100%; } .glossarydisplay .separator { width: 4px; } .glossarydisplay .tabs .selected, .glossarydisplay .tabs .inactive, .glossarydisplay .tabs .general { } .glossarypopup { width: 95%; } .glossaryapproval { width: 100%; } .mod-glossary .tabs { margin-bottom: 0px; } .mod-glossary .tabs .side { border-style: none; border-width: 0px; width: auto; } /*** *** Modules: Journal ***/ #mod-journal-view .lastedit, #mod-journal-view .editend { margin: 5px; text-align: center; } #mod-journal-view .feedbackbox { width: 75%; border-collapse: separate; } #mod-journal-view .entrycontent { padding: 3px; } #mod-journal-view .picture { width: 35px; } #mod-journal-view .grade { text-align: right; } #mod-journal-view .info { margin-bottom: 5px; text-align: right; } /*** *** Modules: Label ***/ /*Override Exam/Quiz Text formatting on FF */ .ablock label { display: initial!important; } /*** *** Modules: Lesson ***/ /*** *** Modules: Quiz ***/ #mod-quiz-attempt #page { //text-align: center; } body#mod-quiz-report table#attempts, body#mod-quiz-report table#commands, body#mod-quiz-report table#itemanalysis { width: 80%; margin: auto; } body#mod-quiz-report table#attempts { margin: 5px auto; } body#mod-quiz-report table#attempts .header, body#mod-quiz-report table#attempts .cell { padding: 4px; } body#mod-quiz-report table#attempts .header .commands { display: inline; } body#mod-quiz-report table#attempts .picture { width: 40px; } body#mod-quiz-report table#attempts td { vertical-align: middle; } body#mod-quiz-report table#attempts .header { text-align: left; } body#mod-quiz-report table#attempts .picture { text-align: center !important; } body#mod-quiz-report .controls { text-align: center; } /* .navbutton form { display: inline; } */ /*** *** Modules: Resource ***/ .ims-nav-bar { position: relative; padding:0.1em; } .ims-nav-button a, .ims-nav-dimmed { padding-left:1em; padding-right:1em; } #ims-containerdiv { margin-top:0.2em; } #ims-menudiv { position:absolute; width:250px; overflow:auto; } #ims-menudiv ol { list-style-type:none; margin:0px; padding-left:1em; } #ims-contentframe { position:absolute; overflow:auto; left:260px; border:1px solid; width:640px; height:480px; } #ims-contentframe-no-nav { position:absolute; overflow:auto; border:1px solid; width:640px; height:480px; } #mod-resource-view div#footer { margin-top: 5px; } /*** *** Modules: Scorm ***/ /*** *** Modules: Survey ***/ /*** *** Modules: Wiki ***/ /*** *** Modules: Workshop ***/ /* courses panel */ .cpanelmain{ border-top: solid 1px #E1E6ED; border-left: solid 1px #E1E6ED; border-bottom: solid 1px #dddddd; border-right: solid 1px #C0C0C0; behavior:url(#default#savehistory); } a.dsphead{ text-decoration:none; } a.dsphead:hover{ text-decoration:underline; } a.dsphead span.dspchar{ font-weight:bold; } a.courselink, a.courselink:link, a.courselink:active, a.courselink:visited{ text-decoration:none; } a.courselink:hover{ text-decoration:underline; } a.courselink{ padding-left: 5px; } .dspcont{ display:none; } .dspcoursecont{ display:none; padding-top:4px; font-size:14px; } .cpanelcat { font-weight:normal; padding:3px; /*height:17px;*/ color:#000000; background-color: #F1F1F1; /*#E5E5E5 #EAEEF6*/ border-bottom: solid 1px #CCCCCC; /*font-family: Arial, Helvetica, sans-serif;*/ /*font-size:16px;*/ } .cpanelcourse { font-weight:normal; background-color: #F1F1F1; /*#E5E5E5 #E1E6ED*/ border-bottom: solid 1px #CCCCCC; padding:3px; /*font-family: Arial, Helvetica, sans-serif;*/ /*font-size:13px;*/ } .cpanelheading { /*font-family: Arial, Helvetica, sans-serif;*/ border-width:0px; border-style:solid; padding:5px; background-image:url(https://training.bakerhughes.com/lms/theme/standard/gradient.jpg); background-repeat : repeat-x; /* background-color: transparent; */ font-weight:bold; border-bottom: solid 1px #dddddd; font-size:16px; color:#000000; } .sitetopicssections { padding:5px; border-top: 1px solid #fefefe; background-color: transparent; } hr { color: #dddddd; } div.row span.left { position: absolute; top: 0px; left: 0px; float: left; text-align: left; width: 49%; } div.row span.right { float: right; text-align: right; } div.spacer { clear: both; } .logoheader { height:85px; /* background-image:url(https://training.bakerhughes.com/lms/theme/standard/topgradient.jpg); */ background-position : right; background-repeat : repeat-y; width: 100%; background-color: #ffffff; border: 0px; padding: 0px; margin: 0px auto; } .logo-mobile { height: 100%; } .logininfo { padding:6px; } .mmpadding{padding-right:3px} a.cpanellaunchlink:link, a.cpanellaunchlink:active,a.cpanellaunchlink:visited { font-size:13px; color:#083249; font-weight:bold; text-decoration:underline; } li.activity a, li.activity span { font-size: 12px; } table#master_selectbox_table td { padding:20px; } table#master_table td { padding: 5px; } table#master_selectbox_table td { padding: 20px; } .tabBox { margin-bottom: 10px !important; } #middle-column .tabBox { margin: 0px !important; margin-bottom: 10px !important; } .tabBoxPadding { padding: 10px; } #middle-column .tabBoxPadding { padding: 0px; } /* This is the size to display border graphics at (standard: 15px). */ .tabBoxGraphicHeight { height: 1px !important; display: none; } /* This is the size to display border graphics at (standard: 25px). */ .tabBoxGraphicWidthLeft { width: 1px !important; display: none; } /* This is the size to display border graphics at (standard: 28px). */ .tabBoxGraphicWidthRight { width: 1px !important; display: none; } /* This is the size to display border graphics at (standard: 9px). */ .swfBoxGraphicHeight { height: 0px !important; display: none; } /* This is the size to display border graphics at (standard: 26px). */ .swfBoxGraphicWidthLeft { width: 0px !important; display: none; } /* This is the size to display border graphics at (standard: 25px). */ #middle-column .tabBox .tabBoxGraphicWidthLeft { width: 1px !important; display: none; } /* This is the size to display border graphics at (standard: 28px). */ #middle-column .tabBox .tabBox .tabBoxGraphicWidthRight { width: 1px !important; display: none; } /* This is the size to display border graphics at (standard: 28px). */ #middle-column .tabBoxGraphicHeight { height: 1px !important; display: none; } /* This is the size to display border graphics at (standard: 28px). */ #middle-column .tabBoxGraphicWidthRight { width: 0px !important; display: none; } .border-radius-8 { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } /* Home page category headers. */ .homepagecatheader { background-color: #58595b; width: 100%; padding: 8px 0 8px 10px; display: inline-block; min-height: 46px; } .homepagecatheader img { padding-bottom: 3px; } .catheadtitlecolor { display: inline-block; padding-left: 7px; } .catheadhelpicon { float: right; margin-right: 8px; } .homepagecatheader td { background-color: #58595b; padding: 5px; } .homepagecattitle { color: #FFFFFF; } { margin: 20px; } /* Course Categories. */ .courseCategoryTitle { background-color: #58595b; text-align: left; } .courseCategoryTitleText { color: white; /*padding: 15px 0px;*/ } .courseCategoryTitlePic { padding: 15px 10px; vertical-align: top; } .courseCategoryDescription, .homepagecatdescription { margin: 20px; } /* This controls the height of the menu background on mouseover */ .DHTMLSuite_menuItem_top_regular, .DHTMLSuite_menuItem_top_over, .DHTMLSuite_menuItem_top_click, .DHTMLSuite_menuItem_top_disabled, .DHTMLSuite_menuItem_top_active { height: 25px !important; } button, .btn, input[type=submit], input[type=button], input[type=reset], .btn-upload, a.btn, a.dt-button.btn { background-color: #FFFFFF; color: #333333; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset; -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset; box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset; font-family: inherit; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ background-image: none; border: 1px solid #ADADAD; cursor: pointer; display: inline-block; font-size: 13px; font-weight: normal; line-height: 1.42857; margin: 3px 2px; padding: 7px 12px; text-align: center; vertical-align: middle; white-space: nowrap; } .btn-icon, .btn-icon:active, .btn-icon:focus, .btn-icon:hover { background-color: white!important; height:34px!important; vertical-align: middle!important; margin-left: 0!important; margin-right: 0!important; } .IconButton { font-size: 18px; } a.btn-link, a.btn-link:hover { color: #333!important; text-decoration: none; font-family: arial, Helvetica, sans-serif; font-size: 13px; } .btn-homepage { margin: 0 5px; float: right; } .btn-touch { padding: 3px 8px; } .btn-view { font-size: 16px; } @media (max-width: 992px) { .btn-touch { margin-bottom: 0!important; } } @media (max-width: 320px) { .btn-homepage { margin-top: 5px; } } /*.file-upload { position: relative; overflow: hidden; } .file-upload input.browsebutton { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } */ /* Add top and bottom margin to stacked buttons on mobile*/ @media (max-width: 767px) { button, .btn, input[type=submit], input[type=button],input[type=reset] { margin-bottom: 10px; } } button:hover, .btn:hover, input[type=submit]:hover, input[type=button]:hover, a.dt-button.btn:hover { background-color: #EBEBEB; } .btn-primary:hover { background-color: #296191; } .btn-primary, button30 { background-color: #428bca !important; border-color: #428bca !important; color: #FFFFFF !important; } .btn-group { white-space: nowrap; } .btn-group button { margin-right: 0!important; } .btn-group a.btn { margin-right: 0; } .btn-group img.btn { margin-right: -1px; margin-left: 0; } /* This removed the one pixel shift of buttons when a tooltip is applied. (Button jitter) */ .btn-group > .tooltip + .btn, .btn-group > .popover + .btn{ margin-left:-1px; } /* Bootstrap Rows automatically add -15px padding on left and right. */ /* They do this so the padding of the columns will offset this. Since we need to remove all column padding on pages with blocks (block-page-columns), we need to also remove the row offset. */ .row { margin-left: 0px !important; margin-right: 0px !important; margin-top: 5px; margin-bottom: 5px; } .no-padding { padding: 0 !important; margin: 0 !important; } .no-padding-inner { padding: 0 !important; margin: 0 !important; } .display-none { display: none; } .col-center { float: none; margin: 0 auto; } /* Bootstrap Tab Default Formatting */ .nav-tabs.nav-justified > li { vertical-align: middle; width: auto!important; margin: 0; } .nav-tabs.nav-justified > li > a { border: none !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 10px 20px; } .nav-tabs > li { margin-bottom: 0!important; } .nav-tabs > li.active > a { background: none!important; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: none !important; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Side Block Default Formatting */ .block-heading { padding: 12px 40px; letter-spacing: 0em; border-bottom: 4px solid #e1dfe0; position: relative; min-height:50px; } .block-content { padding: 20px; } /* Dashboard Carousel Text Formatting */ #dashboard-carousel .dashboard-carousel-item { position: relative; } #dashboard-carousel .dashboard-carousel-item img{ display: block; width: 100%; height: auto; } #dashboard-carousel .owl-controls { position: absolute; bottom: 10px; width: 100%; } #dashboard-carousel .dashboard-carousel-text { position: absolute; padding: 20px 0px; width: 75%; cursor: default; } .dashboard-carousel-text { left: 0px; bottom: 0px; top: auto; width: 100% !important; padding-bottom: 50px !important; } .dashboard-carousel-text .ps-scrollbar-y { margin-top: 20px; } @media screen and (min-width: 768px) { .dashboard-carousel-text { top: 0; top: auto; width: 490px !important; height: 100%; padding: 20px 10px !important; overflow: hidden; } } @media screen and (max-width: 767px) { .dashboard-carousel-text { height: 100%; } #dashboard-carousel .dashboard-carousel-text { padding: 20px; } } .scroll-wrapper.dashboard-carousel-textcontent { postion: relative; top: 0; left: 0; padding: 0px 30px 0px 10px!important; width: 100%; height: 100%; } .scroll-wrapper.dashboard-carousel-textcontent > .scroll-content { overflow: hidden!important; } .headerBox, .headerBoxNoHeading { margin: 0px 10px 5px 10px; background-color: white; padding: 10px; border: 1px solid #CCCCCC; /*border-bottom: 2px solid #CCCCCC;*/ border-top: none; } .headerBoxTitle { margin: 5px 10px 0px 10px; background-color: #777; padding: 5px 10px; font-size: 14px; font-weight: bold; } .headerBoxTitle, .headerBoxTitle a { color: white !important; } .headerBoxTitle table td { background-color: transparent; } #middle-column .headerBox, #middle-column .headerBoxNoHeading, #middle-column .headerBoxTitle { margin: 0; } .headerBoxNoHeading { border: 1px solid #CCCCCC; border-bottom: 2px solid #CCCCCC; } #left-column .headerBox, #right-column .headerBox, #left-column .headerBoxTitle, #right-column .headerBoxTitle { margin: 5px; } .sitelink { margin-top: 20px; } /* My Courses Tab on Home Page, show completed toggle button. */ .showcompleted-mycourses { text-align: right; vertical-align: middle; padding-left: 20px; } /* My Courses Tab on Home Page. */ .mycourses-row { padding: 5px; } .mycourses-row-icon { padding-right: 5px; } .course-title-table { padding: 8px; display: inline-block; width: 100%; } /* My Curricula Tab on Home Page. */ .curriculumbox { padding-bottom: 5px; margin: 0; background-color: #FFFFFF; } .curricula-title-table { padding: 10px; color: white; background-color: #3B5E98; display: inline-block; width: 100%; } .curricula-row-icon { vertical-align: top; padding-right: 10px; } .curricula-row-icon-inside { vertical-align:top; padding-top:6px; } .curricula-row-icon-right { margin-top: 4px; float: right; vertical-align: top; } .curricula-row-title { margin-bottom: 0; margin-top: 3px; } .curricula-chart { padding: 5px 10px 5px 35px; } .curricula-heading-title { padding: 5px 10px 5px 35px; } .curricula-row-course { padding: 5px 10px 5px 35px; } #hideshowcoursesicon { /*vertical-align: middle; padding-bottom:2px; color:white; font-size:20px !important;*/ } .curricula-body-table { width: 100%; } /* Curricula catalog tab */ .curricula-catalog-header { padding: 10px 10px; margin-top:10px; } .curricula-catalog-header span { padding-left: 10px; } table.currcattable > tbody > tr > td { padding: 0; } /* table-fluid is Table cells which can switch to a standard inline layout at smaller sizes. */ /* This is good to allow table cells to wrap. */ .table-responsive, .top-scrollbar { overflow-x:hidden; } .top-scrollbar, .report-content-1, .report-content-2, .report-content-3, .report-content-4, .report-content-5, .report-content-6 { height: 30px; } .top-scrollbar>.ps-scrollbar-x-rail { top: 30px; } .dashboard-carousel-text>.ps-scrollbar-x-rail { display: none!important; } .table, .table-fluid { display: table; } .table-row, .table-row-fluid { display: table-row; } .table-cell, .table-cell-fluid { display: table-cell; } .participant-profile td { white-space: normal!important; } @media (max-width: 767px) { .table-fluid { display: inline; } .table-row-fluid { display: inline; } .table-cell-fluid { display: inline; } /* My Courses Tab on Home Page, show completed toggle button. */ .showcompleted-mycourses { text-align: left; padding-left: 0px; padding: 10px 0px; } } .pagetitletext { margin-bottom: 20px; } .helplink-append { float:left; display: inline-block; } .pagetitleicon { margin-right: 10px; } .course-navigation { background-color: #2b2b2b; height: 60px; } .course-navigation-link { display: block; height: 60px; position: relative; color: white !important; z-index: 9999; } .course-navigation-link:hover { color: white !important; background-color: #5D5D5D; } .course-navigation-icon { color: white; font-size: 40px; } .course-navigation-icon-wrap { position: absolute; top: 10px; } .course-navigation-text-wrap { position: absolute; top: 20px; } .course-navigation-icon-left { left: 10px; } .course-navigation-icon-right { right: 10px; } .course-navigation-text-left { left: 0px; padding-left: 60px; } .course-navigation-text-right { right: 0px; padding-right: 60px; } .course-navigation-icon-center { position: absolute; top: 10px; } .course-navigation-text-center { position: absolute; top: 20px; padding-left: 60px; } .course-navigation-wrap-center { position: relative; width: 200px; } /************************************************************************* * RateIt (Course Star Rating System) Styles *************************************************************************/ .rateit { display: -moz-inline-box; display: inline-block; position: relative; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; } .rateit .rateit-range { position: relative; display: -moz-inline-box; display: inline-block; background: url(../../lib/javascripts/shared/rateit/star.gif); height: 16px; outline: none; } .rateit .rateit-range * { display:block; } /* for IE 6 */ * html .rateit, * html .rateit .rateit-range { display: inline; } /* for IE 7 */ * + html .rateit, * + html .rateit .rateit-range { display: inline; } .rateit .rateit-hover, .rateit .rateit-selected { position: absolute; left: 0px; } .rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl { left: auto; right: 0px; } .rateit .rateit-hover { background: url(../../lib/javascripts/shared/rateit/star.gif) left -32px; } .rateit .rateit-hover-rtl { background-position: right -32px; } .rateit .rateit-selected { background: url(../../lib/javascripts/shared/rateit/star.gif) left -16px; } .rateit .rateit-selected-rtl { background-position: right -16px; } .rateit .rateit-preset { background: url(../../lib/javascripts/shared/rateit/star.gif) left -48px; } .rateit .rateit-preset-rtl { background: url(../../lib/javascripts/shared/rateit/star.gif) left -48px; } .rateit button.rateit-reset { background: url(../../lib/javascripts/shared/rateit/delete.gif) 0 0; width: 16px; height: 16px; display: -moz-inline-box; display: inline-block; float: left; outline: none; border:none; padding: 0; } .rateit button.rateit-reset:hover, .rateit button.rateit-reset:focus { background-position: 0 -16px; } div.bigstars div.rateit-range { background: url(../../lib/javascripts/shared/rateit/star-white24.png); height: 24px; } div.bigstars div.rateit-hover { background: url(../../lib/javascripts/shared/rateit/star-gold24.png); } div.bigstars div.rateit-selected { background: url(../../lib/javascripts/shared/rateit/star-red24.png); } div.bigstars div.rateit-reset { background: url(../../lib/javascripts/shared/rateit/star-black24.png); width: 24px; height: 24px; } div.bigstars div.rateit-reset:hover { background: url(../../lib/javascripts/shared/rateit/star-white24.png); } /************************************************************************* * VenU Touch (Smartadmin) Styles * *************************************************************************/ /* * Margins */ .no-margin { margin: 0px !important; } .margin-top-5 { margin-top: 5px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-bottom-5 { margin-bottom: 5px !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-bottom-tabs { margin-bottom: 50px !important; } .margin-right-5 { margin-right: 5px !important; } .margin-top-0 { margin-top: 0px !important; } .margin-bottom-0 { margin-bottom: 0px !important; } .margin-top-bottom-10 { margin-top: 10px!important; margin-bottom: 10px!important; } .margin-top-bottom-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .margin-auto { margin: auto; } .margin-5 { margin: 5px!important; } .margin-10 { margin: 10px!important; } .margin-20 { margin: 20px!important; } @media (max-width: 768px) { .margin-top-10-tablet { margin-top: 10px; } } @media (max-width: 480px) { .margin-top-10-mobile { margin-top: 10px; } } /* * Paddings */ .no-content-padding { margin: -10px -14px 0 -14px; /*used with content >:first-child */ } .no-padding { padding: 0px !important; } .no-padding-left { padding-left: 0px !important; } .no-padding-right { padding-right: 0px !important; } .no-padding-left-right { padding-left: 0px!important; padding-right: 0px!important; } .no-padding > pre { margin: 30px; } .no-padding > table, .no-padding .dataTables_wrapper table { border: none !important; margin-bottom: 0px !important; border-bottom-width: 0px !important; } .no-padding-bottom { padding-bottom: 0px !important; } .padding-5 { padding: 5px !important; } .padding-7 { padding: 7px !important; } .padding-10 { padding: 10px !important; } .padding-15{ padding: 15px !important; } .padding-20 { padding: 20px !important; } .padding-gutter { padding: 13px !important; } .padding-top-5 { padding-top: 5px !important; } .padding-top-10 { padding-top: 10px !important; } .padding-top-15 { padding-top: 15px !important; } .padding-top-20 { padding-top: 20px !important; } .padding-bottom-5 { padding-bottom: 5px !important; } .padding-bottom-10 { padding-bottom: 10px !important; } .padding-bottom-15 { padding-bottom: 15px !important; } .padding-bottom-20 { padding-bottom: 20px !important; } .padding-bottom-0 { padding-bottom: 0px !important; } .padding-top-bottom-5 { padding-bottom: 5px !important; padding-top: 5px !important; } .padding-top-bottom-10 { padding-bottom: 10px !important; padding-top: 10px !important; } .padding-top-bottom-20 { padding-bottom: 20px !important; padding-top: 20px !important; } .padding-top-0 { padding-top: 0px !important; } .padding-left-5 { padding-left: 5px !important; } .padding-left-10 { padding-left: 10px !important; } .padding-left-15 { padding-left: 15px !important; } .padding-left-20 { padding-left: 20px !important; } .padding-right-5 { padding-right: 5px !important; } .padding-right-10 { padding-right: 10px !important; } .padding-right-15 { padding-right: 15px !important; } .padding-right-20 { padding-right: 20px !important; } .table-cell-padding td { padding: 8px !important; } .label { white-space: normal; } .no-padding > table tr td:last-child, .no-padding > table tr th:last-child, .no-padding .dataTables_wrapper table tr td:last-child, .no-padding .dataTables_wrapper table tr th:last-child { border-right: none !important; } .no-padding > table tr td:first-child, .no-padding > table tr th:first-child, .no-padding .dataTables_wrapper table tr td:first-child, .no-padding .dataTables_wrapper table tr th:first-child { border-left: none !important; } .no-padding .dataTables_wrapper table tbody tr:last-child td { border-bottom: 0; } .overflow-hidden { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* * floats */ .float-left { float: left; } .float-right { float: right; } /* * No border */ .no-border, .well[class*=" bg-"].no-border { border-width: 0px !important; } .no-border-transparent { border-color: transparent !important; } .no-border-radius { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } /* * Inlines */ .display-inline { display: inline-block !important; } .display-normal { display: inline !important; } /* * CURSORS */ .cursor-pointer { cursor: pointer; } /* * Images */ .hover-transparent { opacity: .5; } .hover-transparent:hover { opacity: 1; } /* * Forced text alignments */ .text-align-center, .text-center { text-align: center !important; } .text-align-left, .text-left { text-align: left !important; } .text-align-right, .text-right { text-align: right !important; } /* * HR */ hr.simple { margin-top: 10px; margin-bottom: 10px; border-style: dashed; } /* * SHORT CUTS */ .pull-right { float: right !Important; } .pull-left { float: left !Important; } /* * GRADIENTS */ .gradient-logo { width: 97%; height: 100%; padding: 70px 30px 70px 30px; background-repeat: no-repeat; background-position: right center; background-size: auto 90%; } /* * ACCORDIONS */ .smart-accordion-default.panel-group { margin-bottom: 0px; } .smart-accordion-default.panel-group .panel + .panel { margin-top: -1px; } .smart-accordion-default.panel-group .panel-heading { padding: 0px; } .smart-accordion-default.panel-group .panel-title a { display: block; padding: 10px 15px; text-decoration: none !important; position: relative; z-index: 9; } .smart-accordion-default .panel-heading, .panel-group .panel { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; } .smart-accordion-default .panel-default > .panel-heading { background-color: #fcfcfc; } .smart-accordion-default .panel-default { border-color: #c3c3c3; } .smart-accordion-default .panel-title > a > :first-child { display: none; } .smart-accordion-default .panel-title > a.collapsed > .fa { display: none; } .smart-accordion-default .panel-title > a.collapsed > :first-child { display: inline-block; } .no-padding .smart-accordion-default > div { border-left: none !important; border-right: none !important; } .no-padding .smart-accordion-default > div:first-child { border-top: none !important; } .no-padding .smart-accordion-default > div:last-child { border-bottom: none !important; } /* FAQ anchor tags position */ .anchor-html { pointer-events: none; } .anchor:before, .anchor-html:before { display: block; content: ""; /* height: 250px; margin-top: -250px;*/ } @media (min-width: 481px) AND (max-width: 991px) { .anchor:before, .anchor-html:before { /* height: 180px; margin-top: -180px;*/ } } @media (max-width: 480px) { .anchor:before, .anchor-html:before { /* height: auto; margin-top: 0;*/ } } /* * Vertical Alignment */ .vertical-align-top { vertical-align: top; } .vertical-align-middle { vertical-align: middle; } .vertical-align-bottom { vertical-align: bottom; } /* * LARGE DROPDOWNS */ .dropdown-menu { z-index: 10000!important; } .dropdown-large { position: static !important; } .dropdown-menu-large { margin-left: 16px; margin-right: 16px; padding: 20px 0px; } .dropdown-menu-large > li > ul { padding: 0; margin: 0; } .dropdown-menu-large > li > ul > li { list-style: none; } .dropdown-menu-large > li > ul > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333333; white-space: normal; } .dropdown-menu-large > li ul > li > a:hover, .dropdown-menu-large > li ul > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu-large .disabled > a, .dropdown-menu-large .disabled > a:hover, .dropdown-menu-large .disabled > a:focus { color: #999999; } .dropdown-menu-large .disabled > a:hover, .dropdown-menu-large .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); cursor: not-allowed; } .dropdown-menu-large .dropdown-header { color: #428bca; font-size: 18px; } @media (max-width: 768px) { .dropdown-menu-large { margin-left: 0 ; margin-right: 0 ; } .dropdown-menu-large > li { margin-bottom: 30px; } .dropdown-menu-large > li:last-child { margin-bottom: 0; } .dropdown-menu-large .dropdown-header { padding: 3px 15px !important; } } .header-dropdown-list>li> .dropdown-menu>li>a { font-size: 14px!important; font-family: Arial, Helvetica, sans-serif!important; } .lang-selector { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #58595B; } /* Form-control styling without the 100% width */ .form-control-time, .form-control-short { height: 34px; padding: 5px; margin-right: 3px; font-size: 14px; line-height: 1.42857143; background-image: none; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } @media (max-width: 480px) { .form-control-time { padding: 0; } } .form-control, .form-control-short, .form-control-time, button.masterselect.ui-multiselect { border-radius: 0; } .form-group { margin-bottom: 5px; } .form-note { font-size: 12px; } .btn-help { padding-top:5px!important; padding-bottom:5px!important; } .btn-group-vertical { border-collapse: collapse; box-sizing: border-box; color: rgb(51, 51, 51); direction: ltr; display: inline-block; font-family: 'Open Sans', Arial, Helvetica, sans-serif; line-height: 18.571430206298828px; position: relative; vertical-align: middle; text-align:left; zoom: 1; } .btn-group-justified { border-collapse: separate; box-sizing: border-box; color: rgb(51, 51, 51); direction: ltr; display: table; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 13px; height: 32px; line-height: 18.571430206298828px; position: relative; vertical-align: middle; zoom: 1; } /* Class to force dropdown menu to wrap on mobile view */ .block-mobile, .block-768 { display: inline-block; } @media (max-width: 768px) { .block-768 { display: block; } } @media (max-width: 480px) { .block-mobile { display: block; } .padding-top-5-mobile { padding-top: 5px; } .text-left-mobile { text-align: left!important; } } /* FormMod dropdown custom styling */ .ui-multiselect-header { padding: 5px 5px 0 5px!important; } .btn.btn-default.ui-multiselect-all, .btn.btn-default.ui-multiselect-none { margin-bottom: 5px; } span.licombobox { font-family: oxygen, Arial, Helvetica, sans-serif; display: initial!important; line-height: 2!important; } span.licombobox span:first-child{ font-weight: bold!important; } /* MultiSelect fix to make text use ellipsis on small screens for long items */ span.multiselect-item { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; padding-top: 4px; width: 92%; } span.ui-icon-triangle-2-n-s { margin-top: 4px; } ul.ui-multiselect-checkboxes.ui-helper-reset { height: 325px!important; } .ui-multiselect-all:hover, .ui-multiselect-none:hover, .ui-multiselect-submit:hover, .ui-multiselect-close:hover { text-decoration: none !important; } /* Bootstrap tagsinput styling */ .bootstrap-tagsinput { width: 100% !important; margin-bottom: 0px !important; border-radius: 0!important; } label.input { width: 100% !important; } /* End Bootstrap tagsinput styling */ /*Set the fallback chosen dropdown menu to 100% width on iOS */ .chosen-select { width: 100%!important; border-radius: 0; } .chosen-container-single .chosen-single span { white-space: normal!important; } /* Use ellipsis on the tree nodes for the "old" version of the jstree for smaller resolutions. This currently is only used on the Curricula/Course Series tree. */ .tree-node-link { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; max-width: 88%; } /* Dashboard Reports Drop-down width */ .dr-width { width: 60% } .dr-block { display: block; } .dr-mobile { display: none; } @media (max-width: 768px) { .dr-width { width: 100%; } / .dr-desktop { display: none; } */ .dr-mobile { display: block; } } .padding-report { position: relative; padding: 20px 0; } /* Red icon for messaging/cart */ .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .counter-icon { top: -5px !important; right: -10px !important; z-index: 100 !important; } @media (max-width: 991px) { .counter-icon { top: -5px !important; right: -3px !important; } } /* Remove this ugly top border on repsonsive table layout */ .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { border-top: none!important; } .set-event-mobile { display: inline-block } @media (max-width: 767px) and (min-width: 320px) { #defaultssubmit, #defaultesubmit { margin-bottom: 0!important; } } .course-desc-scroll { height: 250px; overflow-x: hidden; overflow-y: scroll; } .iframe-width { width: 90%; } #no-well-border .well { border: none; box-shadow: none; } .btn-report-select { float: right; position: absolute; right: 20px; } @media (max-width: 768px) { .btn-report-select { position: relative; right: 0; } } .show-mobile, .show-480, .show-mobile-inline, .show-991, .inline-block-991 { display: none; } @media (max-width:991px) { .show-991 { display: block; } .hide-991 { display: none; } .inline-block-991 { display: inline-block; } } @media (max-width:768px) { .show-desktop { display: none; } .show-mobile { display: block; } .hide-768 { display: none; } } @media (max-width:480px) { .show-480 { display: block; } .hide-480 { display: none; } } @media (max-width:320px) { .show-320 { display: block; } .hide-320 { display: none!important; } } @media (max-width:768px) { .show-mobile-inline { display: inline; } } .user-alphabet, .user-alphabet label { font-size: 18px; text-align: left; position: relative; margin: 0 auto; display: inline-block; } .user-alphabet label, .user-alphabet a { padding-left: 2px; padding-right: 2px; } /* Remove blue border around checkbox in dropdown */ input[type="checkbox"]:focus { outline:0!important; } .visibility-hidden { visibility: hidden; } .visibility-visible { visibility: visible; } .input-group-addonon { width: auto; height:35px; padding:6px 10px; font-size:14px; font-weight:normal; line-height:1.43; border-radius:0px; border-left: 0px; white-space:nowrap; vertical-align:middle; border-bottom-right-radius: 0; border-top-right-radius: 0; display: table-cell; position: relative; z-index: 2; } .input-group-addonon:first-child,.input-group-btn:first-child>.input-group-addonon{ padding:6px 12px; font-size:14px; font-weight:normal; line-height:1; color:#555; text-align:center; background-color:#eee; border:1px solid #ccc; border-radius:4px; } .input-group-addonon.input-sm{ padding:5px 10px; font-size:12px; border-radius:3px; } .input-group-addonon.input-lg{ padding:10px 16px; font-size:18px; border-radius:6px; } .input-group-addonon input[type="radio"],.input-group-addonon input[type="checkbox"]{ margin-top:0; } /* Modals */ /* http://stackoverflow.com/questions/18422223/bootstrap-3-modal-vertical-position-center */ .modal { z-index: 100000!important; } .modal-backdrop { z-index: 99998; } .modal-dialog-center { margin: 0; position: absolute; top: 50%; left: 50%; } @media (max-width: 767px) { .modal-dialog-center { width: 100%; } .modal-footer .btn+.btn { /*margin-bottom: 10px;*/ } } /* Popovers */ .popover { z-index: 9999; border-radius: 0; } /* Timepicker */ .bootstrap-timepicker-widget table td input { width: 35px; } /* Datepicker */ /* http://stackoverflow.com/questions/12978254/twitter-bootstrap-datepicker-within-modal-window */ .datepicker2, .ac_results { z-index: 100001 !important; } /*Checkboxes and Radio Buttons*/ .checkbox input:checked+i, .radio input:checked+i, .toggle input:checked+i { border-color: #3276B1; } .checkbox i, .icon-append, .icon-prepend, .input input, .radio i, .select select, .textarea textarea, .toggle i { border-color: #BDBDBD; transition: border-color .3s; -o-transition: border-color .3s; -ms-transition: border-color .3s; -moz-transition: border-color .3s; -webkit-transition: border-color .3s; } .IconButton { margin-top: 3px; } .radio i { border-radius: 50% } .checkbox i, .radio i { position: absolute; top: 5px; left: 0; display: block; width: 17px; height: 17px; outline: 0; border-width: 1px; border-style: solid; background: #FFF; } .checkbox input, .radio input { position: absolute; left: -9999px; } .radio *, .radio :after, .radio :before { margin: 0; padding: 0; box-sizing: content-box; -moz-box-sizing: content-box; } .checkbox *, .checkbox :after, .checkbox :before { margin: 0; padding: 0; box-sizing: content-box; -moz-box-sizing: content-box; } *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .checkbox input+i:after { color: #3276B1; } .checkbox input:checked:hover+i:after { content: '\f00d'} .checkbox input:checked:disabled:hover+i:after { content: '\f00c'} .checkbox:hover i{ border-color: #5D98CC; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); } .checkbox:active i, { background: #F0F0F0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); } .checkbox input+i:after { position: absolute; opacity: 0; transition: opacity .1s; -o-transition: opacity .1s; -ms-transition: opacity .1s; -moz-transition: opacity .1s; -webkit-transition: opacity .1s; } .checkbox input+i:after { content: '\f00c'; top: -1px; left: 1px; width: 15px; height: 15px; font: 400 16px/19px FontAwesome; text-align: center; } .checkbox input+input[type=hidden]+i:after { content: '\f00c'; top: -1px; left: 1px; width: 15px; height: 15px; font: 400 16px/19px FontAwesome; text-align: center; } .checkbox *, .checkbox :after, .checkbox :before { margin: 0; padding: 0; box-sizing: content-box; -moz-box-sizing: content-box; } .checkbox input:checked+i:after, .radio input:checked+i:after { opacity: 1; } .checkbox input:checked+i:after, .radio input:checked+i:after { position: absolute; transition: opacity .1s; -o-transition: opacity .1s; -ms-transition: opacity .1s; -moz-transition: opacity .1s; -webkit-transition: opacity .1s; } .radio input+i:after { background-color: #3276B1!important; } .radio input+i:after{ content: ''; top: 4px; left: 4px; width: 9px; height: 9px; border-radius: 50%; } .checkbox, .radio { margin-bottom: 4px; margin-top: 2px!important; padding-left: 25px; line-height: 30px; color: #404040; cursor: pointer; } .button, .checkbox, .input, .radio, .select, .textarea, .toggle { position: relative; /* display: block;*/ font-weight: 400; } .checkbox-row,.radio-row { position: relative; display: inline-block; font-weight: 400; } i, cite, em, var, address, dfn { font-style: italic; } .clearfix, .inner-spacer:after, .jarviswidget, .jarviswidget-editbox, .jarviswidget>div { zoom: 1; } .jarviswidget>div { float: left; width: 100%; position: relative; font-size: 13px; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin: 0; border-width: 1px 1px 2px; border-style: solid; border-top: none; border-right-color: #CCC!important; border-bottom-color: #CCC!important; border-left-color: #CCC!important; padding: 13px 13px 0; overflow: visible; } html { -webkit-tap-highlight-color: rgba(0,0,0,0); } /* Edit User Page Icons */ .UserProfileIcon { font-size:20px; height: 23px; width: 20px; } .profile-picture-wrap { background-color: #2b2b2b; text-align: center; } .onlineIndicator { height: 8px; } .profileImgBootstrap { /*width: 100%;*/ max-width: 200px; height: auto; } .profileBullet { font-size: 16px !important; } .profileToggleText { font-size: 14px !important; } @media (max-width: 767px) { .profileImgBootstrap { width: 100px; height: 100px; } .profileToggleText { display: none; } } .homeevents-label { vertical-align: top; text-align: right; font-size: 12px; padding-right: 3px; font-weight: bold; } .homeevents-text { font-size: 12px; } .event-table { max-height: 50px; display: block; overflow: hidden; -ms-text-overflow: hidden; text-overflow: hidden; } th.headerBoxTitle.vertical-middle { vertical-align: middle!important; } /* HEADER NAV DROPDOWN LIST*/ .header-dropdown-list { list-style: none; float: right; position: relative; margin: 0; } .header-dropdown-list > li { display: inline-block; padding-right: 5px; } .header-dropdown-list > li > .dropdown-toggle { margin-top: 16px; display: block; } .header-dropdown-list > li > .dropdown-toggle.download-selector { margin-top: 8px; font-size: 0.9em; } @media (max-width:480px) { .navbar-toggle { margin-right: 10px; padding-left: 7px; padding-right: 7px; } .header-dropdown-list { width: 66px; padding: 0; margin: 0; } } .usermanagementicon { height: 39px; } /* Assignment Approval Block */ .aa-block-desktop, .aa-block-mobile { padding: 8px; background-color: #FFAA00; color: #000000; display: block; } .aa-block-mobile { display: none; } .assignmentapproval-icon { font-size: 56px; } @media (max-width: 991px) { .aa-block-mobile { display: block; } } .block_assignment_approval .block-content { padding: 0; } .block_assignment_approval .block-heading { border-bottom: none !important; } /* Styles for the Gamification pages. */ .rewards-large-icon { font-size: 50px; } .rewards-icon-box { position: absolute; top: 10px; left: 20px; } .rewards-text-box { padding-left: 70px; } .rewards-link-box, .rewards-link-box div, .rewards-link-box h2, .rewards-link-box h4 { cursor: pointer; } @media (min-width: 768px) { .rewards-link-box { height: 150px; } } .overview-badge-img { width: 100%; height: auto; max-width: 200px; } .overview-badge { padding: 0px; margin: 0px; color: #ffffff; } .faded-achievement { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: 0.3; } .leaderboard-table { width: 100%; border: 1px solid #e1e1e1 !important; border-bottom: none !important; } .leaderboard-td { vertical-align: center; border-bottom: 1px solid #e1e1e1; padding: 0px 10px; } .leaderboard-number-1 { color: #b09b5b !important; } .leaderboard-number-2 { color: #92a2a8 !important; } .leaderboard-number-3 { color: #a65858 !important; } .leaderboard-number-other { color: #616161 !important; } .leaderboard-header { font-weight: bold !important; padding: 8px 10px; } .leaderboard-number { text-align: center; font-weight: bold; font-size: 28px; } .leaderboard-score { text-align: center; color: #525252 !important; } .overview-name { color: #57889c !important; } .overview-desc { color: #4c4f53 !important; } .overview-points { padding: 10px; } @media (min-width: 500px) { .overview-points { position: absolute; top: 10px; left: 20px; } .overview-points-wrap { position: relative; padding-left: 200px; } } .overview-created { margin-top: 5px; padding: 5px 10px; color:white; background-color: #356e35; } .activity-log { border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; padding: 10px; position: relative; } .activity-log .log-image { position: absolute; top: 15px; left: 20px; } .activity-log .log-image img { width: 50px; height: auto; max-height: 50px; } .activity-log .log-image i { font-size: 50px; } .activity-log .message-text { padding-left: 75px; } .activity-log .message-time { padding-top: 5px; } .log-title { border-bottom: 2px solid #dddddd; margin-top: 10px; padding-bottom: 10px; } @media (min-width: 992px) { .help-menu-wrapper { display: block!important; } } /* Styles custom Quick Upload buttons in CKEditor dialogs */ /*.customCkEditorButton > span { color: #FFFFFF; }*/ /* Style CKEditor "OK" dialog button */ .cke_dialog_ui_button_ok > span { color: #FFFFFF !important; } /*Topics mode spacing*/ .topics-section { margin-bottom:10px; } @media (max-width: 991px) { .rewards-scrollbar > .ps-scrollbar-y-rail { display: none; overflow: hidden; } } @media (max-width: 480px) { .rewards-scrollbar > .ps-scrollbar-y-rail { display: block!important; } } table#users_achievement_list th { white-space: normal; } .icon-popup { z-index: 9999999 !important; } .icon-popup .icon-list { margin-bottom: 20px; } .flickity-prev-next-button.next:disabled { display: inline-block !important; } /* Styles for user side color picker. */ #input-group-iconcolor > div { width: 100% !important; } .evo-pop { width: 213px !important; } /* Fix for Discount Code page button */ #copynumber { min-height: 35px; } .copynumberbtn { min-height: 35px; } /* Site files */ .sitefiles .page.ps-active-y .page-inner { margin-right: 15px; } /* Datatables */ .dataTables_scrollBody { width: auto; } .dataTable, .embedded-report .dataTables_scrollBody { width: 100% !important; } .rpt-bottom .table-cell { vertical-align: middle; } /* Scrollable layouts */ .sticky-header { position: relative; } .lms-wrapper, .page, .reports .dataTables_wrapper, #reportsBody, #reportsBody form, #reports_list_container, .layout-transitional #pagemain_list_container, .layout-transitional #pagemain_list_wrapper, .layout-transitional #user_management_list_container, .layout-transitional #user_management_list_wrapper, .report-container .col-md-12, .report-container .tab-content, .report-container .tab-pane, .reports .page-inner, .reports .page-inner > .row, #admin-rewards-index .page-inner > .row { height: 100%; position: relative; overflow: hidden; } .modal .report-container .tab-content, .modal .report-container .tab-pane { height: auto; } .modal .dataTables_scrollBody { max-height: 300px; } .page-inner, .fullpage, .sideblock, #reports-dashboard .page-inner, #reports-dashboard .page-inner > .row, #reports-dashboard .page-inner > .row > .col-md-12, #reports-groupselect .report-container .tab-content, #reports-groupselect .report-container .tab-pane, #reports-usertranscript .page-inner, #reports-usertranscript .page-inner > .row, #reports-usertranscript .page-inner > .row > .col-md-12, #reports-student_roster_manual .page-inner, #reports-student_roster_manual .page-inner > .row, #reports-student_roster_manual .page-inner > .row > .col-md-12, .report-container .custom-scrollbar .col-md-12 { height: auto; position: relative; overflow: hidden; } .layout-transitional .page-content-wrapper, .layout-transitional #pagecontentmain, .layout-transitional .dataTables_scroll, .layout-transitional .dataTables_scrollBody, .layout-transitional .dataTables_scrollFoot, .layout-transitional .rpt-bottom, .reports .dataTables_scroll, .reports .dataTables_scrollBody, .reports .dataTables_scrollFoot, .reports .rpt-bottom { position: absolute; left: 0; right: 0; bottom: 0; height: auto; } .embedded-report.dataTables_scroll, .embedded-report .dataTables_scrollBody, .embedded-report .dataTables_scrollFoot, .embedded-report + .rpt-bottom, .embedded-report #reportsBody, .embedded-report .dataTables_wrapper { position: relative; } /* Load these after the above to ensure they override them */ .layout-fixed { height: 100%; position: relative; overflow: hidden; } .layout-auto { height: auto; position: relative; overflow: hidden; top: 0!important; } .layout-docked, .layout-transitional { position: absolute; left: 0; right: 0; bottom: 0; height: auto; } .report-container, .layout-transitional { top: 0; overflow: hidden; } .fms-scrollbar, .dataTables_scrollBody { position: relative; } .course .sidenav { display: block; } .reports .tooltip { z-index: 100000; } #showinactivebutton, #hideinactivebutton { min-width: 190px; } .block_course_summary table { width: auto !important; } .calendar-popover-link:hover { text-decoration: none; color: #FFF; } .calendar-popover-link { color: #FFF !important; } /* CKEditor dialogs */ .cke_dialog { z-index: 99999 !important; }/***** standard/styles_layout.css end *****/ /***** standard/styles_fonts.css start *****/ /******************************************************************* styles_fonts.css This CSS file contains all font definitions like family, size, weight, text-align, letter-spacing etc. Styles are organised into the following sections: core header footer admin blocks calendar course doc grades login message mymoodle question tabs user various modules *******************************************************************/ /*** *** Core ***/ @font-face { font-family: 'poppinsbold'; src: url('fonts/poppins-bold-webfont.woff2') format('woff2'), url('fonts/poppins-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'poppinsitalic'; src: url('fonts/poppins-italic-webfont.woff2') format('woff2'), url('fonts/poppins-italic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'poppinslight'; src: url('fonts/poppins-light-webfont.woff2') format('woff2'), url('fonts/poppins-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'poppinsregular'; src: url('fonts/poppins-regular-webfont.woff2') format('woff2'), url('fonts/poppins-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MontserratReg'; src: url('fonts/montserrat.eot'); src: local('MontserratReg'), url('fonts/montserrat.woff') format('woff'), url('fonts/montserrat.ttf') format('truetype'); } @font-face { font-family: 'OxygenReg'; src: url('fonts/oxygen-webfont.eot'); src: url('fonts/oxygen-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/oxygen-webfont.woff') format('woff'), url('fonts/oxygen-webfont.ttf') format('truetype'), url('fonts/oxygen-webfont.svg#oxygenregular') format('svg'); font-weight: normal; font-style: normal; } /* GE Inspira "Pitch" */ @font-face { /* font-family: 'geinspirapitch-n4';*/ font-family: 'geinspirapitch'; src: url('fonts/geinspirapitch-webfont.eot'); src: url('fonts/geinspirapitch-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/geinspirapitch-webfont.woff') format('woff'), url('fonts/geinspirapitch-webfont.ttf') format('truetype'); font-style: normal; font-weight: normal; } @font-face { /* font-family: 'geinspirapitch-i4';*/ font-family: 'geinspirapitch'; src: url('fonts/geinspirapitchitalic-webfont.eot'); src: url('fonts/geinspirapitchitalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/geinspirapitchitalic-webfont.woff') format('woff'), url('fonts/geinspirapitchitalic-webfont.ttf') format('truetype'); font-style: italic; font-weight: normal; } @font-face { /* font-family: 'geinspirapitch-n7';*/ font-family: 'geinspirapitch'; src: url('fonts/geinspirapitchbold-webfont.eot'); src: url('fonts/geinspirapitchbold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/geinspirapitchbold-webfont.woff') format('woff'), url('fonts/geinspirapitchbold-webfont.ttf') format('truetype'); font-style: normal; font-weight: bold; } /* GE Inspira */ @font-face { /* font-family: 'geinspira-n4';*/ font-family: 'geinspira'; src: url('fonts/geinsprg-webfont.eot'); src: url('fonts/geinsprg-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/geinsprg-webfont.woff') format('woff'), url('fonts/geinsprg-webfont.ttf') format('truetype'); font-style: normal; font-weight: normal; } @font-face { /* font-family: 'geinspira-i4';*/ font-family: 'geinspira'; src: url('fonts/geinspit-webfont.eot'); src: url('fonts/geinspit-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/geinspit-webfont.woff') format('woff'), url('fonts/geinspit-webfont.ttf') format('truetype'); font-style: italic; font-weight: normal; } @font-face { /* font-family: 'geinspira-n7';*/ font-family: 'geinspira'; src: url('fonts/geinspbd-webfont.eot'); src: url('fonts/geinspbd-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/geinspbd-webfont.woff') format('woff'), url('fonts/geinspbd-webfont.ttf') format('truetype'); font-style: normal; font-weight: bold; } @font-face { /* font-family: 'geinspira-i7';*/ font-family: 'geinspira'; src: url('fonts/geinspbi-webfont.eot'); src: url('fonts/geinspbi-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/geinspbi-webfont.woff') format('woff'), url('fonts/geinspbi-webfont.ttf') format('truetype'); font-style: italic; font-weight: bold; } /* use this class to attach this font to any element */ .MontserratRegular, h1, h2, h3, h4, h5, h6 { font-family: 'MontserratReg'; } h2 { font-size: 1.7em; margin-top: 0px; } h1 { font-size: 2em; margin-top: 0px; } h3 { font-size: 1.5em; margin-top: 0px; } h4 { font-size: 1.3em; margin-top: 0px; } /* use this class to attach this font to any element */ .OxygenRegular { font-family: 'OxygenReg' !important; } .clearer { font-size:1px; } body, table, td, th, li { font-family: Arial, Helvetica, sans-serif; font-size:14px; letter-spacing:0.02em; } .DHTMLSuite_menuItem_textContent { font-family: 'oxygenregular', Arial, Helvetica, sans-serif !important; } label { } label.input { font-weight: normal; } th { font-weight: bold; } a:link, a:visited { text-decoration:none; } a:hover { text-decoration: underline; } h1.main, h2.main, h3.main, h4.main, h5.main, h6.main { font-weight:bold; } .bold { font-weight:bold !important; } .warning { font-weight: bold; font-style: italic; } .errorbox .title { font-weight: bold; font-size: 1.2em; text-align: center; } .errorboxcontent { text-align: center; } .errorcode { font-size: 11px; } .pagingbar .title { font-weight: bold; } .pagingbar .thispage { font-weight: bold; } .categorybox .category, .categorybox .category { font-size:1.2em; font-weight:bold; } .helplink { /*font-size:20px;*/ } .help-block { font-size: 13px; } .headingblock { font-weight: bold; } .headingblock .link { font-size: 14px; } .files .file { font-size: 14px; } .files .folder { font-size: 14px; } .files .folder .size { font-weight: bold; } /*Accessibility: resizable icons. */ img.resize { width: 1em; height: 1em; } acronym, abbr { cursor: help; } a.useredit, a:hover.useredit, .blink { color: black; text-decoration: blink; cursor: help; } /*** *** Header ***/ .headermain { font-weight:bold; } #header-home .headermain { font-size:1.5em; } #header .headermain { font-size:1.3em; } .breadcrumb { font-size:14px; font-weight:bold; } .logininfo, #header-home .headermenu font { font-size:13px; } .pagetitletext { font-weight: normal!important; } /*** *** Footer ***/ .homelink { } .performanceinfo { font-size: 0.6em; } .smallinfo { font-size: 13px; } /*** *** Admin ***/ table.formtable tbody th { font-weight: normal; text-align: right; } body#admin-blocks table#incompatible td.c0 { font-weight: bold; } body#admin-index .explanation { font-size: 11px; vertical-align: bottom; } body#admin-index .copyright { text-align: center; font-size: 13px; } .environmenttable { font-size: 13px; } /*** *** Blocks ***/ a.skip-block { text-decoration:none; } .sideblock img.resize, .breadcrumb img.resize { width: 13px; height: 14px; } .sideblock .searchform img.resize { width: 1em; height: 1.1em; } .sideblock .header, .sideblock h2 { font-size:1.0em; font-weight: bold; } .sideblock .content { font-size:14px; line-height:1.2em; } .sideblock a { line-height:1.2em } .sideblock .content h3, .sideblock .content h2 { font-size:1.0em; } .sideblock .content .message { font-size:14px } .sideblock .header .commands { font-size:14px; } .sideblock .footer { font-size:14px; } .sideblock .head, .sideblock .info, .sideblock .event { font-size: 14px; } .sideblock .date { font-style: italic; } .block_site_main_menu .footer select { font-size: 13px; } .block_online_users .listentry { text-align: left; font-size: 12px; } .block_user_transcript .block-content { padding-top: 5px; } .block_user_transcript .highcharts-subtitle { font-family: 'MontserratReg'; font-size: 18px; } .block_user_transcript .highcharts-subtitle tspan:first-child { font-size: 24px; } .block_user_transcript .highcharts-title { font-family: 'MontserratReg'; font-size: 20px; } .block_user_transcript .lhlink { font-family: 'MontserratReg'; font-size: 20px; } .lhlink.lhsideblock a:hover { text-decoration: none; } /* @media (min-width: 991px) AND (max-width: 1024px) { .block_user_transcript .highcharts-title tspan:nth-child(2) { display: none; } .block_user_transcript .highcharts-title tspan:first-child { font-size: 24px; padding-top: 10px; } } */ /*** *** Blogs ***/ .blogpost .audience { font-size: 14px; } .blogpost .tags { font-size: 14px; } /*** *** Calendar ***/ #calendar .sidecalendar abbr, .block_calendar_month abbr { border: none; } #calendar .eventnone a, .block_calendar_month .eventnone a { text-decoration:none; color:black; cursor:text; } #calendar .maincalendar .eventlist .event .referer { font-weight:bold; } #calendar .maincalendar .eventlist .event .course { font-size:13px; } #calendar .maincalendar .eventlist .event .description .commands { text-align: right; } #calendar .maincalendar table.calendarmonth td { font-size:13px; } #calendar div.header { font-weight:bold; } #calendar .sidecalendar .filters { font-size:13px; } .sideblock .filters td { font-size:1.1em; } #calendar .maincalendar .controls { font-size:1.2em; } #calendar .maincalendar .day { font-weight: bold; } .calendar-controls .previous a:hover, .calendar-controls .current a:hover, .calendar-controls .next a:hover, .minicalendarblocktop a:hover { text-decoration: none; } table.minicalendar, table.minicalendar th, table.minicalendar td { font-size:12px; } table.minicalendar tr.weekdays th { text-align: center; } .cal_popup_caption { font-family:sans-serif; font-size:13px; font-weight:bold; } .cal_popup_close { font-family:sans-serif; font-size:13px; font-weight:bold; } #calendar .maincalendar .calendar-controls .current { font-weight: bold; } #calendar ul.events-underway li, #calendar ul.events-new li { font-size: 12px; } .popover.top > .arrow { display: none; } .popover > .popover-content > div > a { color: #777!important; font-size: 14px!important; margin-left: 10px; } .popover-title { font-size: 18px!important; color: #000!important; } .popover-content { } .fc-header-title h2 { font-size: 21px!important; } /* Full Calendar title and buttons in mobile */ @media (max-width: 480px) { .fc-header-title h2 { font-size: 18px!important; } td.fc-header-left, td.fc-header-right { font-size: 14px!important; } } @media (max-width: 320px) { .fc-header-title h2 { font-size: 14px!important ; } } .fc-state-default { text-shadow: none!important; box-shadow: none!important; } /*** *** Course ***/ #course-view .section { font-size:0.95em; line-height: 1.4em; } #course-view .section .activity { padding:0.2em 0; } #course-view .section .activity a { line-height:1em; font-size: 14px; } #course-view .section .activity span { font-size: 14px; } #course-view .section .left { font-weight:bold; } .activitydate, .activityhead { font-size:14px; } .weeklydatetext { font-size:14px; font-weight:bold; } .coursebox .info { font-size:1em; } .coursebox .teachers, .coursebox .cost { font-size:14px; } .coursebox .summary { font-size:14px; } #course-recent h2.main { font-size:1.1em; } h2.headingblock { font-size:1.1em; } /*** *** Doc ***/ body#doc-contents ul { font-size: 13px; } /*** *** Grades ***/ body#grade-index .grades .header { font-weight: bold; font-size: 11px; } /*** *** Login ***/ #login-index .content { font-size: 14px; } /*** *** Logs ***/ .logtable td { font-size: 13px; } .logtable th { font-size: 14px; } /*** *** Message ***/ .message .link { font-size:20px; } .message_form { font-size:20px; } .message .heading { font-size:1.0em; font-weight:bold; } .message .date, .message .contact, .message .summary { font-size:14px; } .message .note, .message .pix { font-size:20px; } .message .author { font-weight: bold; font-size:20px; } .message .time { font-style: italic; font-size:20px; } .message .content { font-size:20px; } #message-user .commands span { font-size:11px; white-space:nowrap; } #message-user .name { font-weight: bold; font-size:1.1em; } /*** *** MyMoodle ***/ .my .courseboxcontent .overview .info { font-size:11px; } /*** *** Question ***/ .que .no { font-size: 1.2em; font-weight: bold; } .que .grade { font-size: 13px; } .que .history { font-size:75%; } .qnumber { font-size: 1.5em; } /*** *** Tabs ***/ .tablink { font-size:13px; } .tablink a:hover { text-decoration: none; } /*** *** User ***/ .userinfobox .username { font-weight: bold; } .userinfobox .links { font-size: 11px; } body#user-index #longtimenosee { font-size: 13px; } /*** *** Modules: Assignment ***/ #mod-assignment-index .cell { font-size:13px; } /*** *** Modules: Chat ***/ #mod-chat-index .cell { font-size:13px; } /*** *** Modules: Choice ***/ #mod-choice-index .cell { font-size:13px; } /*** *** Modules: Forum ***/ .forumnodiscuss{ font-weight:bold; } .forumpost .topic .subject { font-weight: bold; } .forumpost .topic .author { font-size: 13px; } .forumpost .commands, .forumpost .link, .forumpost .footer { font-size: 14px; } .forumheaderlist .discussion .lastpost { font-size: 11px; } body#mod-forum-search .introcontent { font-weight:bold; } body#mod-forum-index .generalbox .cell { font-size: 0.80em; } .forumpost .edited { font-style: italic; } .forum-cat { font-weight: 700; } /*** *** Modules: Glossary ***/ .glossarypost .commands { font-size: 13px; } .glossarypost .author { font-size: 13px; } .glossarypost .time { font-size: 13px; } .concept { font-weight: bold; } .glossarycomment .author { font-size: 13px; } .entrylowersection .aliases { font-size: 13px; } .entrylowersection .icons, .entrylowersection .ratings { font-size: 13px; } #mod-glossary-index .cell { font-size:13px; } /*** *** Modules: Journal ***/ #mod-journal-view .lastedit, #mod-journal-view .editend { font-size: 11px; } #mod-journal-view .author { font-size: 1em; font-weight: bold; } #mod-journal-view .time { font-size: 11px; font-style: italic; } #mod-journal-view .grade { font-weight: bold; font-style: italic; } #mod-journal-index .cell { font-size:13px; } /*** *** Modules: Label ***/ label.hilitehead { /*font-size: 1em!important;*/ } label > .hilite { /*font-size: 14px!important;*/ } /*** *** Modules: Lesson ***/ #mod-lesson-index .cell { font-size:13px; } /*** *** Modules: Quiz ***/ /* .editorhelptext { font-size:11px; } #mod-quiz-index .cell { font-size:13px; } */ /*** *** Modules: Resource ***/ #mod-resource-index .cell { font-size:13px; } .ims-nav-dimmed, .ims-nav-button { font-size:13px; } #ims-toc-selected { font-weight: bold; } #ims-menudiv { font-size:13px; } /*** *** Modules: Scorm ***/ #mod-scorm-index .cell { font-size:13px; } /*** *** Modules: Survey ***/ #mod-survey-index .cell { font-size:13px; } /*** *** Modules: Wiki ***/ #mod-wiki-index .cell { font-size:13px; } /*** *** Modules: Workshop ***/ #mod-workshop-index .cell { font-size:13px; } /*** *** LMS 3.0 Overall Styles *** .bodytext30, .bodytext30 td, .bodytext30 table, .bodytext30 th, .bodytext30 li { font-size:13px !important; font-family: Arial, sans-serif; } *** *** LMS 3.0 Blue highlights (generated numbers, pre-filled in content) ***/ .hilite { /*font-weight: bold; color: #0092D7; white-space: normal!important;*/ } .sideblock .hilite { /* font-weight: bold; color: #CEEFFF;*/ } /*** *** LMS 3.0 Blue highlights (generated numbers, pre-filled in content in a Header Box) ***/ .hilitehead { /* font-weight: bold; color: #305d8c; */} /*** *** LMS 3.0 Mass Mailer Test Size/Color ***/ .mmtext { font-size: 12px; color:#3D7DE0; } /*** *** Styling for a "Browse" button. (input type="File") ***/ .browsebutton { line-height: 1.42857143; font-size: 13px; } /*** *** Styling for forms. (input type="File") ***/ .form30 label { font-weight: bold; font-size: 13px; } .form30 input.small { width: 210px; } .form30 input.medium { width: 440px; } .form30 textarea.small { width: 210px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; } .form30 textarea.medium { width: 440px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; } /*** *** Styling for NEW alert boxes. ***/ #modalContainer { background-color:transparent; position:absolute; width:100%; height:100%; top:0px; left:0px; z-index:10000; background-image:url(../../pix/tint.png); /* required by MSIE to prevent actions on lower z-index elements */ } #alertBox { position:relative; width:500px; min-height:100px; margin-top:300px; background-position:20px 30px; } #modalContainer > #alertBox { position:fixed; } .siteTitleText { padding-left: 5px; font-weight: bold; color: #000000; font-size: 30px; font-family: Arial, Helvetica, sans-serif; line-height: 0.95em; } .siteTitleSubText { color: #305686; font-size: 26px; font-weight: normal; } /* Bootstrap Tab Default Formatting */ .nav-tabs.nav-justified > li > a { font-family: 'MontserratReg','Helvetica','Arial',sans-serif; font-size: 14px; } */ /* Side Block Default Formatting */ .block-heading { font-family: 'MontserratReg','Helvetica','Arial',sans-serif; font-size: 14px; } .font-weight-normal { font-weight: normal !important; } .anchor { font-weight: 500; font-size: 18px; } @media (max-width: 768px) { .text-left-mobile { text-align: left!important; } } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-addonon:first-child, .input-group-btn:first-child>.input-group-addonon { text-align: left; } .radio label, .checkbox label { padding-left: 0px; } /***** standard/styles_fonts.css end *****/ /***** standard/styles_color.css start *****/ /******************************************************************* styles_color.css This CSS file contains all color definitions like background-color, font-color, border-color etc. Styles are organised into the following sections: core header footer admin blocks calendar course doc login message question tabs user various modules *******************************************************************/ /*** *** Core ***/ a:link, a:visited { color:#3276b1; } a.dimmed:link, a.dimmed:visited, a.dimmed:hover { color:#AAAAAA!important; text-decoration: none; } a:hover { color:#7aa6cc; } a.autolink:link, a.autolink:visited { color:#000000; background: #DDDDDD; } a.autolink.glossary:hover { cursor: help; } img.userpicture, img.grouppicture { border-color:#000 } .block_online_users .listentry img { border:#888 } body,html { background-color:#F1F1F1; } th.header, td.header, div.header { border-color:#DDDDDD; } .breadcrumbbar { border-color:#DDDDDD; background-color: white; } .breadcrumb { background: none; } table.formtable tbody th { background: none; } .highlight { background-color:#AAFFAA; } .highlight2 { color:#AA0000; /* highlight missing terms in forum search */ } /* Font Icons that are on multiple pages, and could not be put into the font picker */ .fontIconHideShow { color:#7aa6cc !important; font-size: 20px !important; font-family: FontAwesome !important; } .fontIconHideShowSmall { color:#7aa6cc !important; font-size: 17px !important; font-family: FontAwesome !important; } .fontIconHelp { color:#3276B1 !important; font-size: 20px !important; font-family: FontAwesome !important; } .fontIconDelete { color:#a90329 !important; font-size: 17px !important; font-family: FontAwesome !important; } .fontIconDeleteAlt { color:#a90329 !important; font-size: 21px !important; font-family: FontAwesome !important; } .fontIconSettings{ color:#7b7b7b !important; font-size: 17px !important; font-family: FontAwesome !important; } /* Edit User Page Icons */ .fontIconUser { color:#3276b1; } .fontIconLogin { color:#57889c; } .fontIconBilling { color:#356e35; } .fontIconGroup { color:#6e587a; } .fontIconLearninghistory { color:#c79121; } .fontIconEdit { color:#c79121; font-size: 17px !important; } .fontIconDelete { color:#a90329; } /* This is the global activity icon size */ .ActivityIcon { font-size: 20px; width:25px; } /* These are the activity icon colours */ .fontIconLesson { color:#3276b1; } .fontIconAssignment { color:#ad578a; } .fontIconChat { color:#8ac38b; } .fontIconGlossary { color:#3276b1; } .fontIconQuiz { color:#a90329; } .fontIconForum { color:#496949; } .fontIconIpodcast { color:#6e3671; } .fontIconQuestionnaire { color:#6e3671; } .fontIconResource { color:#57889c; } .fontIconScorm { color:#404040; } .fontIconTincan { color:#404040; } .fontIconLabel { color:#568a89; } .fontIconWebex { color:#0066cb; } .fontIconWiki { color:#356e35; } /* Alternate rows even */ .generaltable .r0 { background-color: #FFFFFF; } /* Alternate rows odd */ .generaltable .r1 { background-color: #EEEEEE; } /* notification messages (can be good or bad) */ .notifyproblem { color:#FF0000; } .notifysuccess { color:#006600; } .required { /*background-color:#DDDDDD;*/ } .generalbox { border-color:#DDDDDD; } .informationbox { border-color:#DDDDDD; } .feedbackbox { border-color: #888888; } .feedbackby { background-color:#BBBBBB; } .noticebox { border-color:#DDDDDD; } .errorbox { color:#ffffff; border-color:#FF0000; background-color:#990000; } .errorboxcontent { background-color:#FFFFFF; color: #FF0000; } .tabledivider { border-color:#DDDDDD; } .sitetopic { } .sitetopiccontent { border-color:#DDDDDD; background-color:transparent; } .dimmed_text { color:#AAAAAA !important; } .teacheronly { color:#990000; } .unread { background: #FFD991; } .censoredtext { color:#000000; background:#000000; } /* kept for backward compatibility with some non-standard modules which use these classes for various things */ .generaltab, .generaltabinactive { background-color:#BBBBBB; } .generaltabselected { background-color:#DDDDDD; } .generaltabinactive { color:#CCCCCC; } .generaltable .cell { border-color:#FFFFFF; } .generaltable { /* border-color:#BBBBBB; */ } #sidebar-wrapper { background-color: #000000!important; } /*** *** Header ***/ .headerskip a:link, .headerskip a:visited, .headerskip a:hover { color: #FFF; } /*** *** Footer ***/ /*Accessibility: .debugwarn */ .debugwarn { text-align: center; background: #FDD; } .homelink a:link, .homelink a:visited, .homelink a:hover { color: #000; text-decoration: none; } .homelink a:link, .homelink a:visited { border-top: 1px solid #cecece; border-bottom: 2px solid #4a4a4a; border-left: 1px solid #cecece; border-right: 2px solid #4a4a4a; } .homelink a:hover { border-bottom: 1px solid #cecece; border-top: 2px solid #4a4a4a; border-right: 1px solid #cecece; border-left: 2px solid #4a4a4a; } /*** *** Admin ***/ .admin .generalboxcontent { background-color: transparent; } .admin .generalbox { border-color:#BBBBBB; } .admin .informationbox { border-color:#BBBBBB; background-color:#FFFFFF; } body#admin-index .c0 { background-color: #FAFAFA; } body#admin-blocks table#blocks .r0, body#admin-blocks table#incompatible .r0 { background-color: #f0f0f0; } body#admin-blocks table#blocks .r1, body#admin-blocks table#incompatible .r1 { background-color: #fafafa; } body#admin-blocks table#incompatible td.c0 { color: #ff0000; } table.flexible .r0 { background-color: #f0f0f0; } table.flexible .r1 { background-color: #fafafa; } /*** *** Blocks ***/ .sideblock .header { border-color: #dddddd; color: #000000; } .sideblock .content { border-color: #dddddd; background-color: transparent; } .sideblock .content hr { border-top-color:#999999; } #left-column .hidden .header, #right-column .hidden .header { border-bottom-color: #dddddd; } .sideblock .header .hide-show img.hide-show-image { background: url('../../pix/t/switch_minus.png') no-repeat bottom; } .sideblock.hidden .header .hide-show img.hide-show-image { background: url('../../pix/t/switch_plus.png') no-repeat bottom; } .blockconfigtable { background-color:#FFFFFF; border-left:1px solid; border-right:1px solid; border-bottom:1px solid; border-color:#AAAAAA; } /*** *** Blogs ***/ .blogpost.blogdraft .content { background-color:#EEEEEE; } .block_blog_tags .official { color: #0000cc; } .block_blog_tags .personal { color: #666699; } /*** *** Calendar ***/ #calendar .maincalendar, #calendar .sidecalendar { border-color: #DDDDDD; } #calendar .maincalendar table.calendarmonth th { border-color: #dddddd; background-color: #3965be; color: #FFFFFF; } #calendar .maincalendar table.calendarmonth td { border-color: #dddddd; } table.minicalendar { border-color: #DDDDDD; background-color: #FFFFFF; } #calendar .maincalendar .eventlist .event { border-color:#DDDDDD; } #calendar .maincalendar .eventlist .event .topic, #calendar .maincalendar .eventlist .event .picture, #calendar .maincalendar .eventlist .event .side { background-color:#EEEEEE; } #calendar .maincalendar table.calendarmonth ul.events-underway { color:#999999; } /*Accessibility: increase contrast, darker link/weekend colors, lighter event backgrounds. */ .minicalendar a, .calendarmonth a { color:#000077; } #calendar .event_global, .minicalendar .event_global, .block_calendar_month .event_global, .event_global a { color:#ffffff !important; } #calendar .event_course, .minicalendar .event_course, .block_calendar_month .event_course, .event_course a { color:#ffffff !important; } #calendar .event_group, .minicalendar .event_group, .block_calendar_month .event_group, .event_group a { color:#ffffff !important; } #calendar .event_usergroup, .minicalendar .event_usergroup, .block_calendar_month .event_usergroup, .event_usergroup a { color:#ffffff !important; } #calendar .event_user, .minicalendar .event_user, .block_calendar_month .event_user, .event_user a { color:#333333 !important; } #calendar .event_series, .minicalendar .event_series, .block_calendar_month .event_series, .event_series a { color:#ffffff !important; } #calendar .event_region, .minicalendar .event_region, .block_calendar_month .event_region, .event_region a { color:#ffffff !important; } #calendar .event_enrolled, .minicalendar .event_course, .block_calendar_month .event_course, .event_course a { color:#ffffff !important; } #calendar .event_global, .minicalendar .event_global, .block_calendar_month .event_global, .event_global { border-color:#a90329 !important; /* #C5E7BC */ background-color:#a90329 !important; } #calendar .event_course, .minicalendar .event_course, .block_calendar_month .event_course, .event_course { border-color:#57889c !important; /* #EDD69D */ background-color:#57889c !important; } #calendar .event_group, .minicalendar .event_group, .block_calendar_month .event_group, .event_group { border-color:#3276b1 !important; /* #EDD69D */ background-color:#3276b1 !important; } #calendar .event_usergroup, .minicalendar .event_usergroup, .block_calendar_month .event_usergroup, .event_usergroup { border-color:#3276b1 !important; /* #EDD69D */ background-color:#3276b1 !important; } #calendar .event_user, .minicalendar .event_user, .block_calendar_month .event_user, .event_user { border-color:#dedede !important; /* #EEC2AC */ background-color:#dedede !important; } #calendar .event_series, .minicalendar .event_series, .block_calendar_month .event_series, .event_series { border-color:#c79121 !important; /* #CBD6DB */ background-color:#c79121 !important; } #calendar .event_region, .minicalendar .event_region, .block_calendar_month .event_region { border-color:#ECC !important; /* #CBD6DB */ background-color:#ECC; } #calendar .event_enrolled, .minicalendar .event_enrolled, .block_calendar_month .event_enrolled, .event_enrolled { border-color:#739e73 !important; /* #EEC2AC */ background-color:#739e73 !important; } #calendar .duration_global, .minicalendar .duration_global { border-top-color:#a90329 !important; border-bottom-color:#a90329 !important; } #calendar .duration_course, .minicalendar .duration_course { border-top-color: #57889c !important; border-bottom-color:#57889c !important; } #calendar .duration_group, .minicalendar .duration_group { border-top-color:#3276b1 !important; border-bottom-color:#3276b1 !important; } #calendar .duration_user, .minicalendar .duration_user { border-top-color:#dedede !important; border-bottom-color:#dedede !important; } #calendar .duration_usergroup, .minicalendar .duration_usergroup { border-left: none; border-top-color:#3276b1 !important; border-bottom-color:#3276b1 !important; } #calendar .duration_series, .minicalendar .duration_series { border-left: 0px; border-right: 0px; border-top-color:#c79121 !important; border-bottom-color:#c79121 !important; } #calendar .duration_region, .minicalendar .duration_region { border-top-color:#CAA !important; border-bottom-color:#CAA !important; } #calendar .duration_enrolled, .minicalendar .duration_enrolled { border-top-color:#739e73 !important; border-bottom-color:#739e73 !important; } #calendar .weekend, .minicalendar .weekend { color:#3965be; } #calendar .today, .minicalendar .today { border-color:#444444; } .cal_popup_fg { background-color:#FFFFFF; } .cal_popup_bg { border-color:#000000; background-color:#FFFFFF; } #calendar .maincalendar .filters table, #calendar .sidecalendar .filters table, .block_calendar_month .filters table { background-color: transparent; } /*** *** Course ***/ /* course, entry-page, login */ .headingblock { border-color:#DDDDDD; } /* course */ .headingblock .outline { border-color:#DDDDDD; } #course-view .weekscss .section, #course-view .section td { border-color:#DDDDDD; } /* .content should match the body background, sides are white. */ #course-view .weekscss .content { background: #FAFAFA; } #course-view .weekscss .section, #course-view .section td.side { background: transparent; } #course-view .section .content { background: transparent; } #course-view .section .side { } #course-view .section .left { } #course-view .section .right { } #course-view .weekscss .current, #course-view .current td.side { /*background: #FFD991;*/ } #course-view .weekscss .hidden, #course-view .hidden td.side { background: #DDDDDD; } #course-view .topics { } #course-view .weeks { } #course-view .section .spacer { } #course-view .section .weekdates { color: #777777; } #course-view .weekscss .weekdates { color: #333333; } .categoryboxcontent, .courseboxcontent { border-color:#DDDDDD; } body#course-user .section { border-color:#AAAAAA; } #admin-report .plugin, #course-report .plugin, #course-import .plugin { margin-bottom: 20px; margin-left:10%; margin-right:10%; border-bottom: 1px solid #cecece; border-top: 1px solid #cecece; border-right: 1px solid #cecece; border-left: 1px solid #cecece; background-color: #fdfdfd; } /*** *** Doc ***/ /*** *** Grades ***/ body#grade-index .grades { border-color:black; } body#grade-index .grades td { border-color:#e0e0e0; } body#grade-index .grades .r0 { background-color: #ffffff; } body#grade-index .grades .r1 { background-color: #f0f0f0; } /*** *** Login ***/ .loginbox .content { border-color:#DDDDDD; } /*** *** Message ***/ table.message_search_results td { border-color:#DDDDDD; } .message.other .author { color: #8888CC; } .message.me .author { color: #999999; } .message .time { color: #999999; } .message .content { } /*** *** Question ***/ .que { border-color: #DDD; } .que .r0 { background-color: #F5F5F5; } .que .r1 { background-color: #EEE; } .calculated .answer, .numerical .answer, .shortanswer .answer, .truefalse .answer { background-color: #EEE; } .calculated .feedback, .numerical .feedback, .shortanswer .feedback, .truefalse .feedback { border-color: #DDD; } .que.multianswer .incorrect { background-color: #faa; } .que.multianswer .partiallycorrect { background-color: #ff9; } .que.multianswer .correct { background-color: #afa; } /*** *** Logs ***/ .logtable .r1 { background-color:#EEEEEE; } /*** *** Tabs ***/ .tablink a:link, .tablink a:visited { color:#000066; } .selected .tablink a:link, .selected .tablink a:visited { color:#000000; } .tabs .side, .tabrow td { border-color: #3A4C6C; } .tabrow td { background:url(pix/tab/left.gif) top left no-repeat; } .tabrow td .tablink { background:url(pix/tab/right.gif) top right no-repeat; } .tabrow td:hover { background-image:url(pix/tab/left_hover.gif); } .tabrow td:hover .tablink { background-image:url(pix/tab/right_hover.gif); } .tabrow .last { background: transparent url(pix/tab/right_end.gif) top right no-repeat; } .tabrow .selected { background:url(pix/tab/left_active.gif) top left no-repeat; } .tabrow .selected .tablink { background:url(pix/tab/right_active.gif) top right no-repeat; } .tabrow td.selected:hover { background-image:url(pix/tab/left_active_hover.gif); } .tabrow td.selected:hover .tablink { background-image:url(pix/tab/right_active_hover.gif); } /*** *** User ***/ .userpicture { } .userinfobox { border-color: #DDDDDD; } .groupinfobox { border-color: #DDDDDD; } /*** *** Modules: Chat ***/ #mod-chat-gui_header_js-jsupdate .text { color:#000 } #mod-chat-gui_header_js-jsupdate .event, #mod-chat-gui_header_js-jsupdate .title { color:#888 } #mod-chat-gui_header_js-chatinput .wait { background: #dddddd; } /*** *** Modules: Choice ***/ /*** *** Modules: Forum ***/ .forumheaderlist, .forumpost { border-color:#DDDDDD; } .forumpost .content { background: #FFFFFF; } .forumpost .left { background:#EEEEEE; } .forumpost .topic { border-bottom-color: #EEEEEE; } .forumpost .starter { background:#DDDDDD; } .forumheaderlist .discussion .starter { background:#DDDDDD; } .forumheaderlist td { border-color: #FFFFFF; } .sideblock .post .head { color:#555555; } .forumthread .unread { background: #FFD991; } #mod-forum-discuss .forumpost { background: none; } #mod-forum-discuss .forumpost.unread .content { border-color: #FFD991; } #mod-forum-discuss .forumthread .unread { } #mod-forum-index .unread { } /*** *** Modules: Glossary ***/ .entryboxheader { border-color: #BBBBBB; } .entrybox { border-color: #BBBBBB; } .entry { } .glossarypost { border-color: #DDDDDD; } .glossarypost .entryheader, .glossarypost .entryapproval, .glossarypost .picture, .glossarypost .left { background-color: #F0F0F0; } .glossarycomment { border-color: #DDDDDD; } .glossarycomment .entryheader, .glossarycomment .picture, .glossarycomment .left { background-color: #F0F0F0; } #mod-glossary-report .generalbox .teacher { background: #F0F0F0; } .categoryheader { background-color: #dddddd; } .glossaryformatheader { background-color: #dddddd; } /*** *** Modules: Journal ***/ #mod-journal-view .feedbackbox .left, #mod-journal-view .feedbackbox .entryheader { background-color: #dddddd; } /*** *** Modules: Label ***/ /*** *** Modules: Lesson ***/ /*** *** Modules: Quiz ***/ /* body#mod-quiz-report table#attempts td { border-color: #dddddd; } body#mod-quiz-report table#attempts .r1 { background-color: #eeeeee; } */ /*** *** Modules: Resource ***/ .ims-nav-dimmed { color: #AAAAAA; text-decoration: none; } .ims-nav-button a:link, .ims-nav-button a:visited, .ims-nav-button a:hover { color: #000; text-decoration: none; } .ims-nav-dimmed, .ims-nav-button a:link, .ims-nav-button a:visited { border-top: 1px solid #cecece; border-bottom: 2px solid #4a4a4a; border-left: 1px solid #cecece; border-right: 2px solid #4a4a4a; } .ims-nav-button a:hover { border-bottom: 1px solid #cecece; border-top: 2px solid #4a4a4a; border-right: 1px solid #cecece; border-left: 2px solid #4a4a4a; } #ims-contentframe, #ims-contentframe-no-nav { border-color: #cecece; } /*** *** Modules: Scorm ***/ /*** *** Modules: Survey ***/ #mod-survey-view .r0 { background-color: #EEEEEE; } #mod-survey-view .r1 { background-color: #DDDDDD; } /*** *** Modules: Wiki ***/ /*** *** Modules: Workshop ***/ .workshoppostpicture { background-color:#FEE6B9; } .workshopassessmentheading { background-color:#DDDDDD; } .error { color:#ff0000; } /* Bootstrap Tab Default Formatting */ /*.nav-tabs.nav-justified { background: #434343; }*/ /*.nav-tabs.nav-justified > li > a { background-color: #434343; color: white; } */ /*.nav-tabs.nav-justified > li:hover, .nav-tabs.nav-justified >.active { background-color: #3b5e98!important; } */ /*.nav-tabs.nav-justified > li > a:hover { background-color: #3b5e98!important; }*/ /*.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: #3b5e98; color: white; }*/ /* Side Block Default Formatting */ .block-heading { background-color: #e8e8e8; color: #3b5e98; } .block-content { background-color: #f1f1f1; color: #000000; } .block-page-columns { background-color: #f9f9f9; } .page-footer { background-color: #dddddd; } #left-column { background-color: #f1f1f1; /*border-right: 1px solid #C4C4C4;*/ } #middle-column { background-color: #FFFFFF; } #right-column { background-color: #f1f1f1; /*border-left: 1px solid #C4C4C4;*/ } @media (max-width: 991px) { /*#left-column { border-right: 1px solid #C4C4C4; border-left: 1px solid #C4C4C4; } #middle-column { border-right: 1px solid #C4C4C4; border-left: 1px solid #C4C4C4; } #right-column { border-right: 1px solid #C4C4C4; border-left: 1px solid #C4C4C4; }*/ } /* Faq Menu Color overrides, uses same color as unselected tab. */ .faq-menu .open > a, .faq-menu .open > a:hover, .faq-menu .open > a:focus { background-color: #434343; } .pagetitletext { color: #3B5E98; } /* Text size buttons */ .btn-info:hover { border-color: #777; } .btn-info:active, .btn-info:focus { background-color: #777; border-color: #777; } .btn-default:focus { /*background: none!important;*/ } .all-courses-color { color: #6e587a; } .incomplete-courses-color { color: #a90329; } .complete-courses-color { color: #356e35; } /* Dropdown menu overriding custom colors*/ .masterselect, .masterselect:hover, span.multiselect-item, .ui-state-active span.licombobox { color: #333!important; } /* Input Fields */ .form-control, .form-control-short, .form-control-time { background-color: #f3f3f3; } /* Button Icon Colors */ .signoff-icon { color: #356E35; } .revoke-icon { color: #6E3671; } .delete-icon { color: #A90329; } .hiliteDropdown a, .hiliteDropdown a:hover { color: #FFFFFF !important; background-color: #3276B1 !important; } /************************************************************************* * VenU Touch (Smartadmin) Styles * *************************************************************************/ .txt-color-blue { color: #57889c!important; } .txt-color-blueLight { color: #92a2a8!important; } .txt-color-blueDark { color: #4c4f53!important; } .txt-color-green { color: #356e35!important; } .txt-color-greenLight { color: #71843f!important; } .txt-color-greenDark { color: #496949!important; } .txt-color-red { color: #a90329!important; } .txt-color-yellow { color: #b09b5b!important; } .txt-color-orange { color: #b19a6b!important; } .txt-color-orangeDark { color: #a57225!important; } .txt-color-pink { color: #ac5287!important; } .txt-color-pinkDark { color: #a8829f!important; } .txt-color-purple { color: #6e587a!important; } .txt-color-darken { color: #404040!important; } .txt-color-lighten { color: #d5e7ec!important; } .txt-color-white { color: #fff!important; } .txt-color-grayDark { color: #525252!important; } .txt-color-magenta { color: #6e3671!important; } .txt-color-teal { color: #568a89!important; } .txt-color-redLight { color: #a65858!important; } /* * BACKGROUND COLORS */ .bg-color-blue { background-color: #57889c !important; } .bg-color-blueLight { background-color: #8DDCFC !important; } .bg-color-blueLighter { background-color: #C9EEFC !important; } .bg-color-blueDark { background-color: #4c4f53 !important; } .bg-color-green { background-color: #356e35 !important; } .bg-color-greenLight { background-color: #71843f !important; } .bg-color-greenDark { background-color: #496949 !important; } .bg-color-red { background-color: #a90329 !important; } .bg-color-yellow { background-color: #b09b5b !important; } .bg-color-orange { background-color: #c79121 !important; } .bg-color-orangeDark { background-color: #a57225 !important; } .bg-color-pink { background-color: #ac5287 !important; } .bg-color-pinkDark { background-color: #a8829f !important; } .bg-color-purple { background-color: #6e587a !important; } .bg-color-darken { background-color: #404040 !important; } .bg-color-lighten { background-color: #d5e7ec !important; } .bg-color-white { background-color: #ffffff !important; } .bg-color-grayDark { background-color: #525252 !important; } .bg-color-magenta { background-color: #6e3671 !important; } .bg-color-teal { background-color: #568a89 !important; } .bg-color-redLight { background-color: #a65858 !important; } .bg-color-alert { border: none !important; border-left: 5px solid #953b39 !important; background-color: #c26565 !important; color: #ffffff !important; } .bg-color-ok { border: none !important; border-left: 5px solid #8ac38b !important; background-color: #cde0c4 !important; color: #356635 !important; } .bg-color-warning { border: none !important; border-left: 5px solid #dfb56c !important; background-color: #efe1b3 !important; color: #826430 !important; } .bg-color-info { border: none !important; border-left: 5px solid #9cb4c5 !important; background-color: #d6dde7 !important; color: #305d8c !important; } /* * TEXT COLORS */ .color-blue { color: #57889c !important; } .color-blueLight { color: #8DDCFC !important; } .color-blueLighter { color: #C9EEFC !important; } .color-blueDark { color: #4c4f53 !important; } .color-green { color: #356e35 !important; } .color-greenLight { color: #71843f !important; } .color-greenDark { color: #496949 !important; } .color-red { color: #a90329 !important; } .color-yellow { color: #b09b5b !important; } .color-orange { color: #c79121 !important; } .color-orangeDark { color: #a57225 !important; } .color-pink { color: #ac5287 !important; } .color-pinkDark { color: #a8829f !important; } .color-purple { color: #6e587a !important; } .color-darken { color: #404040 !important; } .color-lighten { color: #d5e7ec !important; } .color-white { color: #ffffff !important; } .color-grayDark { color: #525252 !important; } .color-magenta { color: #6e3671 !important; } .color-teal { color: #568a89 !important; } .color-redLight { color: #a65858 !important; } .color-venuBlue { color: #52A0DD !important; } .gradient-default { background: #3276b1; background: -moz-linear-gradient(left, #3276b1 1%, #6DA6D6 100%); background: -webkit-gradient(linear, left top, right top, color-stop(1%,#3276b1), color-stop(100%,#6DA6D6)); background: -webkit-linear-gradient(left, #3276b1 1%,#6DA6D6 100%); background: -o-linear-gradient(left, #3276b1 1%,#6DA6D6 100%); background: -ms-linear-gradient(left, #3276b1 1%,#6DA6D6 100%); background: linear-gradient(to right, #3276b1 1%,#6DA6D6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3276b1', endColorstr='#6DA6D6',GradientType=1 ); } .gradient-blueLight { background: #57889c !important; background: -moz-linear-gradient(left, #57889c 1%, #6EAFC9 100%) !important; background: -webkit-gradient(linear, left top, right top, color-stop(1%,#57889c), color-stop(100%,#6EAFC9)) !important; background: -webkit-linear-gradient(left, #57889c 1%,#6EAFC9 100%) !important; background: -o-linear-gradient(left, #57889c 1%,#6EAFC9 100%) !important; background: -ms-linear-gradient(left, #57889c 1%,#6EAFC9 100%) !important; background: linear-gradient(to right, #57889c 1%,#6EAFC9 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57889c', endColorstr='#6EAFC9',GradientType=1 ) !important; } .gradient-green { background: #356e35 !important; background: -moz-linear-gradient(left, #356e35 1%, #63C663 100%) !important; background: -webkit-gradient(linear, left top, right top, color-stop(1%,#356e35), color-stop(100%,#63C663)) !important; background: -webkit-linear-gradient(left, #356e35 1%,#63C663 100%) !important; background: -o-linear-gradient(left, #356e35 1%,#63C663 100%) !important; background: -ms-linear-gradient(left, #356e35 1%,#63C663 100%) !important; background: linear-gradient(to right, #356e35 1%,#63C663 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356e35', endColorstr='#63C663',GradientType=1 ) !important; } .gradient-purpleLight { background: #6e587a !important; background: -moz-linear-gradient(left, #6e587a 1%, #B896CC 100%) !important; background: -webkit-gradient(linear, left top, right top, color-stop(1%,#6e587a), color-stop(100%,#B896CC)) !important; background: -webkit-linear-gradient(left, #6e587a 1%,#B896CC 100%) !important; background: -o-linear-gradient(left, #6e587a 1%,#B896CC 100%) !important; background: -ms-linear-gradient(left, #6e587a 1%,#B896CC 100%) !important; background: linear-gradient(to right, #6e587a 1%,#B896CC 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e587a', endColorstr='#B896CC',GradientType=1 ) !important; } .gradient-teal { background: #568a89 !important; background: -moz-linear-gradient(left, #568a89 1%, #82CECC 100%) !important; background: -webkit-gradient(linear, left top, right top, color-stop(1%,#568a89), color-stop(100%,#82CECC)) !important; background: -webkit-linear-gradient(left, #568a89 1%,#82CECC 100%) !important; background: -o-linear-gradient(left, #568a89 1%,#82CECC 100%) !important; background: -ms-linear-gradient(left, #568a89 1%,#82CECC 100%) !important; background: linear-gradient(to right, #568a89 1%,#82CECC 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#568a89', endColorstr='#82CECC',GradientType=1 ) !important; } .gradient-yellow { background: #b09b5b !important; background: -moz-linear-gradient(left, #b09b5b 1%, #D3BA70 100%) !important; background: -webkit-gradient(linear, left top, right top, color-stop(1%,#b09b5b), color-stop(100%,#D3BA70)) !important; background: -webkit-linear-gradient(left, #b09b5b 1%,#D3BA70 100%) !important; background: -o-linear-gradient(left, #b09b5b 1%,#D3BA70 100%) !important; background: -ms-linear-gradient(left, #b09b5b 1%,#D3BA70 100%) !important; background: linear-gradient(to right, #b09b5b 1%,#D3BA70 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b09b5b', endColorstr='#D3BA70',GradientType=1 ) !important; } .gradient-red { background: #a90329 !important; background: -moz-linear-gradient(left, #a90329 1%, #D60633 100%) !important; background: -webkit-gradient(linear, left top, right top, color-stop(1%,#a90329), color-stop(100%,#D60633)) !important; background: -webkit-linear-gradient(left, #a90329 1%,#D60633 100%) !important; background: -o-linear-gradient(left, #a90329 1%,#D60633 100%) !important; background: -ms-linear-gradient(left, #a90329 1%,#D60633 100%) !important; background: linear-gradient(to right, #a90329 1%,#D60633 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#D60633',GradientType=1 ) !important; } .gradient-greenLight { background: #71843f !important; background: -moz-linear-gradient(left, #71843f 1%, #A5BF5D 100%) !important; background: -webkit-gradient(linear, left top, right top, color-stop(1%,#71843f), color-stop(100%,#A5BF5D)) !important; background: -webkit-linear-gradient(left, #71843f 1%,#A5BF5D 100%) !important; background: -o-linear-gradient(left, #71843f 1%,#A5BF5D 100%) !important; background: -ms-linear-gradient(left, #71843f 1%,#A5BF5D 100%) !important; background: linear-gradient(to right, #71843f 1%,#A5BF5D 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71843f', endColorstr='#A5BF5D',GradientType=1 ) !important; } .gradient-blue { background: #3276b1 !important; background: -moz-linear-gradient(left, #3276b1 1%, #6DA6D6 100%) !important; background: -webkit-gradient(linear, left top, right top, color-stop(1%,#3276b1), color-stop(100%,#6DA6D6)) !important; background: -webkit-linear-gradient(left, #3276b1 1%,#6DA6D6 100%) !important; background: -o-linear-gradient(left, #3276b1 1%,#6DA6D6 100%) !important; background: -ms-linear-gradient(left, #3276b1 1%,#6DA6D6 100%) !important; background: linear-gradient(to right, #3276b1 1%,#6DA6D6 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3276b1', endColorstr='#6DA6D6',GradientType=1 ) !important; } .gradient-purpleDark { background: #6e3671 !important; background: -moz-linear-gradient(left, #6e3671 1%, #A774AA 100%) !important; background: -webkit-gradient(linear, left top, right top, color-stop(1%,#6e3671), color-stop(100%,#A774AA)) !important; background: -webkit-linear-gradient(left, #6e3671 1%,#A774AA 100%) !important; background: -o-linear-gradient(left, #6e3671 1%,#A774AA 100%) !important; background: -ms-linear-gradient(left, #6e3671 1%,#A774AA 100%) !important; background: linear-gradient(to right, #6e3671 1%,#A774AA 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e3671', endColorstr='#A774AA',GradientType=1 ) !important; } .gradient-black { background: #313131 !important; background: -moz-linear-gradient(left, #313131 1%, #7C7C7C 100%) !important; background: -webkit-gradient(linear, left top, right top, color-stop(1%,#313131), color-stop(100%,#7C7C7C)) !important; background: -webkit-linear-gradient(left, #313131 1%,#7C7C7C 100%) !important; background: -o-linear-gradient(left, #313131 1%,#7C7C7C 100%) !important; background: -ms-linear-gradient(left, #313131 1%,#7C7C7C 100%) !important; background: linear-gradient(to right, #313131 1%,#7C7C7C 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313131', endColorstr='#7C7C7C',GradientType=1 ) !important; } .gradient-gold { background: #c79121 !important; background: -moz-linear-gradient(left, #c79121 1%, #DBB362 100%) !important; background: -webkit-gradient(linear, left top, right top, color-stop(1%,#c79121), color-stop(100%,#DBB362)) !important; background: -webkit-linear-gradient(left, #c79121 1%,#DBB362 100%) !important; background: -o-linear-gradient(left, #c79121 1%,#DBB362 100%) !important; background: -ms-linear-gradient(left, #c79121 1%,#DBB362 100%) !important; background: linear-gradient(to right, #c79121 1%,#DBB362 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c79121', endColorstr='#DBB362',GradientType=1 ) !important; } .gradient-greenLight2 { background: #739e73 !important; background: -moz-linear-gradient(left, #739e73 1%, #AFD1AF 100%) !important; background: -webkit-gradient(linear, left top, right top, color-stop(1%,#739e73), color-stop(100%,#AFD1AF)) !important; background: -webkit-linear-gradient(left, #739e73 1%,#AFD1AF 100%) !important; background: -o-linear-gradient(left, #739e73 1%,#AFD1AF 100%) !important; background: -ms-linear-gradient(left, #739e73 1%,#AFD1AF 100%) !important; background: linear-gradient(to right, #739e73 1%,#AFD1AF 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#739e73', endColorstr='#AFD1AF',GradientType=1 ) !important; } .gradient-pink { background: #ac5287 !important; background: -moz-linear-gradient(left, #ac5287 1%, #D18CB4 100%) !important; background: -webkit-gradient(linear, left top, right top, color-stop(1%,#ac5287), color-stop(100%,#D18CB4)) !important; background: -webkit-linear-gradient(left, #ac5287 1%,#D18CB4 100%) !important; background: -o-linear-gradient(left, #ac5287 1%,#D18CB4 100%) !important; background: -ms-linear-gradient(left, #ac5287 1%,#D18CB4 100%) !important; background: linear-gradient(to right, #ac5287 1%,#D18CB4 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac5287', endColorstr='#D18CB4',GradientType=1 ) !important; } .gradient-redLight { background: #a65858 !important; background: -moz-linear-gradient(left, #a65858 1%, #D19090 100%) !important; background: -webkit-gradient(linear, left top, right top, color-stop(1%,#a65858), color-stop(100%,#D19090)) !important; background: -webkit-linear-gradient(left, #a65858 1%,#D19090 100%) !important; background: -o-linear-gradient(left, #a65858 1%,#D19090 100%) !important; background: -ms-linear-gradient(left, #a65858 1%,#D19090 100%) !important; background: linear-gradient(to right, #a65858 1%,#D19090 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a65858', endColorstr='#D19090',GradientType=1 ) !important; } /***** standard/styles_color.css end *****/ /***** standard/styles_theme.css start *****/ body, table { } html .DHTMLSuite_menuBar_sub[style] { top: 140px !important; } .ui-widget-header { /*background-color: #3C5C99 !important;*/ } /* Calendar Styles */ #calendar .maincalendar table.calendarmonth th { background-color: #F4F4F4 !important; color: #333333 !important; text-align: center; height: 25px; padding: 0; border: 1px solid #CCC; margin: 0; } #calendar .maincalendar table.calendarmonth { border-collapse: collapse; } #calendar .maincalendar table.calendarmonth td { height: 175px; width: 145px; } #calendar .maincalendar table.calendarmonth td .day { text-align: right; padding-top: 4px; padding-right: 4px; } .calendarmonth { } #course-edit_dates .page .col-md-12 { padding: 0; } #course-edit_dates .page .well { margin-bottom: 0; } #course-edit_dates { background: #fff; } /* End Calendar Styles */ #nav-select { text-align: center; padding-top: 5px; height: 31px; width: 100%; background-color: #474544; display: none; } #nav-select #nav-select-options, .nav-select-text { font-size: 16px; font-family: Arial, Helvetica, sans-serif; } #masterlink { width: 100%; } .homepagecatheader td { padding-top: 7px; padding-bottom: 7px; } #masterlink .hilite { /* font-weight: bold; font-size: 16px; color: #296191 !important;*/ } #masterlink td:first-child { width: 26px; padding-left: 8px; vertical-align: middle; } #masterlink td:first-child img { width: 20px; height: 20px; } .hilite { /* color: #019ddd !important; vertical-align: center; white-space: nowrap; font-weight: bold;*/ } #middle-column .hilite { /*color: #FFF !important;*/ } .catheadtitlecolor { font-weight: bold; font-size: 16px; color: #FFF; margin:0px; } .course-accordion-header { margin-bottom: 12px; background-color: #332b24; height: 32px; width: 100%; } .course-accordion-header td:first-child { width: 26px; padding-left: 8px; vertical-align: middle; } .course-accordion-header td:first-child img { width: 20px; height: 20px; } .DHTMLSuite_menuBar_top { background-image: none !important; background-color: #474544; } .tabbg_selected_expand, .tabbg_selected_start { background-image: none !important; background-color: #005ec4; } .tabbg_expand { background-image: none !important; background-color: #332b24; } .course-accordion { border-bottom: 1px solid #CCCCCC; width: 97%; } .dspcoursecont { border-bottom: 1px solid #CCCCCC; } .cpanelcat, .cpanelcourse { vertical-align: middle; padding-top: 8px; padding-bottom: 10px; background-color: #FBFBFB; } .cpanelcat img, .cpanelcourse img { margin-bottom: 0px; margin-right: 6px; } .message .hilite, .bodytext30 .hilite { /* font-size: 13px !important; color: #296191 !important;*/ } .reportBoxTitle, .reportBoxTitle a { /* font-size must match the defaultSize value in print_report_box(), which is located in /lms/lib/venuweblib.php */ /*font-size: 13px;*/ /*font-weight: bold;*/ /*color: #FFFFFF;*/ } .reportBoxContent, .reportBoxContent th, .reportBoxContent td { /* font-size must match the defaultSize value in print_report_box(), which is located in /lms/lib/venuweblib.php */ /*font-size: 13px;*/ } .reportBoxExportLink { font-size: 11px; color: #0064AE; } .reportBoxTotal { font-weight: bold; width: 100%; } .reportBoxDivider { border-right: 1px solid #FFFFFF; margin-top: 1px; height: 24px; } .reportBoxRow1 { background-color: #FFFFFF; } .reportBoxRow2 { background-color: #e0e0e0; } .reportBoxBlue1 { background-color: #FDFDFF; } .reportBoxBlue2 { background-color: #F4F8FF; } .tabTitle:link, .tabTitle:hover, .tabTitle:visited { color: #FFFFFF; } /* shopping cart */ .cartalt1, .orderalt1, .summaryalt1 { background-color: #EEEEEE; } .cartalt2, .orderalt2, .summaryalt2 { background-color: #FFFFFF; } /* updates the spacing on a block's edit buttons */ .commands { padding-top: 5px; } .icon { padding-right: 5px; } .clear-both { clear: both; } .top-header { background-color:white; padding: 5px 0px; display: block; } #logo-wrapper { cursor:pointer; padding-left:34px; float: left; /*margin-top: 5px;*/ } #welcome-search, #welcome-logo2 { float: right; } .alert { padding: 15px; margin-bottom: 18px; border: 1px solid transparent; border-radius: 2px; position: relative; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable { padding-right: 35px; } .alert-dismissable .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #468847; color: #468847; } .alert-success hr { border-top-color: #3d773e; } .alert-success .alert-link { color: #356635; } .alert-info { background-color: #d6dde7; border-color: #9cb4c5; color: #346597; } .alert-info hr { border-top-color: #8ca8bc; } .alert-info .alert-link { color: #274c71; } .alert-warning { background-color: #fcf8e3; border-color: #dbab57; color: #c09853; } .alert-warning hr { border-top-color: #d6a042; } .alert-warning .alert-link { color: #a47e3c; } .alert-danger { background-color: #f2dede; border-color: #b94a48; color: #b94a48; } .alert-danger hr { border-top-color: #a74240; } .alert-danger .alert-link { color: #953b39; } .alert { margin: auto; margin-top: 10px; margin-bottom: 10px; padding: 5px 15px 5px 34px; color: #675100; border-width: 0px; border-left-width: 5px; padding: 10px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; } .alert .close { top: 0px; right: -5px; line-height: 20px; } .alert-heading { font-weight: 600; } .alert-danger { border-color: #953b39; color: #ffffff; background: #c26565; text-shadow: none; } .alert-warning { border-color: #dfb56c; color: #826430; background: #efe1b3; } .alert-success { border-color: #8ac38b; color: #356635; background: #cde0c4; } .alert-info { border-color: #9cb4c5; color: #305d8c; background: #d6dde7; } .alertMsg { margin-left: 30px; } .alertMsgIcon { /*position: absolute;*/ /*top: 12px;*/ float: left; } .alertMsgButtons { text-align: center; margin-top: 5px; } .MsgTitle { font-size: 24px; font-family: Arial, Helvetica, sans-serif; } .MsgImage { position: relative; width: 24px; height: 24px; } .MsgText { font-size: 14px; color: white; margin-top: 3px; } .btn-small { padding-top: 2px !important; padding-bottom: 2px !important; } #show-sides { display: none; } #hide-sides { display: none; } .text-align-center { text-align: center; } #header-menu { min-width: 1000px; } .course-content #layout-table #middle-column .headerBoxContent { padding: 10px 0px 10px 10px !important; } .course-content #layout-table #middle-column .headerBoxNoHeading { margin-bottom: 10px; } /************************************************************************* * VenU Touch (Smartadmin) Styles * *************************************************************************/ /* Sparkline ------------------------------------------------------------------------*/ .jqstooltip { padding: 7px !important; border-radius: 3px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border: none !important; background-color: #000000 !important; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } .jqstooltip .jqsfield { /*font-family: "Segoe UI", "Open Sans", Calibri, Candara, Arial, sans-serif;*/ font-size: 11px; } #sparks { display: block; list-style: none; margin: 10px 0 0; padding: 0; text-align: right; } #sparks li { display: inline-block; max-height: 47px; overflow: hidden; text-align: left; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } #sparks li h5 { color: #555; float: left; font-size: 11px; font-weight: normal; margin: -3px 0 0 0; padding: 0; border: none; text-transform: uppercase; } #sparks li span { color: #636363; display: block; } #sparks li { border-left: 1px dotted #c7c7c7; padding: 0 10px; } #sparks li:last-child { padding-right: 0; } #sparks li:first-child { border-left: none; padding-left: 0; } .sparks-info { min-width: 70px; } .sparks-info span { font-size: 18px; line-height: 20px; margin: 0; text-transform: none; } .sparks-info .sparkline { display: block; float: right; margin: 3px 0 0 20px; } /* * small stats */ .show-stats .progress { height: 7px; border-radius: 0; margin-top: 3px; margin-bottom: 15px; } .show-stats { padding-top: 6px !important; } .show-stat-buttons { float: left; width: 100%; } .show-stats .show-stat-buttons > :first-child { padding-right: 5px; } .show-stats .show-stat-buttons > :last-child { padding-left: 5px; } .show-stat-microcharts { margin-left: -10px; margin-right: -10px; } .show-stat-microcharts > div { border-right: 1px solid #DADADA !important; border-top: 1px solid #DADADA !important; margin-top: 10px !important; height: 65px; overflow: hidden; padding: 7px 9px; } .show-stat-microcharts > :last-child { border-right: none !important; } .show-stat-microcharts .sparkline { margin-top: 10px; margin-right: 8px; opacity: .7; } .show-stat-microcharts .sparkline:hover { opacity: 1; } .smaller-stat { margin: 0; padding: 0; list-style: none; } .smaller-stat li { margin-top: 3px; margin-right: 0px; } .smaller-stat li:first-child { margin-top: 8px; } .smaller-stat span.label { width: 40px; display: block; text-align: left; opacity: .5; cursor: default; } .smaller-stat span.label:hover { opacity: 1; } /* Normal Tables, Data Tables, JQuery Grid ------------------------------------------------------------------------*/ /* * Table */ .table.collapse { display: none; } .table.collapse.in { display: table; } .table-bordered.collapse, .table-bordered.collapsing { border-left: none; border-right: none; } .table.has-tickbox thead tr th:first-child { width: 18px; } .table.has-tickbox.smart-form thead tr th:first-child .radio, .table.has-tickbox.smart-form thead tr th:first-child .checkbox, .table.has-tickbox.smart-form tbody tr td:first-child .radio, .table.has-tickbox.smart-form tbody tr td:first-child .checkbox { padding: 0px !important; } .fc-border-separate thead tr th { padding: 4px; line-height: 1.428571429; } .fc-header-left, .fc-header-right, .fc-header-center { padding-top: 15px; } .fc-header-left { padding-left: 15px; } .fc-header-right { padding-right: 15px; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-width: 1px; } .no-padding > .table-bordered, .no-padding > .table-responsive > .table-bordered { border: none !important; } .no-padding > .table-bordered thead tr th:first-child, .no-padding > .table-bordered thead tr td:first-child, .no-padding > .table-bordered tbody tr td:first-child, .no-padding > .table-responsive > .table-bordered thead tr th:first-child, .no-padding > .table-responsive > .table-bordered thead tr td:first-child, .no-padding > .table-responsive > .table-bordered tbody tr td:first-child { border-left-width: 0px !important; } .no-padding > .table-bordered thead tr th:last-child, .no-padding > .table-bordered tbody tr td:last-child, .no-padding > .table-responsive > .table-bordered thead tr th:last-child, .no-padding > .table-responsive > .table-bordered tbody tr td:last-child { border-right-width: 0px !important; } .no-padding > .table-bordered tbody tr:last-child td, .no-padding > .table-responsive > .table-bordered tbody tr:last-child td { border-bottom-width: 0px !important; } .no-padding .table-responsive .table { margin-bottom: 0; } .no-padding .note-editable .table-bordered { border: 1px solid #dddddd !important; } .smart-form.table td .radio i, .smart-form.table td .checkbox i, .smart-form.table th .radio i, .smart-form.table th .checkbox i { top: 0px !important; } .question .radio i, .mod-quiz .radio i { top: 0px; } /* condenced table */ .table-condensed.table > tbody > tr > td, .table-condensed.table > tbody > tr > th, .table-condensed.table > tfoot > tr > td, .table-condensed.table > tfoot > tr > th, .table-condensed.table > thead > tr > td, .table-condensed.table > thead > tr > th { padding: 5px 10px !important; } .flush-left { padding-left: 0 !important; } .flush-right { padding-right: 0 !important; } .inline p { display: inline; } .question td.reportBoxContent label, .mod-quiz td.reportBoxContent label { color: #404040 !important; font-weight: normal; } /* Data Tables */ .btn-touch-icon{ text-align: center; display: inline-block; font-size: 13px; padding: 5px 5px 0; } a.btn-touch-icon:hover, a.btn-touch-icon:link, a.btn-touch-icon:visited, a.btn-touch-icon:active, a.btn-touch-icon:focus { text-decoration: none; color: #000; } .btn-touch-icon i { margin-top: 5px; font-size: 20px; height: 25px; } .report-container { padding: 10px 0; } .report-modal .report-container { padding: 0; } .report-modal .modal-content { background-color: #f1f1f1; } .report-modal .modal-header { background-color: #fff; -webkit-border-top-left-radius: 6px; -moz-border-top-left-radius: 6px; -ms-border-top-left-radius: 6px; -o-border-top-left-radius: 6px; border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-top-right-radius: 6px; -ms-border-top-right-radius: 6px; -o-border-top-right-radius: 6px; border-top-right-radius: 6px; } .modal .dataTables_wrapper .dataTables_info { padding: 20px 0; } .modal .dataTables_wrapper .dataTables_paginate { padding: 10px 0; } #reports-student_roster .rpt-toolbar { padding: 10px 20px 0 10px; } #reports-student_roster .dataTables_info { padding-left: 10px; } #reports-student_roster .breadcrumb, #reports-promoter_course .breadcrumb { padding: 8px 15px; } #reports-jfsummary .dataTable td, #reports-polesumm .dataTable td, #reports-jfsummary .dataTable th, #reports-polesumm .dataTable th { font-size: 14px; } @media (max-width: 480px) { #reports-student_roster .breadcrumb.hide-480, #reports-promoter_course .breadcrumb.hide-480 { display: block; } } @media screen and (max-width: 640px) { .dataTables_wrapper .dataTables_filter { margin-top: 0; } } @media screen and (max-width: 767px) { #reports-student_roster ul.nav-tabs, #reports-student_roster ul ul.nav-tabs, #reports-student_roster div.navbutton, #reports-student_roster div.breadcrumb-profile, #reports-student_roster .dataTables_info { display: none; } #reports-student_roster ul.nav-tabs.waitlist-tabs { display: block; } #reports-student_roster ul.nav-tabs.nav-justified > li { display: inline-block; width: 50% !important; } .dataTables_wrapper .dataTables_paginate { float: right; } } .rpt-toolbar div.dataTables_length, .rpt-toolbar div.dt-buttons { float: right; } div.dataTables_length label { font-weight: normal; float: right; text-align: right; } div.dataTables_length select { width: 100px; } .rpt-toolbar div.dataTables_filter { width: 50%; min-width: 150px; max-width: 240px; float: left; margin-right: 3px; } div.dataTables_filter label { font-weight: normal; float: left; } div.dataTables_filter input.form-control { margin-left: 0; } div.dataTables_info { padding-top: 8px; } div.dataTables_paginate { float: right; margin: 0; display: none; } div.dataTables_paginate ul.pagination { margin: 2px 0; white-space: nowrap; } table.dataTable td, table.dataTable th { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } table.dataTable { clear: both; margin-top: 6px !important; margin-bottom: 6px !important; max-width: none !important; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { cursor: pointer; } table.dataTable thead .sorting { background: url('../images/sort_both.png') no-repeat center left; } table.dataTable thead .sorting_asc { background: url('../images/sort_asc.png') no-repeat center left; } table.dataTable thead .sorting_desc { background: url('../images/sort_desc.png') no-repeat center left; } table.dataTable thead .sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center left; } table.dataTable thead .sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center left; } table.dataTable th:active { outline: none; } /* Scrolling */ div.dataTables_scrollHead table { margin-bottom: 0 !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } div.dataTables_scrollHead table thead tr:last-child th:first-child, div.dataTables_scrollHead table thead tr:last-child td:first-child { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } div.dataTables_scrollBody table { border-top: none; margin-top: 0 !important; margin-bottom: 0 !important; } div.dataTables_scrollBody tbody tr:first-child th, div.dataTables_scrollBody tbody tr:first-child td { border-top: none; } div.dataTables_scrollFoot table { margin-top: 0 !important; border-top: none; } .dataTables_scrollHead th:last-child, .dataTables_scrollBody td:last-child, .dataTables_scrollBody th:last-child, .dataTables_scrollFoot th:last-child { padding-right: 25px; } .embedded-report .dataTables_scrollBody { height: auto!important; } /* Frustratingly the border-collapse:collapse used by Bootstrap makes the column width calculations when using scrolling impossible to align columns. We have to use separate This seems to no longer ge the case now that we adjust column widths using javascript... Changing this back to collapse, separate was causing columns to be off by 1 or more pixels. Changing back to separate, again, to fix Firefox rendering bug where the hidden datatables header (height: 0) is actually visible */ table.table-bordered.dataTable { border-collapse: separate; } table.table-bordered thead th, table.table-bordered thead td { border-left-width: 0; border-top-width: 0; } table.table-bordered tbody th, table.table-bordered tbody td { border-left-width: 1px; border-bottom-width: 0; } table.table-bordered th:first-child, table.table-bordered td:first-child { border-left-width: 0; } table.table-bordered th:last-child, table.table-bordered td:last-child { border-right-width: 0; } div.dataTables_scrollHead table.table-bordered { border-bottom-width: 0; } .page .dataTables_wrapper .dataTables_processing { line-height: 1em; padding-top: 0.375em; } /* DataTables Pagination */ .page .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .page .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .page .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active, .modal .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .modal .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .modal .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { color: #777!important; background-color: #fff!important; border-color: #ddd!important; cursor: not-allowed!important; } .page .dataTables_wrapper .dataTables_paginate .paginate_button, .page .dataTables_paginate > span > span, .modal .dataTables_wrapper .dataTables_paginate .paginate_button, .modal .dataTables_paginate > span > span{ position: relative!important; float: left!important; padding: 6px 12px!important; line-height: 1.42857143!important; text-decoration: none!important; color: #428bca!important; background-color: #fff!important; border: 1px solid #ddd!important; margin-left: -1px!important; cursor: pointer; } .page .dataTables_wrapper .dataTables_paginate .paginate_button.current, .page .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .modal .dataTables_wrapper .dataTables_paginate .paginate_button.current, .modal .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{ z-index: 2; color: #fff!important; background: #428bca; background-color: #428bca!important; border-color: #428bca!important; cursor: default; } .page .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .modal .dataTables_wrapper .dataTables_paginate .paginate_button:hover{ color: #2a6496!important; background: #eee; background-color: #eee!important; border-color: #ddd!important; } .dataTables_scroll, .dataTables_scrollBody { overflow: hidden !important; } .dataTables_scrollBody > #list_points, .dataTables_scrollBody > #list_achievements { width: 100%!important; } .dataTables_scrollBody > .ps-scrollbar-y-rail { top: 0px; right: 0px; } .dataTables_scrollBody.ps-active-x.ps-active-y .ps-scrollbar-x-rail { margin-right: 15px; } .dataTables_scrollBody.ps-active-x.ps-active-y .ps-scrollbar-y-rail { margin-bottom: 15px; } .ps-active-x.ps-active-y .ps-scrollbar-x-rail { margin-right: 15px; } .ps-active-x.ps-active-y .ps-scrollbar-y-rail { margin-bottom: 15px; } .dataTables_scrollBody.rewards-scrollbar > .ps-scrollbar-x-rail { width: 100%!important; bottom: -50px!important; left: 0px!important; margin-bottom: 20px!important; } .dataTables_scroll th, table.dataTable th { border-right: none!important; font-weight: bold!important; } .dataTables_scroll td, table.dataTable td { border-right: none!important; border-bottom: 1px solid #dddddd!important; } tr.mollify-filelist-col-sel-row > td { border-bottom: none!important; } #rewards-header-content { float: left; width: 100%; padding: 10px 20px; margin-bottom: 20px; background-color: #4C4F54; color: #ffffff; font-size: 18px; } /* * TableTools styles */ /* conflicting styles with bootstrap .table tbody tr.active td, .table tbody tr.active th { background-color: #08C; color: white; } .table tbody tr.active:hover td, .table tbody tr.active:hover th { background-color: #0075b0; } .table tbody tr.active a { color: white; } .table-striped tbody tr.active:nth-child(odd) td, .table-striped tbody tr.active:nth-child(odd) th { background-color: #017ebc; } */ .table-striped-inv > tbody > tr:nth-child(odd) { background-color: #f0f0f0; } table.DTTT_selectable tbody tr { cursor: pointer; } div.DTTT .btn { color: #333 !important; font-size: 12px; } div.DTTT .btn:hover { text-decoration: none !important; } ul.DTTT_dropdown.dropdown-menu { z-index: 2003; } ul.DTTT_dropdown.dropdown-menu a { color: #333 !important; /* needed only when demo_page.css is included */ } ul.DTTT_dropdown.dropdown-menu li { position: relative; } ul.DTTT_dropdown.dropdown-menu li:hover a { background-color: #0088cc; color: white !important; } div.DTTT_collection_background { z-index: 2002; } /* TableTools information display */ div.DTTT_print_info.modal { height: 150px; margin-top: -75px; text-align: center; } div.DTTT_print_info h6 { font-weight: normal; font-size: 28px; line-height: 28px; margin: 1em; } div.DTTT_print_info p { font-size: 14px; line-height: 20px; } /* * FixedColumns styles */ div.DTFC_LeftHeadWrapper table, div.DTFC_LeftFootWrapper table, div.DTFC_RightHeadWrapper table, div.DTFC_RightFootWrapper table, table.DTFC_Cloned tr.even { background-color: white; margin-bottom: 0; } div.DTFC_RightHeadWrapper table, div.DTFC_LeftHeadWrapper table { margin-bottom: 0 !important; border-top-right-radius: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child, div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child, div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child, div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } div.DTFC_RightBodyWrapper table, div.DTFC_LeftBodyWrapper table { border-top: none; margin: 0 !important; } div.DTFC_RightBodyWrapper tbody tr:first-child th, div.DTFC_RightBodyWrapper tbody tr:first-child td, div.DTFC_LeftBodyWrapper tbody tr:first-child th, div.DTFC_LeftBodyWrapper tbody tr:first-child td { border-top: none; } div.DTFC_RightFootWrapper table, div.DTFC_LeftFootWrapper table { border-top: none; } /* * FixedHeader styles */ div.FixedHeader_Cloned table { margin: 0 !important; } /* * Namespace DTCR - "DataTables ColReorder" plug-in */ table.DTCR_clonedTable { background-color: rgba(255, 255, 255, 0.7); z-index: 202; } div.DTCR_pointer { width: 1px; background-color: #0259C4; z-index: 201; } /* * File: TableTools.css * Description: Styles for TableTools 2 * Author: Allan Jardine (www.sprymedia.co.uk) * Language: Javascript * License: GPL v2 / 3 point BSD * Project: DataTables * * Copyright 2009-2012 Allan Jardine, all rights reserved. * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * CSS name space: * DTTT DataTables TableTools * * Style sheet provides: * CONTAINER TableTools container element and styles applying to all components * BUTTON_STYLES Action specific button styles * SELECTING Row selection styles * COLLECTIONS Drop down list (collection) styles * PRINTING Print display styles */ /* * CONTAINER * TableTools container element and styles applying to all components */ div.DTTT_container { position: relative; float: right; margin-bottom: 1em; } @media screen and (max-width: 640px) { div.DTTT_container { float: none !important; text-align: center; } div.DTTT_container:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } } button.DTTT_button, div.DTTT_button, a.DTTT_button { position: relative; display: inline-block; margin-right: 3px; padding: 5px 8px; border: 1px solid #999; cursor: pointer; *cursor: hand; font-size: 0.88em; color: black !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 1px 1px 3px #ccc; -moz-box-shadow: 1px 1px 3px #ccc; -ms-box-shadow: 1px 1px 3px #ccc; -o-box-shadow: 1px 1px 3px #ccc; box-shadow: 1px 1px 3px #ccc; /* Generated by http://www.colorzilla.com/gradient-editor/ */ background: #ffffff; /* Old browsers */ background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%); /* IE10+ */ background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%); /* Opera 11.10+ */ background: linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0); /* IE6-9 */ } /* Buttons are cunning border-box sizing - we can't just use that for A and DIV due to IE6/7 */ button.DTTT_button { height: 30px; padding: 3px 8px; } .DTTT_button embed { outline: none; } button.DTTT_button:hover, div.DTTT_button:hover, a.DTTT_button:hover { border: 1px solid #666; text-decoration: none !important; -webkit-box-shadow: 1px 1px 3px #999; -moz-box-shadow: 1px 1px 3px #999; -ms-box-shadow: 1px 1px 3px #999; -o-box-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 3px #999; background: #f3f3f3; /* Old browsers */ background: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%); /* IE10+ */ background: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%); /* Opera 11.10+ */ background: linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4', GradientType=0); /* IE6-9 */ } button.DTTT_disabled, div.DTTT_disabled, a.DTTT_disabled { color: #999; border: 1px solid #d0d0d0; background: #ffffff; /* Old browsers */ background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%); /* IE10+ */ background: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%); /* Opera 11.10+ */ background: linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0); /* IE6-9 */ } /* * BUTTON_STYLES * Action specific button styles * If you want images - comment this back in a.DTTT_button_csv, a.DTTT_button_xls, a.DTTT_button_copy, a.DTTT_button_pdf, a.DTTT_button_print { padding-right: 0px; } a.DTTT_button_csv span, a.DTTT_button_xls span, a.DTTT_button_copy span, a.DTTT_button_pdf span, a.DTTT_button_print span { display: inline-block; height: 24px; line-height: 24px; padding-right: 30px; } a.DTTT_button_csv span { background: url(../images/csv.png) no-repeat bottom right; } a.DTTT_button_csv:hover span { background: url(../images/csv_hover.png) no-repeat center right; } a.DTTT_button_xls span { background: url(../images/xls.png) no-repeat center right; } a.DTTT_button_xls:hover span { background: #f0f0f0 url(../images/xls_hover.png) no-repeat center right; } a.DTTT_button_copy span { background: url(../images/copy.png) no-repeat center right; } a.DTTT_button_copy:hover span { background: #f0f0f0 url(../images/copy_hover.png) no-repeat center right; } a.DTTT_button_pdf span { background: url(../images/pdf.png) no-repeat center right; } a.DTTT_button_pdf:hover span { background: #f0f0f0 url(../images/pdf_hover.png) no-repeat center right; } a.DTTT_button_print span { background: url(../images/print.png) no-repeat center right; } a.DTTT_button_print:hover span { background: #f0f0f0 url(../images/print_hover.png) no-repeat center right; } */ button.DTTT_button_collection span { padding-right: 17px; background: url(../images/collection.png) no-repeat center right; } button.DTTT_button_collection:hover span { padding-right: 17px; background: #f0f0f0 url(../images/collection_hover.png) no-repeat center right; } /* * SELECTING * Row selection styles */ table.DTTT_selectable tbody tr { cursor: pointer; *cursor: hand; } table.dataTable tr.DTTT_selected.odd { background-color: #9FAFD1; } table.dataTable tr.DTTT_selected.odd td.sorting_1 { background-color: #9FAFD1; } table.dataTable tr.DTTT_selected.odd td.sorting_2 { background-color: #9FAFD1; } table.dataTable tr.DTTT_selected.odd td.sorting_3 { background-color: #9FAFD1; } table.dataTable tr.DTTT_selected.even { background-color: #B0BED9; } table.dataTable tr.DTTT_selected.even td.sorting_1 { background-color: #B0BED9; } table.dataTable tr.DTTT_selected.even td.sorting_2 { background-color: #B0BED9; } table.dataTable tr.DTTT_selected.even td.sorting_3 { background-color: #B0BED9; } /* * COLLECTIONS * Drop down list (collection) styles */ div.DTTT_collection { width: 150px; padding: 8px 8px 4px 8px; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.4); background-color: #f3f3f3; background-color: rgba(255, 255, 255, 0.3); overflow: hidden; z-index: 2002; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); } div.DTTT_collection_background { background: transparent url(../images/background.png) repeat top left; z-index: 2001; } div.DTTT_collection button.DTTT_button, div.DTTT_collection div.DTTT_button, div.DTTT_collection a.DTTT_button { position: relative; left: 0; right: 0; display: block; float: none; margin-bottom: 4px; -webkit-box-shadow: 1px 1px 3px #999; -moz-box-shadow: 1px 1px 3px #999; -ms-box-shadow: 1px 1px 3px #999; -o-box-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 3px #999; } /* * PRINTING * Print display styles */ .DTTT_print_info { position: fixed; top: 50%; left: 50%; width: 400px; height: 150px; margin-left: -200px; margin-top: -75px; text-align: center; color: #333; padding: 10px 30px; background: #ffffff; /* Old browsers */ background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%); /* IE10+ */ background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%); /* Opera 11.10+ */ background: linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0); /* IE6-9 */ opacity: 0.95; border: 1px solid black; border: 1px solid rgba(0, 0, 0, 0.5); -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); } .DTTT_print_info h6 { font-weight: normal; font-size: 28px; line-height: 28px; margin: 1em; } .DTTT_print_info p { font-size: 14px; line-height: 20px; } .dt-toolbar { display: block; position: relative; padding: 6px 7px 1px; width: 100%; float: left; border-bottom: 1px solid #ccc; background: #fafafa; } .dt-toolbar-footer { background: #fafafa; font-size: 11px; overflow: hidden; padding: 5px 10px; border-top: 1px solid #ccc; -webkit-box-shadow: inset 0 1px #fff; -moz-box-shadow: inset 0 1px #fff; -ms-box-shadow: inset 0 1px #fff; box-shadow: inset 0 1px #fff; } .dt-toolbar > :first-child, .dt-toolbar-footer > :first-child { padding-left: 0px !important; } .dt-toolbar > :last-child, .dt-toolbar-footer > :last-child { padding-right: 0px !important; } table.dataTable thead .sorting { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAgMAAAAPPt5fAAAACVBMVEUAAADIyMjl5eVIBBP/AAAAAXRSTlMAQObYZgAAAClJREFUCNdjwAYEwGQKiGDsBJFsTA5AUoJhAqZaiDhEDVg9RC/MHEwAANsMA91AQfd/AAAAAElFTkSuQmCC) no-repeat center left; } table.dataTable thead .sorting_asc { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABVVVUT3Vn+AAAAAXRSTlMAQObYZgAAAB1JREFUCNdjwAkcgPgBAwPjBwYG5h8MDOx/GAgBAKRJBBCQbHkwAAAAAElFTkSuQmCC) no-repeat center left; } table.dataTable thead .sorting_desc { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABVVVUT3Vn+AAAAAXRSTlMAQObYZgAAABxJREFUCNdjIATY/zAwMP9gYGD8AOQ8AGIHnEoBkNkEEEbbutQAAAAASUVORK5CYII=) no-repeat center left; } table.dataTable thead .sorting_asc_disabled { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABUVFR8AzIeAAAAAnRSTlMAf7YpoZUAAAAdSURBVAjXY8AJHID4AQMD4wcGBuYfDAzsfxgIAQCkSQQQkGx5MAAAAABJRU5ErkJggg==) no-repeat center left; } table.dataTable thead .sorting_desc_disabled { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABUVFR8AzIeAAAAAnRSTlMAf7YpoZUAAAAcSURBVAjXYyAE2P8wMDD/YGBg/ADkPABiB5xKAZDZBBBG27rUAAAAAElFTkSuQmCC) no-repeat center left; } table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { background-color: #eeeeee; } table.dataTable td.dataTables_empty { padding: 20px !important; font-size: 16px; text-align: left; color: #826430; background-color: #EFE1B3; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 8px 10px; } .table.dataTable thead > tr > th, .table.dataTable tfoot > tr > th { padding-left: 20px; white-space: nowrap; } .table.dataTable tbody > tr > td { padding-left: 20px; } table.dataTable thead > tr > th input, table.dataTable tfoot > tr > th input { width: 100% !important; font-weight: normal; } table.dataTable thead > tr > th.hasinput { padding: 6px !important; } div.dataTables_info { padding: 9px 0; font-size: 13px; font-weight: bold; /*font-style: italic;*/ color: #969696; } /* * Double lines in thead tfoot */ .dataTable thead > tr > th { border-left: none !important; } /* checkbox */ .dataTable input[type=checkbox].checkbox, .dataTable input[type=radio].radiobox { position: relative !important; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: none!important; } table.dataTable thead > tr > th.sorting_disabled { padding-right: 9px !important; } /* * DT FIlter */ .dataTables_filter { float: left; /*width: 100%;*/ } .dataTables_filter .input-group-addon .input-group-addonon { width: 32px; margin-top: 0px; float: left; height: 32px; padding-top: 8px; } .dataTables_filter .input-group-addon .input-group-addonon + .form-control { float: left; } /* * LTR filter position */ .dt-toolbar > :first-child .dataTables_filter > :only-child, .dt-toolbar > :first-child .DTTT, .dt-toolbar > :first-child .pagination, .dt-toolbar > :first-child .dataTables_length { float: left !important; } .dt-toolbar > :last-child .dataTables_filter > :only-child, .dt-toolbar > :last-child .DTTT, .dt-toolbar > :last-child .pagination, .dt-toolbar > :last-child .dataTables_length { float: right; } /* bottom portion */ .dt-toolbar-footer > :first-child .dataTables_filter > :only-child, .dt-toolbar-footer > :first-child .DTTT, .dt-toolbar-footer > :first-child .pagination, .dt-toolbar-footer > :first-child .dataTables_length { float: left; } .dt-toolbar-footer > :last-child .dataTables_filter > :only-child, .dt-toolbar-footer > :last-child .DTTT, .dt-toolbar-footer > :last-child .pagination, .dt-toolbar-footer > :last-child .dataTables_length { float: right; } /* * PRINT */ body.DTTT_Print { background: #fff !important; } .DTTT_Print #main { margin: 0px !important; } .DTTT_PrintMessage { font-size: 20px; display: block; width: 100%; text-align: center; padding-top: 10px; font-weight: bold; } .DTTT_Print table.dataTable { margin-top: 0px !important; } .DTTT_Print .dataTables_wrapper table { border: 1px solid #C7C7C7 !important; } /* * FullCalendar v1.5.4 Stylesheet * * Copyright (c) 2011 Adam Shaw * Dual licensed under the MIT and GPL licenses, located in * MIT-LICENSE.txt and GPL-LICENSE.txt respectively. * * Date: Tue Sep 4 23:38:33 2012 -0700 * */ .fc { direction: ltr; text-align: left; } .fc table { border-collapse: collapse; border-spacing: 0; } html .fc, .fc table { font-size: 1em; } .fc td, .fc th { padding: 0; vertical-align: top; } /* Header ------------------------------------------------------------------------*/ .fc-header td { white-space: nowrap; } .fc-header-left { width: 25%; text-align: left; } .fc-header-center { text-align: center; } .fc-header-right { width: 25%; text-align: right; } .fc-header-title { display: inline-block; vertical-align: top; } .fc-header-title h2 { margin-top: 0; white-space: nowrap; } .fc .fc-header-space { padding-left: 10px; } .fc-header .fc-button { margin-bottom: 1em; vertical-align: top; } /* buttons edges butting together */ .fc-header .fc-button { margin-right: -1px; } .fc-header .fc-corner-right { margin-right: 1px; /* back to normal */ } .fc-header .ui-corner-right { margin-right: 0; /* back to normal */ } /* button layering (for border precedence) */ .fc-header .fc-state-hover, .fc-header .ui-state-hover { z-index: 2; } .fc-header .fc-state-down { z-index: 3; } .fc-header .fc-state-active, .fc-header .ui-state-active { z-index: 4; } /* Content ------------------------------------------------------------------------*/ .fc-content { clear: both; } .fc-view { width: 100%; /* needed for view switching (when view is absolute) */ overflow: hidden; } /* Cell Styles ------------------------------------------------------------------------*/ .fc-widget-header, .fc-widget-content { /*，通常* /边框：1px solid #ccc;} .fc-state-突出显示{/ *今天cell */ /* TODO: add .fc-today to* /背景：#ffc;} .fc-cell-覆盖{/ *半透明矩形拖动* /背景：＃9cf;不透明度：.2;过滤器：alpha（opacity = 20）;/ *对于IE * /} / *按钮----------------------------------------------------------------- * / .fc-ukg {位置：相对;显示：内联块;光标：指针;} .fc-state-default {/ *非主题* /边框风格：solid;边框宽度：1px 0; } .fc-button-inner { position: relative; float: left; overflow: hidden; } .fc-state-default .fc-button-inner { /* non-theme */ border-style: solid; border-width: 0 1px; } .fc-button-content { position: relative; float: left; height: 1.9em; line-height: 1.9em; padding: 0 .6em; white-space: nowrap; } /* icon (for jquery ui) */ .fc-button-content .fc-icon-wrap { position: relative; float: left; top: 50%; } .fc-button-content .ui-icon { position: relative; float: left; margin-top: -50%; *margin-top: 0; *top: -50%; } /* gloss effect */ .fc-state-default .fc-button-effect { position: absolute; top: 50%; left: 0; } .fc-state-default .fc-button-effect span { position: absolute; top: -100px; left: 0; width: 500px; height: 100px; border-width: 100px 0 0 1px; border-style: solid; border-color: #fff; background: #444; opacity: .09; filter: alpha(opacity=9); } /* button states (determines colors) */ .fc-state-default, .fc-state-default .fc-button-inner { border-style: solid; border-color: #ccc #bbb #aaa; background: #F3F3F3; color: #000; } .fc-state-hover, .fc-state-hover .fc-button-inner { border-color: #999; } .fc-state-down, .fc-state-down .fc-button-inner { border-color: #555; background: #777; } .fc-state-active, .fc-state-active .fc-button-inner { border-color: #555; background: #777; color: #fff; } .fc-state-disabled, .fc-state-disabled .fc-button-inner { color: #999; border-color: #ddd; } .fc-state-disabled { cursor: default; } .fc-state-disabled .fc-button-effect { display: none; } /* Global Event Styles ------------------------------------------------------------------------*/ .fc-event { border-style: solid; border-width: 0; font-size: .85em; cursor: default; } a.fc-event, .fc-event-draggable { cursor: pointer; } a.fc-event { text-decoration: none; } .fc-rtl .fc-event { text-align: right; } .fc-event-skin { color: #FFF; border-right: none !important; cursor: move; } .fc-event-inner { position: relative; width: 100%; height: 100%; border-style: solid; border-width: 0; overflow: hidden; } .fc-event-time, .fc-event-title { padding: 0 1px; } .fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/ display: block; position: absolute; z-index: 99999; overflow: hidden; /* hacky spaces (IE6/7) */ font-size: 300%; /* */ line-height: 50%; /* */ } /* Horizontal Events ------------------------------------------------------------------------*/ .fc-event-hori { border-width: 1px 0; margin-bottom: 1px; } /* resizable */ .fc-event-hori .ui-resizable-e { top: 0 !important; /* importants override pre jquery ui 1.7 styles */ right: -3px !important; width: 7px !important; height: 100% !important; cursor: e-resize; } .fc-event-hori .ui-resizable-w { top: 0 !important; left: -3px !important; width: 7px !important; height: 100% !important; cursor: w-resize; } .fc-event-hori .ui-resizable-handle { _padding-bottom: 14px; /* IE6 had 0 height */ } /* Fake Rounded Corners (for buttons and events) ------------------------------------------------------------*/ .fc-corner-left { margin-left: 1px; } .fc-corner-left .fc-button-inner, .fc-corner-left .fc-event-inner { margin-left: -1px; } .fc-corner-right { margin-right: 1px; } .fc-corner-right .fc-button-inner, .fc-corner-right .fc-event-inner { margin-right: -1px; } .fc-corner-top { margin-top: 1px; } .fc-corner-top .fc-event-inner { margin-top: -1px; } .fc-corner-bottom { margin-bottom: 1px; } .fc-corner-bottom .fc-event-inner { margin-bottom: -1px; } /* Fake Rounded Corners SPECIFICALLY FOR EVENTS -----------------------------------------------------------------*/ .fc-corner-left .fc-event-inner { border-left: 6px solid rgba(0, 0, 0, 0.15); padding-left: 2px; } .fc-corner-right .fc-event-inner { padding-left: 2px; } .fc-corner-top .fc-event-inner { border-top-width: 1px; } .fc-corner-bottom .fc-event-inner { border-bottom-width: 1px; } /* ICONS -----------------------------------------------------------------*/ .fc-event-skin .fa:before { display: block; font-size: 14px; position: absolute; right: 4px; top: 3px; } /* Reusable Separate-border Table ------------------------------------------------------------*/ table.fc-border-separate { border-collapse: separate; } .fc-border-separate th, .fc-border-separate td { border-width: 1px 0 0 1px; } .fc-border-separate th.fc-last, .fc-border-separate td.fc-last { border-right-width: 1px; } .fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td { border-bottom-width: 1px; } .fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th { border-top-width: 0; } /* Month View, Basic Week View, Basic Day View ------------------------------------------------------------------------*/ .fc-grid th { text-align: center; } .fc-grid .fc-day-number { float: right; padding: 0 2px; } .fc-grid .fc-other-month .fc-day-number { opacity: 0.3; filter: alpha(opacity=30); /* for IE */ /* opacity with small font can sometimes look too faded might want to set the 'color' property instead making day-numbers bold also fixes the problem */ } .fc-grid .fc-day-content { clear: both; padding: 2px 2px 1px; /* distance between events and day edges */ } /* event styles */ .fc-grid .fc-event-time { font-weight: bold; } /* right-to-left */ .fc-rtl .fc-grid .fc-day-number { float: left; } .fc-rtl .fc-grid .fc-event-time { float: right; } /* Agenda Week View, Agenda Day View ------------------------------------------------------------------------*/ .fc-agenda table { border-collapse: separate; } .fc-agenda-days th { text-align: center; } .fc-agenda .fc-agenda-axis { width: 50px; padding: 0 4px; vertical-align: middle; text-align: right; white-space: nowrap; font-weight: normal; } .fc-agenda .fc-day-content { padding: 2px 2px 1px; } /* make axis border take precedence */ .fc-agenda-days .fc-agenda-axis { border-right-width: 1px; } .fc-agenda-days .fc-col0 { border-left-width: 0; } /* all-day area */ .fc-agenda-allday th { border-width: 0 1px; } .fc-agenda-allday .fc-day-content { min-height: 34px; /* TODO: doesnt work well in quirksmode */ _height: 34px; } /* divider (between all-day and slots) */ .fc-agenda-divider-inner { height: 2px; overflow: hidden; } .fc-widget-header .fc-agenda-divider-inner { background: #eee; } /* slot rows */ .fc-agenda-slots th { border-width: 1px 1px 0; } .fc-agenda-slots td { border-width: 1px 0 0; background: none; } .fc-agenda-slots td div { height: 20px; } .fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td { border-top-width: 0; } .fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td { border-top-style: dotted; } .fc-agenda-slots tr.fc-minor th.ui-widget-header { *border-top-style: solid; /* doesn't work with background in IE6/7 */ } /* Vertical Events ------------------------------------------------------------------------*/ .fc-event-vert { border-width: 0 1px; } .fc-event-vert .fc-event-head, .fc-event-vert .fc-event-content { position: relative; z-index: 2; width: 100%; overflow: hidden; } .fc-event-vert .fc-event-time { white-space: nowrap; font-size: 10px; } .fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */ position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: .3; filter: alpha(opacity=30); } .fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg { display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */ } /* resizable */ .fc-event-vert .ui-resizable-s { bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */ width: 100% !important; height: 8px !important; overflow: hidden !important; line-height: 8px !important; font-size: 11px !important; font-family: monospace; text-align: center; cursor: s-resize; } .fc-agenda .ui-resizable-resizing { /* TODO: better selector */ _overflow: hidden; } /* * FORMS */ .form-control { box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; } .input-group .input-group-btn button, .input-group .input-group-btn .btn { margin: 0 2px 0 -1px; } button.dec-font-size, button.inc-font-size, button#incFontSize1, button#decFontSize1, button#incFontSize2, button#decFontSize2{ margin: 0; } .chosen-container-single .chosen-single { display: block; width: 100%; height: 34px!important; padding: 6px 12px!important; font-size: 14px!important; line-height: 1.42857143!important; color: #555!important; background-color: #fff!important; background-image: none; border: 1px solid #ccc!important; border-radius: 0px!important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)!important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)!important; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s!important; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s!important; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s!important; } .chosen-container-single .chosen-single div b { background-position-y: 5px!important; } .chosen-container .chosen-results.chosen-scrollbar { overflow-y: hidden; } .form hr { margin-left: -13px; margin-right: -13px; border-color: rgba(0, 0, 0, 0.1); margin-top: 20px; margin-bottom: 20px; } .form fieldset { display: block; border: none; background: rgba(255, 255, 255, 0.9); position: relative; } fieldset { position: relative; } .form-actions { display: block; padding: 13px 14px 15px; border-top: 1px solid rgba(0, 0, 0, 0.1); background: rgba(249, 249, 249, 0.9); margin-top: 25px; margin-left: -13px; margin-right: -13px; margin-bottom: -13px; text-align: right; } .well .form-actions { margin-left: -19px; margin-right: -19px; margin-bottom: -19px; } .well.well-lg .form-actions { margin-left: -24px; margin-right: -24px; margin-bottom: -24px; } .well.well-sm .form-actions { margin-left: -9px; margin-right: -9px; margin-bottom: -9px; } .popover-content .form-actions { margin: 0 -14px -9px; border-radius: 0 0 3px 3px; padding: 9px 14px; } .no-padding .form .form-actions { margin: 0; display: block; padding: 13px 14px 15px; border-top: 1px solid rgba(0, 0, 0, 0.1); background: rgba(248, 248, 248, 0.9); text-align: right; margin-top: 25px; } .form header, legend { display: block; padding: 8px 0; border-bottom: 1px dashed rgba(0, 0, 0, 0.2); background: #ffffff; font-size: 16px; font-weight: 300; color: #222222; margin: 25px 0px 20px; } .no-padding .form header { margin: 25px 14px 0; } .form header:first-child { margin-top: 10px; } legend { font-weight: 400; margin-top: 0px; background: none; } .input-group-addon { padding: 6px 10px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .input-group-addon { transition: border-color 0.3s; -o-transition: border-color 0.3s; -ms-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -webkit-transition: border-color 0.3s; transition: background-color 0.3s; -o-transition: background-color 0.3s; -ms-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; } .input-group-addonon { -webkit-transition-delay: 0s; -webkit-transition-duration: 0.3s; -webkit-transition-property: background-color; -webkit-transition-timing-function: ease; background-color: rgb(238, 238, 238); border-bottom-color: rgb(204, 204, 204); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-collapse: separate; border-image-outset: 0px; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: rgb(85, 85, 85); border-left-style: none; border-left-width: 0px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(204, 204, 204); border-top-left-radius: 0px; border-top-right-radius: 0px; border-top-style: solid; border-top-width: 1px; box-sizing: border-box; color: rgb(85, 85, 85); cursor: pointer; display: table-cell; font-family: poppinsregular, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; height: 35px; letter-spacing: 0.360000014305115px; padding-bottom: 6px; padding-left: 10px; padding-right: 10px; padding-top: 6px; text-align: center; transition-delay: 0s; transition-duration: 0.3s; transition-property: background-color; transition-timing-function: ease; vertical-align: middle; white-space: nowrap; width: 35px; } .input-group-addon .fa { font-size: 14px; } .input-group-addon .fa-lg, .input-group-addon .fa-2x { font-size: 2em; } .input-group-addon .fa-3x, .input-group-addon .fa-4x, .input-group-addon .fa-5x { font-size: 30px; } input[type="text"]:focus + .input-group-addon { border-color: #0091d9; background-color: #72a0ce; color: #ffffff; } input[type="text"]:focus + .input-group-addon a:link{ color: #ffffff; } input[type="text"]:focus + .input-group-addonon { border-color: #0091d9; background-color: #72a0ce; color: #ffffff; } input[type="text"]:focus + .input-group-addonon a:link{ color: #ffffff; } .has-warning input[type="text"], .has-warning input[type="text"] + .input-group-addon { border-color: #dbab57; } .has-warning input[type="text"] + .input-group-addon { background-color: #faf2cc; color: #c09853; } .has-warning input[type="text"]:focus, .has-warning input[type="text"]:focus + .input-group-addon { border-color: #dbab57; } .has-warning input[type="text"]:focus + .input-group-addon { background-color: #e1c118; color: #ffffff; } .has-error .input-group-addon, .has-error .input-group-addonon { border-color: #b94a48 !important; background: #f2dede !important; color: #b94a48 !important; } .has-error input[type="text"], .has-error input[type="text"] + .input-group-addon, .has-error input[type="text"] + .input-group-addonon { border-color: #b94a48; } .has-error input[type="text"] + .input-group-addon, .has-error input[type="text"] + .input-group-addonon { background-color: #f2dede; color: #b94a48; } .has-error input[type="text"]:focus, .has-error input[type="text"]:focus + .input-group-addon, .has-error input[type="text"]:focus + .input-group-addonon { border-color: #c05e5e; } .has-error input[type="text"]:focus + .input-group-addon, .has-error input[type="text"]:focus + .input-group-addonon { background-color: #c05e5e; color: #ffffff; } .has-success input[type="text"]:focus + .input-group-addon, .has-success input[type="text"]:focus + .input-group-addonon { border-color: #468847; background-color: #468847; color: #ffffff; } .form fieldset .form-group:last-child, .form fieldset .form-group:last-child .note, .form .form-group:last-child, .form .form-group:last-child .note { margin-bottom: 0; } .note { margin-top: 6px; padding: 0 1px; font-size: 11px; line-height: 15px; color: #999999; } /* * WITH ICON */ .input-icon-right { position: relative; } .input-icon-right > i, .input-icon-left > i { position: absolute; right: 10px; top: 30%; font-size: 16px; color: #bfbfbf; } .input-icon-left > i { right: auto; left: 24px; } .input-icon-right .form-control { padding-right: 27px; } .input-icon-left .form-control { padding-left: 29px; } input[type="text"].ui-autocomplete-loading, input[type="password"].ui-autocomplete-loading, input[type="datetime"].ui-autocomplete-loading, input[type="datetime-local"].ui-autocomplete-loading, input[type="date"].ui-autocomplete-loading, input[type="month"].ui-autocomplete-loading, input[type="time"].ui-autocomplete-loading, input[type="week"].ui-autocomplete-loading, input[type="number"].ui-autocomplete-loading, input[type="email"].ui-autocomplete-loading, input[type="url"].ui-autocomplete-loading, input[type="search"].ui-autocomplete-loading, input[type="tel"].ui-autocomplete-loading, input[type="color"].ui-autocomplete-loading { background-image: url("../img/select2-spinner.gif") !important; background-repeat: no-repeat; background-position: 99% 50%; padding-right: 27px; } .input-group-addon .checkbox, .input-group-addon .radio { min-height: 0px; margin-right: 0px !important; padding-top: 0; } .input-group-addon label input[type="checkbox"].checkbox + span, .input-group-addon label input[type="radio"].radiobox + span, .input-group-addon label input[type="radio"].radiobox + span:before, .input-group-addon label input[type="checkbox"].checkbox + span:before { margin-right: 0px; } .input-group-addon .onoffswitch, .input-group-addon .onoffswitch-label { margin: 0; } /* * Timeline Seperator */ .timeline-seperator { display: block; text-align: center; color: #999999; margin: 20px 0 0; } .timeline-seperator > :first-child { padding: 4px 5px; border: 1px dashed rgba(0, 0, 0, 0.1); background: #ffffff; font-size: 11px; border-radius: 4px; } .timeline-seperator .btn, .timeline-seperator .btn + .dropdown-menu { margin-right: 15px; } .timeline-seperator:after { display: block; content: " "; margin: 0 20px; border-bottom: 1px dashed rgba(0, 0, 0, 0.1); margin-top: -8px; } /* * Alerts */ .alert { margin-bottom: 20px; margin-top: 0px; padding: 5px 15px 5px 34px; color: #675100; border-width: 0px; border-left-width: 5px; padding: 10px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; } .alert .close { top: 0px; right: -5px; line-height: 20px; } .alert-heading { font-weight: 600; } .alert-danger { border-color: #953b39; color: #ffffff; background: #c26565; text-shadow: none; } .alert-warning { border-color: #dfb56c; color: #826430; background: #efe1b3; } .alert-success { border-color: #8ac38b; color: #356635; background: #cde0c4; } .alert-info { border-color: #9cb4c5; color: #305d8c; background: #d6dde7; } /* * WELLS */ .well { background: #fbfbfb; border: 1px solid #dddddd; box-shadow: 0 1px 1px #ececec; -webkit-box-shadow: 0 1px 1px #ececec; -moz-box-shadow: 0 1px 1px #ececec; position: relative; border-radius: 0!important; display: inline-block; width: 100%; } .well.well-clean { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: transparent; } .well.well-glass { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: transparent; background-color: rgba(255, 255, 255, 0.25); color: #ffffff; } .well.well-light { background: #ffffff; border: 1px solid #e2e2e2; } .widget-body .well { margin-bottom: 0px; } .well.transparent { border: none !important; background: none !important; } .jarviswidget.well.transparent > div, .jarviswidget.well.transparent > div .widget-body { padding: 0px !important; } /* any wells with custom bg the border will be darkened */ .well[class^="bg-"], .well[class*=" bg-"] { border: 1px solid #555555 !important; } /* * SMART FORMS */ .smart-form *, .smart-form *:after, .smart-form *:before { margin: 0; padding: 0; box-sizing: content-box; -moz-box-sizing: content-box; } .smart-form .btn { box-sizing: border-box; -moz-box-sizing: border-box; } .smart-form .radio + .radio, .smart-form .checkbox + .checkbox { margin-top: 0; } .smart-form footer .btn { float: right; height: 31px; margin: 10px 0 0 5px; padding: 0 22px; font: 300 15px/29px 'Open Sans', Helvetica, Arial, sans-serif; cursor: pointer; } .smart-form legend { padding-top: 15px; } .smart-form { margin: 0; outline: none; color: #666; position: relative; } .smart-form header { display: block; padding: 8px 0; border-bottom: 1px dashed rgba(0, 0, 0, 0.2); background: white; font-size: 16px; font-weight: 300; color: #232323; margin: 10px 14px 0; } .smart-form fieldset { display: block; padding: 25px 14px 5px; border: none; background: rgba(255, 255, 255, 0.9); position: relative; } .smart-form fieldset + fieldset { border-top: 1px solid rgba(0, 0, 0, 0.1); } .smart-form section { margin-bottom: 15px; position: relative; } .smart-form footer { display: block; padding: 7px 14px 15px; border-top: 1px solid rgba(0, 0, 0, 0.1); background: rgba(248, 248, 248, 0.9); } .smart-form footer:after { content: ''; display: table; clear: both; } .smart-form .label { display: block; margin-bottom: 6px; line-height: 19px; font-weight: 400; font-size: 13px; color: #333; text-align: left; } .smart-form .label.col { margin: 0; padding-top: 7px; } .smart-form .note, .note { margin-top: 6px; padding: 0 1px; font-size: 11px; line-height: 15px; color: #999; } .note { margin-top: 2px; font-size: 10px; } .smart-form .note a { font-size: 13px; } .smart-form .input, .smart-form .select, .smart-form .textarea, .smart-form .radio, .smart-form .checkbox, .smart-form .toggle, .smart-form .button { position: relative; display: block; font-weight: 400; } .smart-form .input input, .smart-form .select select, .smart-form .textarea textarea { display: block; box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; height: 32px; padding: 8px 10px; outline: none; border-width: 1px; border-style: solid; border-radius: 0; background: #fff; font: 13px/16px 'Open Sans', Helvetica, Arial, sans-serif; color: #404040; appearance: normal; -moz-appearance: none; -webkit-appearance: none; } select.select2 { border-color: #BDBDBD; height: 32px; } /* * File inputs */ .smart-form .input-file .button { position: absolute; top: 4px; right: 4px; float: none; height: 22px; margin: 0; padding: 0 14px; font-size: 13px; line-height: 22px; } .smart-form .input-file .button:hover { box-shadow: none; } .smart-form .input-file .button input { position: absolute; top: 0; right: 0; padding: 0; font-size: 30px; cursor: pointer; opacity: 0; } /* * Selects */ .smart-form .select i { position: absolute; top: 10px; right: 11px; width: 5px; height: 11px; background: white; box-shadow: 0 0 0 9px white; } .smart-form .select i:after, .smart-form .select i:before { content: ''; position: absolute; right: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; } .smart-form .select i:after { bottom: 0; border-top: 4px solid #404040; } .smart-form .select i:before { top: 0; border-bottom: 4px solid #404040; } .smart-form .select-multiple select { height: auto; } /* * Text areas */ .smart-form .textarea textarea { height: auto; resize: none; } .smart-form .textarea-resizable textarea { resize: vertical; } .smart-form .textarea-expandable textarea { height: 31px; } .smart-form .textarea-expandable textarea:focus { height: auto; } /* * Radio and checkboxes */ .smart-form .radio, .smart-form .checkbox { margin-bottom: 4px; padding-left: 25px; font-size: 15px; line-height: 25px; color: #404040; cursor: pointer; font-size: 13px; } .smart-form .radio:last-child, .smart-form .checkbox:last-child { margin-bottom: 0; } .smart-form .radio input, .smart-form .checkbox input { position: absolute; left: -9999px; } .smart-form .radio i, .smart-form .checkbox i { position: absolute; top: 3px; left: 0; display: block; width: 17px; height: 17px; outline: none; border-width: 1px; border-style: solid; background: #FFF; } .smart-form .radio i { border-radius: 50%; } .smart-form .radio input + i:after, .smart-form .checkbox input + i:after { position: absolute; opacity: 0; transition: opacity 0.1s; -o-transition: opacity 0.1s; -ms-transition: opacity 0.1s; -moz-transition: opacity 0.1s; -webkit-transition: opacity 0.1s; } .smart-form .radio input + i:after { content: ''; top: 4px; left: 4px; width: 9px; height: 9px; border-radius: 50%; } .smart-form .checkbox input + i:after { content: '\f00c'; top: -1px; left: 1px; width: 15px; height: 15px; font: normal 16px/19px FontAwesome; text-align: center; } .smart-form .checkbox input:checked:hover + i:after { content: '\f00d'; } .smart-form .checkbox input:checked:disabled:hover + i:after { content: '\f00c'; } .smart-form .radio input:checked + i:after, .smart-form .checkbox input:checked + i:after { opacity: 1; } .smart-form .inline-group { margin: 0 -15px -4px 0; } .smart-form .inline-group:after { content: ''; display: table; clear: both; } .smart-form .inline-group .radio, .smart-form .inline-group .checkbox { float: left; margin-right: 30px; } .smart-form .inline-group .radio:last-child, .smart-form .inline-group .checkbox:last-child { margin-bottom: 4px; } /* * toggles */ .smart-form .toggle { margin-bottom: 4px; padding-right: 61px; font-size: 15px; line-height: 25px; color: #404040; cursor: pointer; } .smart-form .toggle:last-child { margin-bottom: 0; } .smart-form .toggle input { position: absolute; left: -9999px; } .smart-form .toggle i { content: ''; position: absolute; top: 4px; right: 0; display: block; width: 49px; height: 17px; border-width: 1px; border-style: solid; border-radius: 12px; background: #fff; } .smart-form .toggle i:after { content: attr(data-swchoff-text); position: absolute; top: 2px; right: 8px; left: 8px; font-style: normal; font-size: 9px; line-height: 13px; font-weight: 700; text-align: left; color: #5f5f5f; } .smart-form .toggle i:before { content: ''; position: absolute; z-index: 1; top: 4px; right: 4px; display: block; width: 9px; height: 9px; border-radius: 50%; opacity: 1; transition: right 0.2s; -o-transition: right 0.2s; -ms-transition: right 0.2s; -moz-transition: right 0.2s; -webkit-transition: right 0.2s; } .smart-form .toggle input:checked + i:after { content: attr(data-swchon-text); text-align: right; } .smart-form .toggle input:checked + i:before { right: 36px; } /* * ratings */ .smart-form .rating { margin-bottom: 4px; font-size: 13px; line-height: 25px; color: #404040; } .smart-form .rating:last-child { margin-bottom: 0; } .smart-form .rating input { position: absolute; left: -9999px; } .smart-form .rating label { display: block; float: right; height: 17px; margin-top: 5px; padding: 0 2px; font-size: 17px; line-height: 17px; cursor: pointer; } /* * buttons */ .smart-form .button { float: right; height: 31px; overflow: hidden; margin: 10px 0 0 5px; padding: 0 25px; outline: none; border: 0; font: 300 15px/31px 'Open Sans', Helvetica, Arial, sans-serif; text-decoration: none; color: #fff; cursor: pointer; } .smart-form .icon-append, .smart-form .icon-prepend { position: absolute; top: 5px; width: 22px; height: 22px; font-size: 14px; line-height: 22px; text-align: center; } .smart-form .icon-append { right: 5px; padding-left: 3px; border-left-width: 1px; border-left-style: solid; } .smart-form .icon-prepend { left: 5px; padding-right: 3px; border-right-width: 1px; border-right-style: solid; } .smart-form .input .icon-prepend + input, .smart-form .textarea .icon-prepend + textarea { padding-left: 37px; } .smart-form .input .icon-append + input, .smart-form .textarea .icon-append + textarea { padding-right: 37px; } .smart-form .input .icon-prepend + .icon-append + input, .smart-form .textarea .icon-prepend + .icon-append + textarea { padding-left: 37px; } /* * grid */ .smart-form .row { margin: 0 -15px; } .smart-form .row:after { content: ''; display: table; clear: both; } .smart-form .col { float: left; min-height: 1px; padding-right: 15px; padding-left: 15px; box-sizing: border-box; -moz-box-sizing: border-box; } .smart-form .col-1 { width: 8.33%; } .smart-form .col-2 { width: 16.66%; } .smart-form .col-3 { width: 25%; } .smart-form .col-4 { width: 33.33%; } .smart-form .col-5 { width: 41.66%; } .smart-form .col-6 { width: 50%; } .smart-form .col-8 { width: 66.67%; } .smart-form .col-9 { width: 75%; } .smart-form .col-10 { width: 83.33%; } @media screen and (max-width: 600px) { .smart-form .col { float: none; width: 100%; } } /* * tooltips */ .smart-form .select select { padding: 5px; } .smart-form .tooltip { position: absolute; z-index: 99999; left: -9999px; padding: 2px 8px 3px; font-size: 11px; line-height: 16px; font-weight: 400; background: rgba(0, 0, 0, 0.9); color: #fff; opacity: 0; transition: margin 0.3s, opacity 0.3s; -o-transition: margin 0.3s, opacity 0.3s; -ms-transition: margin 0.3s, opacity 0.3s; -moz-transition: margin 0.3s, opacity 0.3s; -webkit-transition: margin 0.3s, opacity 0.3s; } .smart-form .tooltip:after { content: ''; position: absolute; } .smart-form .input input:focus + .tooltip, .smart-form .textarea textarea:focus + .tooltip { opacity: 1; } .smart-form .tooltip-top-right { bottom: 100%; margin-bottom: 15px; } .smart-form .tooltip-top-right:after { top: 100%; right: 11px; border-top: 4px solid rgba(0, 0, 0, 0.9); border-right: 4px solid transparent; border-left: 4px solid transparent; } .smart-form .input input:focus + .tooltip-top-right, .smart-form .textarea textarea:focus + .tooltip-top-right { right: 0; left: auto; margin-bottom: 5px; } .smart-form .tooltip-top-left { bottom: 100%; margin-bottom: 15px; } .smart-form .tooltip-top-left:after { top: 100%; left: 11px; border-top: 4px solid rgba(0, 0, 0, 0.9); border-right: 4px solid transparent; border-left: 4px solid transparent; } .smart-form .input input:focus + .tooltip-top-left, .smart-form .textarea textarea:focus + .tooltip-top-left { right: auto; left: 0; margin-bottom: 5px; } .smart-form .tooltip-right { top: 4px; white-space: nowrap; margin-left: 15px; } .smart-form .tooltip-right:after { top: 6px; right: 100%; border-top: 4px solid transparent; border-right: 4px solid rgba(0, 0, 0, 0.9); border-bottom: 4px solid transparent; } .smart-form .input input:focus + .tooltip-right, .smart-form .textarea textarea:focus + .tooltip-right { left: 100%; margin-left: 5px; } .smart-form .tooltip-left { top: 4px; white-space: nowrap; margin-right: 15px; } .smart-form .tooltip-left:after { top: 6px; left: 100%; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid rgba(0, 0, 0, 0.9); } .smart-form .input input:focus + .tooltip-left, .smart-form .textarea textarea:focus + .tooltip-left { right: 100%; left: auto; margin-right: 5px; } .smart-form .tooltip-bottom-right { top: 100%; margin-top: 15px; } .smart-form .tooltip-bottom-right:after { bottom: 100%; right: 11px; border-right: 4px solid transparent; border-bottom: 4px solid rgba(0, 0, 0, 0.9); border-left: 4px solid transparent; } .smart-form .input input:focus + .tooltip-bottom-right, .smart-form .textarea textarea:focus + .tooltip-bottom-right { right: 0; left: auto; margin-top: 5px; } .smart-form .tooltip-bottom-left { top: 100%; margin-top: 15px; } .smart-form .tooltip-bottom-left:after { bottom: 100%; left: 11px; border-right: 4px solid transparent; border-bottom: 4px solid rgba(0, 0, 0, 0.9); border-left: 4px solid transparent; } .smart-form .input input:focus + .tooltip-bottom-left, .smart-form .textarea textarea:focus + .tooltip-bottom-left { right: auto; left: 0; margin-top: 5px; } /* * normal state */ .smart-form .input input, .smart-form .select select, .smart-form .textarea textarea, .smart-form .radio i, .smart-form .checkbox i, .smart-form .toggle i, .smart-form .icon-append, .smart-form .icon-prepend { border-color: #BDBDBD; transition: border-color 0.3s; -o-transition: border-color 0.3s; -ms-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -webkit-transition: border-color 0.3s; } .smart-form .toggle i:before { background-color: #3276B1; } .smart-form .rating label { color: #ccc; transition: color 0.3s; -o-transition: color 0.3s; -ms-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; } .smart-form .button { background-color: #3276B1; opacity: 0.8; transition: opacity 0.2s; -o-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; } .smart-form .button.button-secondary { background-color: #b3b3b3; } .smart-form .icon-append, .smart-form .icon-prepend { color: #A2A2A2; } /* * hover state */ .smart-form .input:hover input, .smart-form .select:hover select, .smart-form .textarea:hover textarea, .smart-form .radio:hover i, .smart-form .checkbox:hover i, .smart-form .toggle:hover i { border-color: #5D98CC; } .smart-form .rating input + label:hover, .smart-form .rating input + label:hover ~ label { color: #3276B1; } .smart-form .button:hover { opacity: 1; } .smart-form .radio:hover i, .smart-form .checkbox:hover i, .smart-form .toggle:hover i { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } /* * radio/toggle/checkbox active state */ .smart-form .radio:active i, .smart-form .checkbox:active i, .smart-form .toggle:active i { background: #F0F0F0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } /* * focus state */ .smart-form .input input:focus, .smart-form .select select:focus, .smart-form .textarea textarea:focus, .smart-form .radio input:focus + i, .smart-form .checkbox input:focus + i, .smart-form .toggle input:focus + i { border-color: #3276B1; } /* * checked state */ .smart-form .radio input + i:after { background-color: #3276B1; } .smart-form .checkbox input + i:after { color: #3276B1; } .smart-form .radio input:checked + i, .smart-form .checkbox input:checked + i, .smart-form .toggle input:checked + i { border-color: #3276B1; } .smart-form .rating input:checked ~ label { color: #3276B1; } /* * error state */ .smart-form .state-error input, .smart-form .state-error select, .smart-form .state-error textarea, .smart-form .radio.state-error i, .smart-form .checkbox.state-error i, .smart-form .toggle.state-error i { background: #fff0f0; border-color: #A90329; } .smart-form .toggle.state-error input:checked + i { background: #fff0f0; } .smart-form .state-error + em { display: block; margin-top: 6px; padding: 0 1px; font-style: normal; font-size: 11px; line-height: 15px; color: #D56161; } .smart-form .rating.state-error + em { margin-top: -4px; margin-bottom: 4px; } .smart-form .state-error select + i { background: #FFF0F0; box-shadow: 0 0 0 9px #FFF0F0; } .state-error .icon-append, .state-error .icon-prepend { color: #ed1c24; } /* * success state */ .smart-form .state-success input, .smart-form .state-success select, .smart-form .state-success textarea, .smart-form .radio.state-success i, .smart-form .checkbox.state-success i, .smart-form .toggle.state-success i { background: #f0fff0; border-color: #7DC27D; } .smart-form .toggle.state-success input:checked + i { background: #f0fff0; } .smart-form .note-success { color: #6fb679; } .smart-form .state-success select + i { background: honeyDew; box-shadow: 0 0 0 9px honeyDew; } /* * disable state */ .smart-form .input.state-disabled input, .smart-form .select.state-disabled, .smart-form .textarea.state-disabled, .smart-form .radio.state-disabled, .smart-form .checkbox.state-disabled, .smart-form .toggle.state-disabled, .smart-form .button.state-disabled { cursor: default !important; opacity: 0.6 !important; } .smart-form .input.state-disabled:hover input, .smart-form .select.state-disabled:hover select, .smart-form .textarea.state-disabled:hover textarea, .smart-form .radio.state-disabled:hover i, .smart-form .checkbox.state-disabled:hover i, .smart-form .toggle.state-disabled:hover i { border-color: #e5e5e5 !important; } .smart-form .state-disabled.radio input:checked + i, .smart-form .state-disabled.checkbox input:checked + i, .smart-form .state-disabled.toggle input:checked + i, .smart-form .state-disabled.checkbox input + i:after, .smart-form .state-disabled.radio input + i:after { border-color: #e5e5e5 !important; color: #333 !important; } .smart-form .state-disabled.radio input + i:after { background-color: #333; } /* * submit state */ .smart-form .message { display: none; color: #6fb679; } .smart-form .message i { display: block; margin: 0 auto 20px; width: 81px; height: 81px; border: 1px solid #6fb679; border-radius: 50%; font-size: 30px; line-height: 81px; } .smart-form.submited fieldset, .smart-form.submited footer { display: none; } .smart-form.submited .message { display: block; padding: 25px 30px; background: rgba(255, 255, 255, 0.9); font: 300 18px/27px 'Open Sans', Helvetica, Arial, sans-serif; text-align: center; } /* * JQUERY UI UPDATE */ .smart-form .ui-widget-content .ui-spinner-input { margin: 0px; border: 0px; box-shadow: none !important; height: 29px; } /* * date picker .ui-datepicker { display: none; padding: 10px 12px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.3); font: 13px/1.55 'Open Sans', Helvetica, Arial, sans-serif; text-align: center; color: #666; } .ui-datepicker a { color: #404040; } .ui-datepicker-header { position: relative; margin: -10px -12px 10px; padding: 10px; border-bottom: 1px solid rgba(0,0,0,.1); font-size: 15px; line-height: 27px; } .ui-datepicker-prev, .ui-datepicker-next { position: absolute; top: 0; display: block; width: 47px; height: 47px; font-size: 15px; line-height: 47px; text-decoration: none; cursor: pointer; } .ui-datepicker-prev { left: 0; } .ui-datepicker-next { right: 0; } .ui-datepicker-calendar { border-collapse: collapse; font-size: 13px; line-height: 27px; } .ui-datepicker-calendar th { color: #999; } .ui-datepicker-calendar a, .ui-datepicker-calendar span { display: block; width: 31px; margin: auto; text-decoration: none; color: #404040; text-align:center; } .ui-datepicker-unselectable.ui-state-disabled { } .ui-datepicker-unselectable.ui-state-disabled > span { color:#bfbfbf; background-color: #FAFCFD; } .ui-datepicker-calendar a:hover { background: #3276B1; color:#fff; } .ui-datepicker-calendar span { } .ui-datepicker-today a { font-weight: 700; } .ui-datepicker-calendar .ui-state-active { background: rgba(0,0,0,.05); cursor: default; } .ui-datepicker-inline { border: 2px solid #e5e5e5; background: #fff; box-shadow: none; } .ui-datepicker-inline .ui-datepicker-calendar { width: 100%; } */ .datepicker2-switch, .datepicker2-days .today { cursor: pointer; } /* * model */ .smart-form-modal { position: fixed; z-index: 1; display: none; width: 400px; } .smart-form-modal-overlay { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); } .modal-body { max-height: 500px; overflow-y: hidden; } .modal-title { text-align: left; } /* * Time picker */ .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { float: left; clear: left; padding: 0 0 0 5px; } .ui-timepicker-div dl dd { margin: 17px 10px 12px 40%; } .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 { text-align: right; padding: 0 5px 0 0; } .ui-timepicker-rtl dl dt { float: right; clear: right; } .ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; } /* * Large, small and extra small fields */ .smart-form input.input-lg { height: 44px; padding: 10px 16px; font-size: 17px; line-height: 1.33; } .smart-form input.input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; } .smart-form input.input-xs { height: 24px; padding: 2px 10px; font-size: 11px; line-height: 1.5; } /* SELECT */ .smart-form select.input-sm { height: 30px; line-height: 15px; font-size: 12px; } .smart-form select.input-sm + i { height: 10px; } .smart-form select.input-lg { height: 44px; line-height: 22px; font-size: 17px; } .smart-form select.input-lg + i { height: 11px; top: 17px; } /* aep fix for aspnet mvc from abelepereira */ .smart-form .checkbox input + input[type=hidden] + i:after { content: '\f00c'; top: -1px; left: 1px; width: 15px; height: 15px; font: normal 16px/19px FontAwesome; text-align: center; } .smart-form .checkbox input:checked:hover + input[type=hidden] + i:after { content: '\f00d'; } .smart-form .checkbox input:checked:disabled:hover + input[type=hidden] + i:after { content: '\f00c'; } .smart-form .checkbox input:checked + input[type=hidden] + i:after { opacity: 1; } /* toogle fix */ .smart-form .toggle input:checked + input[type=hidden] + i:after { content: attr(data-swchon-text); text-align: right; } .smart-form .toggle input:checked + input[type=hidden] + i:before { right: 36px; } /* end of fix */ /* General UI Elements ------------------------------------------------------------------------*/ /* * PROGRESS BARS */ .progress-micro { height: 3px !important; line-height: 3px !important; } .progress-xs { height: 7px !important; line-height: 7px !important; } .progress-sm { height: 14px !important; line-height: 14px !important; } .progress-lg { height: 30px !important; line-height: 30px !important; } .progress .progress-bar { position: absolute; overflow: hidden; line-height: 20px; } .progress .progressbar-back-text { position: absolute; width: 100%; height: 100%; font-size: 12px; line-height: 20px; text-align: center; } .progress .progressbar-front-text { display: block; width: 100%; font-size: 12px; line-height: 20px; text-align: center; } .progress.right .progress-bar { right: 0; } .progress.right .progressbar-front-text { position: absolute; right: 0; } .progress.vertical { width: 25px; height: 100%; min-height: 150px; margin-right: 20px; display: inline-block; margin-bottom: 0px; } .progress.wide-bar { width: 40px; } .progress.vertical.bottom { position: relative; } .progress.vertical.bottom .progressbar-front-text { position: absolute; bottom: 0; } .progress.vertical .progress-bar { width: 100%; height: 0; -webkit-transition: height 0.6s ease; transition: height 0.6s ease; } .progress.vertical.bottom .progress-bar { position: absolute; bottom: 0; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { position: relative; margin-bottom: 20px; overflow: hidden; height: 22px; background: #eeeeee; box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset; -webkit-box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset; -moz-box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .progress-bar { float: left; width: 0; height: 100%; font-size: 11px; color: #ffffff; text-align: center; background-color: #57889c; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); font-weight: bold; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-image: url('../img/pattern/overlay-pattern.png'); } .progress-striped .progress-bar { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-danger { background-color: #a90329; } .progress-striped .progress-bar-danger { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-success { background-color: #739e73; } .progress-striped .progress-bar-success { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #c79121; } .progress-striped .progress-bar-warning { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #57889c; } .progress-striped .progress-bar-info { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-info .bar, .progress .bar-info { background: #57889c; } .vertical-bars { padding: 0; margin: 0; } .vertical-bars:after { content: ""; display: block; height: 0; clear: both; } .vertical-bars li { padding: 14px 0; width: 25%; display: block; float: left; text-align: center; } .vertical-bars li:first-child { border-left: none; } .vertical-bars > li > .progress.vertical:first-child { margin-left: auto; } .vertical-bars > li > .progress.vertical { margin: 0 auto; float: none; } /* * BAR HOLDER */ .bar-holder:first-child { border-top: none; } .bar-holder { padding: 18px 15px; } .bar-holder .progress { margin: 0; } /* * TABS */ /* .nav-tabs.nav-justified > li > a:hover { background: #005ec4!important; }*/ .nav-tabs > li > a .badge { font-size: 11px; padding: 3px 5px 3px 5px; opacity: .5; margin-left: 5px; min-width: 17px; font-weight: normal; } .nav-tabs > li > a > .fa { opacity: .5; } .tabs-left .nav-tabs > li > a .badge { margin-right: 5px; margin-left: 0px; } .nav-tabs > li > a .label { display: inline-block; font-size: 11px; margin-left: 5px; opacity: .5; } .nav-tabs > li.active > a .badge, .nav-tabs > li.active > a .label, .nav-tabs > li.active > a > .fa { opacity: 1; } .nav-tabs > li > a { border-radius: 0px; color: #333333; } .nav-tabs > li.active > a { border-top-width: 0px !important; font-weight: bold; } .tabs-left .nav-tabs > li.active > a { -webkit-box-shadow: -2px 0 0 #57889c; -moz-box-shadow: -2px 0 0 #57889c; box-shadow: -2px 0 0 #57889c; border-top-width: 1px !important; border-left: none !important; margin-left: 1px !important; } .tabs-left .nav-pills > li.active > a { border: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; } .tabs-right .nav-tabs > li.active > a { -webkit-box-shadow: 2px 0 0 #57889c; -moz-box-shadow: 2px 0 0 #57889c; box-shadow: 2px 0 0 #57889c; border-top-width: 1px !important; border-right: none !important; margin-right: 1px !important; } .tabs-below .nav-tabs > li.active > a { -webkit-box-shadow: 0 2px 0 #57889c; -moz-box-shadow: 0 2px 0 #57889c; box-shadow: 0 2px 0 #57889c; border-bottom-width: 0px !important; border-top: none !important; margin-top: 0px !important; } .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { border-bottom: 0; } .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } .tab-content > .active, .pill-content > .active { display: block; } .tabs-below > .nav-tabs { border-top: 1px solid #dddddd; } .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li, .tabs-left > .nav-pills > li, .tabs-right > .nav-pills > li { float: none; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a, .tabs-left > .nav-pills > li > a, .tabs-right > .nav-pills > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } .tabs-left > .nav-tabs, .tabs-left > .nav-pills { float: left; margin-right: 19px; border-right: 1px solid #dddddd; } .tabs-left > .nav-pills { border-right: none; } .tabs-left > .nav-tabs > li > a { margin-right: -1px; } .tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus { border-color: #eeeeee #d5d5d5 #eeeeee #eeeeee; } .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus { border-color: #d5d5d5 transparent #d5d5d5 #dddddd; *border-right-color: #ffffff; } .tabs-left > .tab-content { margin-left: 109px; } .tabs-right > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #dddddd; /* DDD */ } .tabs-right > .nav-tabs > li > a { margin-left: -1px; } .tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #eeeeee #dddddd; } .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover, .tabs-right > .nav-tabs .active > a:focus { border-color: #dddddd #dddddd #dddddd transparent; *border-left-color: #ffffff; } .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { border-bottom: 0; } .tab-content { } .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } .tab-content > .active, .pill-content > .active { display: block; } .tabs-below > .nav-tabs { border-top: 1px solid #dddddd; } .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus { border-top-color: #dddddd; border-bottom-color: transparent; } .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover, .tabs-below > .nav-tabs > .active > a:focus { border-color: transparent #dddddd #dddddd #dddddd; /* tabs */ } /* bordered tabs */ .nav-tabs.bordered { background: #ffffff; border: 1px solid #dddddd; } .nav-tabs.bordered > :first-child a { border-left-width: 0px !important; } .nav-tabs.bordered + .tab-content { border: 1px solid #dddddd; border-top: none; } /* bordered tabs top right */ .tabs-pull-right.nav-tabs > li, .tabs-pull-right.nav-pills > li { float: right; } .tabs-pull-right.nav-tabs > li:first-child > a, .tabs-pull-right.nav-pills > li:first-child > a { margin-right: 1px; } .tabs-pull-right.bordered.nav-tabs > li:first-child > a, .tabs-pull-right.bordered.nav-pills > li:first-child > a { border-left-width: 1px !important; margin-right: 0px; border-right-width: 0px; } /* jarviswidget header first child is tab */ .jarviswidget > header > .nav-tabs.pull-left > li:first-child a { border-left-width: 0px !important; } .tabbable .nav-tabs { width: 125px; } /* * DROPDOWN MENU */ .dropdown-menu-xs { min-width: 37px; } .dropdown-menu-xs > li > a { padding: 3px 10px; } .dropdown-menu-xs > li > a:hover i { color: #fff !important; } /* Dropdown menu extended */ .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #bfbfbf; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; } /* Date Selector Dropdown menu */ .menucompDay { box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; display: block; width: 100%; height: 32px; padding: 6px 12px; font-size: 13px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; } .menucompMonth { box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; display: block; width: 100%; height: 32px; padding: 6px 12px; font-size: 13px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; } .menucompYear { box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; display: block; width: 100%; height: 32px; padding: 6px 12px; font-size: 13px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; } /* * ALTERNATIVE PAGING */ .pagination.pagination-alt > li > a { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: none; margin-left: -1px; } .pagination.pagination-alt > li:first-child > a { padding-left: 0px; } /* * CUSTOM BUTTON */ .pagination > li > a, .pagination > li > span { box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); } .disabled { color: #ffffff; } .btn-default.disabled { color: #999999; } .btn { border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); } .btn:active { position: relative; top: 1px; left: 1px; } .btn.btn-ribbon { background-color: #707070; background-image: -moz-linear-gradient(top, #777777, #666666); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#777777), to(#666666)); background-image: -webkit-linear-gradient(top, #777777, #666666); background-image: -o-linear-gradient(top, #777777, #666666); background-image: linear-gradient(to bottom, #777777, #666666); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff777777', endColorstr='#ff666666', GradientType=0); color: white; padding: 0 5px; line-height: 20px; vertical-align: middle; height: 20px; display: block; border: none; float: left; margin: 0 8px 0 0; cursor: pointer; } .btn.btn-ribbon > i { font-size: 111%; } .ribbon-button-alignment { padding-top: 10px; display: inline-block; } .ribbon-button-alignment.pull-right > .btn.btn-ribbon { margin: 0 0 0 8px; } /* * Panels */ .panel-purple { border-color: #6e587a; } .panel-purple > .panel-heading { color: #ffffff; background-color: #6e587a; border-color: #6e587a; } .panel-greenLight { border-color: #71843f; } .panel-greenLight > .panel-heading { color: #ffffff; background-color: #71843f; border-color: #71843f; } .panel-greenDark { border-color: #496949; } .panel-greenDark > .panel-heading { color: #ffffff; background-color: #496949; border-color: #496949; } .panel-darken { border-color: #333333; } .panel-darken > .panel-heading { color: #ffffff; background-color: #404040; border-color: #404040; } .panel-pink { border-color: #ac5287; } .panel-pink > .panel-heading { color: #ffffff; background-color: #ac5287; border-color: #ac5287; } .panel-green { border-color: #356e35; } .panel-green > .panel-heading { color: #ffffff; background-color: #356e35; border-color: #356e35; } .panel-blueLight { border-color: #92a2a8; } .panel-blueLight > .panel-heading { color: #ffffff; background-color: #92a2a8; border-color: #92a2a8; } .panel-pinkDark { border-color: #a8829f; } .panel-pinkDark > .panel-heading { color: #ffffff; background-color: #a8829f; border-color: #a8829f; } .panel-redLight { border-color: #a65858; } .panel-redLight > .panel-heading { color: #ffffff; background-color: #a65858; border-color: #a65858; } .panel-red { border-color: #a90329; } .panel-red > .panel-heading { color: #ffffff; background-color: #a90329; border-color: #a90329; } .panel-teal { border-color: #568a89; } .panel-teal > .panel-heading { color: #ffffff; background-color: #568a89; border-color: #568a89; } .panel-orange { border-color: #c79121; } .panel-orange > .panel-heading { color: #ffffff; background-color: #c79121; border-color: #c79121; } .panel-blueDark { border-color: #4c4f53; } .panel-blueDark > .panel-heading { color: #ffffff; background-color: #4c4f53; border-color: #4c4f53; } .panel-magenta { border-color: #6e3671; } .panel-magenta > .panel-heading { color: #ffffff; background-color: #6e3671; border-color: #6e3671; } .panel-blue { border-color: #57889c; } .panel-blue > .panel-heading { color: #ffffff; background-color: #57889c; border-color: #57889c; } .panel-footer > .btn-block { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-bottom: none; border-left: none; border-right: none; } /* * Circle Buttons */ .btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 18px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 15px; font-size: 18px; line-height: 30px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 15px; font-size: 24px; line-height: 50px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } /* * Big Metro Buttons */ .btn-metro { margin: 0 0 20px; padding-top: 15px; padding-bottom: 15px; } .btn-metro > span { display: block; vertical-align: bottom; margin-top: 10px; text-transform: uppercase; } .btn-metro > span.label { position: absolute; top: 0px; right: 0px; } /* * buttons with labels */ .btn-label { position: relative; left: -12px; display: inline-block; padding: 6px 12px; background: rgba(0, 0, 0, 0.15); border-radius: 3px 0 0 3px; } .btn-labeled { padding-top: 0; padding-bottom: 0; } .btn-link { box-shadow: none; -webkit-box-shadow: none; font-size: 14px; } /* * ANIMATION */ #left-panel { -webkit-transition: 250ms cubic-bezier(0.1, 0.57, 0.1, 1); transition: 250ms cubic-bezier(0.1, 0.57, 0.1, 1); -webkit-transform: translate(0px, 0px) translateZ(0px); } #main { -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* * CHARTS */ .chart-small, .chart-large, .chart-xl { overflow: hidden; } .chart-small { height: 100px; width: 100%; } .chart-large { height: 235px; width: 100%; } .chart-xl { height: 297px; width: 100%; } /* * Flot Tool tips */ #flotTip { padding: 3px 5px; background-color: #ffffff; z-index: 9999; color: #333333; -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); font-size: 14px; border: 1px solid #C1C1C1; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #flotTip span { color: #38812D; font-weight: bold; } .legendLabel span { display: block; margin: 0 5px; } .legendColorBox { padding-left: 10px; vertical-align: top; padding-top: 5px; } .legendColorBox div > div { width: 4px; height: 4px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } /* * Morris Charts */ .morris-hover.morris-default-style { border-radius: 10px; padding: 6px; color: #666; background: rgba(255, 255, 255, 0.8); border: solid 2px rgba(230, 230, 230, 0.8); font-family: sans-serif; font-size: 12px; text-align: center; } .morris-hover.morris-default-style .morris-hover-row-label { font-weight: bold; margin: 0.25em 0; } .morris-hover.morris-default-style .morris-hover-point { white-space: nowrap; margin: 0.1em 0; } .morris-hover { position: absolute; z-index: 903; } .fixed-page-footer .morris-hover { z-index: 900; } /* * Flot Chart */ .chart { overflow: hidden; /*- disabled for widget chrome bug */ height: 220px; margin: 20px 5px 10px 10px; } .has-legend { margin-top: 30px !important; } .has-legend-unique { margin-top: 19px !important; } /* * EASY PIE CHART */ .easyPieChart { position: relative; text-align: center; } .easyPieChart canvas { position: absolute; top: 0; left: 0; } .easy-pie-chart { display: inline-block; } .easy-pie-chart .percent { color: #444; font-size: 12px; font-weight: bold; } .easy-pie-title { display: inline-block; margin: 10px 6px 0; font-size: 12px; font-weight: 400; text-transform: uppercase; width: 100px; height: 19px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .easy-pie-title .icon-color-good, .easy-pie-title .icon-color-bad { font-size: 18px; } /* * Search Results */ input#search-project { line-height: 2!important; } .search-results ul li { list-style-position: inside; } /*** *** Profile Picture ***/ .userpicture { width: 100px; height: 100px; } .profile-picture-wrapper { position: relative; } .profile-alert { position: absolute; bottom: 0; left: 0; padding: 10px; background-color: #000000; opacity: 0.8; filter: alpha(opacity=80); width: 190px; } .profile-alert h2 { margin: 0; color: white; } /* 3 Equal columns for home page and course page. */ .course-content, .block-page-columns { margin-bottom: 0px; overflow: hidden; } /* Home page/Default Course Page padding trick. */ .course-content #right-column, .course-content #middle-column, .course-content #left-column, .block-page-columns #right-column, .block-page-columns #middle-column, .block-page-columns #left-column { margin: 0px; padding: 0px; /* margin-bottom: -99999px; padding-bottom: 99999px;*/ } /* Side Navigation course page uses the table method which works good for anchor tags, but doesn't support bootstrap push/pull in FF */ .sidenav { display: table; overflow: auto; } .course-content .col-sidenav { margin-bottom: 0px !important; padding-bottom: 0px !important; } /* Course page table cells */ @media (min-width: 992px) { .course-content .col-sidenav { float: none; display: table-cell; vertical-align: top; } } /* Remove padding from page footer to make everything fit together nicely. */ .page-footer { margin-top: 0px; } .sticky-header { /*position: fixed;*/ width: 100%; left: 0; z-index: 99995; border-top: 0; top: 0; } /* Smart Notifications */ .achievementImage { position: absolute; height: 80px; width: 80px; top: 10px; left: 10px; } .achievementImg { height: 100%; width: 100%; } .achievementText { padding-left: 90px; padding-right: 10px; } .achievementTitle { font-size: 20px !important; font-weight: bold; } .achievementName { font-size: 16px !important; font-weight: bold; } .achievementDesc { font-size: 16px !important; } .bigBox { position: fixed; right: 10px; bottom: 10px; background-color: #004d60; padding-left: 10px; padding-top: 10px; padding-right: 10px; padding-bottom: 5px; width: 390px; height: 150px; color: white; z-index: 99999; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; border-left: 5px solid rgba(0, 0, 0, 0.15); overflow: hidden; } .bigBox span { font-size: 17px; font-weight: 300; letter-spacing: -1px; padding: 5px 0 !important; display: block; } .bigBox p { font-size: 13px; margin-top: 10px; } #divMiniIcons { position: fixed; width: 415px; right: 10px; bottom: 180px; z-index: 9999; float: right; } .botClose { position: absolute; right: 10px; height: 16px; width: 15px; cursor: pointer; font-size: 18px; opacity: .5; display: block; top: 15px; } .botClose:hover { opacity: 1; } #divMiniIcons .cajita { text-align: center; vertical-align: middle; padding: 4px 6px; color: #FFF; float: right; cursor: pointer; display: block; background-color: #F00; font-size: 17px; margin-left: 4px; margin-top: 5px; } #divMiniIcons .cajita:active { top: 1px; left: 1px; position: relative; } .cajita img { width: 23px; height: 23px; padding-left: 3px; padding-top: 3px; } .bigBox .bigboxicon { font-size: 30px; text-align: left; position: absolute; top: 120px; left: 6px; z-index: 0; } .bigBox .bigboxnumber { width: 100%; text-align: right; font-size: 25px; } #divSmallBoxes { position: fixed; right: 0; top: 0; z-index: 9999; } .SmallBox { position: fixed; right: 10px; bottom: 10px; /* position: absolute; right: 5px; */ top: auto!important; /* to make sure its always at right bottom corner */ width: 420px; color: white; z-index: 9999; overflow: hidden; border: 1px solid transparent; } @media screen and (max-width: 450px) { /* Adjust alerts to show correctly at small sizes. */ .SmallBox { width: 280px; } } .SmallBox:hover { border: 1px solid #fff; cursor: pointer; } .SmallBox .foto { font-size: 50px; position: absolute; left: 17px; } .SmallBox .textoFull { width: 93%; float: left; padding-left: 20px; } .SmallBox .textoFoto { width: 78%; margin: 3px 20px 3px 80px; float: left; } .miniPic { position: absolute; bottom: 8px; right: 9px; } .miniIcono { height: auto!important; font-size: 20px; } .SmallBox span { font-size: 17px; font-weight: 300; letter-spacing: -1px; display: block; margin: 4px 0; } .SmallBox p { font-size: 13px; margin-top: 2px; } /* End of Smart Notifications */ /* CSS Animation (Please keep this at the end at all times) */ .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animated.fast { -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; } .animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes flash { 0%, 100%, 50% { opacity: 1; } 25%, 75% { opacity: 0; } }@-moz-keyframes flash { 0%, 100%, 50% { opacity: 1; } 25%, 75% { opacity: 0; } }@-o-keyframes flash { 0%, 100%, 50% { opacity: 1; } 25%, 75% { opacity: 0; } }@keyframes flash { 0%, 100%, 50% { opacity: 1; } 25%, 75% { opacity: 0; } }.animated.flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); } }@-moz-keyframes shake { 0%, 100% { -moz-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -moz-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -moz-transform: translateX(10px); } }@-o-keyframes shake { 0%, 100% { -o-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -o-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -o-transform: translateX(10px); } }@keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } }.animated.shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } }@-moz-keyframes bounce { 0%, 100%, 20%, 50%, 80% { -moz-transform: translateY(0); } 40% { -moz-transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); } }@-o-keyframes bounce { 0%, 100%, 20%, 50%, 80% { -o-transform: translateY(0); } 40% { -o-transform: translateY(-30px); } 60% { -o-transform: translateY(-15px); } }@keyframes bounce { 0%, 100%, 20%, 50%, 80% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } }.animated.bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); } }@-moz-keyframes tada { 0% { -moz-transform: scale(1); } 10%, 20% { -moz-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -moz-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -moz-transform: scale(1.1) rotate(-3deg); } 100% { -moz-transform: scale(1) rotate(0); } }@-o-keyframes tada { 0% { -o-transform: scale(1); } 10%, 20% { -o-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -o-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -o-transform: scale(1.1) rotate(-3deg); } 100% { -o-transform: scale(1) rotate(0); } }@keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } }.animated.tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 100%, 20%, 40%, 60%, 80% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } }@-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } }@-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } }@keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } }.animated.swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; } @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } }@-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); } }@-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); } }@keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } }.animated.wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } }@-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } }@-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } }@keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } }.animated.pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; } }@-moz-keyframes flip { 0% { -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -moz-animation-timing-function: ease-out; } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -moz-animation-timing-function: ease-out; } 50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in; } 80% { -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -moz-animation-timing-function: ease-in; } 100% { -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -moz-animation-timing-function: ease-in; } }@-o-keyframes flip { 0% { -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -o-animation-timing-function: ease-out; } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -o-animation-timing-function: ease-out; } 50% { -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function: ease-in; } 80% { -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -o-animation-timing-function: ease-in; } 100% { -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -o-animation-timing-function: ease-in; } }@keyframes flip { 0% { transform: perspective(400px) translateZ(0) rotateY(0) scale(1); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); animation-timing-function: ease-in; } }.animated.flip { -webkit-backface-visibility: visible!important; -webkit-animation-name: flip; -moz-backface-visibility: visible!important; -moz-animation-name: flip; -o-backface-visibility: visible!important; -o-animation-name: flip; backface-visibility: visible!important; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } }@-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } }@-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } }@keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } }.animated.flipInX { -webkit-backface-visibility: visible!important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible!important; -moz-animation-name: flipInX; -o-backface-visibility: visible!important; -o-animation-name: flipInX; backface-visibility: visible!important; animation-name: flipInX; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } }@-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } }@-o-keyframes flipOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } }@keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } }.animated.flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible!important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible!important; -o-animation-name: flipOutX; -o-backface-visibility: visible!important; animation-name: flipOutX; backface-visibility: visible!important; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } }@-moz-keyframes flipInY { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateY(-10deg); } 70% { -moz-transform: perspective(400px) rotateY(10deg); } 100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } }@-o-keyframes flipInY { 0% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateY(-10deg); } 70% { -o-transform: perspective(400px) rotateY(10deg); } 100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } }@keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } }.animated.flipInY { -webkit-backface-visibility: visible!important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible!important; -moz-animation-name: flipInY; -o-backface-visibility: visible!important; -o-animation-name: flipInY; backface-visibility: visible!important; animation-name: flipInY; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } }@-moz-keyframes flipOutY { 0% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } }@-o-keyframes flipOutY { 0% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } }@keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } }.animated.flipOutY { -webkit-backface-visibility: visible!important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible!important; -moz-animation-name: flipOutY; -o-backface-visibility: visible!important; -o-animation-name: flipOutY; backface-visibility: visible!important; animation-name: flipOutY; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }@-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }@-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }.animated.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } }@-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } }@-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } }@keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }.animated.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } }@-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } }@-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } }@keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } }.animated.fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } }@-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } }@-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } }@keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } }.animated.fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } }@-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } }@-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } }@keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } }.animated.fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } }@-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } }@-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } }@keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } }.animated.fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } }@-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } }@-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } }@keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } }.animated.fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } }@-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } }@-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } }@keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } }.animated.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } }@-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } }@-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } }@keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } }.animated.fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }@-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }@-o-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }.animated.fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } }@-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } }@-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-20px); } }@keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } }.animated.fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } }@-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } }@-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); } }@keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } }.animated.fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } }@-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } }@-o-keyframes fadeOutLeft { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-20px); } }@keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } }.animated.fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } }@-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(20px); } }@-o-keyframes fadeOutRight { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(20px); } }@keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } }.animated.fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } }@-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } }@-o-keyframes fadeOutUpBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } }@keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } }.animated.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } }@-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(2000px); } }@-o-keyframes fadeOutDownBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(2000px); } }@keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } }.animated.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } }@-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } }@-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } }@keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } }.animated.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } }@-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } }@-o-keyframes fadeOutRightBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } }@keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } }.animated.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); } 100% { -webkit-transform: scale(1); } }@-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(0.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(0.9); } 100% { -moz-transform: scale(1); } }@-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(0.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(0.9); } 100% { -o-transform: scale(1); } }@keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(0.9); } 100% { transform: scale(1); } }@-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); } }@-moz-keyframes slideInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { -moz-transform: translateY(0); } }@-o-keyframes slideInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { -o-transform: translateY(0); } }@keyframes slideInDown { 0% { opacity: 0; transform: translateY(-2000px); } 100% { transform: translateY(0); } }.slideInDown { -webkit-animation-name: slideInDown; -moz-animation-name: slideInDown; -o-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); } }@-moz-keyframes slideInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { -moz-transform: translateX(0); } }@-o-keyframes slideInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { -o-transform: translateX(0); } }@keyframes slideInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 100% { transform: translateX(0); } }.slideInLeft { -webkit-animation-name: slideInLeft; -moz-animation-name: slideInLeft; -o-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); } }@-moz-keyframes slideInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { -moz-transform: translateX(0); } }@-o-keyframes slideInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { -o-transform: translateX(0); } }@keyframes slideInRight { 0% { opacity: 0; transform: translateX(2000px); } 100% { transform: translateX(0); } }.slideInRight { -webkit-animation-name: slideInRight; -moz-animation-name: slideInRight; -o-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } }@-moz-keyframes slideOutLeft { 0% { -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } }@-o-keyframes slideOutLeft { 0% { -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } }@keyframes slideOutLeft { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } }.slideOutLeft { -webkit-animation-name: slideOutLeft; -moz-animation-name: slideOutLeft; -o-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } }@-moz-keyframes slideOutRight { 0% { -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } }@-o-keyframes slideOutRight { 0% { -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } }@keyframes slideOutRight { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } }.slideOutRight { -webkit-animation-name: slideOutRight; -moz-animation-name: slideOutRight; -o-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } }@-moz-keyframes slideOutUp { 0% { -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } }@-o-keyframes slideOutUp { 0% { -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } }@keyframes slideOutUp { 0% { transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } }.slideOutUp { -webkit-animation-name: slideOutUp; -moz-animation-name: slideOutUp; -o-animation-name: slideOutUp; animation-name: slideOutUp; } .animated.bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } }@-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } }@-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); } }@keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } }.animated.bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } }@-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } }@-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } }@keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } }.animated.bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } }@-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); } }@-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); } }@keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } }.animated.bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } }@-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); } }@-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); } }@keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } }.animated.bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); } }@-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(0.95); } 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { opacity: 0; -moz-transform: scale(0.3); } }@-o-keyframes bounceOut { 0% { -o-transform: scale(1); } 25% { -o-transform: scale(0.95); } 50% { opacity: 1; -o-transform: scale(1.1); } 100% { opacity: 0; -o-transform: scale(0.3); } }@keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(0.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(0.3); } }.animated.bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } }@-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(20px); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } }@-o-keyframes bounceOutUp { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(20px); } 100% { opacity: 0; -o-transform: translateY(-2000px); } }@keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } }.animated.bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } }@-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(-20px); } 100% { opacity: 0; -moz-transform: translateY(2000px); } }@-o-keyframes bounceOutDown { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(-20px); } 100% { opacity: 0; -o-transform: translateY(2000px); } }@keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } }.animated.bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } }@-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(20px); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } }@-o-keyframes bounceOutLeft { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(20px); } 100% { opacity: 0; -o-transform: translateX(-2000px); } }@keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } }.animated.bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } }@-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(-20px); } 100% { opacity: 0; -moz-transform: translateX(2000px); } }@-o-keyframes bounceOutRight { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(-20px); } 100% { opacity: 0; -o-transform: translateX(2000px); } }@keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } }.animated.bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } }@-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } }@-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } }@keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } }.animated.rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } }@-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } }@-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } }@keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } }.animated.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } }@-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } }@-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } }@keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } }.animated.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } }@-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } }@-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } }@keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } }.animated.rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } }@-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } }@-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } }@keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } }.animated.rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } }@-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } }@-o-keyframes rotateOut { 0% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: center center; -o-transform: rotate(200deg); opacity: 0; } }@keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } }.animated.rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } }@-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } }@-o-keyframes rotateOutUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } }@keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } }.animated.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } }@-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } }@-o-keyframes rotateOutDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } }@keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } }.animated.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } }@-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } }@-o-keyframes rotateOutUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } }@keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } }.animated.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } }@-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } }@-o-keyframes rotateOutDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } }@keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } }.animated.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } }@-moz-keyframes hinge { 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 100% { -moz-transform: translateY(700px); opacity: 0; } }@-o-keyframes hinge { 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 100% { -o-transform: translateY(700px); opacity: 0; } }@keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } }.animated.hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } }@-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } }@-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } }@keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } }.animated.rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } }@-moz-keyframes rollOut { 0% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } }@-o-keyframes rollOut { 0% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); } }@keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } }.animated.rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } }@-moz-keyframes lightSpeedIn { 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } }@-o-keyframes lightSpeedIn { 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } }@keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } }.animated.lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } }@-moz-keyframes lightSpeedOut { 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } }@-o-keyframes lightSpeedOut { 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } }@keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } }.animated.lightSpeedOut { -webkit-animation-name: lightSpeedOut; -moz-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-duration: .25s; -moz-animation-duration: .25s; -o-animation-duration: .25s; animation-duration: .25s; } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -moz-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } }@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } }@-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } }@-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } }@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } /* Dropdown Animation */ .open>.dropdown-menu { -webkit-animation-name: flipInX; -moz-animation-name: flipInX; -o-animation-name: flipInX; animation-name: flipInX; -webkit-animation-duration: .4s; -moz-animation-duration: .4s; -o-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .active+.ajax-dropdown { -webkit-animation-name: flipInY; -moz-animation-name: flipInY; -o-animation-name: flipInY; animation-name: flipInY; -webkit-animation-duration: .7s; -moz-animation-duration: .7s; -o-animation-duration: .7s; animation-duration: .7s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .navbar-inverse .navbar-nav>.open>.dropdown-menu { -webkit-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } /* Custom Scrollbar */ .ps-container.ps-active-x>.ps-scrollbar-x-rail, .ps-container.ps-active-y>.ps-scrollbar-y-rail { display: block; } .ps-container.ps-in-scrolling { pointer-events: none; } .ps-container.ps-in-scrolling>.ps-scrollbar-x-rail { background-color: #eee; opacity: .8; -ms-filter: "alpha(Opacity=80)"; filter: alpha(opacity=80); } .ps-container.ps-in-scrolling>.ps-scrollbar-x-rail>.ps-scrollbar-x { background-color: #999; } .ps-container.ps-in-scrolling>.ps-scrollbar-y-rail { background-color: #eee; opacity: .8; -ms-filter: "alpha(Opacity=80)"; filter: alpha(opacity=80); } .ps-container.ps-in-scrolling>.ps-scrollbar-y-rail>.ps-scrollbar-y { background-color: #999; } .ps-container>.ps-scrollbar-x-rail { display: none; position: absolute; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; opacity: 0.2; -ms-filter: "alpha(Opacity=20)"; filter: alpha(opacity=20); -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; bottom: 3px; height: 8px; } .ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x { position: absolute; background-color: #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; bottom: 0; height: 8px; } .ps-container>.ps-scrollbar-y-rail { /*display: none;*/ position: absolute; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; opacity: .2; -ms-filter: "alpha(Opacity=20)"; filter: alpha(opacity=20); -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; right: 3px; width: 8px; } @media (min-width: 992px) { .navbar .ps-container>.ps-scrollbar-y-rail { display: none; } } .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y { position: absolute; background-color: #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; right: 0; width: 8px; } .ps-container:hover.ps-in-scrolling { pointer-events: none; } .ps-container:hover.ps-in-scrolling>.ps-scrollbar-x-rail { background-color: #eee; opacity: .8; -ms-filter: "alpha(Opacity=80)"; filter: alpha(opacity=80); } .ps-container:hover.ps-in-scrolling>.ps-scrollbar-x-rail>.ps-scrollbar-x { background-color: #999; } .ps-container:hover.ps-in-scrolling>.ps-scrollbar-y-rail { background-color: #eee; opacity: .8; -ms-filter: "alpha(Opacity=80)"; filter: alpha(opacity=80); } .ps-container:hover.ps-in-scrolling>.ps-scrollbar-y-rail>.ps-scrollbar-y { background-color: #999; } .ps-container:hover>.ps-scrollbar-x-rail, .ps-container:hover>.ps-scrollbar-y-rail { opacity: .6; -ms-filter: "alpha(Opacity=60)"; filter: alpha(opacity=60); } .ps-container:hover>.ps-scrollbar-x-rail:hover { background-color: #eee; opacity: .8; -ms-filter: "alpha(Opacity=80)"; filter: alpha(opacity=80); } .ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x { background-color: #999; } .ps-container:hover>.ps-scrollbar-y-rail:hover { background-color: #eee; opacity: .8; -ms-filter: "alpha(Opacity=80)"; filter: alpha(opacity=80); } .ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y { background-color: #999; } .ps-container>.ps-scrollbar-x-rail { right: 0; margin-left: 0; margin-right: 0; } /* Remove unused Horizontal scrollbars */ #multi-column > .ps-scrollbar-x-rail, .page > .ps-scrollbar-x-rail, .sidebar-scrollbar > .ps-scrollbar-x-rail, .dataTables_scrollBody.fms-scrollbar > .ps-scrollbar-x-rail, .block-content > .ps-scrollbar-x-rail { display: none!important; } /* Remove Vertical scrollbars in responsive tables */ .table-responsive > .ps-scrollbar-y-rail { display: none!important; } /* Increase font icon size for FMS header icons */ .fmsicon { font-size:18px !important; } .fmsiconcopy { color:#a70826; } .fmsiconmove { color:#70843f; } .fmsiconrename { color:#c59121; } .fmsicontrash { color:#a70826; } .fmsicondownload { color:#3276b1; } .fmsiconemail { color:#3276b1; } .fmsiconarchive { color:#6e587a; }/***** standard/styles_theme.css end *****/ /***** /mod/assignment/styles.php start *****/ #mod-assignment-submissions .feedback .content, #mod-assignment-submissions .feedback .topic, #mod-assignment-submissions .feedback .picture { padding: 10px; } .mod-assignment .feedback .files { float: right; background-color: #EFEFEF; padding:5px; } .mod-assignment .feedback .grade { float: right; } .mod-assignment .feedback .from { float: left; } .mod-assignment .feedback .time { font-size: 0.8em; } .mod-assignment .late { color: red; } .mod-assignment .files img { margin-right: 4px; } .mod-assignment .files a { white-space:nowrap; } #mod-assignment-submissions .generaltable .r1 { background-color: #FFFFFF; } #mod-assignment-submissions .header .commands { display: inline; } #mod-assignment-submissions .s0 { background: #FFD991; } #mod-assignment-submissions table.submissions td, #mod-assignment-submissions table.submissions th { vertical-align: middle; padding-left: 5px; padding-right: 5px; } #mod-assignment-submissions .submissions .grade { text-align: right; font-weight:bold; } #mod-assignment-submissions .picture { width: 35px; } #mod-assignment-submissions .fullname { text-align: left; } #mod-assignment-submissions .timemodified, #mod-assignment-submissions .timemarked { text-align: left; font-size: 0.9em; } #mod-assignment-submissions .status { text-align: center; } #mod-assignment-view #online .singlebutton { text-align: center; } #mod-assignment-view #dates { font-size: 0.8em; margin-top: 30px; margin-bottom: 30px; } #mod-assignment-view #dates .c0{ text-align:right; font-weight:bold; } #mod-assignment-view .feedback { margin-top: 15px; width: 80%; margin-left: 10%; margin-right: 10%; } #mod-assignment-view .feedback .topic { padding: 4px; } #mod-assignment-view .feedback .fullname { font-weight: bold; } #mod-assignment-view .feedback .date { font-size: 0.8em; } #mod-assignment-view .feedback .content { padding: 4px; } #mod-assignment-view .feedback .grade { text-align: right; font-weight:bold; } #mod-assignment-view .feedback .left { width: 35px; padding: 4px; text-align: center; vertical-align: top; } /***** /mod/assignment/styles.php end *****/ /***** /mod/lesson/styles.php start *****/ /*** *** Style for page contents (display to student) ***/ .mod-lesson .contents { text-align: left; } /*** *** Style for responses ***/ /* .response style is applied for both .correct and .incorrect */ .mod-lesson .response { padding-top: 10px; } /* for correct responses (can override .response) */ .mod-lesson .correct { /*color: green;*/ } /* for incorrect responses (can override .response) */ .mod-lesson .incorrect { /*color: red;*/ } /* for highlighting matches in responses for short answer regular expression (can override .incorrect) */ .mod-lesson .matches { /*color: red;*/ } /*** *** Slide show Style ***/ /* NOTE: background color, height and width are set in the lesson settings */ .mod-lesson .slideshow { overflow: auto; padding-right: 16px; /* for the benefit of macIE5 only */ /* \ commented backslash hack - recover from macIE5 workarounds, it will ignore the following rule */ padding-right: 0; padding: 15px; } /*** *** Hide Label Class ***/ .mod-lesson .hidden-label { display: none; } /*** *** Left Menu Styles ***/ .mod-lesson .leftmenu_container { width:170px; height:400px; overflow:auto; vertical-align:top; padding-bottom: 15px; /* for the sake of MacIE5 only */ } .mod-lesson .leftmenu_title { } .mod-lesson .leftmenu_courselink { } .mod-lesson .leftmenu_links { font-size:.85em; font-style: normal; } .mod-lesson .leftmenu_links ul { list-style-type: none; margin: 0px; padding: 0px; padding-top: 5px; padding-left: 10px; } .mod-lesson .leftmenu_selected_link { } .mod-lesson .leftmenu_not_selected_link { } .mod-lesson .skip { position: absolute; left: -1000em; width: 20em; } /*** *** Lesson Buttons ***/ .mod-lesson .lessonbutton a { padding: 0.3em 1em; white-space: nowrap; } .button30lesson { padding: 0.1em 0.1em; margin: 0.3em; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 2px solid #83ADEB; background-color: #3D7DE0; color: white; font-weight: bold; } .mod-lesson .lessonbutton a:link, .mod-lesson .lessonbutton a:visited, .mod-lesson .lessonbutton a:hover { color: white; font-weight: bold; text-decoration: none; } .mod-lesson .lessonbutton a:link, .mod-lesson .lessonbutton a:visited { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 2px solid #83ADEB; background-color: #3D7DE0; } .mod-lesson .lessonbutton a:hover { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 2px solid #8EBDFF; background-color: #4388EF; } /*** *** Use these to override lessonbutton class *** Or just comment out all of lessonbutton class definitions and start from scratch below ***/ /* for branch tables only */ .mod-lesson .previousbutton { } /* for branch tables only */ .mod-lesson .nextbutton { } /* All other buttons */ .mod-lesson .standardbutton { } /* Next three classes are for branch table buttons when displayed horizontally */ .mod-lesson .prevhorizontal { } .mod-lesson .nexthorizontal { } .mod-lesson .standardhorizontal { } /* Next three classes are for branch table buttons when displayed vertically */ .mod-lesson .prevvertical { } .mod-lesson .nextvertical { } .mod-lesson .standardvertical { } /* branchbuttoncontainer wraps around branch table buttons */ .mod-lesson .branchbuttoncontainer { text-align: center; padding: 3px; } /* branchslidetop and branchslidebottom classes are wrapped around the branch buttons (branchslidetop around top ones and branchslidebottom around the bottom ones) that are printed out with the branch table in slide show mode. */ .mod-lesson .branchslidetop { /* You could float them out of the slide position: absolute; top: 60px;*/ /* You may choose to not show them at all */ display: none; } .mod-lesson .slideshow_nav { width: 100%; } .mod-lesson .slideshow_nav_button { border: 1px solid #666666; background-color: black; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .mod-lesson .slideshow_nav table td { font-size: 14px; font-weight: bold; color: white; padding: 3px; } .ui-content { padding: 0 !important; } .ui-center-image { margin-left: auto; margin-right: auto; position: relative; display: block; height: 100%; } .ui-content .ui-center-image img { max-height: 100%;/* Part 1: Set a maxium relative to the parent */ width: auto\9; /* IE7-8 need help adjusting responsive images */ max-width: auto !important; /* Part 2: Scale the height according to the width, otherwise you get stretching */ vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } .ui-btn { text-decoration: none !important; color: white !important; margin: 0 !important; } .maincontent .ui-btn { text-decoration: none !important; color: black !important; margin: 0 !important; } #navgroup {text-align:center;} #navgroup div { display:inline-block; display: inline\9; /* IE only */ } .ui-footer-fixed { bottom: 0px !important; } .ui-btn-inner a:link, .ui-btn-inner a:visited, .ui-btn-inner a:hover { color: white !important; } .ui-page-footer-fixed { padding-bottom: 0em !important; } .mod-lesson .branchslidebottom { /* You may choose to not show them at all display: none; */ padding-top: 10px; } .mod-lesson .prevpage { text-align: left; } .mod-lesson .nextpage { text-align: right; } /*** *** Lesson Progress Bar *** Default styles for this are very basic right now. *** User is supposed to configure this to their liking (like using pictures) ***/ .mod-lesson .progress_bar { } .mod-lesson .progress_bar_table { width: 100%; padding: 0px; margin: 0px; } .mod-lesson .progress_bar_completed { /* Example Use of Image background-image: url(https://training.bakerhughes.com/lms/mod/lesson/completed.gif); background-position: center; background-repeat: repeat-x; */ background-color: green; padding: 0px; margin: 0px; } .mod-lesson .progress_bar_todo { /* Example Use of Image background-image: url(https://training.bakerhughes.com/lms/mod/lesson/todo.gif); background-repeat: repeat-x; background-position: center; */ background-color: red; text-align: left; padding: 0px; margin: 0px; } .mod-lesson .progress_bar_token { /* Example Use of Image background-image: url(https://training.bakerhughes.com/lms/mod/lesson/token.gif); background-repeat: repeat-none; */ background-color: #000000; height: 20px; width: 5px; padding: 0px; margin: 0px; } /** Flowchart Styles **/ .mod_lesson #outer-container { background-image: url('https://training.bakerhughes.com/lms/mod/lesson/image/bg.jpg'); border:2px solid #939393; border-radius:0.5em; width:100%; margin: 0 auto; } .mod_lesson #chart-container { position:relative; } .mod_lesson .component { border:1px solid #346789; border-radius:0.5em; opacity:0.8; filter:alpha(opacity=80); text-align:center; background-color:#eeeeef; color:black; padding: 0.5em; padding-right: 1.2em; } .mod_lesson .component:hover { opacity:0.6; filter:alpha(opacity=60); cursor: move; } .mod_lesson .random, .mod_lesson .unseen { background-repeat: no-repeat; background-position: center; background-size: 48px; height:50px; width:100px; } .mod_lesson .answer { background-color: #994466; cursor: pointer; width:100%; margin-top: 2px; margin-bottom: 2px; padding: 4px; font-size: 11px !important; position:relative; } .mod_lesson .aLabel { background-color:white; padding:0.4em; color:#444; z-index:21; border:1px dotted gray; opacity:0.8; filter:alpha(opacity=80); } .mod_lesson ._jsPlumb_connector { z-index:4; } .mod_lesson ._jsPlumb_endpoint { z-index:21;cursor:pointer; } /***** /mod/lesson/styles.php end *****/ /***** /mod/quiz/styles.php start *****/ body#mod-quiz-report table#itemanalysis { margin: 20px auto; } body#mod-quiz-report table#itemanalysis .header, body#mod-quiz-report table#itemanalysis .cell { padding: 4px; } body#mod-quiz-report table#itemanalysis .header .commands { display: inline; } body#mod-quiz-report table#itemanalysis td { } body#mod-quiz-report table#itemanalysis .header { text-align: left; } body#mod-quiz-report table#itemanalysis .numcol { text-align: center; vertical-align : top !important; } body#mod-quiz-report table#itemanalysis .uncorrect { color: red; } body#mod-quiz-report table#itemanalysis .correct { color: blue; font-weight : bold; } body#mod-quiz-report table#itemanalysis .partialcorrect { color: green !important; } body#mod-quiz-report table#itemanalysis .qname { color: green !important; } /* manual grading */ body#mod-quiz-grading table#grading { border-collapse: collapse !important; width: 80%; margin: auto; } body#mod-quiz-grading table#grading { margin: 20px auto; } body#mod-quiz-grading table#grading .header, body#mod-quiz-grading table#grading .cell { padding: 4px; } body#mod-quiz-grading table#grading .header .commands { display: inline; } body#mod-quiz-grading table#grading .picture { width: 40px; } body#mod-quiz-grading table#grading td { vertical-align: bottom; } .mod-quiz .quiz-report-title { text-align: center; font-weight : bold; } .mod-quiz .gradingdetails { font-size: small; } #mod-quiz-attempt #page { //text-align: center; } #mod-quiz-attempt #timer .generalbox { width:150px } #mod-quiz-attempt #timer { position:absolute; /*top:100px; is set by js*/ left:10px } #question-preview .essay .answer textarea { width: 400px; } /***** /mod/quiz/styles.php end *****/ /***** /mod/scorm/styles.php start *****/ .structlist { list-style-type: none; white-space: nowrap; font-size: small; } .orgtitle { font-weight: bold; font-size: small; } .mod-scorm .top { vertical-align: top; } .mod-scorm .left { text-align: left; } .mod-scorm .center { text-align: center; } .mod-scorm .right { text-align: right; } .mod-scorm .scoframe { } #mod-scorm-player #scormpage { position: relative; width: 100%; } #mod-scorm-player #tocbox { position: absolute; left: 0px; top: 0px; width: 19%; } #mod-scorm-player #tochead { text-align: center; font-weight: bold; } #mod-scorm-player #scormbox { position: absolute; right: 0px; top: 0px; } #mod-scorm-player .toc { width: 80%; margin-left: 20%; } #mod-scorm-player .no-toc { width: 100%; } #mod-scorm-player #scormobject { /* border: 1px solid black; */ } #mod-scorm-player #scormtop { position: relative; width: 100%; height: 30px; } #mod-scorm-player #scormbrowse { position: absolute; left: 5px; top: 0px; } #mod-scorm-player #scormnav { position: absolute; right: 5px; top: 0px; } #mod-scorm-player .structurelist { list-style-type: none; text-indent:-4ex; font-size: small; } #mod-scorm-view .structurehead { font-weight: bold; text-align: center; } #mod-scorm-view .structurelist { list-style-type: none; white-space: nowrap; } /***** /mod/scorm/styles.php end *****/ /***** /mod/tincan/styles.php start *****/ .structlist { list-style-type: none; white-space: nowrap; font-size: small; } .orgtitle { font-weight: bold; font-size: small; } .mod-scorm .top { vertical-align: top; } .mod-scorm .left { text-align: left; } .mod-scorm .center { text-align: center; } .mod-scorm .right { text-align: right; } .mod-scorm .scoframe { } #mod-scorm-player #scormpage { position: relative; width: 100%; } #mod-scorm-player #tocbox { position: absolute; left: 0px; top: 0px; width: 19%; } #mod-scorm-player #tochead { text-align: center; font-weight: bold; } #mod-scorm-player #scormbox { position: absolute; right: 0px; top: 0px; } #mod-scorm-player .toc { width: 80%; margin-left: 20%; } #mod-scorm-player .no-toc { width: 100%; } #mod-scorm-player #scormobject { /* border: 1px solid black; */ } #mod-scorm-player #scormtop { position: relative; width: 100%; height: 30px; } #mod-scorm-player #scormbrowse { position: absolute; left: 5px; top: 0px; } #mod-scorm-player #scormnav { position: absolute; right: 5px; top: 0px; } #mod-scorm-player .structurelist { list-style-type: none; text-indent:-4ex; font-size: small; } #mod-scorm-view .structurehead { font-weight: bold; text-align: center; } #mod-scorm-view .structurelist { list-style-type: none; white-space: nowrap; } /***** /mod/tincan/styles.php end *****/ /***** /blocks/admin/styles.php start *****/ .block_adminblock .content { text-align: center; padding: 10px; } /***** /blocks/admin/styles.php end *****/ /***** /blocks/calendar_month/styles.php start *****/ .block_calendar_month .cal_popup_caption, .block_calendar_month .cal_popup_fg div { font-size: 0.85em !important; } .block_calendar_month .filters { font-size:0.75em; padding: 5px; } .block_calendar_month .filters table { border-collapse:separate; border-spacing: 2px; padding: 2px; } .block_calendar_month .event_global, .block_calendar_month .event_course, .block_calendar_month .event_group, .block_calendar_month .event_usergroup, .block_calendar_month .event_user, .block_calendar_month .event_series { border-width: 2px; border-style: solid; } @media (max-width: 991px) { #overDiv { display: none!important; } } /***** /blocks/calendar_month/styles.php end *****/ /***** /blocks/calendar_upcoming/styles.php start *****/ .block_calendar_upcoming .event .date { text-align:right; } /***** /blocks/calendar_upcoming/styles.php end *****/ /***** /blocks/course_navigation/styles.php start *****/ /* CSS Document */ div.webfx-tree-item a.selectedTopicWeek { color: black; font-weight: bold; } .webfx-tree-container { margin: 0px; padding: 0px; white-space: nowrap; } .webfx-tree-item { padding: 0px; font-size: 12px; margin: 4px; white-space: nowrap; height: 14px; } .webfx-tree-item a, .webfx-tree-item a:active, .webfx-tree-item a:hover, .webfx-tree-item a:visited { margin-left: 3px; padding: 0px 0px 1px 0px; } .webfx-tree-item img { vertical-align: middle; border: 0px; } .webfx-tree-icon { } /***** /blocks/course_navigation/styles.php end *****/ /***** /blocks/course_summary/styles.php start *****/ .block_course_summary .content { padding:10px; } /***** /blocks/course_summary/styles.php end *****/ /***** /blocks/login/styles.php start *****/ .block_login .logintable { text-align:center; } .block_login .loginform { display:inline; } /***** /blocks/login/styles.php end *****/ /***** /blocks/mynotes/styles.php start *****/ .block_mynotes .date { color:#555555; font-size:0.72em !important; padding-left:2px; padding-bottom:2px; border-bottom: 1px dashed #BBBBBB; margin-bottom:8px; text-align: left; } .block_mynotes .mytable { width:100%; } .block_mynotes .pr3 { color:#CC0000; } .block_mynotes .pr2 { color:#CCCC00; } .block_mynotes .pr1 { color:#00CC00; }/***** /blocks/mynotes/styles.php end *****/ /***** /blocks/quickcomments/styles.php start *****/ .sent{display:none;} .showsent{ margin:0 auto; padding:10px; width:150px; text-align:center; font-weight:bold; border-width:1px; border-style:solid; }/***** /blocks/quickcomments/styles.php end *****/ /***** /blocks/quiz_results/styles.php start *****/ .block_quiz_results { text-align: center; } .block_quiz_results table.grades .number, .block_quiz_results table.grades .grade { text-align: right; width: 10%; } .block_quiz_results table.grades { text-align: left; width: 100%; } .block_quiz_results table.grades caption { margin: 1em 0px 0px 0px; border-bottom: 1px solid; font-weight: bold; } .block_quiz_results h1 { margin: 4px; font-weight: bold; font-size: 1.1em; } /***** /blocks/quiz_results/styles.php end *****/ /***** /blocks/rss_client/styles.php start *****/ .block_rss_client .link { border-top:1px solid; border-top-color:#DDDDDD; padding-bottom:5px; font-size:0.82em; } .block_rss_client .description { color:#555555; font-size:0.78em; padding-left:10px; padding-bottom:8px; } .block_rss_client .title { font-size:1.0em; } .block_rss_client .image { } .blockconfigtable #rssfeeds { width: 100%; } .blockconfigtable #rssfeeds td.actions { text-align: center; vertical-align: middle; padding: 10px; } .blockconfigtable #rssfeeds td.feed { vertical-align: middle; padding: 5px; } .blockconfigtable #rssfeeds .title { font-weight: bold; margin-bottom: 2px; } .blockconfigtable #rssfeeds .url, .blockconfigtable #rssfeeds .description { font-size: 0.8em; } .blockconfigtable #rssfeeds tr.r0 { background-color: #ffffff; } .blockconfigtable #rssfeeds tr.r1 { background-color: #f0f0f0; } /***** /blocks/rss_client/styles.php end *****/ /***** /blocks/search_forums/styles.php start *****/ .block_search_forums .searchform { text-align: center; } .block_search_forums .searchform img { vertical-align: middle; } /***** /blocks/search_forums/styles.php end *****/ h1.pagetitletext { word-break:break-word; } /* Course Title in menu bar */ .coursetitleprogress { padding: 40px; } @media (max-width:480px) { .coursetitleprogress { padding-top: 20px; padding-bottom: 20px; } h1.pagetitletext { font-size: 1.8em; } } @media (max-width:320px) { h1.pagetitletext { font-size: 1.6em; } } /* Course Progress bar when course is not 100% complete. */ .courseprogressbar { background-color: #053659; width: 100%; height: 15px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .courseprogressuser { background-color: #0e97f6; height: 15px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } /* Course Progress bar text (i.e. 75% Complete) when course is not 100% complete. */ .courseprogresstext h4 { color: #0097ff; } /* Colors for progress bar and thext when the course is 100% complete. */ .coursecompletecolor h4 { color: #00C110; } .coursecompletecolor h4 a { color: #00FF15; } .coursecompletebarcolor { background-color: #00FF15; } /* Colors/padding for admin warning messages that will appear in the menu. */ .warningcourse { margin: 20px 0px 0px 0px; color: #DBDB00; } .warningcourse a { color: #FFFF00; } .btn-sidenav img { margin-right: 0px !important; } /* Left Column Styles (If Applicable) */ .sidenav-format #left-column { background-color: black; } .sidenav-format #left-column h1 { color: white !important; } .sidenav-format #left-column .sidebar-nav, .sidenav-format #left-column .sidebar-nav li ul { padding: 0px !important; margin: 0px !important; } .sidenav-format #left-column .sidebar-nav li { list-style-type: none; padding: 0px !important; margin: 0px !important; background-color: #2b2b2b; font-weight: bold; border-top: 1px solid black; border-bottom: 1px solid #14a4e3; cursor: pointer; width: 100%; } .sidenav-format #left-column .sidebar-nav li ul li { background-color: #42546d; font-weight: normal; border-bottom: none; } .sidenav-format #left-column .sidebar-nav li ul li ul li { background-color: #6886b0; font-weight: normal; border-bottom: none; } /* Link Hover */ .sidenav-format #left-column .sidebar-nav li a:hover { text-decoration: none; color: #fff; background-color: #5d5d5d; } .sidenav-format #left-column .sidebar-nav li ul li a:hover { background-color: #05355d; } .label_no_highlight { background-color: inherit !important; cursor: default !important; } .sidenav-format #left-column .sidebar-nav li ul li ul li a:hover { background-color: #7294c3; } .sidenav-format #left-column .sidebar-nav li a { display: block; position: relative; padding: 20px 35px 20px 20px; text-decoration: none; color: #FFFFFF; } .sidenav-format #left-column .sidebar-nav li ul li a { padding: 10px 20px; } .sidenav-format #left-column .sidebar-nav img, .fontMenuIcon { font-size: 1.1em; margin-right: 10px; margin-top: 2px; } .sidenav-format #left-column .sidebar-nav li a b { position: absolute !important; right: 20px; top: 22px; /*font-size: 11px;*/ } .sidenav-format #left-column .sidebar-nav li ul li a b { top: 13px; } .sidenav-format #left-column .sidebar-nav li a:active, .sidenav-format #left-column .sidebar-nav li a:focus { text-decoration: none; } .sidenav-format #left-column .sidebar-nav li span, .sidenav-format #left-column .sidebar-nav li ul li span { display: block; overflow: hidden; text-overflow:ellipsis; } /* Right Column Styles */ .sidenav-format #right-column, .side-menu-background { background-color: black !important;} .sidenav-format＃右柱H1，。侧侧巴课程H1 {颜色：白色！重要;} .sidenav-format＃右栏。右栏-NAV，.sidenav-Format＃右栏。侧栏杆-Nav Li UL，。侧栏课程。侧栏杆，。侧栏课程。侧栏栏杆Li UL {填充：0px！重要;边缘：0px！重要;@media（max-widey：991px）{.sidenav-format＃右栏。侧边栏-av，.sidenav-format＃右列。侧栏-Nov Li UL，。侧栏课程。侧栏杆，。侧栏 - 。- 处理。侧栏-NAV Li UL {宽度：100％;}} .sidenav-format＃右栏。侧栏杆-Nav Li，。侧栏课程。侧栏杆-Nav Li {list-style-type：none;填充：0px！重要;边缘：0px！重要;背景颜色：＃2b2b2b;字体重量：粗体;边缘顶部：1px固体黑色; border-bottom: 1px solid #14a4e3; cursor: pointer; width: 100%; } .sidenav-format #right-column .sidebar-nav li ul li, .sidebar-course .sidebar-nav li ul li { background-color: #42546d; font-weight: normal; border-bottom: none; } .sidenav-format #right-column .sidebar-nav li ul li ul li, .sidebar-course .sidebar-nav li ul li ul li { background-color: #6886b0; font-weight: normal; border-bottom: none; } /* Link Hover */ .sidenav-format #right-column .sidebar-nav li a:hover, .sidebar-course .sidebar-nav li a:hover { text-decoration: none; color: #fff; background-color: #5d5d5d; } .sidenav-format #right-column .sidebar-nav li ul li a:hover, .sidebar-course .sidebar-nav li ul li a:hover { background-color: #05355d; } .label_no_highlight { background-color: inherit !important; cursor: default !important; } .sidenav-format #right-column .sidebar-nav li ul li:hover, .sidebar-course .sidebar-nav li ul li:hover, .sidenav-format #right-column .sidebar-nav li ul li ul li a:hover, .sidebar-course .sidebar-nav li ul li ul li a:hover { background-color: #7294c3; } .sidenav-format #right-column .sidebar-nav li a, .sidebar-course .sidebar-nav li a { display: block; position: relative; padding: 20px 35px 20px 20px; text-decoration: none; color: #FFFFFF; } .sidenav-format #right-column .sidebar-nav li ul li a, .sidebar-course .sidebar-nav li ul li a { padding: 10px 20px; } .sidenav-format #right-column .sidebar-nav img, .sidebar-course .sidebar-nav img, .fontMenuIcon { font-size: 1.1em; margin-right: 10px; margin-top: 2px; } .sidenav-format #right-column .sidebar-nav li a b, .sidebar-course .sidebar-nav li a b { position: absolute !important; right: 30px; top: 22px; /*font-size: 11px;*/ } .sidenav-format #right-column .sidebar-nav li ul li a b, .sidebar-course .sidebar-nav li ul li a b { top: 13px; } .sidenav-format #right-column .sidebar-nav li a:active, .sidenav-format #right-column .sidebar-nav li a:focus, .sidebar-course .sidebar-nav li a:active, .sidebar-course .sidebar-nav li a:focus { text-decoration: none; } .sidenav-format #right-column .sidebar-nav li span, .sidenav-format #right-column .sidebar-nav li ul li span, .sidebar-course .sidebar-nav li span, .sidebar-course .sidebar-nav li ul li span, { display: block; overflow: hidden; text-overflow:ellipsis; } li.sectionsublink .rightactivityicon, li.sectionsublink .rightactivitytext { margin-left: 20px; } .hidebottomborder { border-bottom: none !important; } .sectioneditingcontrols { border-top: none !important; margin-left: 20px !important; } .rightactivitytext { padding-left: 58px; -ms-word-break: break-word; word-break: break-word; } .rightactivityicon { position: absolute; top: 5px; left: 40px; } .rightcompletionicon { position: absolute; top: 13px; left: 20px; } .sidenav-fixed { position: fixed; top: 194px; bottom: 0; border-right: 1px solid #000; width: 25%; max-height: 100%; overflow: hidden; } .sidenav-scroll { overflow-x: hidden; overflow-y: scroll; height: 100%; } .sidenav-format #right-column ul.sidebar-nav { padding-bottom: 100px!important; } @media (max-width: 991px) { ul.sidebar-nav { height: auto; overflow: hidden; } .sidenav-fixed { position: relative; top: 0; width: 100%; } .sidenav-scroll { overflow: hidden; } } /* Sidebar Menu Toggle */ .sidebar-wrapper { height: 52px; background-color: #1f1f1f; border-top: 1px solid #444; border-bottom: 1px solid #444; display: none; } a#pull { position: relative; float: right; padding: 3px 15px; background-color: #05355d; color: #fff; margin: 10px; border-radius: 20px; text-decoration: none; } @media (max-width: 991px) { .sidebar-wrapper { position:relative; display:block; } nav.sidebar-menu { width: 100%; } nav.sidebar-menu ul.sidebar-nav { display: none; height: auto; } nav.sidebar-menu a#pull { position:relative; display:block; } nav.sidebar-menu a#pull:after { content:""; display:inline-block; } nav.sidebar-menu a#pull:hover, a.active { background-color: #14a4e3!important; } } /* Sub-Links of the resource activity. */ .sidenav-format #left-column .sidebar-nav li ul li ul li a .rightactivitytext { padding-left: 88px; } .sidenav-format #left-column .sidebar-nav li ul li ul li a .rightactivityicon { position: absolute; top: 5px; left: 70px; } /* This removed the one pixel shift of buttons when a tooltip is applied. (Button jitter) */ .btn-group > .tooltip + .btn, .btn-group > .popover + .btn{ margin-left:-1px; } /* Middle column background image configuration. */ /* To keep this as simple as possible, we are applying a solid color, followed by a simple gradient. This will ensure 1) IE8 Compatibility (no images) and 2) fallbacks for no image at all. */ /* It should be noted nothing is set to !important here. This is intentional so that individual activities can apply their own background colors without causing any issues. */ .course-content.sidenav-format { background: #333; } .sidenav-format { width: 100%; } .sidenav-format #middle-column { background: #63b0fe !important; /* Old browsers */ background: -moz-linear-gradient(left, #63b0fe 1%, #062750 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(1%,#63b0fe), color-stop(100%,#062750)) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #63b0fe 1%,#062750 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #63b0fe 1%,#062750 100%) !important; /* Opera 11.10+ */ background: -ms-linear-gradient(left, #63b0fe 1%,#062750 100%) !important; /* IE10+ */ background: linear-gradient(to right, #63b0fe 1%,#062750 100%) !important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b0fe', endColorstr='#062750',GradientType=1 ); /* IE6-9 */ -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; background-position: right bottom !important; } /* Middle column formatting for course description/name/button. Only shown for sections and when first loading a course. */ .sidenav-format #middle-column { /* height: 100vh!important; */ } @media (max-width:991px) { .sidenav-format #middle-column { height: auto!important; } } #coursehome { padding: 20% 10% 20% 10%; /*min-height: 1000px;*/ width: 100%; } #coursehomelink { position: relative; top: 20px; padding: 0 25px; } #coursehome_name { color: #FFFFFF; } #coursehome_summary { color: #FFFFFF; margin-top: 30px; } #coursehome_navigation_button { margin-top: 30px; } .coursehome_button, .coursehome_button:hover, .coursesub_button, .coursesub_button:hover { color: #FFFFFF; background-color: #05355d; border: 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; white-space: normal; text-align: left; } .coursehome_link, .coursehome_link:hover { color: #FFFFFF; background-color: #05355d; border: 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; white-space: normal; text-align: left; } .coursehome_button .fa { text-align:right; } .coursehome_button h4 { padding: 10px; margin: 0px; } .coursesub_button h4 { padding: 4px; font-size: 0.8em; margin: 0px; } .ui-center-image { width: 100%!important; } /*.ui-content .ui-center-image img { width: 100%!important; height: auto!important; }*/ .ui-mobile .ui-page-active { width: 100%!important; } @media (min-width: 768px) { .nav-tabs.nav-justified>li { display: inline-block; } } @media (max-width: 991px) { ul.drop-in-links { display: none!important; } } .modal-footer a { display: inline-block!important; padding: 0!important; } .modal-footer a:hover { background: none!important; }