@import url(../common.css);

body {
    font-size: 12px;
}

/* .gritter-item {
    font-family: 'Nanum Gothic' !important;
}

.ui-widget {
    font-family: 'Nanum Gothic';
} */

/* table - list */
table.table.table-list caption {padding-bottom: 5px;}
table.table.table-list thead th,
table.table.table-list tbody td {text-align: center; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis;}

table.table.table-list thead th {background-color: #eee; }

table.table.table-list tbody tr.disable td,
table.table.table-list tbody tr.disable td a,
table.table.table-list tbody tr.muted td,
table.table.table-list tbody tr.muted td a {color: #bbb;}

table.table.table-list tbody tr.disable {background-color: #eee;}
 



table.table.table-list tbody td.title {text-align: left;}
table.table.table-list tbody td.desc {text-align: left;}
table.table.table-list tbody td.long-value {text-align: left;}
table.table.table-list tbody td.num {text-align: right; font-size: .8em;}
table.table.table-list tbody td.id {font-weight: bold;}
table.table.table-list tbody td.tools {white-space: nowrap; display: flex;}
table.table.table-list tbody td.tools .btn-group {display: flex; margin-left: 5px;}

table.table td span.label {font-size: .9em;}

/* table - form */
table.table td .full {width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto;}

/* table - view */
table.table.table-view th {width: 15%; background-color: #eee; text-align: center;}
table.table.table-view td {width: 35%;}

/* table - sortable */

table.table.table-sortable tbody td.sort-handle {cursor: ns-resize;}

/* pagination */
.paging-container {padding: 7px;}

/* page help */
ul.help {margin-left: 0; list-style: none; border-bottom: 1px dotted #ccc; display:block;}
ul.help > li {margin:6px 0; }
ul.help.help-off {margin-bottom: 0; border-bottom: 0 none; display:none;}
ul.help.help-off > li {display:none};

/* known elements */
#formReceiverContainer {display: none; border:2px solid green;}

/* validation */
.validate-error {color: red;}

/* pagination */
.paging-container .pagination {margin: 0;}


/*  override color admin */
.panel-title {}
.panel-title small {font-size: 90%;}


.help-block {margin-bottom: 0;}
.no-margin {margin-bottom: 0;}

.label.label-big {font-size: 100%;}
.label.label-lg {font-size: 85%;}

/* parsley validator */
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.parsley-errors-list {
  margin: 2px 0 3px 0;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}

table.table.table-list tbody tr.deleted {background-color: #F0F3F5; color: #aaa;}

/* modal */

.form-bordered .modal-body {padding: 0;}

/* for plugins */

ul.selectpicker a:hover small {color: black !important;}

.label-receiptR,.label-info {background:#08c2b7;  }
.label-receipt,.label-default {background:#ec8425;   }
.label-receiptE{background:#277cbd;   }
.label-edu {background:#c1216b;   }
.label-eduE {background:#8c8c8c;   }
.label-eduC {background:#ff4546;   }
.label-counselR {background:#08c2b7;   }  
.label-counsel {background:#c1216b;   }
.label-counselE {background:#8c8c8c;   }
.label-counselC {background:#ff4546;   }
.label-success{background:#8a8a8a;   } 

.courseContent .label {width:50px;  height:45px;padding-top:15px;padding-left:5px; padding-right:5px;  display:inline-block;    font-size:14px; letter-spacing:-0.4px; text-align:center; color:#fff; border-radius:9px;  }
.courseContent .labelLong { padding-top:5px;  white-space:pre-wrap;}
table.courseContent td span.label{font-size:14px; }