﻿/* -- custom -- */
/*[class*="wb"] { 
  float: left;
  word-wrap: break-word;
	-moz-word-break: break-all;
	-o-word-break: break-all;
	word-break: break-all;
}*/

.wb54 {
  width: 1080px;
}

.wb53 {
  width: 1060px;
}

.wb52 {
  width: 1040px;
}

.wb51 {
  width: 1020px;
}

.wb50 {
  width: 1000px;
}

.wb49 {
  width: 980px;
}

.wb48 {
  width: 960px;
}

.wb47 {
  width: 940px;
}

.wb46 {
  width: 920px;
}

.wb45 {
  width: 900px;
}

.wb44 {
  width: 880px;
}

.wb43 {
  width: 860px;
}

.wb42 {
  width: 840px;
}

.wb41 {
  width: 820px;
}

.wb40 {
  width: 800px;
}

.wb39 {
  width: 780px;
}

.wb38 {
  width: 760px;
}

.wb37 {
  width: 740px;
}

.wb36 {
  width: 720px;
}

.wb35 {
  width: 700px;
}

.wb34 {
  width: 680px;
}

.wb33 {
  width: 660px;
}

.wb32 {
  width: 640px;
}

.wb31 {
  width: 620px;
}

.wb30 {
  width: 600px;
}

.wb29 {
  width: 580px;
}

.wb28 {
  width: 560px;
}

.wb27 {
  width: 540px;
}

.wb26 {
  width: 520px;
}

.wb25 {
  width: 500px;
}

.wb24 {
  width: 480px;
}

.wb23 {
  width: 460px;
}

.wb22 {
  width: 440px;
}

.wb21 {
  width: 420px;
}

.wb20 {
  width: 400px;
}

.wb19 {
  width: 380px;
}

.wb18 {
  width: 360px;
}

.wb17 {
  width: 340px;
}

.wb16 {
  width: 320px;
}

.wb15 {
  width: 300px;
}

.wb14 {
  width: 280px;
}

.wb13 {
  width: 260px;
}

.wb12 {
  width: 240px;
}

.wb11 {
  width: 220px;
}

.wb10 {
  width: 200px;
}

.wb9 {
  width: 180px;
}

.wb8 {
  width: 160px;
}

.wb7 {
  width: 140px;
}

.wb6 {
  width: 120px;
}

.wb5 {
  width: 100px;
}

.wb4 {
  width: 80px;
}

.wb3 {
  width: 60px;
}

.wb2 {
  width: 40px;
}

.wb1 {
  width: 20px;
}

.wbf {
  width: 100%;
}

.wb54h {
  width: 1090px;
}

.wb53h {
  width: 1070px;
}

.wb52h {
  width: 1040px;
}

.wb51h {
  width: 1030px;
}

.wb50h {
  width: 1010px;
}

.wb49h {
  width: 990px;
}

.wb48h {
  width: 970px;
}

.wb47h {
  width: 950px;
}

.wb46h {
  width: 930px;
}

.wb45h {
  width: 910px;
}

.wb44h {
  width: 890px;
}

.wb43h {
  width: 870px;
}

.wb42h {
  width: 850px;
}

.wb41h {
  width: 830px;
}

.wb40h {
  width: 810px;
}

.wb39h {
  width: 790px;
}

.wb38h {
  width: 770px;
}

.wb37h {
  width: 750px;
}

.wb36h {
  width: 730px;
}

.wb35h {
  width: 710px;
}

.wb34h {
  width: 690px;
}

.wb33h {
  width: 670px;
}

.wb32h {
  width: 650px;
}

.wb31h {
  width: 630px;
}

.wb30h {
  width: 610px;
}

.wb29h {
  width: 590px;
}

.wb28h {
  width: 570px;
}

.wb27h {
  width: 550px;
}

.wb26h {
  width: 530px;
}

.wb25h {
  width: 510px;
}

.wb24h {
  width: 490px;
}

.wb23h {
  width: 470px;
}

.wb22h {
  width: 450px;
}

.wb21h {
  width: 430px;
}

.wb20h {
  width: 410px;
}

.wb19h {
  width: 390px;
}

.wb18h {
  width: 370px;
}

.wb17h {
  width: 350px;
}

.wb16h {
  width: 330px;
}

.wb15h {
  width: 310px;
}

.wb14h {
  width: 290px;
}

.wb13h {
  width: 270px;
}

.wb12h {
  width: 250px;
}

.wb11h {
  width: 230px;
}

.wb10h {
  width: 210px;
}

.wb9h {
  width: 190px;
}

.wb8h {
  width: 170px;
}

.wb7h {
  width: 150px;
}

.wb6h {
  width: 130px;
}

.wb5h {
  width: 110px;
}

.wb4h {
  width: 90px;
}

.wb3h {
  width: 70px;
}

.wb2h {
  width: 50px;
}

.wb1h {
  width: 30px;
}

.wb0h {
  width: 10px;
}

tr > [class*="wb"] {
  float: none;
}

.rb {
  /*border: 1px solid red;*/
  margin: 0 0 5px 0;
  padding: 0;
  *zoom: 1;
}

  .rb:before,
  .rb:after {
    display: table;
    line-height: 0;
    content: "";
  }

  .rb:after {
    clear: both;
  }


input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
textarea[readonly] {
  cursor: default;
}

/*label {
  margin: 0 0 5px 0;
  padding: 0 10px 0 0;
  cursor: default;
}*/


/* -- table -- */
.table {
  font-size: 12px;
  margin: 0;
  background-color: white;
}

  .table > thead > tr > th,
  .table > tbody > tr > th,
  .table > tfoot > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > td,
  .table > tfoot > tr > td {
    /*border-top: none;*/
    padding: 3px;
  }

  .table thead th {
    background-color: #d9edf7;
    word-wrap: break-word;
    -moz-word-break: break-all;
    -o-word-break: break-all;
    word-break: break-all;
    text-align: center;
  }

  /*.table tbody tr {
	background-color: white;
}*/

  .table tbody td {
    word-wrap: break-word;
    -moz-word-break: break-all;
    -o-word-break: break-all;
    word-break: break-all;
  }

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: #ffffff;
}

.table tbody tr.gray > td {
  background-color: #e6e6e6;
}

.table-hover tbody tr.gray:hover > td {
  background-color: #d6d6d6;
}

.table tbody tr.info > td {
  background-color: #d9f6f7;
}

.table-hover tbody tr.info:hover > td {
  background-color: #c4f3f1;
}
/* -- end table -- */

/* -- well -- */
.well {
  padding: 5px 5px 0 5px;
  margin-bottom: 10px;
  min-height: 0px;
}

.well-header {
  padding: 5px 5px 0 5px;
  border-bottom: 1px solid transparent;
  margin-bottom: 0;
  background-color: #337ab7;
  border-color: #337ab7;
  color: white;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.well-body {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.well-header > .rb {
  margin-bottom: 0;
}
/* -- end well -- */

/* -- validation -- */
.required:after {
  content: " *";
  color: red;
}

.requiredf:before {
  content: " *";
  color: red;
}
/* -- end validation -- */


/* ------------------------------ project custom --------------------------- */

.fileinput-button {
  padding: 4px 12px
}

.image-circle {
	width: 100px;
	height: 100px;
	position: relative;
	overflow: hidden;
	background: transparent;
	box-shadow: 0px 0px 5px #000;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.image-circle.sample {
	background-color: #021e4f;
	border: 1px solid #021e4f;
	color: white;
	font-size: 75px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 0px;
}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
	display: none;
}

.align-middle {
	vertical-align: middle !important;
}

.prewrap {
	white-space: pre-wrap;
}

input[type="radio"],
input[type="checkbox"] {
	margin: 4px 0 0;
	margin-top: 1px \9;
	line-height: normal;
}