@charset "utf-8";
/* CSS Document */

body { font-family:'Open Sans', sans-serif; background-color: #f5f7fb;}
a:focus { outline:none;}
a,
a:hover { color: #467fcf;}

/* Bootstrap Hacks */

input[type=radio]:focus,
input[type=checkbox]:focus { outline:0;}
.alert-small { padding:10px 35px 10px 15px;}
.label { font-weight:600; padding-top:3px;}
.label-default { background-color: #8595a0;}
.modal-dialog .close { font-size:33px; margin-top:-8px;}
.pagination li a { margin:0 3px; border-radius:3px !important;}
.input-group .btn,
.btn-group .btn { border-bottom-width:1px;}
.btn-group .fa { opacity: 0.50;}
.btn-group .fa-fw { margin-right: 5px;}
.form-group > label { font-weight: 600; color: #3e424d;}
.form-group label.help-block { font-size: 12px;}

/* Header */

.navbarHeader { background-color: #003473; border-bottom: none;}
.navbarHeaderLine { border-bottom: 1px solid #09448d;}

.logo { position: relative; margin-top: -5px; margin-bottom: 12px;}
.logo a { font-size: 24px; color: #e2e8f0; font-weight: 700; text-decoration: none;}
.logo a small { display: block; font-size: 13px; color: #d1dae6; position: relative; right: -60px; margin-top: 3px;}
.logo a i.fa { font-size: 40px; color: #f6fc30; position: relative; bottom: -15px;}

.navbar-admin { margin-bottom: 0;}
.navbar-admin .container-fluid { padding: 0;}
.navbar-admin .navbar-collapse { padding: 0;}
.navbar-admin .nav > li > a { background-color: #003473; color: #d1dae6; font-size: 14px; padding-left: 3px; padding-right: 30px;}
.navbar-admin .nav > li > a i.fa { margin-right: 5px; color: #f6fc30;}
.navbar-admin .nav > li > a:active,
.navbar-admin .nav > li > a:hover { color: #bbd1ec; background-color: #003473;}
.navbar-admin .nav > li.open > a { background-color: #003473;}
.navbar-admin .nav .dropdown > ul.dropdown-menu li a { margin: 5px;}
.navbar-admin .nav .dropdown:hover > ul.dropdown-menu { display: block;}
.navbar-admin .nav.navbar-right { margin-right: 0;}
.navbar-admin .nav.navbar-right .dropdown > a { border-left: 1px solid #09448d; border-right: 1px solid #09448d; padding: 15px 20px;}
.navbar-admin .nav.navbar-right .dropdown > a.noProject { opacity: 0.50;}
.navbar-admin .nav.navbar-right .dropdown > ul.dropdown-menu li.disabled a { opacity: 0.50;}


.wsBreadcrumbs { background-color:#ffffff; border:1px solid #e0e5ec; padding:5px 0; margin-bottom:20px; border-radius: 3px;}
.wsBreadcrumbs ol { margin:0;}
.wsBreadcrumbs ol li { padding:0 5px; font-size:13px; color:#8595a0;}
.wsBreadcrumbs ol li:first-child { padding:0 5px 0 0;}
.wsBreadcrumbs ol li:before { content:'/'; color:#cacaca; padding:0 10px 0 0;}
.wsBreadcrumbs ol li:first-child:before { content:''; padding:0;}
.wsBreadcrumbs ol li a { color:#6e7687;}
.wsBreadcrumbs ol li a:hover { color:#467fcf;}

.note-editable a span { text-decoration: underline !important; color: blue !important;}

/* Bootstrap Reset */

.table thead tr th,
.table tbody tr th { font-weight: 600; color: #565656; cursor: default;}
.table thead tr th,
.table tbody tr th,
.table tbody tr td { vertical-align: middle;}

/* Common */

.contentBox { min-height: 500px;}

.siteBox { background-color: #ffffff; border: 1px solid #e0e5ec; padding: 15px; border-radius: 3px; margin-bottom: 15px;}
.siteBox.noPadding { padding: 0;}
.siteBox h3 { font-size: 18px; font-weight: 400; color: #495057; margin: 0 0 20px 0;}

.pageTitle i.fa { margin: 0 10px 0 2px; color: #003473;}
.pageTitle h3 { font-size: 21px; font-weight: 600; color: #495057; text-transform: uppercase; margin: 0 0 20px 0;}

.bg-white { background-color: #ffffff;}
.bg-gray { background-color: #f5f7fb;}

.border { border-color: #e0e5ec;}

.rounded { border-radius: 3px;}

.opac25 { opacity: 0.25;}
.opac50 { opacity: 0.50;}
.opac75 { opacity: 0.75;}

.fw300 { font-weight: 300;}
.fw400 { font-weight: 400;}
.fw600 { font-weight: 600;}

.table.tableVTop tbody tr td { vertical-align: top;}
.table.tableVTop tbody tr td .rating { color: #aaaf0d;}
.table.tableVTop tbody tr td .txtReview { font-size: 13px; color: #565656; padding: 5px 0;}

.txtOverflow { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.txtStrike { text-decoration: line-through;}
.txtUpper { text-transform: uppercase;}
.txtNormal { text-transform: none;}

.txt800 { font-weight: 800;}
.txt700 { font-weight: 700;}
.txt600 { font-weight: 600;}
.txt500 { font-weight: 500;}
.txt400 { font-weight: 400;}
.txt300 { font-weight: 300;}

.fs10 { font-size: 10px !important;}
.fs11 { font-size: 11px !important;}
.fs12 { font-size: 12px !important;}
.fs13 { font-size: 13px !important;}
.fs14 { font-size: 14px !important;}
.fs15 { font-size: 15px !important;}
.fs16 { font-size: 16px !important;}
.fs18 { font-size: 18px !important;}
.fs19 { font-size: 19px !important;}
.fs20 { font-size: 20px !important;}
.fs22 { font-size: 22px !important;}
.fs24 { font-size: 24px !important;}
.fs26 { font-size: 26px !important;}
.fs28 { font-size: 28px !important;}
.fs30 { font-size: 30px !important;}
.fs32 { font-size: 32px !important;}
.fs34 { font-size: 34px !important;}
.fs36 { font-size: 36px !important;}
.fs40 { font-size: 40px !important;}

.w60 { width: 60px;}
.w80 { width: 80px;}

.noMargin { margin: 0;}

.mcSort { cursor: move;}


/* Login */

.loginContainer { padding-top: 5%;}

/* Footer */

.siteFooter { background-color: #ffffff; border-top: 1px solid #e0e5ec; padding: 15px 0; font-size: 13px; color: #9aa0ac;}
.siteFooter .fa-heart { opacity: 0.60;}

/* Dashboard */

.dashNumbs { display: block; text-decoration: none; color: #495057; text-align: center; padding: 15px;}
.dashNumbs strong { display: block; text-align: center; font-size: 23px; font-weight: 700;}
.dashNumbs small { display: block; text-align: center; font-size: 13px; color: #9ea4b1;}
.dashNumbs:hover { text-decoration: none; color: #467fcf;}

/* Articles */

.artsLiBox .alibImage { max-width: 100%; max-height: 140px; text-align: center; overflow: hidden; border: 1px solid #cacaca; border-radius: 5px;}
.artsLiBox .alibImage img { display: inline-block; max-width: 100%; max-height: 140px;}
.artsLiBox a.title { display: block; height: 55px; overflow: hidden; font-size: 18px; margin-top: -3px; margin-bottom: 0;}
.artsLiBox p.text { display: block; height: 58px; overflow: hidden; font-size: 13px; color: #9ea4b1; margin-bottom: 3px;}
.artsLiBox span.author { display: block; font-size: 13px; color: #6e7687; margin-left: -3px;}
.artsLiBox span.author i.fa { color: #467fcf;}
.artsLiBox small.exlink { display: inline-block; margin-top: 2px;}
.artsLiBox small.exlink a { text-decoration: none;}
.artsLiBox .list-inline li { padding-right: 15px; cursor: default;}
.artsLiBox .list-inline i.fa { opacity: 0.30;}
.artImgBox { position: relative;}
.artImgBox .artImgDelBtn { position: absolute; top: 10px; right: 10px;}

/* Edit Pages */

.listEditRight { margin-bottom: 0;}
.listEditRight li { border-bottom: 1px solid #efefef; padding: 10px 0 10px 0;}
.listEditRight li:last-child { border-bottom: none;}