/* google material icon */
.material-icons.md-12 { font-size: 12px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }



body a{outline:none;blr:expression(this.onFocus=this.blur());}

.oc-event-text-red {
  color: red;
}

.oc-event-background-basic {
    background-color: #f6f6f2;
    border: 1px solid #bbb;
    border-radius: 5px;
    margin: 10px 0;
    overflow: hidden;
    padding: 10px 15px;
    position: relative;
}

#oc-event-course-list-upload-form div.messages,
#oc-event-resource-add-form-wrapper div.messages,
#oc-event-node div.messages,
#oc-event-resource-tab-student-uploads div.messages {
	margin-left: 0;
	margin-right: 0;
}

img.oc-event-image-20 {
    width: 20px;
}


/* oc event table -- start --  */
table.oc-event-table {
/*     border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
    text-align: justify;
    border: 1px solid #cccccc;
    width: 100%;
    font-size: 12px; */
}
table.oc-event-table-history {
	opacity: 0.5;
}
table.oc-event-table .oc-event-table-link-sortable {
	text-decoration: underline;
}

table.oc-event-table .form-group {
	margin-bottom: 0;
}

table.oc-event-table th {
    text-align: center;
}
table th.oc-event-table-td-center,
table td.oc-event-table-td-center {
   padding: 4px 8px;
   vertical-align: middle;
   width: auto;
	 text-align: center;
}

table th.oc-event-table-td-left,
table td.oc-event-table-td-left {
    padding: 4px 8px;
    vertical-align: middle;
    text-align: left;
    width: auto;
}

table td.oc-event-table-td-40 {
    width: 40px;
}

table td.oc-event-table-td-30p {
	width: 30%;
}

table td.oc-event-table-td-40p {
	width: 40%;
}

table td.oc-event-table-td-bg-1 {
	background-color: #e6e6ff;
}

table td.oc-event-table-td-bg-2 {
	background-color: #e6fffa;
}

table td.oc-event-table-td-bg-3 {
	background-color: #e6ffe6;
}

table td.oc-event-table-td-bg-4 {
	background-color: #fff0e6;
}

table td.oc-event-table-td-bg-5 {
	background-color: #fffae6;
}

table td.oc-event-table-td-bold {
    font-weight: bold;
 }
table td.oc-event-table-td-italic {
    font-style: italic;
}
table td.oc-event-table-td-grey {
    color: grey;
}
table td.oc-event-table-td-red {
    color: red;
}

#oc-event-class-new-form fieldset.collapsed {
    background: transparent none repeat scroll 0 0;
    border-radius: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    height: 1em;
}

/* genenal */
input.form-text {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    /*display: block;
    font-size: 14px;*/
    /*height: 30px;*/
    line-height: 1.42857;
    padding: 5px 6px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    /*width: 100%;*/
}
input.form-text:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
select.form-select {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    /*display: block;
    font-size: 14px;
    height: 30px;*/
    line-height: 1.42857;
    padding: 5px 6px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    /*width: 400px;*/
    margin-bottom: 10px;
}
input.form-submit:hover, input.form-submit:focus, input.form-submit:active, input.form-submit.active {
    background-color: #ebebeb;
    border-color: #adadad;
    color: #333;
}
input.form-submit:active {
    background-image: none;
}
input.form-submit {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    background-color: #fff;
    border-color: #ccc;
    color: #333;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    /*font-size: 14px;*/
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 5px 6px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    margin-right: 5px;
}
input.form-submit:focus {
    outline: thin dotted #333;
    outline-offset: -2px;
}
input.form-submit:hover, input.form-submit:focus {
    color: #333;
    text-decoration: none;
}
input.form-submit:active, input.form-submit.active {
    background-image: none;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    outline: 0 none;
}

 /* orange */
input.btn-orange,
input.btn-orange.form-submit {
  background-color: rgb(255,141,18) !important;
  border: 1px solid rgb(237,123,0) !important;
  border-radius: 3px !important;
  padding: 6px 10px !important;
  color: #fff !important;
	margin-bottom: 5px !important;
  margin-top: 5px !important;
  text-shadow: none !important;
  background-image: none;
}

input.btn-orange:hover,
input.btn-orange.form-submit:hover {
  background-color: rgb(255,166,39) !important;
  border: 1px solid rgb(255,147,31) !important;
}

/* green */
input.btn-green,
input.btn-green.form-submit {
  background-color: rgb(92,184,92) !important;
  background-image: none;
  border: 1px solid rgb(76,174,76) !important;
  border-radius: 3px !important;
  padding: 6px 10px !important;
  color: #fff !important;
	margin-bottom: 5px !important;
  margin-top: 5px !important;
  text-shadow: none !important;
}

input.btn-green:hover,
input.btn-green.form-submit:hover {
  background-color: rgb(71,164,71) !important;
  border: 1px solid rgb(57,132,57) !important;
}

/* blue */
input.btn-blue,
input.btn-blue.form-submit,
input#oc-event-class-new-button,
a.btn-blue {
  background-color: rgb(66,139,202) !important;
  border: 1px solid rgb(53,126,189) !important;
  border-radius: 3px !important;
  padding: 6px 10px !important;
  color: #fff !important;
	margin-bottom: 5px !important;
  margin-top: 5px !important;
  text-shadow: none !important;
  background-image: none;
}

input.btn-blue:hover,
input.btn-blue.form-submit:hover,
input#oc-event-class-new-button:hover,
a.btn-blue:hover {
  background-color: rgb(50,118,177) !important;
  border: 1px solid rgb(40,94,142) !important;
}

/* white */
input.btn-white {
  background-color: rgb(255,255,255) !important;
  background-image: none;
  border: 1px solid rgb(204,204,204) !important;
  border-radius: 3px !important;
  padding: 6px 10px !important;
  color: #000 !important;
  margin-left: 10px !important;
  margin-top: 8px !important;
  text-shadow: none !important;
}

input.btn-white:hover {
  background-color: rgb(235,235,235) !important;
  border: 1px solid rgb(173,173,173) !important;
}

/* fieldset  -- start -- */
.oc-event-node-fieldset {
	/*margin-bottom: 10px;*/
}
.oc-event-node-fieldset div.form-item {
	margin : 0;
}



/* fieldset  -- end -- */



/** -------------  event node form -------------- start -------------*/
.oc-event-event-field-parent {
    width: 80%;
}

/** -------------  event node form -------------- end -------------*/

/* event tree */
#oc-event-event-page {
	float: left;
	width: 100%;
}
.block .event-create-ul { list-style: none; }

.oc-event-event-table td {
  padding: 0;
  margin: 0;
  border: none;
  background-color: white;
}

.oc-event-event-table tr {
  padding: 0;
  margin: 0;
  border: none;
  background-color: white;
  border-bottom: 1px solid lightgrey;
  height: 22px;
}

.oc-event-event-table .indentation {
  padding: 0;
  margin: 0;
  border: none;
  height: 17px;
  width: 22px;
}

.oc-event-event-table,
.oc-event-event-table tbody {
  padding: 0;
  margin: 0;
  border: 0;
  width: 100%;
}

.oc-event-event-table .event-lable {
  float: left;
  padding: 0;
  margin: 0;
  border: 0;
  height: 17px;
  font-weight: bold;
}

.oc-event-event-table .button-no-subtree,
.oc-event-event-table .button-open-subtree,
.oc-event-event-table .button-close-subtree {
  float: left;
  padding: 0;
  margin: 0;
  margin-right: 5px;
  border: none;
  height: 17px;
  width: 17px;
  cursor: pointer;
}

.oc-event-event-table .button-open-subtree {
  background-image: url("../images/arrowright17x17.png");
}

.oc-event-event-table .button-close-subtree {
  background-image: url("../images/arrowdown17x17.png");
}

.oc-event-event-table .button-booked,
.oc-event-event-table .button-notbooked {
  float: left;
  padding: 0;
  margin: 0;
  border: none;
  height: 17px;
  width: 27px;
  cursor: pointer;
}

.oc-event-event-table .oc-event-book-div {
	float: right;
}

.oc-event-event-table .button-booked {
  background-image: url("../images/booked27x17.png");
  float: right;
}

.oc-event-event-table .button-notbooked {
  background-image: url("../images/notbooked27x17.png");
  float: right;
}

/* settings form */
#oc-event-admin-settings-form .form-item{
	margin: 0;
	padding: 5px 0;
}

#oc-event-admin-settings-form select.form-select {
	margin-bottom: 0;
}

/* scheduler reset */
#page .dhx_cal_container {
	line-height: 120%;
	margin-bottom: 20px;
}

.dhx_cal_container table,
.dhx_cal_container tbody,
.dhx_cal_container tr,
.dhx_cal_container td {
  padding: 0;
  margin: 0;
  border: none;
}

.dhx_cal_container table {
	border: none;
}

.dhx_cal_container .dhx_cal_header {
  border-bottom: none;
}

.dhx_cal_light select {
	display: inline;
}

#oc-event-schedule-ical-title {
		background-image: url("../images/calendar_24.png");
    background-repeat: no-repeat;
    padding-left: 28px;
}


/* ==== event admin tree start ====== */
#user_selector,
#chain_selector,
#oc-event-time-selector-filter,
#oc-event-participant-list #edit-time-filter  {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    line-height: 1.42857;
    /*padding: 5px 12px;*/
    padding: 4px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 400px;
    margin-bottom: 0px;
}

#oc-event-participant-list select.form-select {
	margin-bottom: 0;
}

#oc-event-container,
#oc-event-admin-container {
/*	background: none repeat scroll 0 0 white;
    border-radius: 0;
    margin: 0 auto;
    min-width: 1000px;
    overflow: hidden;
    padding: 0;
    font-size: 15px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);*/
}

#oc-event-container ul,
#oc-event-admin-container ul {
	margin: 0;
	/*padding: 0;*/
}

#oc-event-container #oc-event-tree ul,
#oc-event-admin-container #oc-event-admin-tree ul {
	padding-left: 0;
	padding-bottom: 0;
}

#oc-event-container a,
#oc-event-admin-container a {
	text-decoration: none;
}

#oc-event-tree{
    border-right: 1px solid silver;
    float: left;
    width: 45%;
    overflow: auto;
    padding: 0;
    height:800px;
}

#oc-event-admin-tree {
    border-right: 1px solid silver;
    float: left;
    width: 45%;
    /*min-width: 700px;*/
    overflow: auto;
    padding: 0;
    height:800px;
}

#oc-event-data,
#oc-event-admin-data {
	float: right;
	width: 53%;
}
#oc-event-data ul.oc-event-info-ul,
#oc-event-admin-data ul.oc-event-info-ul {
	list-style: none outside none;
    padding-bottom: 20px;
    padding-left: 0px;
}
#oc-event-data ul.oc-event-info-ul {
	padding-left: 5px;
}
#oc-event-data ul.oc-event-info-ul li.oc-event-info-li,
#oc-event-admin-data ul.oc-event-info-ul li.oc-event-info-li{
	font-size: 14px;
}
#oc-event-data ul.oc-event-info-ul li.oc-event-info-li-red,
#oc-event-admin-data ul.oc-event-info-ul li.oc-event-info-li-red{
	color: red;
}
#oc-event-data ul.oc-event-info-ul li.oc-event-info-li-user-booked,
#oc-event-admin-data ul.oc-event-info-ul li.oc-event-info-li-user-booked {
	border: 1px solid #ed7b00;
    border-radius: 3px;
}
#oc-event-data ul.oc-event-info-ul li.oc-event-info-li-label,
#oc-event-admin-data ul.oc-event-info-ul li.oc-event-info-li-label{
	font-weight: bold;
	font-size: 15px;
}
#oc-event-data div.field,
#oc-event-admin-data div.field,
#oc-event-data ul.oc-event-info-ul,
#oc-event-admin-data ul.oc-event-info-ul,
#oc-event-data #oc-event-chain-permission-display-form,
#oc-event-admin-data #oc-event-chain-permission-display-form {
	margin-bottom: 10px;
}

#oc-event-data ul.oc-event-info-ul div.messages {
	margin-top : 0;
}

#oc-event-data ul.oc-event-info-ul {
	padding-bottom : 0px;
	margin-botton : 5px;
}

#oc-event-tree .jstree-themeicon-custom,
#oc-event-admin-tree .jstree-themeicon-custom {
	background-size: 22px 22px;
}

#oc-event-container .jstree-li-class a,
#oc-event-admin-container .jstree-li-class a {
	font-size: 13px;
}

#oc-event-container .jstree-li-root .jstree-checkbox,
#oc-event-admin-container .jstree-li-root .jstree-checkbox{
	display: none;
}
#oc-event-container .jstree-li-root ul .jstree-checkbox,
#oc-event-admin-container .jstree-li-root ul .jstree-checkbox{
	display: inline-block;
}
#oc-event-container .jstree-li-root ul .jstree-li-class .jstree-checkbox,
#oc-event-admin-container .jstree-li-root ul .jstree-li-class .jstree-checkbox {
	display: none;
}
#oc-event-container .oc-event-course-booked,
#oc-event-admin-container .oc-event-course-booked {
	background-image: url("../images/32px.png");
	background-position: -4px -68px;
	height: 24px;
    line-height: 24px;
    width: 24px;
    position: absolute;
}
#oc-event-container .oc-event-course-booked-wl,
#oc-event-admin-container .oc-event-course-booked-wl {
	background-image: url("../images/error.png");
	background-position: 3px 4px;
	height: 24px;
    line-height: 24px;
    width: 24px;
    position: absolute;
    background-repeat: no-repeat;
}
#oc-event-container .oc-event-course-booked-denied,
#oc-event-admin-container .oc-event-course-booked-denied {
	background-image: url("../images/32px.png");
	background-position: -37px -68px;
	height: 24px;
    line-height: 24px;
    width: 24px;
    position: absolute;
}

a.ctools-modal-oc-event-additional-info-button,
a.ctools-modal-oc-event-additional-info-button:link,
a.ctools-modal-oc-event-additional-info-button:visited,
#oc-event-node .oc-event-node-book-button a.book-button,
#oc-event-node .oc-event-node-book-button a.book-button:link,
#oc-event-node .oc-event-node-book-button a.book-button:visited,
#oc-event-data .book-button,
#oc-event-admin-data .book-button {
    background-color: #03af1b;
    border: 1px solid #059419;
    border-radius: 3px;
    color: #ffffff;
    padding: 5px 10px;
    text-shadow: none;
    display: inline-block;
    text-decoration: none;
}

#oc-event-data .book-button-disabled,
#oc-event-admin-data .book-button-disabled,
#oc-event-node .oc-event-node-book-button .book-button-disabled {
    background-color: grey;
    border: 1px solid grey;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    padding: 5px 10px;
    text-shadow: none;
}

a.ctools-modal-oc-event-additional-info-button:hover,
#oc-event-node .oc-event-node-book-button a.book-button:hover,
#oc-event-data .book-button:hover,
#oc-event-admin-data .book-button:hover {
    background-color: #06c621;
    border: 1px solid #05ac1d;
    color: #fff6e9 !important;
}

#oc-event-node .oc-event-node-book-button a.unbook-button,
#oc-event-node .oc-event-node-book-button a.unbook-button:link,
#oc-event-node .oc-event-node-book-button a.unbook-button:visited,
#oc-event-data .unbook-button,
#oc-event-admin-data .unbook-button {
    background-color: #ff8d12;
    border: 1px solid #ed7b00;
    border-radius: 3px;
    color: #ffffff;
    padding: 5px 10px;
    text-shadow: none;
    display: inline-block;
}

#oc-event-node .oc-event-node-book-button a.unbook-button:hover,
#oc-event-admin-data .unbook-button:hover {
    background-color: #ffa627;
    border: 1px solid #ff931f;
    color: #fff6e9 !important;
}


#oc-event-admin-data .field-type-text-long,
#oc-event-data .field-type-text-long {
/* 	height: 200px;
	overflow: hidden; */
}



/* time entries in the tree */
#oc-event-class-list {
	font-size: 12px;
	margin-bottom: 10px;
}
#oc-event-class-list .ui-accordion-header {
	  color: #277ebd;
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
}
#oc-event-class-list .ui-accordion-content {
	background-color: #fff;
	padding: 10px
}
#oc-event-class-list .ui-accordion-content table {
	margin: 0;
}


#oc-event-data .oc-event-info-title {
	margin-top: 0;
	margin-bottom: 10px;
	color: #277ebd;
	font-weight: bold;
}

#oc-event-data #oc-event-info-links {
	margin: 0 0 10px;
}

#oc-event-data #oc-event-info-links a {
	margin-right: 10px;
	background-color: #505050;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
    width: 32px;
}
#oc-event-data #oc-event-info-links a:hover {
	background-color: #bbb;
}
#oc-event-data #oc-event-info-links a .material-icons {
	padding: 5px;	
}
#oc-event-data #oc-event-info-links a .moodle {
	  direction: ltr;
    display: inline-block;
    font-feature-settings: "liga";
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    padding: 5px;
    vertical-align: bottom;
}


.oc-event-node-fieldset .fieldset-legend,
#oc-event-chain-fieldset .fieldset-legend,
#page #main #content #oc-event-data .node div.field div.field-label,
#page #main #content #oc-event-admin-data .node div.field div.field-label,
#oc-event-data li.oc-event-info-li-label,
#oc-event-admin-data li.oc-event-info-li-label {
    /* color: #277ebd;
    font-size: 15px;
    margin-top: 8px;
    padding-bottom: 2px;
    padding-top: 8px;*/
    font-weight: bold; 
}

#oc-event-data #oc-event-chain-permission-display-form .fieldset-legend,
#oc-event-admin-data #oc-event-chain-permission-display-form .fieldset-legend {
	color: #277ebd;
    font-size: 15px;
    font-weight: bold;
}

#oc-event-data #oc-event-chain-permission-display-form .form-item,
#oc-event-admin-data #oc-event-chain-permission-display-form .form-item {
	margin: 5px 0 0 0;
}

.oc-event-account-info-li {
	margin-top: 5px;
}

ul.oc-event-info-account-ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

/* ==== event admin tree end ====== */


/* #oc-event-admin-tree td { padding: 3px 0; }

#oc-event-admin-tree div.indentation { height: auto; margin:0; padding:0; width:16px; }

#oc-event-admin-tree img {
	padding: 0 5px;
	float: left;
}

#oc-event-admin-tree img.event-info {
	position: absolute;
	cursor: pointer;
	height: 16px;
}

#oc-event-admin-tree img.event-unpublished {
	position: absolute;
	cursor: pointer;
	height: 16px;
}

#oc-event-admin-tree thead th:last-child { width: 150px; }
#oc-event-admin-tree thead th:first-child + th { width: 40%; }

#oc-event-admin-tree .oc-event-admin-tree-class-tr td { padding:0 100px; margin:0; }
#oc-event-admin-tree .oc-event-admin-tree-class-tr table { padding:0; margin:0; border:none; }
#oc-event-admin-tree .oc-event-admin-tree-class-tr table tr { 
	padding:0; 
	margin:0; 
	border:none; 
	background: none repeat scroll 0 0 transparent
}
#oc-event-admin-tree .oc-event-admin-tree-class-tr table tr td { padding:0; margin:0; border:none; }

#oc-event-admin-tree .icon-delete { display:none; } */

#event-dialog-form #event-node-form .form-item {
	padding: 0;
}

#event-dialog-form #event-node-form .container-inline-date .date-padding {
	padding: 0;
}

#event-dialog-form #event-node-form .container-inline-date > .form-item {
	margin-bottom: 0;
}

#event-dialog-form #event-node-form .vertical-tabs { display: none; }
#event-dialog-form #event-node-form .vertical-tabs-panes { display: none; }
#event-dialog-form #event-node-form .form-actions { display:none; }

#create-event .ui-button-text { padding: 0; }

/* loading */
#loadingBg {
	background-color: #000000;
    border: medium none;
    cursor: wait;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0.6;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000;
}

#loadingDiv, #event-ajax-loading {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #FFFFFF;
    cursor: wait;
    left: 50%;
    margin: 0;
    opacity: 0.7;
    padding: 0;
    position: fixed;
    text-align: center;
    top: 50%;
    width: 60px;
    z-index: 100011;
}

/* event create form */
#oc-event-admin-event-create-form .form-item {
	margin-bottom: 0;
}

#oc-event-admin-event-create-form .form-item label{
	float: left;
	width: 100px;
}

#oc-event-admin-event-create-form fieldset .fieldset-wrapper {
	padding: 0;
}

.ui-tooltip {
	font-size: 12px;
	width: 400px;
}

.oc-event .course-booking-tooltip {
    width: 600px;
    max-width: 600px;

    box-shadow: 0 0 5px #aaa;
    padding: 8px;
    position: absolute;
    z-index: 9999;
    font-size: 12px;
    border: 1px solid #ccc;
    opacity: 1;
    background: #fff;
}
.oc-event .course-booking-tooltip p {
    margin: 5px 0;
}

a.oc-event-booking-simple-tree-a {
    display: block;
}
/*  .ui-tooltip, .arrow:after {
background: grey;
border: 2px solid white;
}
.ui-tooltip {
padding: 10px 20px;
color: white;
border-radius: 20px;
font: bold 14px "Helvetica Neue", Sans-Serif;
text-transform: uppercase;
box-shadow: 0 0 7px black;
}
.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -16px;
}
.arrow.top {
top: -16px;
bottom: auto;
}
.arrow.left {
left: 20%;
}
.arrow:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
box-shadow: 6px 5px 9px -9px black;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
tranform: rotate(45deg);
}
.arrow.top:after {
bottom: -20px;
top: auto;
} */


/* class list */
#oc-event-class-tab {
    overflow-x: scroll;
}
#oc-event-class-table fieldset {
	padding: 0;
	border: none;
}

#oc-event-class-table fieldset legend { display: none; }
#oc-event-class-table form label { display:none; }
#oc-event-class-table .container-inline-date .date-padding { padding: 0;}


#oc-event-class-table .container-inline-date .date-padding {
	padding: 0;
}

#oc-event-class-table .container-inline-date .date-date input.date-date {
	width: 120px;
}


#oc-event-class-table th {
	
}
#oc-event-class-table td {
	position: relative;
}
#oc-event-class-table td form {
    margin: 0;
}
#oc-event-class-table td.oc-event-class-table-td-room {
	min-width: 250px;
}

#oc-event-class-table td textarea {
    width: 100%;
    min-width: 200px;
}

table#oc-event-class-table  input.oc-event-class-room-search,
table#oc-event-class-table  input.oc-event-class-teacher-search,
#oc-event-class-table .form-item-teacher-txt input, 
#oc-event-class-table .form-item-room-txt input,
#oc-event-class-table .form-item-room-txt textarea,
#oc-event-class-table select {
	width: 180px;
	margin: 2px 0;
	display: inline-block;
	font-size: 12px;
}

table#oc-event-class-table .oc-event-class-room-search-row .form-item-room-search {
	display: inline;
}
	
table#oc-event-class-table .oc-event-class-room-advanced-search {
	
}
table#oc-event-class-table .oc-event-class-room-search-magnifier {
		display: inline;
    margin: 5px 3px;
    position: absolute;
}
table#oc-event-class-table .oc-event-class-room-search-magnifier img {
	vertical-align: middle;
  width: 24px;
	cursor: pointer;
}

table#oc-event-class-table .oc-event-class-table-td-taxonomy select {
    width: 300px;
}

/* table#oc-event-class-table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
    text-align: justify;
    border: 1px solid #cccccc;
    width: 100%;
    font-size: 12px;
}
table#oc-event-class-table thead {
    background-color: #277ebd; 
    color: #fff;
}
table#oc-event-class-table th {
    border: 1px solid #cccccc;
    text-align: center;
    background-color: #277ebd; 
    color: #fff;
}

table#oc-event-class-table tr.even, table#oc-event-class-table tr.odd {
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    padding: 0.1em 0.6em;
}

table#oc-event-class-table tr.even {
    background-color: #fff;
}
table#oc-event-class-table td {
    border: 1px solid #cccccc;
    text-align: center;
    position: relative;
    vertical-align: middle;
} */

table#oc-event-class-table td.oc-event-class-table-td-famos-pending {
	/*background-color: #F1E788 !important;
	background-image: url("../images/pencil.png");
	background-position: right center;
  background-repeat: no-repeat;*/
}
table#oc-event-class-table td.oc-event-class-table-td-famos-written-to-file {
	/*background-color: #F1E788 !important;*/
	background-image: url("../images/lock.png");
	background-position: right center;
  background-repeat: no-repeat;
}
table#oc-event-class-table td.oc-event-class-table-td-famos-confirmed {
/* 	background-color: #F1E788 !important;
	background-image: url("../images/ok.png"); */
	background-image: url("../images/lock.png");
	background-position: right center;
  background-repeat: no-repeat;
}
table#oc-event-class-table .oc-event-class-table-time {
	min-width: 160px;
}
table#oc-event-class-table .oc-event-class-table-time .description,
table#oc-event-class-table .oc-event-class-table-time .help-block {
	display: none;
}
table#oc-event-class-table .oc-event-class-table-time .form-item-start-time-date input,
table#oc-event-class-table .oc-event-class-table-time .form-item-end-time-date input {
	width: 85px;
	margin: 2px 2px;
	font-size: 12px;
    box-sizing: inherit;
}
table#oc-event-class-table .oc-event-class-table-time .form-item-start-time-time input,
table#oc-event-class-table .oc-event-class-table-time .form-item-end-time-time input {
	width: 50px;
	margin: 2px 2px;
	font-size: 12px;
    box-sizing: inherit;
}

table#oc-event-class-table .oc-event-class-teacher-row {
	font-size: 12px;
  line-height: 20px;
  width: 192px;
  margin: auto;
  /* border-bottom: 1px solid #d6d6d6; */
}
table#oc-event-class-table .oc-event-class-room-row {
	font-size: 12px;
  line-height: 20px;
  width: 192px;
  margin: auto;
  /* border-bottom: 1px solid #d6d6d6; */
  background-image: url("../images/ok.png");
	background-position: left center;
	background-repeat: no-repeat;
}
table#oc-event-class-table .oc-event-class-room-famos-row {
/* 	background-color : #f1e788 !important; */
}
table#oc-event-class-table .oc-event-class-room-row-pending {
	font-size: 12px;
  line-height: 20px;
  width: 192px;
  margin: auto;
  /* border-bottom: 1px solid #d6d6d6; */
  background-image: url("../images/hourglass.png");
	background-position: left center;
	background-repeat: no-repeat;
}
table#oc-event-class-table .oc-event-class-room-famos-lock{
	background-image: url("../images/lock.png");
	background-position: right center;
	background-repeat: no-repeat;
	display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  overflow: hidden;
}
table#oc-event-class-table .oc-event-class-room-name {
    float: left;
    overflow: hidden;
    padding-left: 20px;
    text-align: left;
    white-space: nowrap;
    width: 150px;
    cursor: pointer;
}
table#oc-event-class-table .oc-event-class-teacher-name {
    float: left;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    width: 170px;
    cursor: pointer;
}
table#oc-event-class-table .oc-event-class-room-delete,
table#oc-event-class-table .oc-event-class-teacher-delete {
	display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

table#oc-event-class-table img.oc-event-class-room-txt-add,
table#oc-event-class-table img.oc-event-class-teacher-txt-add  {
	position: absolute;
  right: 2px;
  top: 2px;
  cursor: pointer;
}

table#oc-event-class-table input[disabled], 
table#oc-event-class-table select[disabled] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    cursor: default;
}

table#oc-event-class-table tr.oc-event-class-table-tr-highlight {
    border: 2px solid red;
}

/* new class form */
.oc-event-class-new-form {
	margin: 0;
}
.oc-event-class-new-fieldset #class-start-date div div div label,
.oc-event-class-new-fieldset #class-end-date div div div label,
.oc-event-class-new-fieldset #class-start-time div div div label,
.oc-event-class-new-fieldset #class-end-time div div div label {
	display: none;
}

.oc-event-class-new-fieldset .container-inline-date .date-padding {
  float: none;
}

.oc-event-class-new-form .class-field-hidden {
	display: none;
}

.oc-event-class-new-form div.form-item {
	margin: 2px 0;
}
.oc-event-class-new-form select.form-select {
	margin-bottom: 5px;
}
.oc-event-class-new-form label {
  display: block;
}
.oc-event-class-new-form #oc-event-class-new-button {
  margin-top:20px;
  margin-bottom: 10px;
}
.oc-event-class-new-form fieldset {
  margin-top: 10px;
}
.oc-event-class-new-form .collapse {
  display:none;  
}
.oc-event-class-new-form .collapse.in {
  display:block;  
}
.oc-event-class-new-form #edit_start_time_hour_chosen,
.oc-event-class-new-form #edit_start_time_minute_chosen,
.oc-event-class-new-form #edit_end_time_hour_chosen,
.oc-event-class-new-form #edit_end_time_minute_chosen {
  padding: 3px 5px;
}

/* credits transfer --- start --- */
.oc-event-admin-fields-mapping label {
	width: 250px;
	float: left;
}

.oc-event-admin-fields-mapping div.form-type-select {
	padding-bottom: 0;
	margin-bottom: 0;
}

#oc-event-credits-transfer {
	
}

#oc-event-credits-transfer table label {
	display : none;	
}
#oc-event-credits-transfer .oc-event-credits-transfer-field-submit label {
	display : block;	
}

#oc-event-credits-transfer label.option {
	display: inline;
}

#oc-event-credits-transfer input.form-text {
	/*width: 200px;*/
}

#oc-event-credits-transfer .oc-event-credits-transfer-field-hidden {
	display: none;
}

#oc-event-credits-transfer  input[disabled],
#oc-event-credits-transfer  select[disabled] {
    background: none;
    border: medium none;
    box-shadow: none;
    cursor: default;
}
#oc-event-credits-transfer .oc-event-transfer-table-td-username {
    float: left;
}
#oc-event-credits-transfer img.oc-event-transfer-attendance-check {
    float: right;
    cursor: pointer;
    padding-right: 2px;
}

#oc-event-credits-transfer #oc-event-credits-transfer-tan {

}

#oc-event-credits-transfer .oc-event-credits-transfer-field-highlighted select,
#oc-event-credits-transfer input.oc-event-credits-transfer-field-highlighted,
#oc-event-credits-transfer div.oc-event-credits-transfer-field-highlighted input{
    border-color: #0000BB;
}
#oc-event-credits-transfer #oc-event-credits-transfer-template {
    margin-bottom: 10px;
}
#oc-event-credits-transfer #oc-event-credits-transfer-student-table fieldset.date-combo {
    border: none;
}
#oc-event-credits-transfer #oc-event-credits-transfer-student-table fieldset.date-combo .fieldset-legend,
#oc-event-credits-transfer #oc-event-credits-transfer-student-table fieldset.date-combo .help-block,
#oc-event-credits-transfer #oc-event-credits-transfer-student-table fieldset.date-combo .panel-heading {
    display: none;
}
#oc-event-credits-transfer #oc-event-credits-transfer-student-table fieldset.date-combo .panel-body {
    padding: 0;
}
/* credits transfer --- end --- */

/* node book div */
#oc-event-node .oc-event-node-book-button {
    margin: 1.5em 0;
}
#oc-event-node .oc-event-node-book-message {
    background-color: #fef5f1;
    border: 1px solid;
    color: #8c2e0b;
    margin: 1.5em 0;
    padding: 10px 10px 10px 20px;
}




/* =====  manage waitinglist  start ====== */
.wl-email-label {
	font-weight: bold;
	width: 120px;
}

#oc-event-manage-wl-form  .form-item-course-id {
}
#oc-event-manage-wl-form .form-item-urgent {
}

#oc-event-manage-wl-view-email-form table td,
#oc-event-manage-wl-view-email-template-form table td {
	text-align: left;
}

#oc-event-manage-wl-form table.oc-event-manage-wl-table {
	margin: 2px 0 30px;
}

#oc-event-manage-wl-form table.oc-event-manage-wl-table select.form-select {
	margin: 0;
}

#oc-event-manage-wl-form .oc-event-manage-wl-course-name {
	font-weight: bold;
	display: inline-block;
	margin-top: 10px;
}

div.oc-event-manage-wl-send-email {
	float: right;
}
ul.oc-event-manage-wl-list-ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
}
ul.oc-event-manage-wl-list-ul li {
	  display: inline;
    padding-right: 10px;
    padding-left: 0px;
}
ul.oc-event-manage-wl-list-ul li img {
	padding-right: 2px;
}
ul.oc-event-manage-wl-list-ul li a {
	vertical-align: top;
}

/* =====  manage waitinglist  end ====== */



/* ====== booking permission fieldset   start === */
#booking-permission  .form-item-chain-book,
#booking-permission  .form-item-chain-book-waitinglist {
	margin: 0;
}
#edit-booking-permission #edit-chain-book,
#edit-booking-permission #edit-chain-book-waitinglist {
	margin: 0;
}
/* ====== booking permission fieldset   end === */



/* course list */
#oc-event-course-list-page {
	float: left;
	width: 100%
}
#oc-event-course-list-page .oc-event-course-list-start-date {
	
}
#oc-event-course-list-page .oc-event-course-list-end-date {
	
}
#oc-event-course-list-page table.oc-event-course-list-table {
	background-color: #fff;
  border: 1px solid #bbb;
  border-radius: 5px;
}
#oc-event-course-list-page table.oc-event-course-list-table  tr,
#oc-event-course-list-page table.oc-event-course-list-table  tr td {
	background-color: #fff;
	border: none;
}
#oc-event-course-list-page table.oc-event-course-list-table thead,
#oc-event-course-list-page table.oc-event-course-list-table thead th {
    background: #277ebd none repeat scroll 0 0;
    border-color: #ccc #ccc -moz-use-text-color;
    color: #fff;
    font-weight: bold;
}
	

#oc-event-course-list-page .oc-event-course-list-start-date #edit-start-date label, 
#oc-event-course-list-page .oc-event-course-list-end-date #edit-end-date label,
#oc-event-course-list-page .oc-event-course-list-start-date #edit-start-date .description, 
#oc-event-course-list-page .oc-event-course-list-end-date #edit-end-date .description,
.oc-event-event-tree-start-date #edit-start-date label, 
.oc-event-event-tree-end-date #edit-end-date label,
.oc-event-event-tree-start-date #edit-start-date .description, 
.oc-event-event-tree-end-date #edit-end-date .description,
.oc-event-class-student-list-start-date #edit-start-date label, 
.oc-event-class-student-list-end-date #edit-end-date label,
.oc-event-class-student-list-start-date #edit-start-date .description, 
.oc-event-class-student-list-end-date #edit-end-date .description {
	display: none;
}


.oc-event-course-list-table th {
	text-align: left;
}

.oc-event-course-list-table td {
	text-align: left;
}

#oc-event-course-list-page .oc-event-course-list-attendance-check {
    display: block;
    /*float: right;*/
    margin-right: 5px;
    height: 100%;
}
#oc-event-course-list-page .oc-event-course-list-attendance-check img {
    padding: 3px;
    width: 20px;
    cursor: pointer;
}

#oc-event-course-list-page fieldset.oc-event-fieldset .fieldset-legend img {

}
#oc-event-course-list-page .oc-event-course-list-attendance-check .oc-event-course-list-download {
    /*float: right;*/
}
#oc-event-course-list-page .oc-event-course-list-attendance-check .oc-event-course-list-download a {
    text-decoration: underline;
}
#oc-event-course-list-page .oc-event-course-list-attendance-check .oc-event-course-list-download img {
    width: 16px;
}
#oc-event-course-list-page  .oc-event-course-attendance-delete {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
#oc-event-course-list-page  .oc-event-course-list-fieldset .panel-heading a.panel-title{
  display: inline-block;
}
#oc-event-course-list-page .oc-event-course-list-course-detail-link {
  float:right;
  font-size: 80%;
}



#viewport_image img {
    max-width: 1000px;
}

/* ====  chain form   start ==== */
#edit-booking-rules table {
	margin: 5px 0;
}
#oc-event-chain-fieldset {
}
#oc-event-chain-table {
	margin: 2px 0px;
}
.oc-event-chain-table-row {
	
}
.oc-event-chain-table-header-name {
	width: 170px;
}
.oc-event-chain-table-header-booking-period {
	width: 240px;
}
.oc-event-chain-table-row td {
	padding: 5px;
}
.oc-event-chain-table-row .oc-event-chain-start-date {
	float: left;
}
.oc-event-chain-table-row .oc-event-chain-end-date {
	float: left;
}
.oc-event-chain-table-row .oc-event-chain-start-date label,
.oc-event-chain-table-row .oc-event-chain-end-date label {
	text-align: left;
	/*float: left;*/
}
.oc-event-chain-table-row .oc-event-chain-start-date input,
.oc-event-chain-table-row .oc-event-chain-end-date input {
    width: 80px;
}

.oc-event-chain-table-row .oc-event-chain-start-date .form-type-textfield label,
.oc-event-chain-table-row .oc-event-chain-end-date .form-type-textfield label,
.oc-event-chain-table-row .oc-event-chain-start-date .description
/*.oc-event-chain-table-row .oc-event-chain-end-date .description*/ {
	display: none;
}
.oc-event-chain-table-row .form-type-select select {
	max-width: 250px;
}
#oc-event-chain-form .tabledrag-toggle-weight-wrapper {
	display: none;
}
.node-form #oc-event-chain-form .col-left {
	width: auto;
}
.node-form #oc-event-chain-form .col-right {
	margin-left: 0;
}
/* ====  chain form   end ==== */


/* container/course selector*/
#oc-event-fieldset-selector {
	margin : 5px 0 10px;
}
#oc-event-fieldset-selector .form-item {
	margin: 5px 0px 8px;
}
#oc-event-fieldset-selector fieldset {
	border: 1px solid #bbb;
  border-radius: 5px;
  padding: 5px 10px;
  margin: 0 0 20px 0;
}

/* additional info -- start -- */
#additional-info .vertical-tabs-panes,
#additional-info .vertical-tabs {
	display:none;
}
/* additional info -- end --*/


/* helptext -- start -- */
#oc-event-helptext-dialog {
	padding: 0.5em 1em
}
#oc-event-helptext-link {
	height: 20px;
}
#oc-event-helptext-link img {
	width: 20px;
}
#oc-event-helptext-link a {
	vertical-align: top;
	font-size: 13px;
  padding-left: 2px;
}
#oc-event-helptext-dialog ul.helptext-section {
	list-style:none;
	margin-bottom: 10px;
	margin-left: 5px;
	padding-left: 5px;
}

#oc-event-helptext-dialog ul.helptext-section li {
	list-style:none;
}

#oc-event-helptext-dialog ul.helptext-section li.helptext-section-title {
	font-size: 15px;
  font-weight: bold;
}
/* helptext -- end -- */



/* budget account -- start -- */
.oc-event-budget-account-add-user label {
	display: none;
}

#oc-event-budget-account-user-list .item-selected {
  background-color: #99ff88;
}

table tr.oc-event-budget-account-history-tr-reset td {
	color: grey;
}
/* budget account -- end -- */


/* time filter --- start --- */
.oc-event-semester-selector-start-date #edit-start-date label,
.oc-event-semester-selector-end-date #edit-end-date label,
.oc-event-time-filter-start-date #edit-start-date label,
.oc-event-time-filter-end-date #edit-end-date label {
	display: none;
}
/* time filter --- end ---*/


/* transpose courses ---- start --- */
#oc-event-transpose-course-info ul.oc-event-transpose-course-ul {
	list-style: none;
	padding-left: 0;
}
#oc-event-transpose-course-info ul.oc-event-transpose-course-ul li {
	list-style: none;
}
#oc-event-transpose-course-info .form-item {
    margin-bottom: 5px;
}
/* transpose courses ---- end --- */

/* fields mapping form --- start ---*/
#oc-event-admin-ct-settings-mappings-form {

}

#oc-event-admin-ct-settings-mappings-form .oc-event-admin-fields-mapping-display-div {
	border-bottom: 1px solid grey;
    margin-bottom: 10px;
}

#oc-event-admin-ct-settings-mappings-form .oc-event-admin-fields-mapping-display-div div.form-item {
	padding: 0;
}
#oc-event-admin-ct-settings-mappings-form .oc-event-admin-fields-mapping-display-div label {
	font-weight: normal;
}
#oc-event-admin-ct-settings-mappings-form .oc-event-admin-fields-mapping-display-div .form-text {
	width: 50px;
}
/* fields mapping form --- end ---*/



/* ======== node reminder    start ======*/
.oc-event-node-reminder div.form-item {
	margin : 0;
}
/* ======== node reminder    end ======*/


/* ======== participant list    start ======*/
#oc-event-participant-list ul.oc-event-participant-list-ul {
	list-style: none;
	padding-left: 0;
	margin: 10px 0;
    text-align: right;
}
#oc-event-participant-list ul.oc-event-participant-list-ul li {
	  display: inline;
    padding-right: 10px;
    padding-left: 0px;
}
#oc-event-participant-list ul.oc-event-participant-list-ul li img {
	padding-right: 2px;
}
#oc-event-participant-list ul.oc-event-participant-list-ul li a {
	/*vertical-align: top;*/
}
#oc-event-participant-list .form-type-date-popup .description {
    display: none;
}

#oc-event-participant-list-result .oc-event-participant-list-result-row {
    background-color: #fff;
    border: 1px solid #bbb;
    border-radius: 5px;
    margin-bottom: 40px;
    padding: 20px 10px 10px;
    position: relative;
}
#oc-event-participant-list-result .oc-event-participant-list-result-row table.oc-event-table {
	margin-top: 0px;
	margin-bottom: 15px;
}
#oc-event-participant-list .oc_event_participant_list_autocomplete_field {
    width: 80%;
}
/* ======== participant list    end ======*/


/* ======== search section for all pages  start ======*/
.oc-event-search-section {
	border: 1px solid #bbb;
  border-radius: 5px;
  padding: 5px 10px;
  margin: 15px 0 20px 0;
  position: static;
  
  background-color: rgb(245, 241, 235);
  /*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
}
.oc-event-search-section fieldset {
	background:none;
}
.oc-event-search-section select.form-select {
	margin: 0;
}
.oc-event-search-section-plain {
	background-color: #fff;
}
.oc-event-search-section input.form-submit {
  background-color: rgb(255,141,18) !important;
  border: 1px solid rgb(237,123,0) !important;
  border-radius: 3px !important;
  padding: 6px 10px !important;
  color: #fff !important;
  margin-bottom: 10px !important;
  text-shadow: none !important;
  font-weight: bold;
  background: none repeat scroll 0 0 rgb(255, 141, 18) !important;
  margin-left:  0px !important
}
.oc-event-search-section input.form-submit:hover {
  background-color: rgb(255,166,39) !important;
  border: 1px solid rgb(255,147,31) !important;
}
.oc-event-search-section div.form-item {
	margin: 10px 0;
}
.oc-event-search-section .container-inline-date .form-item {
	margin: 0;
	padding: 0;	
}
.oc-event-search-section .oc-event-search-section-start-date {
	display: inline-block;
  width: 150px;
}
.oc-event-search-section .oc-event-search-section-end-date {
	display: inline-block;
  width: 150px;
}
.oc-event-search-section .oc-event-search-section-start-date #edit-start-date label, 
.oc-event-search-section .oc-event-search-section-end-date #edit-end-date label {
	display: none;
}
.oc-event-search-section .oc-event-search-section-select-field div {
	margin: 10px 0;
}
.oc-event-search-section .fieldset-wrapper {
	margin-top: 10px;
}

#oc-event-manage-wl-form .oc-event-search-section fieldset {
	border:none;
	padding: 0;
	margin: 0;
}
#oc-event-manage-wl-form .oc-event-search-section legend {
	display: none;
}
/* ======== search section for all pages  end ======*/



/*  ============ global settings    start ==================*/
.oc-event-global-setting-class-field-fieldset {
	width: 120px;
	display: inline-block;
}
/*  ============ global settings    end ==================*/


#autocomplete li {
	margin-bottom: 0px;
}



/* =============== course booking simple     start =================== */
#oc-event-course-booking-simple .oc-event-booking-simple-result-msg {
    padding: 0;
    margin: 8px 0 12px;
    font-size: 14px;
}
#oc-event-course-booking-simple .oc-event-booking-simple-a {
    text-decoration: none;
    color: #0071b3;
}
#oc-event-course-booking-simple .oc-event-booking-simple-a:hover {
    text-decoration: none;
}
#oc-event-course-booking-simple .oc-event-booking-simple-a .oc-event-booking-simple-row:hover {
    background-color: #ddd;
}
#oc-event-course-booking-simple .oc-event-booking-simple-a .oc-event-booking-simple-row {
    background-color: #f6f6f2;
    cursor: pointer;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 10px;
    position: relative;
    border: 1px solid #bbb;
    border-radius: 5px;
    /*height: 40px;*/
}
#oc-event-course-booking-simple .oc-event-booking-simple-a .oc-event-booking-simple-row-container-highlighted {
    background-color:#FF6666;
}
#oc-event-course-booking-simple .oc-event-booking-simple-a .oc-event-booking-simple-row-container-highlighted:hover {
    background-color:#FF4444;
}
#oc-event-course-booking-simple .oc-event-booking-simple-a .oc-event-booking-simple-row .oc-event-booking-simple-left,
#oc-event-course-booking-simple .oc-event-booking-simple-container-opened .oc-event-booking-simple-left {
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    float: left;
    overflow: hidden;
    position: relative;
}
#oc-event-course-booking-simple .oc-event-booking-simple-a .oc-event-booking-simple-row .oc-event-booking-simple-left img,
#oc-event-course-booking-simple .oc-event-booking-simple-container-opened .oc-event-booking-simple-left img {
    width: 40px;
}
#oc-event-course-booking-simple .oc-event-booking-simple-a .oc-event-booking-simple-row .oc-event-booking-simple-left img.oc-event-booking-simple-row-img-warning {
    right: 0;
    position: absolute;
    width: 24px;
}
#oc-event-course-booking-simple .oc-event-booking-simple-a .oc-event-booking-simple-row .oc-event-booking-simple-center,
#oc-event-course-booking-simple .oc-event-booking-simple-container-opened .oc-event-booking-simple-center {
    float: left;
    padding: 0 15px;
    height: 40px;
    max-width: 80%;
}
#oc-event-course-booking-simple .oc-event-booking-simple-a .oc-event-booking-simple-row .oc-event-booking-simple-center h2,
#oc-event-course-booking-simple .oc-event-booking-simple-a .oc-event-booking-simple-row .oc-event-booking-simple-right h2,
#oc-event-course-booking-simple .oc-event-booking-simple-container-opened .oc-event-booking-simple-center h2 {
    margin: 0 0 0 0;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0px;
    padding: 0;
    color: #0071b3;
}
#oc-event-course-booking-simple .oc-event-booking-simple-a .oc-event-booking-simple-row-container .oc-event-booking-simple-center h2,
#oc-event-course-booking-simple .oc-event-booking-simple-container-opened .oc-event-booking-simple-row-container .oc-event-booking-simple-center h2 {
    margin: 2px 0 0 0;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 0px;
    padding: 0;
    color: #0071b3;
    font-weight: bold;
}
#oc-event-course-booking-simple .oc-event-booking-simple-a .oc-event-booking-simple-row .oc-event-booking-simple-center span {
    color: #3b3b3b;
    font-size: 14px;
    padding: 0;
    margin: 0;
}

#oc-event-course-booking-simple .oc-event-booking-simple-a .oc-event-booking-simple-row .oc-event-booking-simple-right {
    float: right;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    width: 250px;
    height: 40px;
}

#oc-event-course-booking-simple .oc-event-booking-simple-a .oc-event-booking-simple-row .oc-event-booking-simple-right span {
    color: red;
    font-size: 12px;
    font-weight: normal;
    display: block;
}

.oc-event-booking-simple-container-opened {
    background-color: #fff;
    border: 2px solid #000;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 10px;
    position: relative;
}

#oc-event-course-booking-simple .oc-event-booking-simple-container-opened .oc-event-booking-simple-row-container {
    display: inline-block;
    width: 100%;
}
#oc-event-course-booking-simple .oc-event-booking-simple-container-opened .oc-event-booking-simple-a .oc-event-booking-simple-row {
    margin-left: 40px;
    padding: 2px 10px;
}
#oc-event-course-booking-simple .oc-event-booking-simple-container-opened .oc-event-booking-simple-a .oc-event-booking-simple-row:hover {
}

#oc-event-course-booking-simple .oc-event-simple-booking-welcome-msg {
    margin: 15px 0;
}
.oc-event-simple-booking-tips {

}
.oc-event-simple-booking-tips img {
    width: 20px;
}
/* =============== course booking simple     end =================== */


/* =============== course booking simple (tree)    start =================== */
.oc-event-booking-simple-tree-container {
    background-color: #fff;
    border: 1px solid #bbb;
    border-radius: 5px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 10px 10px 5px;
    position: relative;
}
.oc-event-booking-simple-tree-container .oc-event-booking-simple-tree-container {
     margin-left: 36px;
}
.oc-event-booking-simple-tree-container h2,
.oc-event-booking-simple-tree-container .oc-event-booking-simple-tree-center h2 {
    color: #0071b3;
    font-size: 16px;
    font-weight: bold;
    margin: 0px 0 0;
    padding: 0;
    line-height: 2.2em;
    display: inline-block;
}

.oc-event-booking-simple-tree-container .oc-event-booking-simple-tree-container-info {
    display: inline-block;
    width: 100%;
    height: 36px;
}
.oc-event-booking-simple-tree-container .oc-event-col-1 {
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    float: left;
    overflow: hidden;
    position: relative;
}
.oc-event-booking-simple-tree-container .oc-event-col-1 img {
    width: 36px;
}
.oc-event-booking-simple-tree-container .oc-event-booking-simple-tree-center {
    float: left;
    height: 36px;
    max-width: 80%;
    padding: 0 15px;
}
.oc-event-booking-simple-tree-container .oc-event-booking-simple-tree-center span {
    color: #3b3b3b;
    display: inline-block;
    font-size: 14px;
    margin: 0 0 0 10px;
    padding: 0;
}
.oc-event-booking-simple-tree-container .oc-event-booking-simple-tree-course .oc-event-booking-simple-tree-center {
    font-weight: normal;
}




/** for course row **/
.oc-event-booking-simple-tree-container .oc-event-booking-simple-tree-course {
    background-color: #f6f6f2;
    border: 1px solid #bbb;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 8px;
    overflow: hidden;
    padding: 2px 10px;
    position: relative;
    margin-left: 36px;
    height: auto;
}
.oc-event-booking-simple-tree-container .oc-event-booking-simple-tree-course:hover {
    background-color: #ddd;
}
/* .oc-event-booking-simple-tree-container .oc-event-booking-simple-tree-course .oc-event-col-1 {
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    float: left;
    overflow: hidden;
}
.oc-event-booking-simple-tree-container .oc-event-booking-simple-tree-course .oc-event-col-1 img {
    width: 36px;
} */

.oc-event-booking-simple-tree-container .oc-event-booking-simple-tree-course .oc-event-col-2 {
    float: left;
    height: 36px;
    width: 40%;
    padding: 0 10px;
    min-width: 350px;
    font-weight: normal;
    overflow: hidden;
}
.oc-event-booking-simple-tree-container .oc-event-booking-simple-tree-course .oc-event-col-2 h2 {
  font-weight: normal;
}

.oc-event-booking-simple-tree-container .oc-event-booking-simple-tree-course .oc-event-col-3 {
    float: left;
    height: 36px;
    width: 30%;
    padding: 0 10px;
    min-width: 350px;
    font-weight: normal;
}
.oc-event-booking-simple-tree-container .oc-event-booking-simple-tree-course .oc-event-col-3-top span {
    color: #3b3b3b;
    display: inline-block;
    font-size: 14px;
    margin: 0 0 0 0;
    padding: 0;
}

.oc-event-booking-simple-tree-container .oc-event-booking-simple-tree-course .oc-event-col-3-bottom span {
    color: #3b3b3b;
    display: inline-block;
    font-size: 12px;
    margin: 0 0 0 0;
    padding: 0;
}

.oc-event-booking-simple-tree-container .oc-event-booking-simple-tree-course .oc-event-col-4 {
    float: left;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    width: 250px;
    height: 36px;
    font-weight: normal;
}

.oc-event-booking-simple-tree-container .oc-event-booking-simple-tree-course .oc-event-col-4 h2 {
    line-height: 12px;
    margin-top: 5px;
    font-weight: normal;
    display: block;
}

.oc-event-booking-simple-tree-container .oc-event-booking-simple-tree-course .oc-event-col-4 span {
    color: red;
    font-size: 12px;
    font-weight: normal;
    display: block;
}
/** for course row **/




#oc-event-course-booking-tree .ui-icon {
    height: 16px;
    width: 16px;
}
#oc-event-course-booking-tree .ui-icon {
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}
#oc-event-course-booking-tree .ui-accordion .ui-accordion-header {
    cursor: pointer;
    display: block;
    font-size: 100%;
    /*margin: 2px 0 0;*/
    min-height: 0;
    position: relative;
    padding-bottom: 8px;
}
#oc-event-course-booking-tree .ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}
#oc-event-course-booking-tree .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: 0.5em;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
#oc-event-course-booking-tree .ui-state-default .ui-icon {
    background-image: url("../includes/jquery-ui/images/ui-icons_6da8d5_256x240.png");
}
#oc-event-course-booking-tree .ui-icon-triangle-1-e {
    background-position: -32px -16px;
}
#oc-event-course-booking-tree .ui-state-focus{
    outline: none;
}
/*#oc-event-course-booking-tree .oc-event-booking-simple-tree-container-accordion-wrapper:hover {
    background: #dfeffc url("../includes/jquery-ui/images/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50%;
}*/
/* =============== course booking simple (tree)    end =================== */


/* ================== automated course booking    start =================== */
#oc-event-auto-assign-info .oc-event-search-section .fieldset-wrapper {
	margin-top: 0;
}

fieldset.oc-event-auto-assign-chain {
	display: inline-block;
  margin-right: 20px;
  width: 45%;
}
/* ================== automated course booking    end =================== */



/* ================== course swap   start =================== */
.oc-event-course-swap-create {
	padding: 0;
	margin: 5px 0 15px;
	height: 16px;
}

.oc-event-course-swap-create img {
	width: 14px;
}

.oc-event-course-swap-create a {
	color: #0071b3;
	font-size: 14px;
	text-decoration: none;
}

.oc-event-course-swap-create a:hover {
	color: #018fe2;
	text-decoration: none;
}

.oc-event-course-swap .oc-event-course-swap-row {
    background-color: #f6f6f2;
    border: 1px solid #bbb;
    border-radius: 5px;
    /*cursor: pointer;*/
    height: 64px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 5px;
    position: relative;
}

.oc-event-course-swap .oc-event-course-swap-row h2 {
	margin: 5px 0 0 0;
	font-size: 20px;
  line-height: 24px;
  margin-bottom: 0px;
  color: #0071b3;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}

#content .oc-event-course-swap .oc-event-course-swap-row h2 {
	margin-top: 5px;
  margin-bottom: 3px;
}

.oc-event-course-swap .oc-event-course-swap-row h2 a {
	color: #0071b3;
	font-size: 18px;
}

.oc-event-course-swap .oc-event-course-swap-row h2 a:hover {
	color: #018fe2;
}

.oc-event-course-swap a,
.oc-event-course-swap a:hover {
	text-decoration: none;

}

.oc-event-course-swap .oc-event-course-swap-row p {
	color: #3b3b3b;
	font-size: 14px;
	padding: 0;
	margin: 0;
	line-height: 18px;
}

.oc-event-course-swap .oc-event-course-swap-row span {
	color: #3b3b3b;
	font-size: 14px;
	padding: 0;
	margin: 0;
	line-height: 18px;
}

.oc-event-course-swap .oc-event-course-swap-row span img {
	padding-right: 2px;
	height: 14px;
}

.oc-event-course-swap .oc-event-course-swap-row span a {
	color: red;
	text-decoration: underline;
}

.oc-event-course-swap .oc-event-course-swap-row-pending {
	background: #f6f6f2 url("../images/pending.png") no-repeat scroll 0 0 / 115px auto;
}

.oc-event-course-swap .oc-event-course-swap-row-to-be-confirmed {
	background: #f6f6f2 url("../images/to_be_confirmed.png") no-repeat scroll 0 0 / 112px auto;
}

.oc-event-course-swap .oc-event-course-swap-row-confirmed {
	background: #f6f6f2 url("../images/confirmed.png") no-repeat scroll 0 0 / 115px auto;
}

.oc-event-course-swap .oc-event-course-swap-row-cancelled {
	background: #f6f6f2 url("../images/cancelled.png") no-repeat scroll 0 0 / 115px auto;
	opacity: 0.5;
}

.oc-event-course-swap .oc-event-course-swap-row-expired {
	background: #f6f6f2 url("../images/expired.png") no-repeat scroll 0 0 / 115px auto;
	opacity: 0.5;
}

.oc-event-course-swap .oc-event-course-swap-row-declined {
	background: #f6f6f2 url("../images/declined.png") no-repeat scroll 0 0 / 115px auto;
	opacity: 0.5;
}


.oc-event-course-swap .oc-event-course-swap-row .oc-event-course-swap-row-left {
	  float: left;
    height: 64px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 52%;
    background: rgba(0, 0, 0, 0) url("../images/swap_64.png") no-repeat scroll 100% center;
    text-align: right;
}

.oc-event-course-swap .oc-event-course-swap-row .oc-event-course-swap-row-left h2,
.oc-event-course-swap .oc-event-course-swap-row .oc-event-course-swap-row-left p,
.oc-event-course-swap .oc-event-course-swap-row .oc-event-course-swap-row-left span{
	margin-right: 64px;
}

.oc-event-course-swap .oc-event-course-swap-row .oc-event-course-swap-row-right {
		float: left;
    height: 64px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 48%;
}

.oc-event-course-swap .oc-event-course-swap-row .oc-event-course-swap-row-button {
		position: absolute;
		right: 10px;
		top: 25px;
}

.oc-event-course-swap .oc-event-course-swap-row .oc-event-course-swap-row-button a {
	color: red;
	text-decoration: underline;
}

.oc-event-course-swap .oc-event-course-swap-row .oc-event-course-swap-row-button a.btn-blue {
}
/* ================== course swap   end   =================== */


/* ================== resource dialog start =======================*/
#oc-event-resource-dialog {
}

#oc-event-resource-dialog .form-item label,
#oc-event-resource-dialog .fieldset-legend,
#oc-event-resource-dialog-upload .form-item label,
#oc-event-resource-dialog-upload .fieldset-legend {
	color: #277ebd;
	font-weight: bold;
}

#oc-event-resource-dialog .oc-event-resource-edit-resource,
#oc-event-resource-dialog .oc-event-resource-download-resource,
#oc-event-resource-dialog .oc-event-resource-delete-resource {
	cursor: pointer;
	margin: auto;
}

#oc-event-resource-dialog #oc-event-resource-add-form #oc-event-resource-add-form-resource-field {
	float: left;
	margin-right: 10px;
}

#oc-event-resource-dialog #oc-event-resource-add-form .form-item {
    margin-bottom: 10px;
}

#oc-event-resource-dialog #oc-event-resource-add-form fieldset {
    margin-bottom: 20px;
}

#oc-event-resource-dialog #oc-event-resource-add-form select.form-select {
	margin-bottom: 0;
}

#oc-event-resource-dialog-upload #oc-event-resource-upload-form-file-field {
	float: left;
}

#oc-event-resource-dialog-upload .oc-event-resource-select-resource {
	margin: auto;
	cursor: pointer;
}
/* ================== resource dialog end =======================*/


/* ====================   resource  start ======================= */
#oc-event-node-resource-tab .form-item {
    margin-bottom: 1em;
    margin-top: 2px;
}
#oc-event-node-resource-tab #oc-event-resource-tab-student-upload-form .form-item {
	margin-bottom: 5px;
}
#oc-event-node-resource-tab h2.oc-event-node-resource-tab-h2 {
	color: #0071b3;
  font-size: 18px;
  font-weight: bold;
  padding:0;
  margin: 0;
}
#oc-event-node-resource-tab table.oc-event-table {
	margin-top: 0;
}
#oc-event-node-resource-tab table.oc-event-table td,
#oc-event-node-resource-tab table.oc-event-table th {
    vertical-align: middle;
}
table.oc-event-table td.oc-event-resource-tab-table-td-name {
	width: 250px;
}
table.oc-event-table td.oc-event-resource-tab-table-td-category {
	width: 100px;
}
table.oc-event-table td.oc-event-resource-tab-table-td-download {
	width: 90px;
}
table.oc-event-table td.oc-event-resource-tab-table-td-star {
	width: 20px;
}
table.oc-event-table td.oc-event-resource-tab-table-td-delete {
	width: 40px;
}
table.oc-event-table td.oc-event-resource-tab-table-td-user {
	width: 160px;
}
table.oc-event-table td.oc-event-resource-tab-table-td-time {
	width: 160px;
}
table.oc-event-table td.oc-event-resource-tab-table-td-delete span {
    display: inline-block;
}

#oc-event-node-resource-tab .oc-event-resource-tab-delete-resource,
#oc-event-node-resource-tab .oc-event-resource-edit-resource,
#oc-event-resource-dialog .oc-event-resource-tab-select-resource,
#oc-event-resource-dialog .oc-event-resource-tab-hide-resource,
#oc-event-resource-tab-student-uploads .oc-event-resource-tab-student-delete-resource {
    cursor: pointer;
    margin: auto;
}
table.oc-event-table td.oc-event-resource-tab-table-td-download-student {
	width: 45px;
}
table.oc-event-table td.oc-event-resource-tab-table-td-download .oc-event-resource-tab-table-td-download-icon,
table.oc-event-table td.oc-event-resource-tab-table-td-download-student .oc-event-resource-tab-table-td-download-icon {
	float: left;
	margin-left: 10px;
	height: 24px;
}
table.oc-event-table td.oc-event-resource-tab-table-td-download .oc-event-resource-tab-table-td-download-counter {
	float: left;
  margin-left: 10px;
  height: 24px;
}
table.oc-event-table td.oc-event-resource-tab-table-td-download-student .oc-event-resource-tab-table-td-download-counter {
	display:none;
}
#oc-event-resource-tab-add-button {
	margin-bottom: 15px !important;
	margin-top: 5px !important;
}

fieldset#oc-event-resource-tab-student,
fieldset#oc-event-resource-tab-resource {
	  background-color: #fff;
    border: 1px solid #bbb;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
}

fieldset#oc-event-resource-tab-resource {
	/* padding-top: 30px; */
}

fieldset#oc-event-resource-tab-student {
	padding-top: 15px;
}

fieldset#oc-event-fieldset legend,
fieldset#oc-event-resource-tab-student legend,
fieldset#oc-event-resource-tab-resource legend {
/* 	  -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #277ebd none repeat scroll 0 0;
    border-color: #ccc #ccc -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-width: 1px 1px medium;
    color: #fff;
    display: block;
    height: 2em;
    left: -1px;
    line-height: 2;
    padding: 0;
    position: absolute;
    text-indent: 10px;
    text-shadow: 0 1px 0 #fff;
    top: -12px;
    width: 100%;
    font-size: 14px; */
}

#oc-event-resource-tab-student #oc-event-resource-tab-student-uploads #oc-event-resource-student-upload-form-file-field {
/* 	float: left;
	margin-right: 20px; */
}

#oc-event-resource-tab-student-uploads {
	padding: 0 0 0 0;
}

#oc-event-resource-tab-student-upload {
		background-color: #f6f6f2;
    border: 1px solid #bbb;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
}

#oc-event-resource-tab-student-upload .form-item {
	  margin-bottom: 1em;
    margin-top: 2px;
}

#oc-event-resource-tab-student-upload .form-item select {
	  margin-bottom: 0;
}

#oc-event-resource-tab-student-uploads .container-inline-date {
	margin-bottom: 10px;
}
#oc-event-resource-tab-student-uploads .container-inline-date #edit-end-time label {
	display: none;
}

#oc-event-scheduler div.icon_resource {
    background-image: url("../images/resource.png");
    background-position: 3px center;
    background-repeat: no-repeat;
}

#oc-event-scheduler div.icon_moodle {
    background-image: url("../images/moodle.png");
    background-position: 3px center;
    background-repeat: no-repeat;
}

#oc-event-resource-lecture-material div.oc-event-lecture-material-title {
    font-weight: bold;
    font-size: 16px;
}
#oc-event-resource-lecture-material ul.oc-event-lecture-material-ul {
    padding: 0;
    margin: 5px 0 20px;
}
#oc-event-resource-lecture-material ul.oc-event-lecture-material-ul li {
    list-style: square;
}
    /* ====================   resource   end ======================= */



/* ====================== lecture time   start ==========================*/
.oc-event-table .oc-event-table-td-lecture-time-sum {
	color: red;
	font-weight: bold;
}
.oc-event-table .oc-event-table-td-lecture-time-detail {
	border: 2px dotted grey;
	background-color: #fff;
}
/* ====================== lecture time   end ==========================*/


/* mass unbooking -- start -- */
#oc-event-mass-unbooking-course-list tr.selected {
    background-color: #99ff88;
}
/* mass unbooking -- end -- */


/* ====================== course booking landing page   start ==========================*/
#oc-event-course-booking-landing-page a {
    font-size: 16px;
}
/* ====================== course booking landing page   end ==========================*/

table.course-swap-table {
    width: 45%;
    display: inline-table;
}

span.course-booking-status {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    color: transparent;
    background-size: 100%;
    overflow: hidden;
}

span.course-booking-status.status-0, span.course-booking-status.status-2{
    background-image: url(../images/ok_48.png);
}

span.course-booking-status.status-1 {
    background-image: url(../images/warning_48.png);
}

#oc-event-user-autocomplete-filtered {

}
#oc-event-user-autocomplete-all {

}
#oc-event-user-autocomplete-all-checkbox {

}

/** teaching performance */
.oc-event-semester-selector-start-date #edit-start-date label.control-label,
.oc-event-semester-selector-end-date #edit-end-date label.control-label {
  display: none;
}

.oc-event-semester-selector-start-date label.control-label,
.oc-event-semester-selector-end-date label.control-label {
  display: block;
}

/** automated scheduling config */
#auto-schedule-config-start-date #edit-start-date label.control-label,
#auto-schedule-config-end-date #edit-end-date label.control-label, 
#auto-schedule-config-start-date div#edit-start-date label,
#auto-schedule-config-end-date div#edit-end-date label  {
  display: none;
}

#auto-schedule-config-start-date label.control-label,
#auto-schedule-config-end-date label.control-label {
  display: block;
}

/* to override the css definition in media module */
.oc-event .ui-dialog {
    z-index: 100000 !important;
}


 .ui-helper-hidden-accessible {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* mass booking table */
#oc-event-mass-booking-table th.header { 
    background-image: url(../images/bg.gif); 
    font-weight: bold; 
    background-repeat: no-repeat; 
		background-position: center right;
		cursor: pointer;
    padding-left: 20px; 
    border-right: 1px solid #dad9c7; 
    margin-left: -1px; 
} 

#oc-event-mass-booking-table th.headerSortDown { 
    background-image: url(../images/desc.gif); 
    background-color: #8dbdd8; 
} 

#oc-event-mass-booking-table th.headerSortUp { 
    background-image: url(../images/asc.gif); 
    background-color: #8dbdd8; 
} 

#oc-event-mass-booking-table th.oc-event-mass-booking-table-last-col {
	background: none;
}

.oc-event-attendance-student-name {
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 10px;
}


/*   */
.ui-datepicker-month,
.ui-datepicker-year {
  color: #000;
}