@charset "utf-8";

html, body {font-size: 1rem;}

.display-5 {
    font-size: 2.5rem;
    font-weight: 200;
    line-height: 1.2;
}

.display-6 {
    font-size: 1.5rem;
    font-weight: 100;
    line-height: 1.2;
}

.container-fluid {}

.shadow {box-shadow: 0 0 3px #000;}

.cursor {cursor: pointer;}

.thumb {width: 100px;height: 100px;margin-right: 10px;}

.thumbnail {width: 150px;height: 150px;margin-right: 10px;}

.down-arrow { transform: rotate(90deg); -webkit-transform: rotate(90deg);}

.user-header {height: 110px;}

.user-image {width: 100px;height: 100px;border-radius: 100px;overflow: hidden;border: 1px solid #f0efef;}

.user-image img {width: 100px;height: 100px}

.clearfix {clear: both;}

input {outline: none;}

.readonly { background: #fbfcfc !important; }

.required {background: #fbeed5 !important;}

#user-search {clear: both;width: 400px; box-shadow: #666 0px 0px 5px;}

#user-search #search-header {height: 30px;}

#user-search #search-close {padding: 10px;cursor: pointer;font-weight: bolder;font-size: 16px;color: #ee5f5b;}

#user-search #search-user-list {clear: both;background: #fff;padding: 5px;}

#user-search #search-user-list #user-list-container {clear: both;height: 200px;overflow: auto;}

#user-search #search-user-list table tbody tr {cursor: pointer;}

#user-search #search-user-list table tbody tr:hover {background: #edf0f6;}

.service-item {}

.service-item h3 {text-align: center;}

.service-item ul {}

.service-item ul li span {content: '\261E';font-size: 14px;}

.service-item ul li p {font-size: 16px;color: #93a1a1;padding: 0;}

.correct:before { content: '\2713'; color: #5bb75b; font-size: 14px;font-weight: bolder;}

.incorrect:before { content: '\2718'; color: #b20610; font-size: 14px;font-weight: bolder;}

.left-content {}

.left-content .content-header {background: #222222;padding: 25px 10px;color: #fff;font-size: 18px;}

.left-content .content-body {}

.left-content .content-body .content-item {text-align: center;border-bottom: 1px solid #dddddd;}

.left-content .content-body .content-item a {display: block;padding: 20px;background: #f0efef;text-decoration: none;color: #666666;;}

.left-content .content-body .content-item a:hover {background: #e5322c;color: #fff;}

#breadcrumb ul {background: #fdfdfe; }

#breadcrumb li {height: 35px;line-height: 35px; padding: 0;margin-bottom: 10px;}

#data-list {clear: both;margin-bottom: 50px;margin-top: 10px;}

.custom-switch label {cursor: pointer;}

table td {vertical-align: middle;}

.search-top1 {
    top: 35px;
}

.search-top2 {
    top: 74px;
}

#space-common {
    height: 35px;
    line-height: 35px;
}

.space-h1 {
    margin-top: 35px;
}

.space-h2 {
    margin-top: 100px;
}

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

footer { position: fixed;bottom: 0; padding: 0 10px;width: 100%;font-size: 14px;height: 30px;line-height: 30px;color: #fff;}