@font-face {
  font-family: 'Gilda Display';
  font-style: normal;
  font-weight: 400;
  src: local('Gilda Display'), local('GildaDisplay-Regular'), url('../fonts/gildadisplay.woff') format('woff');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url('../fonts/montserrat.woff') format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url('../fonts/roboto.woff') format('woff');
}

body {
  font-family: 
　"メイリオ", 
　"Meiryo", 
　"ヒラギノ角ゴ ProN W3",
  "Hiragino Kaku Gothic ProN",
　"ＭＳ Ｐゴシック", 
　"MS P Gothic", 
　Verdana, Arial, Helvetica, sans-serif;
}



.border-blue-12 {border-color: blue !important;}
.border-blue-11 {border-color: rgba(0, 0, 255, 0.9166666667) !important;}
.border-blue-10 {border-color: rgba(0, 0, 255, 0.8333333333) !important;}
.border-blue-9 {border-color: rgba(0, 0, 255, 0.75) !important;}
.border-blue-8 {border-color: rgba(0, 0, 255, 0.6666666667) !important;}
.border-blue-7 {border-color: rgba(0, 0, 255, 0.5833333333) !important;}
.border-blue-6 {border-color: rgba(0, 0, 255, 0.5) !important;}
.border-blue-5 {border-color: rgba(0, 0, 255, 0.4166666667) !important;}
.border-blue-4 {border-color: rgba(0, 0, 255, 0.3333333333) !important;}
.border-blue-3 {border-color: rgba(0, 0, 255, 0.25) !important;}
.border-blue-2 {border-color: rgba(0, 0, 255, 0.1666666667) !important;}
.border-blue-1 {border-color: rgba(0, 0, 255, 0.0833333333) !important;}
.border-red-12 {border-color: red !important;}
.border-red-11 {border-color: rgba(255, 0, 0, 0.9166666667) !important;}
.border-red-10 {border-color: rgba(255, 0, 0, 0.8333333333) !important;}
.border-red-9 {border-color: rgba(255, 0, 0, 0.75) !important;}
.border-red-8 {border-color: rgba(255, 0, 0, 0.6666666667) !important;}
.border-red-7 {border-color: rgba(255, 0, 0, 0.5833333333) !important;}
.border-red-6 {border-color: rgba(255, 0, 0, 0.5) !important;}
.border-red-5 {border-color: rgba(255, 0, 0, 0.4166666667) !important;}
.border-red-4 {border-color: rgba(255, 0, 0, 0.3333333333) !important;}
.border-red-3 {border-color: rgba(255, 0, 0, 0.25) !important;}
.border-red-2 {border-color: rgba(255, 0, 0, 0.1666666667) !important;}
.border-red-1 {border-color: rgba(255, 0, 0, 0.0833333333) !important;}
.border-green-13 {border-color: #81B91D !important;}
.border-green-12 {border-color: green !important;}
.border-green-11 {border-color: rgba(0, 255, 0, 0.9166666667) !important;}
.border-green-10 {border-color: rgba(0, 255, 0, 0.8333333333) !important;}
.border-green-9 {border-color: rgba(0, 255, 0, 0.75) !important;}
.border-green-8 {border-color: rgba(0, 255, 0, 0.6666666667) !important;}
.border-green-7 {border-color: rgba(0, 255, 0, 0.5833333333) !important;}
.border-green-6 {border-color: rgba(0, 255, 0, 0.5) !important;}
.border-green-5 {border-color: rgba(0, 255, 0, 0.4166666667) !important;}
.border-green-4 {border-color: rgba(0, 255, 0, 0.3333333333) !important;}
.border-green-3 {border-color: rgba(0, 255, 0, 0.25) !important;}
.border-green-2 {border-color: rgba(0, 255, 0, 0.1666666667) !important;}
.border-green-1 {border-color: rgba(0, 255, 0, 0.0833333333) !important;}
.border-orange-12 {border-color: orange !important;}
.border-orange-11 {border-color: rgba(255, 128, 0, 0.9166666667) !important;}
.border-orange-10 {border-color: rgba(255, 128, 0, 0.8333333333) !important;}
.border-orange-9 {border-color: rgba(255, 128, 0, 0.75) !important;}
.border-orange-8 {border-color: rgba(255, 128, 0, 0.6666666667) !important;}
.border-orange-7 {border-color: rgba(255, 128, 0, 0.5833333333) !important;}
.border-orange-6 {border-color: rgba(255, 128, 0, 0.5) !important;}
.border-orange-5 {border-color: rgba(255, 128, 0, 0.4166666667) !important;}
.border-orange-4 {border-color: rgba(255, 128, 0, 0.3333333333) !important;}
.border-orange-3 {border-color: rgba(255, 128, 0, 0.25) !important;}
.border-orange-2 {border-color: rgba(255, 128, 0, 0.1666666667) !important;}
.border-orange-1 {border-color: rgba(255, 128, 0, 0.0833333333) !important;}
.border-black-12 {border-color: black !important;}
.border-black-11 {border-color: rgba(0, 0, 0, 0.9166666667) !important;}
.border-black-10 {border-color: rgba(0, 0, 0, 0.8333333333) !important;}
.border-black-9 {border-color: rgba(0, 0, 0, 0.75) !important;}
.border-black-8 {border-color: rgba(0, 0, 0, 0.6666666667) !important;}
.border-black-7 {border-color: rgba(0, 0, 0, 0.5833333333) !important;}
.border-black-6 {border-color: rgba(0, 0, 0, 0.5) !important;}
.border-black-5 {border-color: rgba(0, 0, 0, 0.4166666667) !important;}
.border-black-4 {border-color: rgba(0, 0, 0, 0.3333333333) !important;}
.border-black-3 {border-color: rgba(0, 0, 0, 0.25) !important;}
.border-black-2 {border-color: rgba(0, 0, 0, 0.1666666667) !important;}
.border-black-1 {border-color: rgba(0, 0, 0, 0.0833333333) !important;}



.border-dashed-right-1 {
    border-right: dotted 1px #ddd;
}
.border-solid-1 {border: 1px solid !important;}
.border-solid-2 {border: 2px solid !important;}
.table-cell {
    display: table-cell;
}

.text-blue {color: blue;}
.text-blue-12 {color: blue;}
.text-blue-11 {color: rgba(0, 0, 255, 0.9166666667);}
.text-blue-10 {color: rgba(0, 0, 255, 0.8333333333);}
.text-blue-9 {color: rgba(0, 0, 255, 0.75);}
.text-blue-8 {color: #23a6ED;}
.text-blue-7 {color: rgba(0, 0, 255, 0.5833333333);}
.text-blue-6 {color: rgba(0, 0, 255, 0.5);}
.text-blue-5 {color: rgba(0, 0, 255, 0.4166666667);}
.text-blue-4 {color: rgba(0, 0, 255, 0.3333333333);}
.text-blue-3 {color: rgba(0, 0, 255, 0.25);}
.text-blue-2 {color: rgba(0, 0, 255, 0.1666666667);}
.text-blue-1 {color: rgba(0, 0, 255, 0.0833333333);}
.text-red {color: red;}
.text-red-12 {color: red;}
.text-red-11 {color: rgba(255, 0, 0, 0.9166666667);}
.text-red-10 {color: rgba(255, 0, 0, 0.8333333333);}
.text-red-9 {color: rgba(255, 0, 0, 0.75);}
.text-red-8 {color: rgba(255, 0, 0, 0.6666666667);}
.text-red-7 {color: rgba(255, 0, 0, 0.5833333333);}
.text-red-6 {color: rgba(255, 0, 0, 0.5);}
.text-red-5 {color: rgba(255, 0, 0, 0.4166666667);}
.text-red-4 {color: rgba(255, 0, 0, 0.3333333333);}
.text-red-3 {color: rgba(255, 0, 0, 0.25);}
.text-red-2 {color: rgba(255, 0, 0, 0.1666666667);}
.text-red-1 {color: rgba(255, 0, 0, 0.0833333333);}
.text-green-13 {color: #81B91D;}
.text-green-12 {color: green;}
.text-green-11 {color: rgba(0, 255, 0, 0.9166666667);}
.text-green-10 {color: rgba(0, 255, 0, 0.8333333333);}
.text-green-9 {color: rgba(0, 255, 0, 0.75);}
.text-green-8 {
  /*color: rgba(0, 255, 0, 0.6666666667);*/
  color: #9ac74b;
}
.text-green-7 {color: rgba(0, 255, 0, 0.5833333333);}
.text-green-6 {color: rgba(0, 255, 0, 0.5);}
.text-green-5 {color: rgba(0, 255, 0, 0.4166666667);}
.text-green-4 {color: rgba(0, 255, 0, 0.3333333333);}
.text-green-3 {color: rgba(0, 255, 0, 0.25);}
.text-green-2 {color: rgba(0, 255, 0, 0.1666666667);}
.text-green-1 {color: rgba(0, 255, 0, 0.0833333333);}
.text-orange-12 {color: orange;}
.text-orange-11 {color: rgba(255, 128, 0, 0.9166666667);}
.text-orange-10 {color: rgba(255, 128, 0, 0.8333333333);}
.text-orange-9 {color: rgba(255, 128, 0, 0.75);}
.text-orange-8 {color: rgba(255, 128, 0, 0.6666666667);}
.text-orange-7 {color: rgba(255, 128, 0, 0.5833333333);}
.text-orange-6 {color: rgba(255, 128, 0, 0.5);}
.text-orange-5 {color: rgba(255, 128, 0, 0.4166666667);}
.text-orange-4 {color: rgba(255, 128, 0, 0.3333333333);}
.text-orange-3 {color: rgba(255, 128, 0, 0.25);}
.text-orange-2 {color: rgba(255, 128, 0, 0.1666666667);}
.text-orange-1 {color: rgba(255, 128, 0, 0.0833333333);}
.text-black-12 {color: black;}
.text-black-11 {color: rgba(0, 0, 0, 0.9166666667);}
.text-black-10 {color: rgba(0, 0, 0, 0.8333333333);}
.text-black-9 {color: rgba(0, 0, 0, 0.75);}
.text-black-8 {color: rgba(0, 0, 0, 0.6666666667);}
.text-black-7 {color: rgba(0, 0, 0, 0.5833333333);}
.text-black-6 {color: rgba(0, 0, 0, 0.5);}
.text-black-5 {color: rgba(0, 0, 0, 0.4166666667);}
.text-black-4 {color: rgba(0, 0, 0, 0.3333333333);}
.text-black-3 {color: rgba(0, 0, 0, 0.25);}
.text-black-2 {color: rgba(0, 0, 0, 0.1666666667);}
.text-black-1 {color: rgba(0, 0, 0, 0.0833333333);}

.text-align-left {text-align: left;}
.text-align-right {text-align: right;}
.text-align-center {text-align: center;}
.text-align-justify {text-align: justify;}

.text-decoration-none {text-decoration: none !important;}

.bg-blue-12 {background-color: blue;}
.bg-blue-11 {background-color: rgba(0, 0, 255, 0.9166666667);}
.bg-blue-10 {background-color: rgba(0, 0, 255, 0.8333333333);}
.bg-blue-9 {background-color: rgba(0, 0, 255, 0.75);}
.bg-blue-8 {background-color: rgba(0, 0, 255, 0.6666666667);}
.bg-blue-7 {background-color: rgba(0, 0, 255, 0.5833333333);}
.bg-blue-6 {background-color: rgba(0, 0, 255, 0.5);}
.bg-blue-5 {background-color: rgba(0, 0, 255, 0.4166666667);}
.bg-blue-4 {background-color: rgba(0, 0, 255, 0.3333333333);}
.bg-blue-3 {background-color: rgba(0, 0, 255, 0.25);}
.bg-blue-2 {background-color: rgba(0, 0, 255, 0.1666666667);}
.bg-blue-1 {background-color: rgba(0, 0, 255, 0.0833333333);}
.bg-red-12 {background-color: red;}
.bg-red-11 {background-color: rgba(255, 0, 0, 0.9166666667);}
.bg-red-10 {background-color: rgba(255, 0, 0, 0.8333333333);}
.bg-red-9 {background-color: rgba(255, 0, 0, 0.75);}
.bg-red-8 {background-color: rgba(255, 0, 0, 0.6666666667);}
.bg-red-7 {background-color: rgba(255, 0, 0, 0.5833333333);}
.bg-red-6 {background-color: rgba(255, 0, 0, 0.5);}
.bg-red-5 {background-color: rgba(255, 0, 0, 0.4166666667);}
.bg-red-4 {background-color: rgba(255, 0, 0, 0.3333333333);}
.bg-red-3 {background-color: rgba(255, 0, 0, 0.25);}
.bg-red-2 {background-color: rgba(255, 0, 0, 0.1666666667);}
.bg-red-1 {background-color: rgba(255, 0, 0, 0.0833333333);}
.bg-green-13 {background-color: #81B91D;}
.bg-green-12 {background-color: green;}
.bg-green-11 {background-color: rgba(0, 255, 0, 0.9166666667);}
.bg-green-10 {background-color: rgba(0, 255, 0, 0.8333333333);}
.bg-green-9 {background-color: rgba(0, 255, 0, 0.75);}
.bg-green-8 {background-color: rgba(0, 255, 0, 0.6666666667);}
.bg-green-7 {background-color: rgba(0, 255, 0, 0.5833333333);}
.bg-green-6 {background-color: rgba(0, 255, 0, 0.5);}
.bg-green-5 {background-color: rgba(0, 255, 0, 0.4166666667);}
.bg-green-4 {background-color: rgba(0, 255, 0, 0.3333333333);}
.bg-green-3 {background-color: rgba(0, 255, 0, 0.25);}
.bg-green-2 {background-color: rgba(0, 255, 0, 0.1666666667);}
.bg-green-1 {background-color: rgba(0, 255, 0, 0.0833333333);}
.bg-orange-12 {background-color: orange;}
.bg-orange-11 {background-color: rgba(255, 128, 0, 0.9166666667);}
.bg-orange-10 {background-color: rgba(255, 128, 0, 0.8333333333);}
.bg-orange-9 {background-color: rgba(255, 128, 0, 0.75);}
.bg-orange-8 {background-color: rgba(255, 128, 0, 0.6666666667);}
.bg-orange-7 {background-color: rgba(255, 128, 0, 0.5833333333);}
.bg-orange-6 {background-color: rgba(255, 128, 0, 0.5);}
.bg-orange-5 {background-color: rgba(255, 128, 0, 0.4166666667);}
.bg-orange-4 {background-color: rgba(255, 128, 0, 0.3333333333);}
.bg-orange-3 {background-color: rgba(255, 128, 0, 0.25);}
.bg-orange-2 {background-color: rgba(255, 128, 0, 0.1666666667);}
.bg-orange-1 {background-color: rgba(255, 128, 0, 0.0833333333);}
.bg-black-12 {background-color: black;}
.bg-black-11 {background-color: rgba(0, 0, 0, 0.9166666667);}
.bg-black-10 {background-color: rgba(0, 0, 0, 0.8333333333);}
.bg-black-9 {background-color: rgba(0, 0, 0, 0.75);}
.bg-black-8 {background-color: rgba(0, 0, 0, 0.6666666667);}
.bg-black-7 {background-color: rgba(0, 0, 0, 0.5833333333);}
.bg-black-6 {background-color: rgba(0, 0, 0, 0.5);}
.bg-black-5 {background-color: rgba(0, 0, 0, 0.4166666667);}
.bg-black-4 {background-color: rgba(0, 0, 0, 0.3333333333);}
.bg-black-3 {background-color: rgba(0, 0, 0, 0.25);}
.bg-black-2 {background-color: rgba(0, 0, 0, 0.1666666667);}
.bg-black-1 {background-color: rgba(0, 0, 0, 0.0833333333);}
.bg-yellow-12 {background-color: yellow;}
.bg-yellow-11 {background-color: rgba(255, 255, 0, 0.9166666667);}
.bg-yellow-10 {background-color: rgba(255, 255, 0, 0.8333333333);}
.bg-yellow-9 {background-color: rgba(255, 255, 0, 0.75);}
.bg-yellow-8 {background-color: rgba(255, 255, 0, 0.6666666667);}
.bg-yellow-7 {background-color: rgba(255, 255, 0, 0.5833333333);}
.bg-yellow-6 {background-color: rgba(255, 255, 0, 0.5);}
.bg-yellow-5 {background-color: rgba(255, 255, 0, 0.4166666667);}
.bg-yellow-4 {background-color: rgba(255, 255, 0, 0.3333333333);}
.bg-yellow-3 {background-color: rgba(255, 255, 0, 0.25);}
.bg-yellow-2 {background-color: rgba(255, 255, 0, 0.1666666667);}
.bg-yellow-1 {background-color: rgba(255, 255, 0, 0.0833333333);}

.bg-transparent {
  background: transparent;
}

.btn {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
  outline: none !important;
}

.btn-default {
  border-color: #e5e5e5;
}

/* form control sizing */
.form-control-inline {
  display: inline-block !important;
}

.input-xsmall {
	max-width: 60px !important;
}

.input-small {
 max-width: 120px !important;
}

.input-medium {
 max-width: 240px !important;
}

.input-large {
	max-width: 320px !important;
}

.input-xlarge {
 max-width: 480px !important;
}

.input-xxlarge {
 max-width: 600px !important;
}


/***
Error States
***/

.has-warning .help-inline,
.has-warning .help-block,
.has-warning .control-label {
  color: #c09853;
}

.has-warning .form-control {
  border-color: #c09853;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.has-warning .form-control:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.has-warning .input-group-addon {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853;
}

.has-error .help-inline,
.has-error .help-block,
.has-error .control-label {
  color: #b94a48;
}

.has-error .form-control {
  border-color: #b94a48;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.has-error .form-control:focus {
  border-color: #953b39;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.has-error .input-group-addon {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}

.has-success .help-inline,
.has-success .help-block,
.has-success .control-label {
  color: #468847;
}

.has-success .form-control {
  border-color: #468847;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.has-success .form-control:focus {
  border-color: #356635;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.has-success .input-group-addon {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}

/***
Custom label and badges
***/

.label, 
.badge {
  font-weight: 300;  
  text-shadow: none !important;
}

.label {  
  font-size: 12px;  
  padding: 3px 6px 3px 6px;
}

.label.label-sm {  
  font-size: 12px;
  padding: 1px 4px 1px 4px;
}

.label.label-xl {
  font-size: 14px;
  padding: 10px 20px 10px 20px;
}

h1 .label,
h2 .label,
h3 .label,
h4 .label,
h5 .label,
h6 .label,
h7 .label {
  font-size: 75%;
}

.badge {
  font-size: 11px !important;
  font-weight: 300;
  text-align: center;
  background-color: #e02222;
  height: 18px;
  padding: 3px 6px 3px 6px;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
  text-shadow:none !important;
  text-align: center;
  vertical-align: middle;
}

.badge-default,
.label-default  {
  background-color: #999 !important;
}

.badge-primary,
.label-primary {
  background-color: #428bca !important;
}

.label-success, 
.badge-success {
  background-color: #3cc051;
  background-image: none !important;
}

.label-warning, 
.badge-warning {
  background-color: #fcb322;
  background-image: none !important;
}

.label-danger, 
.badge-danger {
  background-color: #ed4e2a;
  background-image: none !important;
}

.label-info, 
.badge-info {
  background-color: #57b5e3;
  background-image: none !important;
}

/* fix badge position for navs */
.nav.nav-pills > li > a > .badge {
  margin-top: -2px;
}

.nav.nav-stacked > li > a > .badge {
  margin-top: 1px;
  margin-bottom: 0px;
}

/***
Iconic Labels
***/

.label.label-icon {
  padding: 4px 1px 4px 5px;
  margin-right: 2px;
  text-align: center !important;
}

.ie9 .label.label-icon, 
.ie10 .label.label-icon {
  padding: 3px 0px 3px 3px;
} 

.label.label-icon > i {
  font-size: 12px;
  text-align: center !important;
}


/***
Progress Bars
***/

.progress {  
  border: 0; 
  filter: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;   

}

.progress > .progress-bar-success {
  background-color: #3cc051;
}

.progress > .progress-bar-danger {
  background-color: #ed4e2a;
}

.progress > .progress-bar-info {
  background-color: #57b5e3;
}

.progress > .progress-bar-warning {
  background-color: #fcb322;
}


/***
Pagination
***/
.pagination {
  margin: 10px 0;
}

.pagination .active > a,
.pagination .active > a:hover {
  background: #eee;
  border-color: #dddddd;
  color: #333;
}

/***
Bootstrap Tables
***/

.table thead > tr > th {
  border-bottom: 0;
}

.table tbody tr.active td,
.table tbody tr.active th {
  background-color: #e9e9e9 !important;
}

.table tbody tr.active:hover td,
.table tbody tr.active:hover th {
  background-color: #e1e1e1 !important;
}

.table-striped tbody tr.active:nth-child(odd) td,
.table-striped tbody tr.active:nth-child(odd) th {
  background-color: #017ebc;
}


/***
Tools
***/

.display-none,
.display-hide {
  display: none;
}

.display-block {
  display: block;
}

.none-height {
  height: 0px !important;
}

.no-space {
  margin: 0px !important;
  padding: 0px !important;
}

.no-list-style {
  list-style-type: none !important;
}

.no-text-decoration {
  text-decoration: none !important;
}

.table.no-border> thead > tr > th,
.table.no-border> tbody > tr > th,
.table.no-border> tfoot > tr > th,
.table.no-border> thead > tr > td,
.table.no-border> tbody > tr > td,
.table.no-border> tfoot > tr > td {
  border: none !important;
}

.no-box-shadow {
  box-shadow: none !important;
}

.width-md-12 {
  width: 100%;
}
.width-md-11 {
  width: 91.66666667%;
}
.width-md-10 {
  width: 83.33333333%;
}
.width-md-9 {
  width: 75%;
}
.width-md-8 {
  width: 66.66666667%;
}
.width-md-7 {
  width: 58.33333333%;
}
.width-md-6 {
  width: 50%;
}
.width-md-5 {
  width: 41.66666667%;
}
.width-md-4 {
  width: 33.33333333%;
}
.width-md-3 {
  width: 25%;
}
.width-md-2 {
  width: 16.66666667%;
}
.width-md-1 {
  width: 8.33333333%;
}

.width-100 {
  width: 100px !important;
}

.width-150 {
  width: 150px !important;
}

.transparent {
  background-color: transparent !important;
}

ul.inline-block li{
    display: inline-block;
}

.inline-block {
  display: inline-block !important;
}

.align-top {
  display: inline-block !important;
  vertical-align: top !important;
}

.no-border {
  border: none !important;
}

.no-border-radius {
  border-radius: 0px !important;
}

.no-border-radius-form input, .no-border-radius-form textarea {
  border-radius: 0px !important;
}

.no-margin {
  margin: 0px !important;
}

.no-margin-left {
  margin-left: 0px !important;
}

.no-margin-right {
  margin-right: 0px !important;
}

.no-margin-top {
  margin-top: 0px !important;
}

.no-margin-bottom {
  margin-bottom: 0px !important;
}

.margin-3 {
  margin: 3px !important;
}

.margin-top-3 {
  margin-top: 3px !important;
}

.margin-right-3 {
  margin-right: 3px !important;
}

.margin-bottom-3 {
  margin-bottom: 3px !important;
}

.margin-left-3 {
  margin-left: 3px !important;
}

.margin-side-3 {
  margin-left: 3px !important;
  margin-right: 3px !important;
}

.margin-5 {
  margin: 5px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

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

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-side-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.margin-8 {
  margin: 8px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-right-8 {
  margin-right: 8px !important;
}

.margin-bottom-8 {
  margin-bottom: 8px !important;
}

.margin-left-8 {
  margin-left: 8px !important;
}

.margin-side-8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-side-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.margin-15 {
  margin: 15px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-right-15 {
  margin-right: 15px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-left-15 {
  margin-left: 15px !important;
}

.margin-side-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-side-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.no-padding {
  padding: 0px !important;
}

.no-padding-left {
  padding-left: 0px !important;
}

.no-padding-right {
  padding-right: 0px !important;
}

.no-padding-top {
  padding-top: 0px !important;
}

.no-padding-bottom {
  padding-bottom: 0px !important;
}

.padding-3 {
  padding: 3px !important;
}

.padding-side-3 {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.padding-top-3 {
  padding-top: 3px !important;
}

.padding-right-3 {
  padding-right: 3px !important;
}

.padding-bottom-3 {
  padding-bottom: 3px !important;
}

.padding-left-3 {
  padding-left: 3px !important;
}

.padding-5 {
  padding: 5px !important;
}

.padding-side-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-8 {
  padding: 8px !important;
}

.padding-side- 8{
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.padding-top-8 {
  padding-top: 8px !important;
}

.padding-right-8 {
  padding-right: 8px !important;
}

.padding-bottom-8 {
  padding-bottom: 8px !important;
}

.padding-left-8 {
  padding-left: 8px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-side-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-side-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-right-15 {
  padding-right: 15px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-left-15 {
  padding-left: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-side-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-side-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-50 {
  padding: 50px !important;
}

.line-1 {
  line-height: 0.2;
}

.line-2 {
  line-height: 0.5;
}

.line-3 {
  line-height: 0.8;
}

.line-4 {
  line-height: 1;
}

.line-5 {
  line-height: 1.2;
}

.line-6 {
  line-height: 1.5;
}

.line-7 {
  line-height: 1.8;
}

.line-8 {
  line-height: 2;
}

.opacity-1 {
  opacity: 0.1;
}

.opacity-2 {
  opacity: 0.2;
}

.opacity-3 {
  opacity: 0.3;
}

.opacity-4 {
  opacity: 0.4;
}

.opacity-5 {
  opacity: 0.5;
}

.opacity-6 {
  opacity: 0.6;
}

.opacity-7 {
  opacity: 0.7;
}

.opacity-8 {
  opacity: 0.8;
}

.opacity-9 {
  opacity: 0.9;
}

.bold {
  font-weight:600 !important;
}

.fix-margin {
  margin-left: 0px !important
}

.inline {
  display: inline;
}

.pointer {
  cursor: pointer;
}

.menu-border{
  border-top: solid 1px #eee;
}

.navtab-control-btn-group a {
	margin-left: 10px !important;	
}

.navtab-control-btn-group a:first-child {
	margin-left: 0px !important;	
}

.error, .error-message {
	color: #d9534f;
	border-color: #d9534f;
}

@media only screen and (max-width: 800px) {

  /* Force table to not be like tables anymore */
  #no-more-tables table, 
  #no-more-tables thead, 
  #no-more-tables tbody, 
  #no-more-tables th, 
  #no-more-tables td, 
  #no-more-tables tr { 
    display: block; 
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  #no-more-tables thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  #no-more-tables tr { border: 1px solid #ccc; }

  #no-more-tables td { 
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee; 
    position: relative;
    padding-left: 30%; 
    white-space: normal;
    text-align:left;
  }

  #no-more-tables td:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
    text-align:left;
    font-weight: bold;
  }

  /*
  Label the data
  */
  #no-more-tables td:before { content: attr(data-title); }

  .lesson-text-list #tableTicketUsed #no-more-tables tr {padding-top:7px;padding-bottom: 7px;}
  .lesson-text-list #tableTicketUsed #no-more-tables td {padding:3px 10px;border:none;}
  .lesson-text-list #tableTicketUsed #no-more-tables td:before {content:none !important;}
}

.ui-widget-header{
  color: black!important;
}

.ui-datepicker-calendar {
  /*display: none;*/
}

.page-header-custom {
  padding-bottom: 9px;
  margin: 0px 0 20px;
  border-bottom: 1px solid #eee;
}

.action-breadcrumb {
  font-size: 22px;
  color: #ABAAA9;

}

.avatar-upload {
  width: 200px;
  height: 200px;
  background-color: #53585f; 
}

.avatar-choice-btn {
  padding: 5px;
  background-color: #212326;
  border: 3px solid #212326;
  color: white;
  text-decoration: none;
  margin-top: 82px;
  margin-left: 53px;
  display: inline-block;
  cursor: pointer;
}

.avatar-choice-btn:hover {
  text-decoration: none;
  color: white;
  background-color: #747474;
}

.validate-error, .error-message {
  width: 100%;
  clear: both;
}

.left-menu li:first-child {
  border-top: none !important;   
}

.left-menu li.active a{
  background-color: #747474 !important;
}

.visibility-hidden {
  visibility: hidden;
}

.input-edit-inline {
  margin: 0 auto;
  display: none;
}

.bg-white {
  background-color: #fff;
}

.crop-img-area {
  margin:0 auto; 
  text-align: center;
}

.crop-img-area img {
  margin: 0 auto;
}

.crop-img-popup h4 {
  font-weight: bold;
}

.crop-description-text {
  padding: 20px;
  text-align: center;
}

.crop-img-area-content {
  padding: 10px 20px 40px 20px;
}

.font-24 {
  font-size: 24px;
}

.font-18 {
  font-size: 18px;
}

.user-loggedin-info {
  float: right;
  padding: 20px;
  text-align: right;
}

.user-loggedin-info a {
  display: block;
  color: black;
  text-decoration: none;
}

.user-loggedin-info a {
  color: black;
  text-decoration: none;
}

.font-bolder {
  font-weight: bolder;
}

.font-bolder a {
  color: white !important;
  font-size: 14px !important;
}

li.font-bolder > a:hover, li.font-bolder a:focus{
  background-color: #747474 !important;
}

.text-align-left-important {
  text-align: left !important;
}

.border-radius-none {
  border-radius: 0;
}

.border-top {
  border-top: 1px solid #eee;
}

.border-bottom {
  border-bottom: 1px solid #eee;
}

.fancybox-inner {
  background-color: #F5F5F5;
}

.min-width-350 {
  min-width: 350px!important;
  width: auto;
}

.min-width-110 {
  min-width: 110px!important;
  width: auto;
}

.min-width-140 {
  min-width: 140px!important;
  width: auto;
}
.min-width-175 {
  min-width: 175px!important;
  width: auto;
}
.padding-right-0 {
  padding-right: 0px!important;
}
.vertical-align-bottom{
	vertical-align: bottom;
}
.vertical-align-top{
	line-height: normal;
	vertical-align: top;
}
.font-size-150{
	font-size: 150% !important;
}

.border {
  border: 1px solid #eee;
}

.margin-top-50 {
  margin-top: 50px;
}

.btn-news {
  color: #fff;
  background-color: #7CBF3E;
  /*border-color: #DEE7E2;*/
  border: 2px solid #fff;
}

.btn-news:hover,
.btn-news:focus,
.btn-news:active {
  color:#fff;
  background-color:#225100;
  /*border-color:#398439*/
  border: 2px solid #fff;
}

.btn-news-active {
  color:#fff;
  background-color:#225100;
  /*border-color:#398439*/
  border: 2px solid #fff;
}

.news-btn >a:focus{
  background-color:#225100!important;
};

.test-question {
  color: red !important;
}
.survey-answer {
  color: #26A7ED !important;
}
.max-width-50{
	max-width: 50px;
}
.border-1-solid{
	border : #ccc solid 1px;
}
input.error {
	border-color : red;
}

.col-xs-offset-right-12 {
  margin-right: 100%;
}
.col-xs-offset-right-11 {
  margin-right: 91.66666667%;
}
.col-xs-offset-right-10 {
  margin-right: 83.33333333%;
}
.col-xs-offset-right-9 {
  margin-right: 75%;
}
.col-xs-offset-right-8 {
  margin-right: 66.66666667%;
}
.col-xs-offset-right-7 {
  margin-right: 58.33333333%;
}
.col-xs-offset-right-6 {
  margin-right: 50%;
}
.col-xs-offset-right-5 {
  margin-right: 41.66666667%;
}
.col-xs-offset-right-4 {
  margin-right: 33.33333333%;
}
.col-xs-offset-right-3 {
  margin-right: 25%;
}
.col-xs-offset-right-2 {
  margin-right: 16.66666667%;
}
.col-xs-offset-right-1 {
  margin-right: 8.33333333%;
}
.col-xs-offset-right-0 {
  margin-right: 0;
}
@media (min-width: 768px) {
  .col-sm-offset-right-12 {
    margin-right: 100%;
  }
  .col-sm-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-sm-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-sm-offset-right-9 {
    margin-right: 75%;
  }
  .col-sm-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-sm-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-sm-offset-right-6 {
    margin-right: 50%;
  }
  .col-sm-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-sm-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-sm-offset-right-3 {
    margin-right: 25%;
  }
  .col-sm-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-sm-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-sm-offset-right-0 {
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .col-md-offset-right-12 {
    margin-right: 100%;
  }
  .col-md-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-md-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-md-offset-right-9 {
    margin-right: 75%;
  }
  .col-md-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-md-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-md-offset-right-6 {
    margin-right: 50%;
  }
  .col-md-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-md-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-md-offset-right-3 {
    margin-right: 25%;
  }
  .col-md-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-md-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-md-offset-right-0 {
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-offset-right-12 {
    margin-right: 100%;
  }
  .col-lg-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-lg-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-lg-offset-right-9 {
    margin-right: 75%;
  }
  .col-lg-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-lg-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-lg-offset-right-6 {
    margin-right: 50%;
  }
  .col-lg-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-lg-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-lg-offset-right-3 {
    margin-right: 25%;
  }
  .col-lg-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-lg-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-lg-offset-right-0 {
    margin-right: 0;
  }
}

.close {
  float: right;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.font-size-14{
  font-size: 14px;
}