@charset "utf-8";
/* CSS Document */
input, select, textarea {font-family:Arial, Helvetica, sans-serif;font-size:14px;vertical-align:middle;font-weight:normal;}

/* Margin */
.ma15 { margin: 15px !important;}
.ma10 { margin: 10px !important;}
.ma5 { margin: 5px !important;}
.nm { margin: 0px !important;}
.ma-15 { margin: -15px !important;}
.ma-10 {margin: -10px !important;}
.ma-5 { margin: -5px !important;}
.mt15 { margin-top: 15px !important;}
.mt10 { margin-top: 10px !important;}
.mt5 { margin-top: 5px !important;}
.mt0 {margin-top: 0px !important;}
.mt-15 { margin-top: -15px !important;}
.mt-10 { margin-top: -10px !important;}
.mt-5 {margin-top: -5px !important;}
.mr15 {margin-right: 15px !important;}
.mr10 { margin-right: 10px !important;}
.mr5 {margin-right: 5px !important;}
.mr0 { margin-right: 0px !important;}
.mr-15 { margin-right: -15px !important;}
.mr-10 { margin-right: -10px !important;}
.mr-5 { margin-right: -5px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb5 { margin-bottom: 5px !important;}
.mb0 {margin-bottom: 0px !important;}
.mb-15 { margin-bottom: -15px !important;}
.mb-10 {margin-bottom: -10px !important;}
.mb-5 { margin-bottom: -5px !important;}
.ml15 {margin-left: 15px !important;}
.ml10 { margin-left: 10px !important;}
.ml5 { margin-left: 5px !important;}
.ml0 { margin-left: 0px !important;}
.ml-15 {margin-left: -15px !important;}
.ml-10 { margin-left: -10px !important;}
.ml-5 { margin-left: -5px !important;}
/* Padding */
.pa15 { padding: 15px !important;}
.pa10 {padding: 10px !important;}
.pa5 { padding: 5px !important;}
.np { padding: 0px !important;}
.pt15 {padding-top: 15px !important;}
.pt10 { padding-top: 10px !important;}
.pt5 {padding-top: 5px !important;}
.pt0 { padding-top: 0px !important;}
.pr15 {padding-right: 15px !important;}
.pr10 { padding-right: 10px !important;}
.pr5 {padding-right: 5px !important;}
.pr0 {padding-right: 0px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb5 {padding-bottom: 5px !important;}
.pb0 { padding-bottom: 0px !important;}
.pl15 {padding-left: 15px !important;}
.pl10 { padding-left: 10px !important;}
.pl5 { padding-left: 5px !important;}
.pl0 {padding-left: 0px !important;}

.text-orange{ color:#f60;}
.text-orange:hover{ color:#fe8332;}

.bgcolor-primary{ background-color:#337ab7; color:#fff;}
.bgcolor-success{ background-color:#5cb85c; color:#fff;}
.bgcolor-info{ background-color:#5bc0de; color:#fff;}
.bgcolor-warning{ background-color:#f0ad4e; color:#fff;}
.bgcolor-danger{ background-color:#d9534f; color:#fff;}
.bgcolor-muted{ background-color:#f7f7f9;}

.text-center{ text-align: center;}
.text-right{ text-align: right;}
.text-left{ text-align: left;}
.pull-left{ float: left;}
.pull-right{ float: right;}
.underline,.underline:hover { text-decoration: underline;}
.bold{ font-weight: bold;}
.thin{ font-weight: normal;}
.dis-none{ display: none;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.clearfix{ height: 0 !important;}

.fsize12{ font-size: 12px;}
.fsize14{ font-size: 14px;}
.fsize16{ font-size: 16px;}
.fsize18{ font-size: 18px;}
.fsize20{ font-size: 20px;}
.fsize24{ font-size: 24px;}
.fsize28{ font-size: 28px;}
.fsize32{ font-size: 32px;}
.fsize36{ font-size: 36px;}
.fsize48{ font-size: 48px;}
.fsize64{ font-size: 64px;}

.pct60{ width:60%;}
.pct50{ width:50%;}
.pct40{ width:40%;}
.pct30{ width:30%;}
.pct20{ width:20%;}
.pct15{ width:15%;}
.pct16{ width:16%;}
.pct12{ width:12%;}
.pct10{ width:10%;}
.pct8{ width:8%;}
.pct6{ width:6%;}
.pct4{ width:4%;}
.pct2{ width:2%;}

/* gritter */
#gritter-notice-wrapper {position: fixed; top: 50px; right: 50%; margin-right: -150px; width: 300px; z-index: 9999;}
#gritter-notice-wrapper.top-left {left: 20px; right: auto;}
#gritter-notice-wrapper.bottom-right {top: auto;left: auto; bottom: 20px; right: 20px;}
#gritter-notice-wrapper.bottom-left {top: auto;right: auto;bottom: 20px; left: 20px;}
.gritter-item-wrapper {position:relative;margin:0 0 10px 0;background-color: rgba(0, 0, 0, 0.9);border-radius: 0;}
.gritter-item {display:table;table-layout: fixed; width: 100%;color:#eee;padding:10px;}
.gritter-close {position:absolute;top:8px;right:8px;font-family: "FontAwesome";font-weight: normal; width: 15px;height: 15px;line-height: 15px;font-size: 16px;text-align: center; color: #eee; border-radius: 2px;display: block !important;}
.touch .gritter-close { display: block; }
.gritter-close:hover,.gritter-close:active,.gritter-close:focus {color: #fff; background-color: rgba(0,0,0,0.8));}
.gritter-close:after {content: "\f00d";}
.gritter-title {font-size:14px;font-weight: 600;padding:0 0 3px 0;display:block;}
.gritter-image {display: table-cell;width:54px;vertical-align: middle;}
.gritter-image > img {display: block;width: 100%;border-radius: 50%;}
.gritter-with-image,.gritter-without-image {display: table-cell;width: 100%;vertical-align: middle;padding-left: 20px;}
.gritter-without-image {padding-left: 0;}
.gritter-with-image p,.gritter-without-image p {padding: 0;margin: 0; font-size: 12px; line-height: 14px;}

.gritter-item-wrapper.gritter-success {background-color:rgba(29,125,204,0.8);-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.15);box-shadow: 0 0 3px 0 rgba(0,0,0,0.15);}
.gritter-item-wrapper.gritter-success .gritter-item {color: #fff;}
.gritter-item-wrapper.gritter-success .gritter-close {color: #fff;}
.gritter-item-wrapper.gritter-success .gritter-close:hover,
.gritter-item-wrapper.gritter-success .gritter-close:active,
.gritter-item-wrapper.gritter-success .gritter-close:focus {color: #01a2bf;background-color: #fff;}
.gritter-item-wrapper.gritter-success .gritter-title {color: #fff;}

.gritter-item-wrapper.gritter-error {background-color:rgba(237,84,102,0.8);-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.15);box-shadow: 0 0 3px 0 rgba(0,0,0,0.15);}
.gritter-item-wrapper.gritter-error .gritter-item {color: #fff;}
.gritter-item-wrapper.gritter-error .gritter-close {color: #fff;}
.gritter-item-wrapper.gritter-error .gritter-close:hover,
.gritter-item-wrapper.gritter-error .gritter-close:active,
.gritter-item-wrapper.gritter-error .gritter-close:focus {color:#ed5466;background-color: #fff;}
.gritter-item-wrapper.gritter-error .gritter-title {color: #fff;}

.clearfix{ clear: both;}
.row{ margin-left:-5px; margin-right:-5px;}
.form-group{ margin:5px -5px;}
.form-group::before, .form-group::after{ content:""; display:table; clear:both; height:0; width:100%;}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11{ padding-left:5px; padding-right:5px;}
label.control-label{ line-height:30px; margin-bottom:0; text-align:right;}

.checkbox-inline, .radio-inline{ padding-top: 5px;}
p.loadtext{ line-height: 20px; padding: 5px 0; margin: 0;}