/**
 * Arron helloarron.com 
 * 2017-3-4
 */

.row-title {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}
.row-title .title{
    position: relative;
    padding-left: 12px;
}
.row-title .title::before{
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #969696;
    left: 0;
    top: 34%;
}
.border {
    border: 1px solid #ddd;
    background-color: #fff;
}

.border thead{
    background-color: #eee;
}

.bg-color-primary {
    background-color: #337ab7;
    color: #fff;
}

.bg-color-success {
    background-color: #5cb85c;
    color: #fff;
}

.bg-color-warning {
    background-color: #f0ad4e;
    color: #fff;
}

.pointer {
    cursor: pointer;
}

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

#right-detail {
    position: fixed;
    width: 320px;
    height: 100%;
    right: 0;
    top: 0;
    border-left: 1px solid #eee;
    background: #fff;
    margin-right: -320px;
    display: none;
    outline: none;
}

#right-detail .right-detail-container {
    overflow: hidden;
    word-wrap: break-word;
    margin-top: 60px;
}

#right-detail .right-detail-close {
    padding: 6px 0 2px 6px;
    display: inline-block;
    cursor: pointer;
}

.btn-remark {
    cursor: pointer;
}

.top-back a:focus,
.top-back a:active,
.top-back a:hover,
.top-back a {
    color: black;
    text-decoration: none;
}

.not-found-wrapper {
    margin: 0;
    padding: 0;
    width: 100%;
    color: #B0BEC5;
    display: table;
    font-weight: 100;
}

.not-found-container {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.not-found-content {
    text-align: center;
    display: inline-block;
}

.not-found-title {
    font-size: 72px;
    margin-bottom: 40px;
}


/* text helpers */

.text-thin {
    font-weight: 100 !important;
}

.text-indent {
    text-indent: 2em;
}

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

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

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

.text-sm {
    font-size: 12px;
}

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

.text-lg {
    font-size: 16px;
}

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

.text-xxl {
    font-size: 20px;
}

.text-align-middle {
    vertical-align: middle;
}

.text-align-top {
    vertical-align: top;
}

.text-align-bottom {
    vertical-align: bottom;
}

.text-bold {
    font-weight: bold;
}


/* Padding helpers */

.padding {
    padding: 1.6rem;
}

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

.padding-xs {
    padding: 0.5rem;
}

.padding-sm {
    padding: 1rem;
}

.padding-lg {
    padding: 2.4rem;
}

.padding-xl {
    padding: 3.2rem;
}

.padding-horizontal {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
}

.padding-horizontal-0 {
    padding-left: 0!important;
    padding-right: 0!important;
}

.padding-horizontal-xs {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.padding-horizontal-sm {
    padding-left: 1rem;
    padding-right: 1rem;
}

.padding-horizontal-lg {
    padding-left: 2.4rem;
    padding-right: 2.4rem;
}

.padding-horizontal-xl {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
}

.padding-vertical {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
}

.padding-vertical-0 {
    padding-top: 0!important;
    padding-bottom: 0!important;
}

.padding-vertical-xs {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.padding-vertical-sm {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.padding-vertical-lg {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
}

.padding-vertical-xl {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
}

.padding-top {
    padding-top: 1.6rem;
}

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

.padding-top-xs {
    padding-top: 0.5rem;
}

.padding-top-sm {
    padding-top: 1rem;
}

.padding-top-lg {
    padding-top: 2.4rem;
}

.padding-top-xl {
    padding-top: 3.2rem;
}

.padding-bottom {
    padding-bottom: 1.6rem;
}

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

.padding-bottom-xs {
    padding-bottom: 0.5rem;
}

.padding-bottom-sm {
    padding-bottom: 1rem;
}

.padding-bottom-lg {
    padding-bottom: 2.4rem;
}

.padding-bottom-xl {
    padding-bottom: 3.2rem;
}

.padding-left {
    padding-left: 1.6rem;
}

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

.padding-left-xs {
    padding-left: 0.5rem;
}

.padding-left-sm {
    padding-left: 1rem;
}

.padding-left-lg {
    padding-left: 2.4rem;
}

.padding-left-xl {
    padding-left: 3.2rem;
}

.padding-right {
    padding-right: 1.6rem;
}

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

.padding-right-xs {
    padding-right: 0.5rem;
}

.padding-right-sm {
    padding-right: 1rem;
}

.padding-right-lg {
    padding-right: 2.4rem;
}

.padding-right-xl {
    padding-right: 3.2rem;
}


/* Margin helpers */

.margin {
    margin: 1.6rem;
}

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

.margin-xs {
    margin: 0.5rem;
}

.margin-sm {
    margin: 1rem;
}

.margin-lg {
    margin: 2.4rem;
}

.margin-xl {
    margin: 3.2rem;
}

.margin-horizontal {
    margin-left: 1.6rem;
    margin-right: 1.6rem;
}

.margin-horizontal-0 {
    margin-left: 0!important;
    margin-right: 0!important;
}

.margin-horizontal-xs {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.margin-horizontal-sm {
    margin-left: 1rem;
    margin-right: 1rem;
}

.margin-horizontal-lg {
    margin-left: 2.4rem;
    margin-right: 2.4rem;
}

.margin-horizontal-xl {
    margin-left: 3.2rem;
    margin-right: 3.2rem;
}

.margin-vertical {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
}

.margin-vertical-0 {
    margin-top: 0!important;
    margin-bottom: 0!important;
}

.margin-vertical-xs {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.margin-vertical-sm {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.margin-vertical-lg {
    margin-top: 2.4rem;
    margin-bottom: 2.4rem;
}

.margin-vertical-xl {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem;
}

.margin-top {
    margin-top: 1.6rem;
}

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

.margin-top-xs {
    margin-top: 0.5rem;
}

.margin-top-sm {
    margin-top: 1rem;
}

.margin-top-lg {
    margin-top: 2.4rem;
}

.margin-top-xl {
    margin-top: 3.2rem;
}

.margin-bottom {
    margin-bottom: 1.6rem;
}

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

.margin-bottom-xs {
    margin-bottom: 0.5rem;
}

.margin-bottom-sm {
    margin-bottom: 1rem;
}

.margin-bottom-lg {
    margin-bottom: 2.4rem;
}

.margin-bottom-xl {
    margin-bottom: 3.2rem;
}

.margin-left {
    margin-left: 1.6rem;
}

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

.margin-left-xs {
    margin-left: 0.5rem;
}

.margin-left-sm {
    margin-left: 1rem;
}

.margin-left-lg {
    margin-left: 2.4rem;
}

.margin-left-xl {
    margin-left: 3.2rem;
}

.margin-right {
    margin-right: 1.6rem;
}

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

.margin-right-xs {
    margin-right: 0.5rem;
}

.margin-right-sm {
    margin-right: 1rem;
}

.margin-right-lg {
    margin-right: 2.4rem;
}

.margin-right-xl {
    margin-right: 3.2rem;
}