/* Box Container */
.oi-bc { padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:auto; }
.oi-bc-light { background: #FBF6F0; border: 1px solid #cfbb96; -moz-box-shadow: 0px 2px 3px 0px rgba(16, 16, 16, 0.4); -webkit-box-shadow: 0px 2px 3px 0px rgba(16, 16, 16, 0.4); box-shadow: 0px 2px 3px 0px rgba(16, 16, 16, 0.4); border-radius: 5px; }
.oi-bc-h { position:relative; border-bottom: 1px solid #8b6444; margin-bottom: 20px; }
.oi-bc-h span { display:block; padding-bottom: 10px; /* margin-bottom:10px;*/ }
.oi-bc-h span:nth-of-type(1) { color: #442a00/*#f60*/; font-size: 20px; }
.oi-bc-h span:nth-of-type(2) { font-size: 12px; }
.oi-bc-h div.dropdown { position:absolute; top: 0px; right:0px; }
.oi-bc-f { border-top: 1px solid #8b6444; margin-top: 20px; padding-top: 20px; }

.oi-rb-right {
  display: inline-block;
  vertical-align: top;
  float: right;
  width: 48%;
}



input[type="text"], input[type="password"], textarea, select { /*border-radius: 5px; */ margin-bottom: 15px; background-color: #FFF/*FBF7EE*/; color: #8b6445; width:100%; border: 1px solid #cfbb96; padding:8px; font-size: 14px; -webkit-appearance:none; -moz-appearance: none; appearance: none; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { /*border-color: #8b6445;*/ outline: none; background-color: #FFF; /*#FBF6F0;*/ box-shadow: 0 0 5px rgba(139, 100, 69, 0.7); /*padding: 3px 0px 3px 3px; margin: 5px 1px 3px 0px;*/ border: 1px solid rgba(139, 100, 69, 1); }
input[type="text"]:disabled, input[type="password"]:disabled, textarea:disabled, select:disabled { cursor:not-allowed; color: #8A8A8A; border: 1px solid rgba(0, 0, 0, 0.1); text-shadow: 1px 1px #FFF; background-color: rgba(255, 255, 255, 0.3); }
input[type="button"], input[type="reset"], input[type="submit"], button { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:6px; padding:10px }
input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled, button:disabled { cursor: not-allowed; }

input[type="text"].oi-required, input[type="password"].oi-required, textarea.oi-required, select.oi-required { border-color:red !important; }
input[type="text"]:focus.oi-required, input[type="password"]:focus.oi-required, textarea:focus.oi-required, select:focus.oi-required { box-shadow: 0 0 5px rgba(255, 0, 0, 0.7); }

/* Hide eye on IE */
input[type=password]::-ms-reveal, input[type=password]::-ms-clear { display: none; }


button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
input {
  line-height: normal;
}
button, input, optgroup, select, textarea {
  margin: 0;
    margin-bottom: 0px;
  font: inherit;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
  color: inherit;
}
*, h1, figure {
  padding: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.oi-input { display: block; position: relative; color: #404040; margin-bottom: 15px; text-align:left; }
.oi-input > label { font-size: 13px; color: #2c1b00; font-weight: 700; display: inline; width: 100%; }
.oi-input > label:after { content: ':'; }
.oi-input > span { display: inline; }
.oi-input .oi-required { color: red !important; }
.oi-input input, .oi-input select, .oi-input textarea { margin-bottom: 0px !important; }

.oi-input-half { width: 100%; /*overflow: hidden;*/ }
.oi-input-half > div { width: 48%; /*overflow: hidden;*/ }
.oi-input-half > div:nth-of-type(1) { float:left;}
.oi-input-half > div:nth-of-type(2) { float:right;}


/* Buttons Style */
.oi-btn { font-weight:700;display: inline-block; text-align: center; padding: 0.5em 10px; text-decoration: none; /*font-size: 100%*/; border: 1px solid; min-width: 80px; transition: 0.3s linear all; }
.oi-btn:hover { -moz-transition-property: background; -moz-transition-duration: 0.3s; -moz-transition-timing-function: linear; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.oi-btn:hover, .oi-btn:active, oi-btn:focus { outline:none; }
.oi-btn::-moz-focus-inner { border:0; }
.oi-btn-mright { margin-right:10px; }
.oi-btn-left { float:left;  }
.oi-btn-right { float:right; }

/* Disabled Button*/
.oi-btn-disabled { color: #A7A7A7; border: 1px solid rgba(0, 0, 0, 0.1); text-shadow: 1px 1px #FFF; background-color: rgba(255, 255, 255, 0.3); }
.oi-btn-disabled:hover, .oi-btn-disabled:active, .oi-btn-disabled:focus { -moz-transition-property: none; }


/* Button Colors */
.oi-btn-default { color: #f7eedf; background: #8b5c41; border-color:#8b5c41; }
.oi-btn-default:hover { background: #6c3719; color: #fdf9f3; }
.oi-btn-green { color: #FFF; background: #4CAF50; border-color:#4CAF50; }
.oi-btn-green:hover { color: #fdf9f3; background: #246126; }
.oi-btn-red { color: #FFF; background: #D02B2E;  border-color: #D02B2E; }
.oi-btn-red:hover { color: #fdf9f3; background: #731517; }
.oi-btn-orange { color: #FFF; background: #ff6600;  border-color: #ff6600; }
.oi-btn-orange:hover { color: #fdf9f3; background: #e65c00; }
.oi-btn-gray { color: #8c8c8c; background: #ff8533; border-color: #ff8533; }
.oi-btn-gray:hover { color: #000; background: #ff751a; }
.oi-btn-yellow { color: #7e5a3d; background: #f1c65a; border-color:#f1c65a; }
.oi-btn-yellow:hover { background: #f7ca00; color: #7e5a3d; }

.oi-clear { clear:both }

img { border:none; }