.sm-main-container{ 
  margin: 0 auto; 
  width:860px;  
  padding-top:25px;  
  padding-left:25px;
  padding-right:25px;
  border: 3px solid #f5f5f5;
  border-radius: 5px;
}

.sm-mod-course {
  margin-bottom: -10px;
}

.sm-mod-course .sm-table .sm-head  {
  width:30px;
}

 .sm-table {
  max-width:1000px;
  display: block;
  max-height:490px;
} 

.sm-mod-course .sm-table input:focus { 
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
}

.sm-mod-course .sm-table tbody tr:hover { 
  background-color: #f5f5f5;  
}

.sm-mod-course .sm-table tbody{ 
  height: 400px; 
  display: block; 
  overflow-y: auto;
}
.sm-mod-course .sm-table thead, tbody tr {
  width:841px;
  table-layout:fixed;
}

.sm-mod-course .sm-table tbody td.sm-course-name {
  padding-bottom:15px; 
  padding-top:15px; 
  font-size:15px;
  width:150px;
}

.sm-mod-course .sm-table tbody td.sm-course-name:hover {
  cursor:pointer;
}

.sm-mod-course .sm-table tbody td.sm-section-code {
  text-align:center; 
  padding-bottom:15px; 
  padding-top:15px; 
  padding-left:45px;
}

.sm-mod-course .sm-table tbody td.sm-profs {
  text-align:left; 
  padding-bottom:15px; 
  padding-top:15px; 
  width: 170px; 
  padding-left:15px;
}

.sm-mod-course .sm-table tbody td.sm-setting-btns {
  text-align:center; 
  width:70px;
}

.sm-mod-course .sm-table tbody td.sm-std-count {
  text-align:center; 
  width:70px;
  padding-left: 25px;
  font-size: 14px;
}

.sm-mod-course .sm-table tbody td.sm-sem {
  text-align:center; 
  width:100px;
  padding-left: 18px;
}

.sm-mod-course .sm-table tbody td.sm-open {
  padding-left:15px; 
  padding-right:15px;
  text-align: center;
  width: 65px;
}

.sm-header-pane {
  width:860px;
}
.sm-header-text{
  font-size: 26px;
  text-align:left;
  font-weight: bold;
  display:inline-block;
}
.sm-header-btns{
  float:right;
}
.sm-modifier-button { 
  height:26px; 
  width:26px; 
  border:1px solid #b4b1b1; 
  border-radius:6px; 
  position:relative;
  background-color: #e7e7e7;
}
.sm-modifier-button:hover { 
  background-color: #fff; 
  cursor: pointer;
}
.sm-modifier-button:active { 
  box-shadow: 0px 0px 0px 2px rgba(145, 228, 241, 0.518);
}
.sm-modifier-button .icon-gear { 
  font-size:12px; 
  position:absolute; 
  top:8px; 
  left:8px;
}
.sm-modifier-button .icon-copy { 
  font-size:12px; 
  position:absolute; 
  top:8px; 
  left:6px;
}
.icon-remove:hover{ 
  cursor: pointer;
}
.sm-add-section-container {
  width:100%;
}
.sm-add-section-row {
  height:40px;
}
.sm-add-section-column {
  width:200px;
  text-align:left;
  display:inline-block;
  vertical-align:middle;
}
.sm-add-section-column.left {
  font-weight:bold;
}

.copy-container-main {
  width:450px;
  margin: 0 auto;
  margin-top:50px;
  font-size:12px;
}

.add-container-resource-list {
  width:450px;
  height:330px;
  margin: 0 auto;
  margin-top:10px;
  font-size:12px;
  overflow-y:scroll;
}

.copy-container-resource-list {
  width:450px;
  height:200px;
  margin: 0 auto;
  margin-top:10px;
  font-size:12px;
  overflow-y:scroll;
}

.container-resource {
  position:relative;
  width:400px;
  min-height:50px;
  margin: 0 auto;
  margin-top:5px;
  border: 1px solid #e1e1e1;
  border-radius:5px;
}

.container-select_all {
  width:400px;
  height:30px;
  margin: 0 auto;
}

.select_all {
  display:inline-block;
  float:right;
  border-radius:5px;
  background-color:#0ac;
  color: #fff;
  font-weight:bolder;
  padding:5px;
  cursor:pointer;
}

.container-select_marker {
  width:20px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #ccc;
  border-radius: 5px 0px 0px 5px;
  cursor:pointer;
  display:inline-block;
  vertical-align:top;
}

.resource-selected {
  background-color: #0ac;
}

.resource-header {
  width:250px;
  min-height:40px;
  margin-top:10px;
  margin-left:30px;
  display:inline-block;
  vertical-align:top;
  line-height:1.2em;
}

.resource-label {
  font-weight:bold;
  margin-bottom:5px;
}

.resource-type {
  color:#ccc;
}

.container-resource_settings {
  margin-top:10px;
  display:inline-block;
  vertical-align:top;
  color:#333;
  line-height:1.2em;
}

.resource_setting{
  cursor:pointer;
}

.resource_setting-selector{
  width:10px;
  height:10px;
  background-color:#ccc;
}

.resource_setting-selected{
  background-color:#A3E496;
}

.resource_setting-label {
  margin-left:5px;
  color:#666;
}

.resource-inner{
  position:relative;
}

.inner-reveal_btn{
  position:absolute;
  left:32px;
  top:-4px;
  width: 200px;
  height: 4px;
  background-color: #FFCC33;
  cursor:pointer;
  transition:0.2s;
}

.inner-reveal_btn:hover{
  background-color: #ffdf81;
}

.inner-list_container{
  margin-left:32px;
}

.inner-list_item{
  line-height:1.2em;
  color: #666;
  cursor:pointer;
}

.list_item-selector{
  width:10px;
  height:10px;
  background-color:#ccc;
}

.list_item-selected{
  background-color:#FFCC33;
}

.list_item-label {
  margin-left:5px;
  color:#666;
  font-style:italic;
}

.container-modal {
  background-color: white;
  position:relative;
  width:450px;
  height:472px;
  margin: 0 auto;
  margin-top:5px;
  border: 1px solid #e1e1e1;
  border-radius: 5px 5px 0px 0px;
  box-shadow: 1px 1px 10px #ccc;
}

.header-row {
  position:relative;
  width: 450px;
  height:40px;
  background-color:#444;
  border-radius: 5px 5px 0px 0px;
  color:#fff;
}

.header{
  font-size: 14px;
  font-weight: bold;
  padding:10px;
}

.modal-close{
  font-size: 24px;
  font-weight: 300;
  padding:10px;
  padding-top:3px;
  position:absolute;
  right:0px;
  top:0px;
  color:#fff;
  cursor:pointer;
}

.container-settings {
  padding:20px;
}

.setting-row{
  width:400px;
  height:40px;
  font-size: 14px;
}

.setting-completion{
  height:25px;
  width:4px;
  background-color:#e5e5e5;
  margin-right:10px;
}

.setting-completed{
  background-color:#0ac;
}

.setting-name{
  font-weight: bold;
  width: 160px;
}

.setting-input{
  width: 200px;
}

.footer-row {
  position:absolute;
  bottom:0px;
  left:0px;
  right:0px;
  height:40px;
}

.footer-label{
  height:40px;
  width:100%;
  text-align:center;
  color:#666;
  font-size: 16px;
  font-weight: bolder;
  border-top: 1px solid #e5e5e5;
  background-color:#f5f5f5;
  cursor:pointer;
  transition:0.2s;
}

.footer-label:hover{
  background-color:#95CAE4;
  color:#fff;
}

.create{
  padding:10px;
}