支付系统的要求:安全、高效。安全是基本,高效是追求。
要达成两个目标,难免会遇到各种坑,本文挑几个典型的问题来讲述,并附上简单的应对方案。

.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px }
.container:before, .container:after { content: ” “; display: table }
.container:after { clear: both }
.container:before, .container:after { content: ” “; display: table }
.container:after { clear: both }
@media (min-width: 768px) { .container { width: 750px } }
@media (min-width: 992px) { .container { width: 970px } }
@media (min-width: 1200px) { .container { width: 1170px } }
.row { margin-left: -15px; margin-right: -15px }
.row:before, .row:after { content: ” “; display: table }
.row:after { clear: both }
.row:before, .row:after { content: ” “; display: table }
.row:after { clear: both }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px }
.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 { float: left }
.col-xs-12 { width: 100% }
.col-xs-11 { width: 91.66666667% }
.col-xs-10 { width: 83.33333333% }
.col-xs-9 { width: 75% }
.col-xs-8 { width: 66.66666667% }
.col-xs-7 { width: 58.33333333% }
.col-xs-6 { width: 50% }
.col-xs-5 { width: 41.66666667% }
.col-xs-4 { width: 33.33333333% }
.col-xs-3 { width: 25% }
.col-xs-2 { width: 16.66666667% }
.col-xs-1 { width: 8.33333333% }
.col-xs-pull-12 { right: 100% }
.col-xs-pull-11 { right: 91.66666667% }
.col-xs-pull-10 { right: 83.33333333% }
.col-xs-pull-9 { right: 75% }
.col-xs-pull-8 { right: 66.66666667% }
.col-xs-pull-7 { right: 58.33333333% }
.col-xs-pull-6 { right: 50% }
.col-xs-pull-5 { right: 41.66666667% }
.col-xs-pull-4 { right: 33.33333333% }
.col-xs-pull-3 { right: 25% }
.col-xs-pull-2 { right: 16.66666667% }
.col-xs-pull-1 { right: 8.33333333% }
.col-xs-pull-0 { right: 0 }
.col-xs-push-12 { left: 100% }
.col-xs-push-11 { left: 91.66666667% }
.col-xs-push-10 { left: 83.33333333% }
.col-xs-push-9 { left: 75% }
.col-xs-push-8 { left: 66.66666667% }
.col-xs-push-7 { left: 58.33333333% }
.col-xs-push-6 { left: 50% }
.col-xs-push-5 { left: 41.66666667% }
.col-xs-push-4 { left: 33.33333333% }
.col-xs-push-3 { left: 25% }
.col-xs-push-2 { left: 16.66666667% }
.col-xs-push-1 { left: 8.33333333% }
.col-xs-push-0 { left: 0 }
.col-xs-offset-12 { margin-left: 100% }
.col-xs-offset-11 { margin-left: 91.66666667% }
.col-xs-offset-10 { margin-left: 83.33333333% }
.col-xs-offset-9 { margin-left: 75% }
.col-xs-offset-8 { margin-left: 66.66666667% }
.col-xs-offset-7 { margin-left: 58.33333333% }
.col-xs-offset-6 { margin-left: 50% }
.col-xs-offset-5 { margin-left: 41.66666667% }
.col-xs-offset-4 { margin-left: 33.33333333% }
.col-xs-offset-3 { margin-left: 25% }
.col-xs-offset-2 { margin-left: 16.66666667% }
.col-xs-offset-1 { margin-left: 8.33333333% }
.col-xs-offset-0 { margin-left: 0 }
@media (min-width: 768px) { .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 { float: left } .col-sm-12 { width: 100% } .col-sm-11 { width: 91.66666667% } .col-sm-10 { width: 83.33333333% } .col-sm-9 { width: 75% } .col-sm-8 { width: 66.66666667% } .col-sm-7 { width: 58.33333333% } .col-sm-6 { width: 50% } .col-sm-5 { width: 41.66666667% } .col-sm-4 { width: 33.33333333% } .col-sm-3 { width: 25% } .col-sm-2 { width: 16.66666667% } .col-sm-1 { width: 8.33333333% } .col-sm-pull-12 { right: 100% } .col-sm-pull-11 { right: 91.66666667% } .col-sm-pull-10 { right: 83.33333333% } .col-sm-pull-9 { right: 75% } .col-sm-pull-8 { right: 66.66666667% } .col-sm-pull-7 { right: 58.33333333% } .col-sm-pull-6 { right: 50% } .col-sm-pull-5 { right: 41.66666667% } .col-sm-pull-4 { right: 33.33333333% } .col-sm-pull-3 { right: 25% } .col-sm-pull-2 { right: 16.66666667% } .col-sm-pull-1 { right: 8.33333333% } .col-sm-pull-0 { right: 0 } .col-sm-push-12 { left: 100% } .col-sm-push-11 { left: 91.66666667% } .col-sm-push-10 { left: 83.33333333% } .col-sm-push-9 { left: 75% } .col-sm-push-8 { left: 66.66666667% } .col-sm-push-7 { left: 58.33333333% } .col-sm-push-6 { left: 50% } .col-sm-push-5 { left: 41.66666667% } .col-sm-push-4 { left: 33.33333333% } .col-sm-push-3 { left: 25% } .col-sm-push-2 { left: 16.66666667% } .col-sm-push-1 { left: 8.33333333% } .col-sm-push-0 { left: 0 } .col-sm-offset-12 { margin-left: 100% } .col-sm-offset-11 { margin-left: 91.66666667% } .col-sm-offset-10 { margin-left: 83.33333333% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-8 { margin-left: 66.66666667% } .col-sm-offset-7 { margin-left: 58.33333333% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-5 { margin-left: 41.66666667% } .col-sm-offset-4 { margin-left: 33.33333333% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-2 { margin-left: 16.66666667% } .col-sm-offset-1 { margin-left: 8.33333333% } .col-sm-offset-0 { margin-left: 0 } }
@media (min-width: 992px) { .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, .col-md-12 { float: left } .col-md-12 { width: 100% } .col-md-11 { width: 91.66666667% } .col-md-10 { width: 83.33333333% } .col-md-9 { width: 75% } .col-md-8 { width: 66.66666667% } .col-md-7 { width: 58.33333333% } .col-md-6 { width: 50% } .col-md-5 { width: 41.66666667% } .col-md-4 { width: 33.33333333% } .col-md-3 { width: 25% } .col-md-2 { width: 16.66666667% } .col-md-1 { width: 8.33333333% } .col-md-pull-12 { right: 100% } .col-md-pull-11 { right: 91.66666667% } .col-md-pull-10 { right: 83.33333333% } .col-md-pull-9 { right: 75% } .col-md-pull-8 { right: 66.66666667% } .col-md-pull-7 { right: 58.33333333% } .col-md-pull-6 { right: 50% } .col-md-pull-5 { right: 41.66666667% } .col-md-pull-4 { right: 33.33333333% } .col-md-pull-3 { right: 25% } .col-md-pull-2 { right: 16.66666667% } .col-md-pull-1 { right: 8.33333333% } .col-md-pull-0 { right: 0 } .col-md-push-12 { left: 100% } .col-md-push-11 { left: 91.66666667% } .col-md-push-10 { left: 83.33333333% } .col-md-push-9 { left: 75% } .col-md-push-8 { left: 66.66666667% } .col-md-push-7 { left: 58.33333333% } .col-md-push-6 { left: 50% } .col-md-push-5 { left: 41.66666667% } .col-md-push-4 { left: 33.33333333% } .col-md-push-3 { left: 25% } .col-md-push-2 { left: 16.66666667% } .col-md-push-1 { left: 8.33333333% } .col-md-push-0 { left: 0 } .col-md-offset-12 { margin-left: 100% } .col-md-offset-11 { margin-left: 91.66666667% } .col-md-offset-10 { margin-left: 83.33333333% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-8 { margin-left: 66.66666667% } .col-md-offset-7 { margin-left: 58.33333333% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-5 { margin-left: 41.66666667% } .col-md-offset-4 { margin-left: 33.33333333% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-2 { margin-left: 16.66666667% } .col-md-offset-1 { margin-left: 8.33333333% } .col-md-offset-0 { margin-left: 0 } }
@media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left } .col-lg-12 { width: 100% } .col-lg-11 { width: 91.66666667% } .col-lg-10 { width: 83.33333333% } .col-lg-9 { width: 75% } .col-lg-8 { width: 66.66666667% } .col-lg-7 { width: 58.33333333% } .col-lg-6 { width: 50% } .col-lg-5 { width: 41.66666667% } .col-lg-4 { width: 33.33333333% } .col-lg-3 { width: 25% } .col-lg-2 { width: 16.66666667% } .col-lg-1 { width: 8.33333333% } .col-lg-pull-12 { right: 100% } .col-lg-pull-11 { right: 91.66666667% } .col-lg-pull-10 { right: 83.33333333% } .col-lg-pull-9 { right: 75% } .col-lg-pull-8 { right: 66.66666667% } .col-lg-pull-7 { right: 58.33333333% } .col-lg-pull-6 { right: 50% } .col-lg-pull-5 { right: 41.66666667% } .col-lg-pull-4 { right: 33.33333333% } .col-lg-pull-3 { right: 25% } .col-lg-pull-2 { right: 16.66666667% } .col-lg-pull-1 { right: 8.33333333% } .col-lg-pull-0 { right: 0 } .col-lg-push-12 { left: 100% } .col-lg-push-11 { left: 91.66666667% } .col-lg-push-10 { left: 83.33333333% } .col-lg-push-9 { left: 75% } .col-lg-push-8 { left: 66.66666667% } .col-lg-push-7 { left: 58.33333333% } .col-lg-push-6 { left: 50% } .col-lg-push-5 { left: 41.66666667% } .col-lg-push-4 { left: 33.33333333% } .col-lg-push-3 { left: 25% } .col-lg-push-2 { left: 16.66666667% } .col-lg-push-1 { left: 8.33333333% } .col-lg-push-0 { left: 0 } .col-lg-offset-12 { margin-left: 100% } .col-lg-offset-11 { margin-left: 91.66666667% } .col-lg-offset-10 { margin-left: 83.33333333% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-8 { margin-left: 66.66666667% } .col-lg-offset-7 { margin-left: 58.33333333% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-5 { margin-left: 41.66666667% } .col-lg-offset-4 { margin-left: 33.33333333% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-2 { margin-left: 16.66666667% } .col-lg-offset-1 { margin-left: 8.33333333% } .col-lg-offset-0 { margin-left: 0 } }
table { max-width: 100%; background-color: rgba(0, 0, 0, 0) }
th { text-align: left }
.table { width: 100%; margin-bottom: 21px }
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { padding: 8px; line-height: 1.45; vertical-align: top; border-top: 1px solid rgba(221, 221, 221, 1) }
.table>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid rgba(221, 221, 221, 1) }
.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td { border-top: 0 }
.table>tbody+tbody { border-top: 2px solid rgba(221, 221, 221, 1) }
.table .table { }
.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td { padding: 5px }
.table-bordered { border: 1px solid rgba(221, 221, 221, 1) }
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td { border: 1px solid rgba(221, 221, 221, 1) }
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td { border-bottom-width: 2px }
.table-striped>tbody>tr:nth-child(2n+1)>td, .table-striped>tbody>tr:nth-child(2n+1)>th { background-color: rgba(249, 249, 249, 1) }
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th { background-color: rgba(245, 245, 245, 1) }
table col[class*=”col-“] { position: static; float: none; display: table-column }
table td[class*=”col-“], table th[class*=”col-“] { float: none; display: table-cell }
.table>thead>tr>.active, .table>tbody>tr>.active, .table>tfoot>tr>.active, .table>thead>.active>td, .table>tbody>.active>td, .table>tfoot>.active>td, .table>thead>.active>th, .table>tbody>.active>th, .table>tfoot>.active>th { background-color: rgba(245, 245, 245, 1) }
.table-hover>tbody>tr>.active:hover, .table-hover>tbody>.active:hover>td, .table-hover>tbody>.active:hover>th { background-color: rgba(232, 232, 232, 1) }
.table>thead>tr>.success, .table>tbody>tr>.success, .table>tfoot>tr>.success, .table>thead>.success>td, .table>tbody>.success>td, .table>tfoot>.success>td, .table>thead>.success>th, .table>tbody>.success>th, .table>tfoot>.success>th { background-color: rgba(223, 240, 216, 1) }
.table-hover>tbody>tr>.success:hover, .table-hover>tbody>.success:hover>td, .table-hover>tbody>.success:hover>th { background-color: rgba(208, 233, 198, 1) }
.table>thead>tr>.danger, .table>tbody>tr>.danger, .table>tfoot>tr>.danger, .table>thead>.danger>td, .table>tbody>.danger>td, .table>tfoot>.danger>td, .table>thead>.danger>th, .table>tbody>.danger>th, .table>tfoot>.danger>th { background-color: rgba(232, 76, 61, 0.1) }
.table-hover>tbody>tr>.danger:hover, .table-hover>tbody>.danger:hover>td, .table-hover>tbody>.danger:hover>th { background-color: rgba(229, 55, 38, 0.1) }
.table>thead>tr>.warning, .table>tbody>tr>.warning, .table>tfoot>tr>.warning, .table>thead>.warning>td, .table>tbody>.warning>td, .table>tfoot>.warning>td, .table>thead>.warning>th, .table>tbody>.warning>th, .table>tfoot>.warning>th { background-color: rgba(255, 209, 0, 0.12) }
.table-hover>tbody>tr>.warning:hover, .table-hover>tbody>.warning:hover>td, .table-hover>tbody>.warning:hover>th { background-color: rgba(230, 188, 0, 0.12) }
@media (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15.75px; overflow-y: hidden; overflow-x: scroll; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid rgba(221, 221, 221, 1); -webkit-overflow-scrolling: touch } .table-responsive>.table { margin-bottom: 0 } .table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td { white-space: nowrap } .table-responsive>.table-bordered { border: 0 } .table-responsive>.table-bordered>thead>tr>th:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child { border-left: 0 } .table-responsive>.table-bordered>thead>tr>th:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child { border-right: 0 } .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>th, .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>td { border-bottom: 0 } }
fieldset { padding: 0; margin: 0; border: 0 }
legend { display: block; width: 100%; padding: 0; margin-bottom: 21px; font-size: 22.5px; line-height: inherit; color: rgba(51, 51, 51, 1); border-top: 0; border-right: 0; border-bottom: 1px solid rgba(229, 229, 229, 1); border-left: 0 }
label { display: inline-block; margin-bottom: 5px; font-weight: bold }
input[type=”search”] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
input[type=”radio”], input[type=”checkbox”] { margin-top: ; margin-right: 0; margin-bottom: 0; margin-left: 0; line-height: normal }
input[type=”file”] { display: block }
select[multiple], select[size] { height: auto }
select optgroup { font-size: inherit; font-style: inherit; font-family: inherit }
input[type=”file”]:focus, input[type=”radio”]:focus, input[type=”checkbox”]:focus { outline: 1px dotted; outline-offset: -2px }
{ height: auto }
output { display: block; padding-top: 7px; font-size: 15px; line-height: 1.45; color: rgba(44, 63, 81, 1); vertical-align: middle }
.form-control { display: block; width: 100%; height: 42px; padding: 6px 12px; font-size: 15px; line-height: 1.45; color: rgba(44, 63, 81, 1); vertical-align: middle; background-color: rgba(255, 255, 255, 1); background-image: none; border: 1px solid rgba(222, 230, 237, 1); border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out }
.form-control:focus { border-color: rgba(102, 175, 233, 1); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07), 0 0 8px rgba(102, 175, 233, 0.6) }
.form-control:focus { border-color: rgba(222, 230, 237, 1); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 12px -1px rgba(102, 128, 153, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.02), 0 0 12px -1px rgba(102, 128, 153, 0.6) }
.form-control:focus { border-color: rgba(25, 128, 230, 0.5); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 12px -1px #1980e6; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.02), 0 0 12px -1px rgba(25, 128, 230, 1) }
{ color: rgba(213, 223, 233, 1) }
{ color: rgba(213, 223, 233, 1); opacity: 1 }
{ color: rgba(213, 223, 233, 1) }
{ color: rgba(213, 223, 233, 1) }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed }
textarea.form-control { height: auto }
.form-group { margin-bottom: 15px }
.radio, .checkbox { display: block; min-height: 21px; margin-top: 10px; margin-bottom: 10px; padding-left: 20px; vertical-align: middle }
.radio label, .checkbox label { display: inline; margin-bottom: 0; font-weight: normal; cursor: pointer }
.radio input[type=”radio”], .radio-inline input[type=”radio”], .checkbox input[type=”checkbox”], .checkbox-inline input[type=”checkbox”] { float: left; margin-left: -20px }
.radio+.radio, .checkbox+.checkbox { margin-top: -5px }
.radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer }
.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline { margin-top: 0; margin-left: 10px }
input[type=”radio”][disabled], input[type=”checkbox”][disabled], .radio[disabled], .radio-inline[disabled], .checkbox[disabled], .checkbox-inline[disabled], fieldset[disabled] input[type=”radio”], fieldset[disabled] input[type=”checkbox”], fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline { cursor: not-allowed }
.input-sm { height: 31px; padding: 5px 10px; font-size: 13px; line-height: 1.5; border-radius: 3px }
select.input-sm { height: 31px; line-height: 31px }
textarea.input-sm { height: auto }
.input-lg { height: 48px; padding: 10px 16px; font-size: 19px; line-height: 1.33; border-radius: 6px }
select.input-lg { height: 48px; line-height: 48px }
textarea.input-lg { height: auto }
.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline { color: rgba(184, 150, 0, 1) }
.has-warning .form-control { border-color: rgba(184, 150, 0, 1); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07) }
.has-warning .form-control:focus { border-color: rgba(133, 109, 0, 1); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ffd61f; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07), 0 0 6px rgba(255, 214, 31, 1) }
.has-warning .input-group-addon { color: rgba(184, 150, 0, 1); border-color: rgba(184, 150, 0, 1); background-color: rgba(255, 209, 0, 0.12) }
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color: rgba(216, 42, 26, 1) }
.has-error .form-control { border-color: rgba(216, 42, 26, 1); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07) }
.has-error .form-control:focus { border-color: rgba(171, 33, 20, 1); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ed766b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07), 0 0 6px rgba(237, 118, 107, 1) }
.has-error .input-group-addon { color: rgba(216, 42, 26, 1); border-color: rgba(216, 42, 26, 1); background-color: rgba(232, 76, 61, 0.1) }
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { color: rgba(60, 118, 61, 1) }
.has-success .form-control { border-color: rgba(60, 118, 61, 1); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07) }
.has-success .form-control:focus { border-color: rgba(43, 84, 44, 1); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07), 0 0 6px rgba(103, 177, 104, 1) }
.has-success .input-group-addon { color: rgba(60, 118, 61, 1); border-color: rgba(60, 118, 61, 1); background-color: rgba(223, 240, 216, 1) }
.form-control-static { margin-bottom: 0 }
.help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: rgba(88, 126, 164, 1) }
@media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle } .form-inline .form-control { display: inline-block } .form-inline select.form-control { width: auto } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; padding-left: 0 } .form-inline .radio input[type=”radio”], .form-inline .checkbox input[type=”checkbox”] { float: none; margin-left: 0 } }
.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px }
.form-horizontal .radio, .form-horizontal .checkbox { min-height: 28px }
.form-horizontal .form-group { margin-left: -15px; margin-right: -15px }
.form-horizontal .form-group:before, .form-horizontal .form-group:after { content: ” “; display: table }
.form-horizontal .form-group:after { clear: both }
.form-horizontal .form-group:before, .form-horizontal .form-group:after { content: ” “; display: table }
.form-horizontal .form-group:after { clear: both }
.form-horizontal .form-control-static { padding-top: 7px }
@media (min-width: 768px) { .form-horizontal .control-label { text-align: right } }
.btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid rgba(0, 0, 0, 0); white-space: nowrap; padding: 6px 12px; font-size: 15px; line-height: 1.45; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none }
.btn:focus { outline: 1px dotted; outline-offset: -2px }
.btn:hover, .btn:focus { color: rgba(66, 94, 123, 1); text-decoration: none }
.btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.13) }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65); filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none }
.btn-default { color: rgba(66, 94, 123, 1); background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0) }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: rgba(66, 94, 123, 1); background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0) }
.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-image: none }
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0) }
.btn-default .badge { color: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 1) }
.btn-primary { color: rgba(66, 94, 123, 1); background-color: rgba(228, 235, 241, 1); border-color: rgba(0, 128, 255, 0.05) }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: rgba(66, 94, 123, 1); background-color: rgba(202, 214, 226, 1); border-color: rgba(0, 97, 194, 0.05) }
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image: none }
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: rgba(228, 235, 241, 1); border-color: rgba(0, 128, 255, 0.05) }
.btn-primary .badge { color: rgba(228, 235, 241, 1); background-color: rgba(255, 255, 255, 1) }
.btn-warning { color: rgba(255, 255, 255, 1); background-color: rgba(240, 173, 78, 1); border-color: rgba(238, 162, 54, 1) }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { color: rgba(255, 255, 255, 1); background-color: rgba(237, 156, 40, 1); border-color: rgba(213, 133, 18, 1) }
.btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { background-image: none }
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: rgba(240, 173, 78, 1); border-color: rgba(238, 162, 54, 1) }
.btn-warning .badge { color: rgba(240, 173, 78, 1); background-color: rgba(255, 255, 255, 1) }
.btn-danger { color: rgba(255, 255, 255, 1); background-color: rgba(217, 83, 79, 1); border-color: rgba(212, 63, 58, 1) }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { color: rgba(255, 255, 255, 1); background-color: rgba(210, 50, 45, 1); border-color: rgba(172, 41, 37, 1) }
.btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { background-image: none }
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: rgba(217, 83, 79, 1); border-color: rgba(212, 63, 58, 1) }
.btn-danger .badge { color: rgba(217, 83, 79, 1); background-color: rgba(255, 255, 255, 1) }
.btn-success { color: rgba(54, 77, 99, 1); background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0) }
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { color: rgba(54, 77, 99, 1); background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0) }
.btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-image: none }
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0) }
.btn-success .badge { color: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 1) }
.btn-info { color: rgba(102, 128, 153, 0.35); background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0) }
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { color: rgba(102, 128, 153, 0.35); background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0) }
.btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background-image: none }
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0) }
.btn-info .badge { color: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 1) }
.btn-link { color: rgba(25, 128, 230, 1); font-weight: normal; cursor: pointer; border-radius: 0 }
.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: rgba(0, 0, 0, 0); -webkit-box-shadow: none; box-shadow: none }
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: rgba(0, 0, 0, 0) }
.btn-link:hover, .btn-link:focus { color: rgba(15, 77, 138, 1); text-decoration: underline; background-color: rgba(0, 0, 0, 0) }
.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: rgba(153, 153, 153, 1); text-decoration: none }
.btn-lg { padding: 10px 16px; font-size: 19px; line-height: 1.33; border-radius: 6px }
.btn-sm { padding: 5px 10px; font-size: 13px; line-height: 1.5; border-radius: 3px }
.btn-xs { padding: 1px 5px; font-size: 13px; line-height: 1.5; border-radius: 3px }
.btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0 }
.btn-block+.btn-block { margin-top: 5px }
input[type=”submit”].btn-block, input[type=”reset”].btn-block, input[type=”button”].btn-block { width: 100% }
.fade { opacity: 0; -webkit-transition: opacity .15s linear; transition: opacity 0.15s linear }
.fade.in { opacity: 1 }
.collapse { display: none }
.collapse.in { display: block }
.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; transition: height 0.35s ease }
@font-face { font-family: “Glyphicons Halflings”; src: url(“../fonts/glyphicons-halflings-regular.eot?#iefix”) format(“embedded-opentype”), url(“../fonts/glyphicons-halflings-regular.woff”) format(“woff”), url(“../fonts/glyphicons-halflings-regular.ttf”) format(“truetype”), url(“../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular”) format(“svg”) }
.glyphicon { position: relative; top: 1px; display: inline-block; font-family: “Glyphicons Halflings”; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.glyphicon:empty { width: 1em }
.glyphicon-asterisk:before { content: “*” }
.glyphicon-plus:before { content: “+” }
.glyphicon-euro:before { content: “€” }
.glyphicon-minus:before { content: “−” }
.glyphicon-cloud:before { content: “☁” }
.glyphicon-envelope:before { content: “✉” }
.glyphicon-pencil:before { content: “✏” }
.glyphicon-glass:before { content: “” }
.glyphicon-music:before { content: “” }
.glyphicon-search:before { content: “” }
.glyphicon-heart:before { content: “” }
.glyphicon-star:before { content: “” }
.glyphicon-star-empty:before { content: “” }
.glyphicon-user:before { content: “” }
.glyphicon-film:before { content: “” }
.glyphicon-th-large:before { content: “” }
.glyphicon-th:before { content: “” }
.glyphicon-th-list:before { content: “” }
.glyphicon-ok:before { content: “” }
.glyphicon-remove:before { content: “” }
.glyphicon-zoom-in:before { content: “” }
.glyphicon-zoom-out:before { content: “” }
.glyphicon-off:before { content: “” }
.glyphicon-signal:before { content: “” }
.glyphicon-cog:before { content: “” }
.glyphicon-trash:before { content: “” }
.glyphicon-home:before { content: “” }
.glyphicon-file:before { content: “” }
.glyphicon-time:before { content: “” }
.glyphicon-road:before { content: “” }
.glyphicon-download-alt:before { content: “” }
.glyphicon-download:before { content: “” }
.glyphicon-upload:before { content: “” }
.glyphicon-inbox:before { content: “” }
.glyphicon-play-circle:before { content: “” }
.glyphicon-repeat:before { content: “” }
.glyphicon-refresh:before { content: “” }
.glyphicon-list-alt:before { content: “” }
.glyphicon-lock:before { content: “” }
.glyphicon-flag:before { content: “” }
.glyphicon-headphones:before { content: “” }
.glyphicon-volume-off:before { content: “” }
.glyphicon-volume-down:before { content: “” }
.glyphicon-volume-up:before { content: “” }
.glyphicon-qrcode:before { content: “” }
.glyphicon-barcode:before { content: “” }
.glyphicon-tag:before { content: “” }
.glyphicon-tags:before { content: “” }
.glyphicon-book:before { content: “” }
.glyphicon-bookmark:before { content: “” }
.glyphicon-print:before { content: “” }
.glyphicon-camera:before { content: “” }
.glyphicon-font:before { content: “” }
.glyphicon-bold:before { content: “” }
.glyphicon-italic:before { content: “” }
.glyphicon-text-height:before { content: “” }
.glyphicon-text-width:before { content: “” }
.glyphicon-align-left:before { content: “” }
.glyphicon-align-center:before { content: “” }
.glyphicon-align-right:before { content: “” }
.glyphicon-align-justify:before { content: “” }
.glyphicon-list:before { content: “” }
.glyphicon-indent-left:before { content: “” }
.glyphicon-indent-right:before { content: “” }
.glyphicon-facetime-video:before { content: “” }
.glyphicon-picture:before { content: “” }
.glyphicon-map-marker:before { content: “” }
.glyphicon-adjust:before { content: “” }
.glyphicon-tint:before { content: “” }
.glyphicon-edit:before { content: “” }
.glyphicon-share:before { content: “” }
.glyphicon-check:before { content: “” }
.glyphicon-move:before { content: “” }
.glyphicon-step-backward:before { content: “” }
.glyphicon-fast-backward:before { content: “” }
.glyphicon-backward:before { content: “” }
.glyphicon-play:before { content: “” }
.glyphicon-pause:before { content: “” }
.glyphicon-stop:before { content: “” }
.glyphicon-forward:before { content: “” }
.glyphicon-fast-forward:before { content: “” }
.glyphicon-step-forward:before { content: “” }
.glyphicon-eject:before { content: “” }
.glyphicon-chevron-left:before { content: “” }
.glyphicon-chevron-right:before { content: “” }
.glyphicon-plus-sign:before { content: “” }
.glyphicon-minus-sign:before { content: “” }
.glyphicon-remove-sign:before { content: “” }
.glyphicon-ok-sign:before { content: “” }
.glyphicon-question-sign:before { content: “” }
.glyphicon-info-sign:before { content: “” }
.glyphicon-screenshot:before { content: “” }
.glyphicon-remove-circle:before { content: “” }
.glyphicon-ok-circle:before { content: “” }
.glyphicon-ban-circle:before { content: “” }
.glyphicon-arrow-left:before { content: “” }
.glyphicon-arrow-right:before { content: “” }
.glyphicon-arrow-up:before { content: “” }
.glyphicon-arrow-down:before { content: “” }
.glyphicon-share-alt:before { content: “” }
.glyphicon-resize-full:before { content: “” }
.glyphicon-resize-small:before { content: “” }
.glyphicon-exclamation-sign:before { content: “” }
.glyphicon-gift:before { content: “” }
.glyphicon-leaf:before { content: “” }
.glyphicon-fire:before { content: “” }
.glyphicon-eye-open:before { content: “” }
.glyphicon-eye-close:before { content: “” }
.glyphicon-warning-sign:before { content: “” }
.glyphicon-plane:before { content: “” }
.glyphicon-calendar:before { content: “” }
.glyphicon-random:before { content: “” }
.glyphicon-comment:before { content: “” }
.glyphicon-magnet:before { content: “” }
.glyphicon-chevron-up:before { content: “” }
.glyphicon-chevron-down:before { content: “” }
.glyphicon-retweet:before { content: “” }
.glyphicon-shopping-cart:before { content: “” }
.glyphicon-folder-close:before { content: “” }
.glyphicon-folder-open:before { content: “” }
.glyphicon-resize-vertical:before { content: “” }
.glyphicon-resize-horizontal:before { content: “” }
.glyphicon-hdd:before { content: “” }
.glyphicon-bullhorn:before { content: “” }
.glyphicon-bell:before { content: “” }
.glyphicon-certificate:before { content: “” }
.glyphicon-thumbs-up:before { content: “” }
.glyphicon-thumbs-down:before { content: “” }
.glyphicon-hand-right:before { content: “” }
.glyphicon-hand-left:before { content: “” }
.glyphicon-hand-up:before { content: “” }
.glyphicon-hand-down:before { content: “” }
.glyphicon-circle-arrow-right:before { content: “” }
.glyphicon-circle-arrow-left:before { content: “” }
.glyphicon-circle-arrow-up:before { content: “” }
.glyphicon-circle-arrow-down:before { content: “” }
.glyphicon-globe:before { content: “” }
.glyphicon-wrench:before { content: “” }
.glyphicon-tasks:before { content: “” }
.glyphicon-filter:before { content: “” }
.glyphicon-briefcase:before { content: “” }
.glyphicon-fullscreen:before { content: “” }
.glyphicon-dashboard:before { content: “” }
.glyphicon-paperclip:before { content: “” }
.glyphicon-heart-empty:before { content: “” }
.glyphicon-link:before { content: “” }
.glyphicon-phone:before { content: “” }
.glyphicon-pushpin:before { content: “” }
.glyphicon-usd:before { content: “” }
.glyphicon-gbp:before { content: “” }
.glyphicon-sort:before { content: “” }
.glyphicon-sort-by-alphabet:before { content: “” }
.glyphicon-sort-by-alphabet-alt:before { content: “” }
.glyphicon-sort-by-order:before { content: “” }
.glyphicon-sort-by-order-alt:before { content: “” }
.glyphicon-sort-by-attributes:before { content: “” }
.glyphicon-sort-by-attributes-alt:before { content: “” }
.glyphicon-unchecked:before { content: “” }
.glyphicon-expand:before { content: “” }
.glyphicon-collapse-down:before { content: “” }
.glyphicon-collapse-up:before { content: “” }
.glyphicon-log-in:before { content: “” }
.glyphicon-flash:before { content: “” }
.glyphicon-log-out:before { content: “” }
.glyphicon-new-window:before { content: “” }
.glyphicon-record:before { content: “” }
.glyphicon-save:before { content: “” }
.glyphicon-open:before { content: “” }
.glyphicon-saved:before { content: “” }
.glyphicon-import:before { content: “” }
.glyphicon-export:before { content: “” }
.glyphicon-send:before { content: “” }
.glyphicon-floppy-disk:before { content: “” }
.glyphicon-floppy-saved:before { content: “” }
.glyphicon-floppy-remove:before { content: “” }
.glyphicon-floppy-save:before { content: “” }
.glyphicon-floppy-open:before { content: “” }
.glyphicon-credit-card:before { content: “” }
.glyphicon-transfer:before { content: “” }
.glyphicon-cutlery:before { content: “” }
.glyphicon-header:before { content: “” }
.glyphicon-compressed:before { content: “” }
.glyphicon-earphone:before { content: “” }
.glyphicon-phone-alt:before { content: “” }
.glyphicon-tower:before { content: “” }
.glyphicon-stats:before { content: “” }
.glyphicon-sd-video:before { content: “” }
.glyphicon-hd-video:before { content: “” }
.glyphicon-subtitles:before { content: “” }
.glyphicon-sound-stereo:before { content: “” }
.glyphicon-sound-dolby:before { content: “” }
.glyphicon-sound-5-1:before { content: “” }
.glyphicon-sound-6-1:before { content: “” }
.glyphicon-sound-7-1:before { content: “” }
.glyphicon-copyright-mark:before { content: “” }
.glyphicon-registration-mark:before { content: “” }
.glyphicon-cloud-download:before { content: “” }
.glyphicon-cloud-upload:before { content: “” }
.glyphicon-tree-conifer:before { content: “” }
.glyphicon-tree-deciduous:before { content: “” }
.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid rgba(0, 0, 0, 0); border-left: 4px solid rgba(0, 0, 0, 0) }
.dropdown { position: relative }
.dropdown-toggle:focus { outline: 0 }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 15px; background-color: rgba(255, 255, 255, 1); border: 1px solid rgba(222, 230, 237, 1); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17); background-clip: padding-box }
.dropdown-menu.pull-right { right: 0; left: auto }
.dropdown-menu .divider { height: 1px; margin: 9.5px 0; overflow: hidden; background-color: rgba(222, 230, 237, 1) }
.dropdown-menu>li>a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.45; color: rgba(44, 63, 81, 1); white-space: nowrap }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { text-decoration: none; color: rgba(45, 64, 83, 1); background-color: rgba(102, 128, 153, 0.04) }
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: rgba(255, 255, 255, 1); text-decoration: none; outline: 0; background-color: rgba(66, 139, 202, 1) }
.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus { color: rgba(213, 223, 233, 1) }
.dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus { text-decoration: none; background-color: rgba(0, 0, 0, 0); background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed }
.open>.dropdown-menu { display: block }
.open>a { outline: 0 }
.dropdown-header { display: block; padding: 3px 20px; font-size: 13px; line-height: 1.45; color: rgba(129, 158, 187, 0.6) }
.dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990 }
.pull-right>.dropdown-menu { right: 0; left: auto }
.dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid; content: “” }
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px }
@media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto } }
.btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle }
.btn-group>.btn, .btn-group-vertical>.btn { position: relative; float: left }
.btn-group>.btn:hover, .btn-group-vertical>.btn:hover, .btn-group>.btn:focus, .btn-group-vertical>.btn:focus, .btn-group>.btn:active, .btn-group-vertical>.btn:active, .btn-group>.btn.active, .btn-group-vertical>.btn.active { z-index: 2 }
.btn-group>.btn:focus, .btn-group-vertical>.btn:focus { outline: none }
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group { margin-left: -1px }
.btn-toolbar:before, .btn-toolbar:after { content: ” “; display: table }
.btn-toolbar:after { clear: both }
.btn-toolbar:before, .btn-toolbar:after { content: ” “; display: table }
.btn-toolbar:after { clear: both }
.btn-toolbar .btn-group { float: left }
.btn-toolbar>.btn+.btn, .btn-toolbar>.btn-group+.btn, .btn-toolbar>.btn+.btn-group, .btn-toolbar>.btn-group+.btn-group { margin-left: 5px }
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0 }
.btn-group>.btn:first-child { margin-left: 0 }
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0 }
.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0 }
.btn-group>.btn-group { float: left }
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn { border-radius: 0 }
.btn-group>.btn-group:first-child>.btn:last-child, .btn-group>.btn-group:first-child>.dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0 }
.btn-group>.btn-group:last-child>.btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0 }
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0 }
.btn-group-xs>.btn { padding: 1px 5px; font-size: 13px; line-height: 1.5; border-radius: 3px }
.btn-group-sm>.btn { padding: 5px 10px; font-size: 13px; line-height: 1.5; border-radius: 3px }
.btn-group-lg>.btn { padding: 10px 16px; font-size: 19px; line-height: 1.33; border-radius: 6px }
.btn-group>.btn+.dropdown-toggle { padding-left: 8px; padding-right: 8px }
.btn-group>.btn-lg+.dropdown-toggle { padding-left: 12px; padding-right: 12px }
.btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.13) }
.btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none }
.btn .caret { margin-left: 0 }
.btn-lg .caret { border-width: 5px 5px 0 }
.dropup .btn-lg .caret { border-width: 0 5px 5px }
.btn-group-vertical>.btn, .btn-group-vertical>.btn-group, .btn-group-vertical>.btn-group>.btn { display: block; float: none; width: 100%; max-width: 100% }
.btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after { content: ” “; display: table }
.btn-group-vertical>.btn-group:after { clear: both }
.btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after { content: ” “; display: table }
.btn-group-vertical>.btn-group:after { clear: both }
.btn-group-vertical>.btn-group>.btn { float: none }
.btn-group-vertical>.btn+.btn, .btn-group-vertical>.btn+.btn-group, .btn-group-vertical>.btn-group+.btn, .btn-group-vertical>.btn-group+.btn-group { margin-top: -1px; margin-left: 0 }
.btn-group-vertical>.btn:not(:first-child):not(:last-child) { border-radius: 0 }
.btn-group-vertical>.btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0 }
.btn-group-vertical>.btn:last-child:not(:first-child) { border-bottom-left-radius: 4px; border-top-right-radius: 0; border-top-left-radius: 0 }
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn { border-radius: 0 }
.btn-group-vertical>.btn-group:first-child>.btn:last-child, .btn-group-vertical>.btn-group:first-child>.dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0 }
.btn-group-vertical>.btn-group:last-child>.btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0 }
.btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate }
.btn-group-justified>.btn, .btn-group-justified>.btn-group { float: none; display: table-cell; width: 1% }
.btn-group-justified>.btn-group .btn { width: 100% }
[data-toggle=”buttons”]>.btn>input[type=”radio”], [data-toggle=”buttons”]>.btn>input[type=”checkbox”] { display: none }
.input-group { position: relative; display: table; border-collapse: separate }
.input-group[class*=”col-“] { float: none; padding-left: 0; padding-right: 0 }
.input-group .form-control { width: 100%; margin-bottom: 0 }
.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn { height: 48px; padding: 10px 16px; font-size: 19px; line-height: 1.33; border-radius: 6px }
select.input-group-lg>.form-control, select.input-group-lg>.input-group-addon, select.input-group-lg>.input-group-btn>.btn { height: 48px; line-height: 48px }
textarea.input-group-lg>.form-control, textarea.input-group-lg>.input-group-addon, textarea.input-group-lg>.input-group-btn>.btn { height: auto }
.input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn { height: 31px; padding: 5px 10px; font-size: 13px; line-height: 1.5; border-radius: 3px }
select.input-group-sm>.form-control, select.input-group-sm>.input-group-addon, select.input-group-sm>.input-group-btn>.btn { height: 31px; line-height: 31px }
textarea.input-group-sm>.form-control, textarea.input-group-sm>.input-group-addon, textarea.input-group-sm>.input-group-btn>.btn { height: auto }
.input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell }
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0 }
.input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle }
.input-group-addon { padding: 6px 12px; font-size: 15px; font-weight: normal; line-height: 1; color: rgba(44, 63, 81, 1); text-align: center; border: 1px solid rgba(222, 230, 237, 1); border-radius: 4px }
.input-group-addon.input-sm { padding: 5px 10px; font-size: 13px; border-radius: 3px }
.input-group-addon.input-lg { padding: 10px 16px; font-size: 19px; border-radius: 6px }
.input-group-addon input[type=”radio”], .input-group-addon input[type=”checkbox”] { margin-top: 0 }
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0 }
.input-group-addon:first-child { border-right: 0 }
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0 }
.input-group-addon:last-child { border-left: 0 }
.input-group-btn { position: relative; white-space: nowrap }
.input-group-btn:first-child>.btn { margin-right: -1px }
.input-group-btn:last-child>.btn { margin-left: -1px }
.input-group-btn>.btn { position: relative }
.input-group-btn>.btn+.btn { margin-left: -4px }
.input-group-btn>.btn:hover, .input-group-btn>.btn:active { z-index: 2 }
.nav { margin-bottom: 0; padding-left: 0; list-style: none }
.nav:before, .nav:after { content: ” “; display: table }
.nav:after { clear: both }
.nav:before, .nav:after { content: ” “; display: table }
.nav:after { clear: both }
.nav>li { position: relative; display: block }
.nav>li>a { position: relative; display: block; padding: 10px 15px }
.nav>li>a:hover, .nav>li>a:focus { text-decoration: none; background-color: rgba(102, 128, 153, 0.04) }
.nav>li.disabled>a { color: rgba(213, 223, 233, 1) }
.nav>li.disabled>a:hover, .nav>li.disabled>a:focus { color: rgba(213, 223, 233, 1); text-decoration: none; background-color: rgba(0, 0, 0, 0); cursor: not-allowed }
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus { background-color: rgba(102, 128, 153, 0.04); border-color: rgba(25, 128, 230, 1) }
.nav .nav-divider { height: 1px; margin: 9.5px 0; overflow: hidden; background-color: rgba(229, 229, 229, 1) }
.nav>li>a>img { max-width: none }
.nav-tabs { border-bottom: 1px solid rgba(0, 0, 0, 0) }
.nav-tabs>li { float: left; margin-bottom: -1px }
.nav-tabs>li>a { margin-right: 2px; line-height: 1.45; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px 4px 0 0 }
.nav-tabs>li>a:hover { border-color: rgba(0, 0, 0, 0) }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { color: rgba(85, 85, 85, 1); border-top: 1px solid rgba(221, 221, 221, 1); border-right: 1px solid rgba(221, 221, 221, 1); border-bottom: 1px solid rgba(0, 0, 0, 0); border-left: 1px solid rgba(221, 221, 221, 1); cursor: default }
.nav-tabs.nav-justified { width: 100%; border-bottom: 0 }
.nav-tabs.nav-justified>li { float: none }
.nav-tabs.nav-justified>li>a { text-align: center; margin-bottom: 5px }
.nav-tabs.nav-justified>.dropdown .dropdown-menu { top: auto; left: auto }
@media (min-width: 768px) { .nav-tabs.nav-justified>li { display: table-cell; width: 1% } .nav-tabs.nav-justified>li>a { margin-bottom: 0 } }
.nav-tabs.nav-justified>li>a { margin-right: 0; border-radius: 4px }
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus { border: 1px solid rgba(221, 221, 221, 1) }
@media (min-width: 768px) { .nav-tabs.nav-justified>li>a { border-bottom: 1px solid rgba(221, 221, 221, 1); border-radius: 4px 4px 0 0 } .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus { } }
.nav-pills>li { float: left }
.nav-pills>li>a { border-radius: 4px }
.nav-pills>li+li { margin-left: 2px }
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus { color: rgba(255, 255, 255, 1); background-color: rgba(66, 139, 202, 1) }
.nav-stacked>li { float: none }
.nav-stacked>li+li { margin-top: 2px; margin-left: 0 }
.nav-justified { width: 100% }
.nav-justified>li { float: none }
.nav-justified>li>a { text-align: center; margin-bottom: 5px }
.nav-justified>.dropdown .dropdown-menu { top: auto; left: auto }
@media (min-width: 768px) { .nav-justified>li { display: table-cell; width: 1% } .nav-justified>li>a { margin-bottom: 0 } }
.nav-tabs-justified { border-bottom: 0 }
.nav-tabs-justified>li>a { margin-right: 0; border-radius: 4px }
.nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus { border: 1px solid rgba(221, 221, 221, 1) }
@media (min-width: 768px) { .nav-tabs-justified>li>a { border-bottom: 1px solid rgba(221, 221, 221, 1); border-radius: 4px 4px 0 0 } .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus { } }
.tab-content>.tab-pane { display: none }
.tab-content>.active { display: block }
.nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0 }
.navbar { position: relative; min-height: 50px; margin-bottom: 21px; border: 1px solid rgba(0, 0, 0, 0) }
.navbar:before, .navbar:after { content: ” “; display: table }
.navbar:after { clear: both }
.navbar:before, .navbar:after { content: ” “; display: table }
.navbar:after { clear: both }
@media (min-width: 768px) { .navbar { border-radius: 4px } }
.navbar-header:before, .navbar-header:after { content: ” “; display: table }
.navbar-header:after { clear: both }
.navbar-header:before, .navbar-header:after { content: ” “; display: table }
.navbar-header:after { clear: both }
@media (min-width: 768px) { .navbar-header { float: left } }
.navbar-collapse { max-height: 340px; overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid rgba(0, 0, 0, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch }
.navbar-collapse:before, .navbar-collapse:after { content: ” “; display: table }
.navbar-collapse:after { clear: both }
.navbar-collapse:before, .navbar-collapse:after { content: ” “; display: table }
.navbar-collapse:after { clear: both }
.navbar-collapse.in { overflow-y: auto }
@media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important } .navbar-collapse.in { overflow-y: visible } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0 } }
.container>.navbar-header, .container>.navbar-collapse { margin-right: -15px; margin-left: -15px }
@media (min-width: 768px) { .container>.navbar-header, .container>.navbar-collapse { margin-right: 0; margin-left: 0 } }
.navbar-static-top { z-index: 1000; border-width: 0 0 1px }
@media (min-width: 768px) { .navbar-static-top { border-radius: 0 } }
.navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030 }
@media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0 } }
.navbar-fixed-top { top: 0; border-width: 0 0 1px }
.navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0 }
.navbar-brand { float: left; padding: 14.5px 15px; font-size: 19px; line-height: 21px }
.navbar-brand:hover, .navbar-brand:focus { text-decoration: none }
@media (min-width: 768px) { .navbar>.container .navbar-brand { margin-left: -15px } }
.navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: rgba(0, 0, 0, 0); background-image: none; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px }
.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px }
.navbar-toggle .icon-bar+.icon-bar { margin-top: 4px }
@media (min-width: 768px) { .navbar-toggle { display: none } }
.navbar-nav { margin: 7.25px -15px }
.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; line-height: 21px }
@media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: rgba(0, 0, 0, 0); border: 0; box-shadow: none } .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px } .navbar-nav .open .dropdown-menu>li>a { line-height: 21px } .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-nav .open .dropdown-menu>li>a:focus { background-image: none } }
@media (min-width: 768px) { .navbar-nav { float: left; margin: 0 } .navbar-nav>li { float: left } .navbar-nav>li>a { padding-top: 14.5px; padding-bottom: 14.5px } .navbar-nav.navbar-right:last-child { margin-right: -15px } }
@media (min-width: 768px) { .navbar-left { float: left !important } .navbar-right { float: right !important } }
.navbar-form { margin: 4px -15px; padding: 10px 15px; border-top: 1px solid rgba(0, 0, 0, 0); border-bottom: 1px solid rgba(0, 0, 0, 0); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(255, 255, 255, 0.1) }
@media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle } .navbar-form .form-control { display: inline-block } .navbar-form select.form-control { width: auto } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; padding-left: 0 } .navbar-form .radio input[type=”radio”], .navbar-form .checkbox input[type=”checkbox”] { float: none; margin-left: 0 } }
@media (min-width: 768px) { .navbar-form .col-sm-1 { width: 8.33333333% !important } .navbar-form .col-sm-2 { width: 16.66666667% !important } .navbar-form .col-sm-3 { width: 25% !important } .navbar-form .col-sm-4 { width: 33.33333333% !important } .navbar-form .col-sm-5 { width: 41.66666667% !important } .navbar-form .col-sm-6 { width: 50% !important } .navbar-form .col-sm-7 { width: 58.33333333% !important } .navbar-form .col-sm-8 { width: 66.66666667% !important } .navbar-form .col-sm-9 { width: 75% !important } .navbar-form .col-sm-10 { width: 83.33333333% !important } .navbar-form .col-sm-11 { width: 91.66666667% !important } .navbar-form .col-sm-12 { width: 100% !important } }
.navbar-form * { float: none }
@media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px } }
@media (min-width: 768px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none } .navbar-form.navbar-right:last-child { margin-right: -15px } }
.navbar-nav>li>.dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0 }
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0 }
.navbar-nav.pull-right>li>.dropdown-menu, .navbar-nav>li>.dropdown-menu.pull-right { left: auto; right: 0 }
.navbar-btn { margin-top: 4px; margin-bottom: 4px }
.navbar-btn.btn-sm { margin-top: 9.5px; margin-bottom: 9.5px }
.navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px }
.navbar-text { margin-top: 14.5px; margin-bottom: 14.5px }
@media (min-width: 768px) { .navbar-text { float: left; margin-left: 15px; margin-right: 15px } .navbar-text.navbar-right:last-child { margin-right: 0 } }
.navbar-default { background-color: rgba(228, 235, 241, 1); border-color: rgba(207, 218, 229, 1) }
.navbar-default .navbar-brand { color: rgba(119, 119, 119, 1) }
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: rgba(94, 94, 94, 1); background-color: rgba(0, 0, 0, 0) }
.navbar-default .navbar-text { color: rgba(119, 119, 119, 1) }
.navbar-default .navbar-nav>li>a { color: rgba(119, 119, 119, 1) }
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: rgba(51, 51, 51, 1); background-color: rgba(0, 0, 0, 0) }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: rgba(85, 85, 85, 1); background-color: rgba(207, 218, 229, 1) }
.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:hover, .navbar-default .navbar-nav>.disabled>a:focus { color: rgba(204, 204, 204, 1); background-color: rgba(0, 0, 0, 0) }
.navbar-default .navbar-toggle { border-color: rgba(221, 221, 221, 1) }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: rgba(221, 221, 221, 1) }
.navbar-default .navbar-toggle .icon-bar { background-color: rgba(204, 204, 204, 1) }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: rgba(207, 218, 229, 1) }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { background-color: rgba(207, 218, 229, 1); color: rgba(85, 85, 85, 1) }
@media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: rgba(119, 119, 119, 1) } .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus { color: rgba(51, 51, 51, 1); background-color: rgba(0, 0, 0, 0) } .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus { color: rgba(85, 85, 85, 1); background-color: rgba(207, 218, 229, 1) } .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus { color: rgba(204, 204, 204, 1); background-color: rgba(0, 0, 0, 0) } }
.navbar-default .navbar-link { color: rgba(119, 119, 119, 1) }
.navbar-default .navbar-link:hover { color: rgba(51, 51, 51, 1) }
.navbar-inverse { background-color: rgba(34, 34, 34, 1); border-color: rgba(8, 8, 8, 1) }
.navbar-inverse .navbar-brand { color: rgba(153, 153, 153, 1) }
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: rgba(255, 255, 255, 1); background-color: rgba(0, 0, 0, 0) }
.navbar-inverse .navbar-text { color: rgba(153, 153, 153, 1) }
.navbar-inverse .navbar-nav>li>a { color: rgba(153, 153, 153, 1) }
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: rgba(255, 255, 255, 1); background-color: rgba(0, 0, 0, 0) }
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: rgba(255, 255, 255, 1); background-color: rgba(8, 8, 8, 1) }
.navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:hover, .navbar-inverse .navbar-nav>.disabled>a:focus { color: rgba(68, 68, 68, 1); background-color: rgba(0, 0, 0, 0) }
.navbar-inverse .navbar-toggle { border-color: rgba(51, 51, 51, 1) }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: rgba(51, 51, 51, 1) }
.navbar-inverse .navbar-toggle .icon-bar { background-color: rgba(255, 255, 255, 1) }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: rgba(16, 16, 16, 1) }
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: rgba(8, 8, 8, 1); color: rgba(255, 255, 255, 1) }
@media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header { border-color: rgba(8, 8, 8, 1) } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: rgba(8, 8, 8, 1) } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: rgba(153, 153, 153, 1) } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus { color: rgba(255, 255, 255, 1); background-color: rgba(0, 0, 0, 0) } .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus { color: rgba(255, 255, 255, 1); background-color: rgba(8, 8, 8, 1) } .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus { color: rgba(68, 68, 68, 1); background-color: rgba(0, 0, 0, 0) } }
.navbar-inverse .navbar-link { color: rgba(153, 153, 153, 1) }
.navbar-inverse .navbar-link:hover { color: rgba(255, 255, 255, 1) }
.breadcrumb { padding: 8px 15px; margin-bottom: 21px; list-style: none; background-color: rgba(245, 245, 245, 1); border-radius: 4px }
.breadcrumb>li { display: inline-block }
.breadcrumb>li+li:before { content: “/ “; padding: 0 5px; color: rgba(204, 204, 204, 1) }
.breadcrumb>.active { color: rgba(153, 153, 153, 1) }
.pagination { display: inline-block; padding-left: 0; margin: 21px 0; border-radius: 4px }
.pagination>li { display: inline }
.pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; line-height: 1.45; text-decoration: none; background-color: rgba(255, 255, 255, 1); border: 1px solid rgba(221, 221, 221, 1); margin-left: -1px }
.pagination>li:first-child>a, .pagination>li:first-child>span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px }
.pagination>li:last-child>a, .pagination>li:last-child>span { border-bottom-right-radius: 4px; border-top-right-radius: 4px }
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { }
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { z-index: 2; color: rgba(255, 255, 255, 1); background-color: rgba(66, 139, 202, 1); border-color: rgba(66, 139, 202, 1); cursor: default }
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus { color: rgba(153, 153, 153, 1); background-color: rgba(255, 255, 255, 1); border-color: rgba(221, 221, 221, 1); cursor: not-allowed }
.pagination-lg>li>a, .pagination-lg>li>span { padding: 10px 16px; font-size: 19px }
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span { border-bottom-left-radius: 6px; border-top-left-radius: 6px }
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span { border-bottom-right-radius: 6px; border-top-right-radius: 6px }
.pagination-sm>li>a, .pagination-sm>li>span { padding: 5px 10px; font-size: 13px }
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span { border-bottom-left-radius: 3px; border-top-left-radius: 3px }
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span { border-bottom-right-radius: 3px; border-top-right-radius: 3px }
.pager { padding-left: 0; margin: 21px 0; list-style: none; text-align: center }
.pager:before, .pager:after { content: ” “; display: table }
.pager:after { clear: both }
.pager:before, .pager:after { content: ” “; display: table }
.pager:after { clear: both }
.pager li { display: inline }
.pager li>a, .pager li>span { display: inline-block; padding: 5px 14px; background-color: rgba(255, 255, 255, 1); border: 1px solid rgba(221, 221, 221, 1); border-radius: 15px }
.pager li>a:hover, .pager li>a:focus { text-decoration: none }
.pager .next>a, .pager .next>span { float: right }
.pager .previous>a, .pager .previous>span { float: left }
.pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span { color: rgba(153, 153, 153, 1); background-color: rgba(255, 255, 255, 1); cursor: not-allowed }
.label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: bold; line-height: 1; color: rgba(255, 255, 255, 1); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em }
.label[href]:hover, .label[href]:focus { color: rgba(255, 255, 255, 1); text-decoration: none; cursor: pointer }
.label:empty { display: none }
.btn .label { position: relative; top: -1px }
.label-default { background-color: rgba(153, 153, 153, 1) }
.label-default[href]:hover, .label-default[href]:focus { background-color: rgba(128, 128, 128, 1) }
.label-primary { background-color: rgba(66, 139, 202, 1) }
.label-primary[href]:hover, .label-primary[href]:focus { background-color: rgba(48, 113, 169, 1) }
.label-success { background-color: rgba(92, 184, 92, 1) }
.label-success[href]:hover, .label-success[href]:focus { background-color: rgba(68, 157, 68, 1) }
.label-info { background-color: rgba(91, 192, 222, 1) }
.label-info[href]:hover, .label-info[href]:focus { background-color: rgba(49, 176, 213, 1) }
.label-warning { background-color: rgba(235, 192, 0, 1) }
.label-warning[href]:hover, .label-warning[href]:focus { background-color: rgba(184, 150, 0, 1) }
.label-danger { background-color: rgba(230, 59, 43, 1) }
.label-danger[href]:hover, .label-danger[href]:focus { background-color: rgba(198, 39, 23, 1) }
.badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 13px; font-weight: bold; color: rgba(255, 255, 255, 1); line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center; background-color: rgba(153, 153, 153, 1); border-radius: 10px }
.badge:empty { display: none }
.btn .badge { position: relative; top: -1px }
a.badge:hover, a.badge:focus { color: rgba(255, 255, 255, 1); text-decoration: none; cursor: pointer }
a.list-group-item.active>.badge, .nav-pills>.active>a>.badge { color: rgba(25, 128, 230, 1); background-color: rgba(255, 255, 255, 1) }
.nav-pills>li>a>.badge { margin-left: 3px }
.jumbotron { padding: 30px; margin-bottom: 30px; font-size: 23px; font-weight: 200; line-height: 2.175; color: inherit }
.jumbotron h1, .jumbotron .h1 { line-height: 1; color: inherit }
.jumbotron p { line-height: 1.4 }
.container .jumbotron { border-radius: 6px }
.jumbotron .container { max-width: 100% }
@media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px } .container .jumbotron { padding-left: 60px; padding-right: 60px } .jumbotron h1, .jumbotron .h1 { font-size: 67.5px } }
.thumbnail { display: block; padding: 4px; margin-bottom: 21px; line-height: 1.45; border: 1px solid rgba(221, 221, 221, 1); border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all 0.2s ease-in-out }
.thumbnail>img, .thumbnail a>img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto }
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: rgba(25, 128, 230, 1) }
.thumbnail .caption { padding: 9px; color: rgba(44, 63, 81, 1) }
.alert { padding: 15px; margin-bottom: 21px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px }
.alert h4 { margin-top: 0; color: inherit }
.alert .alert-link { font-weight: bold }
.alert>p, .alert>ul { margin-bottom: 0 }
.alert>p+p { margin-top: 5px }
.alert-dismissable { padding-right: 35px }
.alert-dismissable .close { position: relative; top: -2px; right: -21px; color: inherit }
.alert-success { background-color: rgba(223, 240, 216, 1); border-color: rgba(214, 233, 198, 1); color: rgba(60, 118, 61, 1) }
.alert-success hr { border-top-color: rgba(201, 226, 179, 1) }
.alert-success .alert-link { color: rgba(43, 84, 44, 1) }
.alert-info { background-color: rgba(217, 237, 247, 1); border-color: rgba(188, 232, 241, 1); color: rgba(49, 112, 143, 1) }
.alert-info hr { border-top-color: rgba(166, 225, 236, 1) }
.alert-info .alert-link { color: rgba(36, 82, 105, 1) }
.alert-warning { background-color: rgba(255, 209, 0, 0.12); border-color: rgba(255, 209, 0, 0.24); color: rgba(184, 150, 0, 1) }
.alert-warning hr { border-top-color: rgba(230, 188, 0, 0.24) }
.alert-warning .alert-link { color: rgba(133, 109, 0, 1) }
.alert-danger { background-color: rgba(232, 76, 61, 0.1); border-color: rgba(232, 76, 61, 0.15); color: rgba(216, 42, 26, 1) }
.alert-danger hr { border-top-color: rgba(229, 55, 38, 0.15) }
.alert-danger .alert-link { color: rgba(171, 33, 20, 1) }
@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
@keyframes progress-bar-stripes { 0% { background-position: 40px 0 } 100% { background-position: left top } }
.progress { overflow: hidden; height: 21px; margin-bottom: 21px; background-color: rgba(245, 245, 245, 1); border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) }
.progress-bar { float: left; width: 0; height: 100%; font-size: 13px; line-height: 21px; color: rgba(255, 255, 255, 1); text-align: center; background-color: rgba(66, 139, 202, 1); -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15); box-shadow: inset 0 -1px rgba(0, 0, 0, 0.15); -webkit-transition: width .6s ease; transition: width 0.6s ease }
.progress-striped .progress-bar { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-size: 40px 40px }
.progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: 2s linear infinite progress-bar-stripes }
.progress-bar-success { background-color: rgba(92, 184, 92, 1) }
.progress-striped .progress-bar-success { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)) }
.progress-bar-info { background-color: rgba(91, 192, 222, 1) }
.progress-striped .progress-bar-info { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)) }
.progress-bar-warning { background-color: rgba(240, 173, 78, 1) }
.progress-striped .progress-bar-warning { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)) }
.progress-bar-danger { background-color: rgba(217, 83, 79, 1) }
.progress-striped .progress-bar-danger { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)) }
.media, .media-body { overflow: hidden; zoom: 1 }
.media, .media .media { margin-top: 15px }
.media:first-child { margin-top: 0 }
.media-object { display: block }
.media-heading { margin: 0 0 5px }
.media>.pull-left { margin-right: 10px }
.media>.pull-right { margin-left: 10px }
.media-list { padding-left: 0; list-style: none }
.list-group { margin-bottom: 20px; padding-left: 0 }
.list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: rgba(246, 247, 249, 1); border: 1px solid rgba(0, 0, 0, 0) }
.list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px }
.list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px }
.list-group-item>.badge { float: right }
.list-group-item>.badge+.badge { margin-right: 5px }
a.list-group-item { color: rgba(238, 238, 238, 1) }
a.list-group-item .list-group-item-heading { color: rgba(51, 51, 51, 1) }
a.list-group-item:hover, a.list-group-item:focus { text-decoration: none; background-color: rgba(75, 86, 102, 1) }
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus { z-index: 2; color: rgba(45, 64, 83, 1); background-color: rgba(228, 235, 241, 1); border-color: rgba(0, 128, 255, 0.05) }
a.list-group-item.active .list-group-item-heading, a.list-group-item.active:hover .list-group-item-heading, a.list-group-item.active:focus .list-group-item-heading { color: inherit }
a.list-group-item.active .list-group-item-text, a.list-group-item.active:hover .list-group-item-text, a.list-group-item.active:focus .list-group-item-text { color: rgba(255, 255, 255, 1) }
.list-group-item-heading { margin-top: 0; margin-bottom: 5px }
.list-group-item-text { margin-bottom: 0; line-height: 1.3 }
.panel { margin-bottom: 21px; background-color: rgba(255, 255, 255, 1); border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) }
.panel-body { padding: 15px }
.panel-body:before, .panel-body:after { content: ” “; display: table }
.panel-body:after { clear: both }
.panel-body:before, .panel-body:after { content: ” “; display: table }
.panel-body:after { clear: both }
.panel>.list-group { margin-bottom: 0 }
.panel>.list-group .list-group-item { border-width: 1px 0 }
.panel>.list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0 }
.panel>.list-group .list-group-item:last-child { border-bottom: 0 }
.panel-heading+.list-group .list-group-item:first-child { border-top-width: 0 }
.panel>.table, .panel>.table-responsive>.table { margin-bottom: 0 }
.panel>.panel-body+.table, .panel>.panel-body+.table-responsive { border-top: 1px solid rgba(221, 221, 221, 1) }
.panel>.table>tbody:first-child th, .panel>.table>tbody:first-child td { border-top: 0 }
.panel>.table-bordered, .panel>.table-responsive>.table-bordered { border: 0 }
.panel>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child { border-left: 0 }
.panel>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child { border-right: 0 }
.panel>.table-bordered>thead>tr:last-child>th, .panel>.table-responsive>.table-bordered>thead>tr:last-child>th, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>th, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th, .panel>.table-bordered>thead>tr:last-child>td, .panel>.table-responsive>.table-bordered>thead>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td { border-bottom: 0 }
.panel>.table-responsive { border: 0; margin-bottom: 0 }
.panel-heading { padding: 10px 15px; border-bottom: 1px solid rgba(0, 0, 0, 0); border-top-right-radius: 3px; border-top-left-radius: 3px }
.panel-heading>.dropdown .dropdown-toggle { color: inherit }
.panel-title { margin-top: 0; margin-bottom: 0; font-size: 17px; color: inherit }
.panel-title>a { color: inherit }
.panel-footer { padding: 10px 15px; background-color: rgba(245, 245, 245, 1); border-top: 1px solid rgba(221, 221, 221, 1); border-bottom-right-radius: 3px; border-bottom-left-radius: 3px }
.panel-group .panel { margin-bottom: 0; border-radius: 4px; overflow: hidden }
.panel-group .panel+.panel { margin-top: 5px }
.panel-group .panel-heading { border-bottom: 0 }
.panel-group .panel-heading+.panel-collapse .panel-body { border-top: 1px solid rgba(221, 221, 221, 1) }
.panel-group .panel-footer { border-top: 0 }
.panel-group .panel-footer+.panel-collapse .panel-body { border-bottom: 1px solid rgba(221, 221, 221, 1) }
.panel-default { border-color: rgba(221, 221, 221, 1) }
.panel-default>.panel-heading { color: rgba(51, 51, 51, 1); background-color: rgba(245, 245, 245, 1); border-color: rgba(221, 221, 221, 1) }
.panel-default>.panel-heading+.panel-collapse .panel-body { border-top-color: rgba(221, 221, 221, 1) }
.panel-default>.panel-footer+.panel-collapse .panel-body { border-bottom-color: rgba(221, 221, 221, 1) }
.panel-primary { border-color: rgba(66, 139, 202, 1) }
.panel-primary>.panel-heading { color: rgba(255, 255, 255, 1); background-color: rgba(66, 139, 202, 1); border-color: rgba(66, 139, 202, 1) }
.panel-primary>.panel-heading+.panel-collapse .panel-body { border-top-color: rgba(66, 139, 202, 1) }
.panel-primary>.panel-footer+.panel-collapse .panel-body { border-bottom-color: rgba(66, 139, 202, 1) }
.panel-success { border-color: rgba(214, 233, 198, 1) }
.panel-success>.panel-heading { color: rgba(60, 118, 61, 1); background-color: rgba(223, 240, 216, 1); border-color: rgba(214, 233, 198, 1) }
.panel-success>.panel-heading+.panel-collapse .panel-body { border-top-color: rgba(214, 233, 198, 1) }
.panel-success>.panel-footer+.panel-collapse .panel-body { border-bottom-color: rgba(214, 233, 198, 1) }
.panel-warning { border-color: rgba(255, 209, 0, 0.24) }
.panel-warning>.panel-heading { color: rgba(184, 150, 0, 1); background-color: rgba(255, 209, 0, 0.12); border-color: rgba(255, 209, 0, 0.24) }
.panel-warning>.panel-heading+.panel-collapse .panel-body { border-top-color: rgba(255, 209, 0, 0.24) }
.panel-warning>.panel-footer+.panel-collapse .panel-body { border-bottom-color: rgba(255, 209, 0, 0.24) }
.panel-danger { border-color: rgba(232, 76, 61, 0.15) }
.panel-danger>.panel-heading { color: rgba(216, 42, 26, 1); background-color: rgba(232, 76, 61, 0.1); border-color: rgba(232, 76, 61, 0.15) }
.panel-danger>.panel-heading+.panel-collapse .panel-body { border-top-color: rgba(232, 76, 61, 0.15) }
.panel-danger>.panel-footer+.panel-collapse .panel-body { border-bottom-color: rgba(232, 76, 61, 0.15) }
.panel-info { border-color: rgba(188, 232, 241, 1) }
.panel-info>.panel-heading { color: rgba(49, 112, 143, 1); background-color: rgba(217, 237, 247, 1); border-color: rgba(188, 232, 241, 1) }
.panel-info>.panel-heading+.panel-collapse .panel-body { border-top-color: rgba(188, 232, 241, 1) }
.panel-info>.panel-footer+.panel-collapse .panel-body { border-bottom-color: rgba(188, 232, 241, 1) }
.well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: rgba(245, 245, 245, 1); border: 1px solid rgba(227, 227, 227, 1); border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05) }
.well blockquote { border-color: rgba(0, 0, 0, 0.15) }
.well-lg { padding: 24px; border-radius: 6px }
.well-sm { padding: 9px; border-radius: 3px }
.close { float: right; font-size: 22.5px; font-weight: bold; line-height: 1; color: rgba(44, 63, 81, 1); text-shadow: 0 1px rgba(255, 255, 255, 1); opacity: 0.2; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); filter: alpha(opacity=20) }
.close:hover, .close:focus { color: rgba(44, 63, 81, 1); text-decoration: none; cursor: pointer; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); filter: alpha(opacity=50) }
button.close { padding: 0; cursor: pointer; background: rgba(0, 0, 0, 0); border: 0; -webkit-appearance: none }
.modal-open { overflow: hidden }
.modal { display: none; overflow: auto; overflow-y: scroll; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040 }
.modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out }
.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
.modal-dialog { position: relative; width: auto; margin: 10px; z-index: 1050 }
.modal-content { position: relative; background-color: rgba(255, 255, 255, 1); border: 1px solid rgba(222, 230, 237, 1); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: none }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1030; background-color: rgba(115, 128, 140, 1) }
.modal-backdrop.fade { opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0) }
.modal-backdrop.in { opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); filter: alpha(opacity=50) }
.modal-header { padding: 15px; border-bottom: 1px solid rgba(235, 240, 244, 1); min-height: 16.45px }
.modal-header .close { margin-top: -2px }
.modal-title { margin: 0; line-height: 1.45 }
.modal-body { position: relative; padding: 20px }
.modal-footer { margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid rgba(235, 240, 244, 1) }
.modal-footer:before, .modal-footer:after { content: ” “; display: table }
.modal-footer:after { clear: both }
.modal-footer:before, .modal-footer:after { content: ” “; display: table }
.modal-footer:after { clear: both }
.modal-footer .btn+.btn { margin-left: 5px; margin-bottom: 0 }
.modal-footer .btn-group .btn+.btn { margin-left: -1px }
.modal-footer .btn-block+.btn-block { margin-left: 0 }
@media screen and (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) } }
.tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 13px; line-height: 1.4; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0) }
.tooltip.in { opacity: 0.9; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); filter: alpha(opacity=90) }
.tooltip.top { margin-top: -3px; padding: 5px 0 }
.tooltip.right { margin-left: 3px; padding: 0 5px }
.tooltip.bottom { margin-top: 3px; padding: 5px 0 }
.tooltip.left { margin-left: -3px; padding: 0 5px }
.tooltip-inner { max-width: 250px; padding: 3px 8px; color: rgba(255, 255, 255, 1); text-align: center; text-decoration: none; background-color: rgba(0, 0, 0, 1); border-radius: 4px }
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: rgba(0, 0, 0, 0); border-style: solid }
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: rgba(0, 0, 0, 1) }
.tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: rgba(0, 0, 0, 1) }
.tooltip.top-right .tooltip-arrow { bottom: 0; right: 5px; border-width: 5px 5px 0; border-top-color: rgba(0, 0, 0, 1) }
.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: rgba(0, 0, 0, 1) }
.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: rgba(0, 0, 0, 1) }
.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: rgba(0, 0, 0, 1) }
.tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: rgba(0, 0, 0, 1) }
.tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: rgba(0, 0, 0, 1) }
.popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: rgba(71, 81, 96, 1); background-clip: padding-box; border: 1px solid rgba(222, 230, 237, 1); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal }
.popover.top { margin-top: -10px }
.popover.right { margin-left: 10px }
.popover.bottom { margin-top: 10px }
.popover.left { margin-left: -10px }
.popover-title { margin: 0; padding: 8px 14px; font-size: 15px; font-weight: normal; line-height: 18px; background-color: rgba(0, 0, 0, 0); border-bottom: 1px solid rgba(0, 0, 0, 0); border-radius: 5px 5px 0 0 }
.popover-content { padding: 9px 14px }
.popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: rgba(0, 0, 0, 0); border-style: solid }
.popover .arrow { border-width: 11px }
.popover .arrow:after { border-width: 10px; content: “” }
.popover.top .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: rgba(222, 230, 237, 1); bottom: -11px }
.popover.top .arrow:after { content: ” “; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: rgba(71, 81, 96, 1) }
.popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: rgba(222, 230, 237, 1) }
.popover.right .arrow:after { content: ” “; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: rgba(71, 81, 96, 1) }
.popover.bottom .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: rgba(222, 230, 237, 1); top: -11px }
.popover.bottom .arrow:after { content: ” “; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: rgba(71, 81, 96, 1) }
.popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: rgba(222, 230, 237, 1) }
.popover.left .arrow:after { content: ” “; right: 1px; border-right-width: 0; border-left-color: rgba(71, 81, 96, 1); bottom: -10px }
.clearfix:before, .clearfix:after { content: ” “; display: table }
.clearfix:after { clear: both }
.center-block { display: block; margin-left: auto; margin-right: auto }
.pull-right { float: right !important }
.pull-left { float: left !important }
.hide { display: none !important }
.show { display: block !important }
.invisible { visibility: hidden }
.text-hide { font: 0 / 0 a; color: rgba(0, 0, 0, 0); text-shadow: none; background-color: rgba(0, 0, 0, 0); border: 0 }
.hidden { display: none !important; visibility: hidden !important }
.affix { position: fixed }
@font-face { font-family: “fontello”; src: url(“../font/fontello.eot?70892477#iefix”) format(“embedded-opentype”), url(“../font/fontello.woff?70892477”) format(“woff”), url(“../font/fontello.ttf?70892477”) format(“truetype”), url(“../font/fontello.svg?70892477#fontello”) format(“svg”); font-weight: normal; font-style: normal }
[class^=”icon-“]:before, [class*=” icon-“]:before { font-family: “fontello”; font-style: normal; font-weight: normal; speak: none; display: inline-block; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: 0.2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.icon-glass:before { content: “” }
.icon-resize-full-1:before { content: “” }
.icon-search:before { content: “” }
.icon-mail:before { content: “” }
.icon-mail-alt:before { content: “” }
.icon-heart:before { content: “” }
.icon-heart-empty:before { content: “” }
.icon-star:before { content: “” }
.icon-star-empty:before { content: “” }
.icon-star-half:before { content: “” }
.icon-star-half-alt:before { content: “” }
.icon-user:before { content: “” }
.icon-users:before { content: “” }
.icon-male:before { content: “” }
.icon-female:before { content: “” }
.icon-video:before { content: “” }
.icon-videocam:before { content: “” }
.icon-picture:before { content: “” }
.icon-camera:before { content: “” }
.icon-camera-alt:before { content: “” }
.icon-th-large:before { content: “” }
.icon-th:before { content: “” }
.icon-th-list:before { content: “” }
.icon-ok:before { content: “” }
.icon-ok-circled:before { content: “” }
.icon-ok-circled2:before { content: “” }
.icon-ok-squared:before { content: “” }
.icon-cancel:before { content: “” }
.icon-cancel-circled:before { content: “” }
.icon-cancel-circled2:before { content: “” }
.icon-plus:before { content: “” }
.icon-plus-circled:before { content: “” }
.icon-plus-squared:before { content: “” }
.icon-plus-squared-small:before { content: “” }
.icon-minus:before { content: “” }
.icon-minus-circled:before { content: “” }
.icon-minus-squared:before { content: “” }
.icon-minus-squared-alt:before { content: “” }
.icon-minus-squared-small:before { content: “” }
.icon-help:before { content: “” }
.icon-help-circled:before { content: “” }
.icon-info-circled:before { content: “” }
.icon-info:before { content: “” }
.icon-home:before { content: “” }
.icon-link:before { content: “” }
.icon-unlink:before { content: “” }
.icon-link-ext:before { content: “” }
.icon-link-ext-alt:before { content: “” }
.icon-attach:before { content: “” }
.icon-lock:before { content: “” }
.icon-lock-open:before { content: “” }
.icon-lock-open-alt:before { content: “” }
.icon-pin:before { content: “” }
.icon-eye:before { content: “” }
.icon-eye-off:before { content: “” }
.icon-tag:before { content: “” }
.icon-tags:before { content: “” }
.icon-bookmark:before { content: “” }
.icon-bookmark-empty:before { content: “” }
.icon-flag:before { content: “” }
.icon-flag-empty:before { content: “” }
.icon-flag-checkered:before { content: “” }
.icon-thumbs-up:before { content: “” }
.icon-thumbs-down:before { content: “” }
.icon-thumbs-up-alt:before { content: “” }
.icon-thumbs-down-alt:before { content: “” }
.icon-download:before { content: “” }
.icon-upload:before { content: “” }
.icon-download-cloud:before { content: “” }
.icon-upload-cloud:before { content: “” }
.icon-reply:before { content: “” }
.icon-reply-all:before { content: “” }
.icon-forward:before { content: “” }
.icon-quote-left:before { content: “” }
.icon-quote-right:before { content: “” }
.icon-export-alt:before { content: “” }
.icon-pencil:before { content: “” }
.icon-pencil-squared:before { content: “” }
.icon-edit:before { content: “” }
.icon-print:before { content: “” }
.icon-retweet:before { content: “” }
.icon-keyboard:before { content: “” }
.icon-gamepad:before { content: “” }
.icon-comment:before { content: “” }
.icon-chat:before { content: “” }
.icon-comment-empty:before { content: “” }
.icon-chat-empty:before { content: “” }
.icon-bell:before { content: “” }
.icon-bell-alt:before { content: “” }
.icon-attention-alt:before { content: “” }
.icon-attention:before { content: “” }
.icon-attention-circled:before { content: “” }
.icon-location:before { content: “” }
.icon-direction:before { content: “” }
.icon-compass:before { content: “” }
.icon-doc:before { content: “” }
.icon-docs:before { content: “” }
.icon-doc-text:before { content: “” }
.icon-file:before { content: “” }
.icon-doc-text-inv:before { content: “” }
.icon-folder-empty:before { content: “” }
.icon-folder-open-empty:before { content: “” }
.icon-box:before { content: “” }
.icon-rss:before { content: “” }
.icon-rss-squared:before { content: “” }
.icon-phone:before { content: “” }
.icon-phone-squared:before { content: “” }
.icon-menu:before { content: “” }
.icon-cog:before { content: “” }
.icon-cog-alt:before { content: “” }
.icon-wrench:before { content: “” }
.icon-basket:before { content: “” }
.icon-calendar:before { content: “” }
.icon-calendar-empty:before { content: “” }
.icon-login:before { content: “” }
.icon-logout:before { content: “” }
.icon-mic:before { content: “” }
.icon-mute:before { content: “” }
.icon-volume-off:before { content: “” }
.icon-volume-down:before { content: “” }
.icon-volume-up:before { content: “” }
.icon-headphones:before { content: “” }
.icon-clock:before { content: “” }
.icon-lightbulb:before { content: “” }
.icon-block:before { content: “” }
.icon-resize-full-alt:before { content: “” }
.icon-resize-small:before { content: “” }
.icon-resize-vertical:before { content: “” }
.icon-resize-horizontal:before { content: “” }
.icon-move:before { content: “” }
.icon-zoom-in:before { content: “” }
.icon-zoom-out:before { content: “” }
.icon-down-circled2:before { content: “” }
.icon-up-circled2:before { content: “” }
.icon-down-dir:before { content: “” }
.icon-up-dir:before { content: “” }
.icon-left-dir:before { content: “” }
.icon-right-dir:before { content: “” }
.icon-down-open:before { content: “” }
.icon-left-open:before { content: “” }
.icon-right-open:before { content: “” }
.icon-up-open:before { content: “” }
.icon-angle-left:before { content: “” }
.icon-angle-right:before { content: “” }
.icon-angle-up:before { content: “” }
.icon-angle-down:before { content: “” }
.icon-angle-circled-left:before { content: “” }
.icon-angle-circled-right:before { content: “” }
.icon-angle-circled-up:before { content: “” }
.icon-angle-circled-down:before { content: “” }
.icon-angle-double-left:before { content: “” }
.icon-angle-double-right:before { content: “” }
.icon-angle-double-up:before { content: “” }
.icon-angle-double-down:before { content: “” }
.icon-down:before { content: “” }
.icon-left:before { content: “” }
.icon-right:before { content: “” }
.icon-up:before { content: “” }
.icon-down-big:before { content: “” }
.icon-music:before { content: “” }
.icon-archive:before { content: “” }
.icon-up-big:before { content: “” }
.icon-right-hand:before { content: “” }
.icon-resize-small-1:before { content: “” }
.icon-cancel-squared:before { content: “” }
.icon-down-hand:before { content: “” }
.icon-left-circled:before { content: “” }
.icon-right-circled:before { content: “” }
.icon-up-circled:before { content: “” }
.icon-down-circled:before { content: “” }
.icon-cw:before { content: “” }
.icon-ccw:before { content: “” }
.icon-refresh:before { content: “” }
.icon-level-up:before { content: “” }
.icon-level-down:before { content: “” }
.icon-shuffle:before { content: “” }
.icon-exchange:before { content: “” }
.icon-collapse:before { content: “” }
.icon-collapse-top:before { content: “” }
.icon-expand:before { content: “” }
.icon-play:before { content: “” }
.icon-play-circled:before { content: “” }
.icon-play-circled2:before { content: “” }
.icon-stop:before { content: “” }
.icon-pause:before { content: “” }
.icon-to-end:before { content: “” }
.icon-to-end-alt:before { content: “” }
.icon-to-start:before { content: “” }
.icon-to-start-alt:before { content: “” }
.icon-fast-fw:before { content: “” }
.icon-fast-bw:before { content: “” }
.icon-eject:before { content: “” }
.icon-signal:before { content: “” }
.icon-award:before { content: “” }
.icon-desktop:before { content: “” }
.icon-laptop:before { content: “” }
.icon-tablet:before { content: “” }
.icon-mobile:before { content: “” }
.icon-inbox:before { content: “” }
.icon-globe:before { content: “” }
.icon-sun:before { content: “” }
.icon-cloud:before { content: “” }
.icon-flash:before { content: “” }
.icon-moon:before { content: “” }
.icon-umbrella:before { content: “” }
.icon-flight:before { content: “” }
.icon-fighter-jet:before { content: “” }
.icon-leaf:before { content: “” }
.icon-font:before { content: “” }
.icon-bold:before { content: “” }
.icon-italic:before { content: “” }
.icon-text-height:before { content: “” }
.icon-text-width:before { content: “” }
.icon-align-left:before { content: “” }
.icon-align-center:before { content: “” }
.icon-align-right:before { content: “” }
.icon-align-justify:before { content: “” }
.icon-list:before { content: “” }
.icon-indent-left:before { content: “” }
.icon-indent-right:before { content: “” }
.icon-list-bullet:before { content: “” }
.icon-list-numbered:before { content: “” }
.icon-strike:before { content: “” }
.icon-underline:before { content: “” }
.icon-superscript:before { content: “” }
.icon-subscript:before { content: “” }
.icon-table:before { content: “” }
.icon-columns:before { content: “” }
.icon-crop:before { content: “” }
.icon-scissors:before { content: “” }
.icon-paste:before { content: “” }
.icon-briefcase:before { content: “” }
.icon-suitcase:before { content: “” }
.icon-ellipsis:before { content: “” }
.icon-ellipsis-vert:before { content: “” }
.icon-off:before { content: “” }
.icon-road:before { content: “” }
.icon-list-alt:before { content: “” }
.icon-qrcode:before { content: “” }
.icon-barcode:before { content: “” }
.icon-book:before { content: “” }
.icon-ajust:before { content: “” }
.icon-tint:before { content: “” }
.icon-check:before { content: “” }
.icon-check-empty:before { content: “” }
.icon-circle:before { content: “” }
.icon-circle-empty:before { content: “” }
.icon-asterisk:before { content: “” }
.icon-gift:before { content: “” }
.icon-fire:before { content: “” }
.icon-magnet:before { content: “” }
.icon-ticket:before { content: “” }
.icon-credit-card:before { content: “” }
.icon-floppy:before { content: “” }
.icon-megaphone:before { content: “” }
.icon-key:before { content: “” }
.icon-fork:before { content: “” }
.icon-rocket:before { content: “” }
.icon-bug:before { content: “” }
.icon-certificate:before { content: “” }
.icon-tasks:before { content: “” }
.icon-filter:before { content: “” }
.icon-beaker:before { content: “” }
.icon-magic:before { content: “” }
.icon-truck:before { content: “” }
.icon-money:before { content: “” }
.icon-euro:before { content: “” }
.icon-pound:before { content: “” }
.icon-dollar:before { content: “” }
.icon-rupee:before { content: “” }
.icon-yen:before { content: “” }
.icon-renminbi:before { content: “” }
.icon-won:before { content: “” }
.icon-bitcoin:before { content: “” }
.icon-sort:before { content: “” }
.icon-sort-down:before { content: “” }
.icon-sort-up:before { content: “” }
.icon-sort-alt-up:before { content: “” }
.icon-sort-alt-down:before { content: “” }
.icon-sort-name-up:before { content: “” }
.icon-sort-name-down:before { content: “” }
.icon-sort-number-up:before { content: “” }
.icon-sort-number-down:before { content: “” }
.icon-hammer:before { content: “” }
.icon-gauge:before { content: “” }
.icon-sitemap:before { content: “” }
.icon-spinner:before { content: “” }
.icon-coffee:before { content: “” }
.icon-food:before { content: “” }
.icon-beer:before { content: “” }
.icon-user-md:before { content: “” }
.icon-stethoscope:before { content: “” }
.icon-ambulance:before { content: “” }
.icon-medkit:before { content: “” }
.icon-h-sigh:before { content: “” }
.icon-hospital:before { content: “” }
.icon-building:before { content: “” }
.icon-smile:before { content: “” }
.icon-frown:before { content: “” }
.icon-meh:before { content: “” }
.icon-anchor:before { content: “” }
.icon-terminal:before { content: “” }
.icon-eraser:before { content: “” }
.icon-puzzle:before { content: “” }
.icon-shield:before { content: “” }
.icon-extinguisher:before { content: “” }
.icon-bullseye:before { content: “” }
.icon-resize-full:before { content: “” }
.icon-target:before { content: “” }
.icon-layers:before { content: “” }
.icon-chart-bar:before { content: “” }
.icon-share:before { content: “” }
.icon-hdd:before { content: “” }
.icon-trash:before { content: “” }
.icon-folder:before { content: “” }
.icon-code:before { content: “” }
.icon-folder-open:before { content: “” }
.icon-left-big:before { content: “” }
.icon-evernote:before { content: “” }
.icon-right-big:before { content: “” }
.icon-spin3:before { content: “” }
.icon-spin4:before { content: “” }
.icon-spin6:before { content: “” }
.icon-arrows-cw:before { content: “” }
.icon-resize-normal:before { content: “” }
.icon-left-hand:before { content: “” }
.icon-evernote-1:before { content: “” }
.icon-up-hand:before { content: “” }
.icon-file-pdf:before { content: “” }
.icon-doc-text-1:before { content: “” }
.icon-file-word:before { content: “” }
.icon-file-excel:before { content: “” }
.icon-file-powerpoint:before { content: “” }
.icon-file-image:before { content: “” }
.icon-file-archive:before { content: “” }
.icon-file-audio:before { content: “” }
.icon-file-video:before { content: “” }
.icon-file-code:before { content: “” }
.icon-doc-1:before { content: “” }
.icon-share-1:before { content: “” }
.icon-users-1:before { content: “” }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block }
audio, canvas, video { display: inline-block }
audio:not([controls]) { display: none; height: 0 }
[hidden], template { display: none }
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
body { margin: 0 }
a { background: rgba(0, 0, 0, 0) }
a:focus { outline: 1px dotted }
a:active, a:hover { outline: 0 }
h1 { font-size: 2em; margin: 0.67em 0 }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: bold }
dfn { font-style: italic }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 }
mark { background: rgba(255, 255, 0, 1); color: rgba(0, 0, 0, 1) }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em }
pre { white-space: pre-wrap }
q { quotes: ““” “”” “‘” “’” }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: -0.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 0 }
fieldset { border: 1px solid rgba(192, 192, 192, 1); margin: 0 2px; padding: 0.35em 0.625em 0.75em }
legend { border: 0; padding: 0 }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0 }
button, input { line-height: normal }
button, select { text-transform: none }
button, html input[type=”button”], input[type=”reset”], input[type=”submit”] { -webkit-appearance: button; cursor: pointer }
button[disabled], html input[disabled] { cursor: default }
input[type=”checkbox”], input[type=”radio”] { box-sizing: border-box; padding: 0 }
input[type=”search”] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box }
{ -webkit-appearance: none }
{ border: 0; padding: 0 }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0,0,0,0) }
body { font-family: “Helvetica Neue”, Arial, “Hiragino Sans GB”, “STHeiti”, “Microsoft YaHei”, “WenQuanYi Micro Hei”, SimSun, Song, sans-serif; font-size: 15px; line-height: 1.45; color: rgba(44, 63, 81, 1) }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit }
a { color: rgba(25, 128, 230, 1); text-decoration: none }
a:hover, a:focus { color: rgba(15, 77, 138, 1); text-decoration: underline }
a:focus { outline: 1px dotted; outline-offset: -2px }
img { vertical-align: middle }
.img-responsive { display: block; max-width: 100%; height: auto }
.img-rounded { border-radius: 6px }
.img-thumbnail { padding: 4px; line-height: 1.45; border: 1px solid rgba(221, 221, 221, 1); border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto }
.img-circle { border-radius: 50% }
hr { margin-top: 21px; margin-bottom: 21px; border-top: 1px solid rgba(102, 128, 153, 0.1); border-right: 0; border-bottom: 0; border-left: 0 }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 300; line-height: 1.1; color: inherit }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: rgba(153, 153, 153, 1) }
h1, h2, h3 { margin-top: 21px; margin-bottom: 10.5px }
h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small { font-size: 65% }
h4, h5, h6 { margin-top: 10.5px; margin-bottom: 10.5px }
h4 small, h5 small, h6 small, h4 .small, h5 .small, h6 .small { font-size: 75% }
h1, .h1 { font-size: 39px }
h2, .h2 { font-size: 32px }
h3, .h3 { font-size: 26px }
h4, .h4 { font-size: 19px }
h5, .h5 { font-size: 15px }
h6, .h6 { font-size: 13px }
p { margin: 0 0 10.5px }
.lead { margin-bottom: 21px; font-size: 17px; font-weight: 200; line-height: 1.4 }
@media (min-width: 768px) { .lead { font-size: 22.5px } }
small, .small { font-size: 85% }
cite { font-style: normal }
.text-muted { color: rgba(153, 153, 153, 1) }
.text-primary { color: rgba(66, 139, 202, 1) }
.text-primary:hover { color: rgba(48, 113, 169, 1) }
.text-warning { color: rgba(184, 150, 0, 1) }
.text-warning:hover { color: rgba(133, 109, 0, 1) }
.text-danger { color: rgba(216, 42, 26, 1) }
.text-danger:hover { color: rgba(171, 33, 20, 1) }
.text-success { color: rgba(60, 118, 61, 1) }
.text-success:hover { color: rgba(43, 84, 44, 1) }
.text-info { color: rgba(49, 112, 143, 1) }
.text-info:hover { color: rgba(36, 82, 105, 1) }
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.page-header { padding-bottom: 9.5px; margin: 42px 0 21px }
ul, ol { margin-top: 0; margin-bottom: 10.5px }
ul ul, ol ul, ul ol, ol ol { margin-bottom: 0 }
.list-unstyled { padding-left: 0; list-style: none }
.list-inline { padding-left: 0; list-style: none }
.list-inline>li { display: inline-block; padding-left: 5px; padding-right: 5px }
.list-inline>li:first-child { padding-left: 0 }
dl { margin-top: 0; margin-bottom: 21px }
dt, dd { line-height: 1.45 }
dt { font-weight: bold }
dd { margin-left: 0 }
@media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .dl-horizontal dd { margin-left: 180px } .dl-horizontal dd:before, .dl-horizontal dd:after { content: ” “; display: table } .dl-horizontal dd:after { clear: both } .dl-horizontal dd:before, .dl-horizontal dd:after { content: ” “; display: table } .dl-horizontal dd:after { clear: both } }
abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted rgba(153, 153, 153, 1) }
.initialism { font-size: 90%; text-transform: uppercase }
blockquote { padding: 10.5px 21px; margin: 0 0 21px; border-left: 5px solid rgba(102, 128, 153, 0.07) }
blockquote p { font-size: 18.75px; font-weight: 300; line-height: 1.25 }
blockquote p:last-child { margin-bottom: 0 }
blockquote small, blockquote .small { display: block; line-height: 1.45; color: rgba(153, 153, 153, 1) }
blockquote small:before, blockquote .small:before { content: “— ” }
blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid rgba(102, 128, 153, 0.07); border-left: 0 }
blockquote.pull-right p, blockquote.pull-right small, blockquote.pull-right .small { text-align: right }
blockquote.pull-right small:before, blockquote.pull-right .small:before { content: “” }
blockquote.pull-right small:after, blockquote.pull-right .small:after { content: ” —” }
blockquote:before, blockquote:after { content: “” }
address { margin-bottom: 21px; font-style: normal; line-height: 1.45 }
code, kbd, pre, samp { font-family: “Source Code Pro”, monospace }
code { padding: 2px 4px; font-size: 90%; color: rgba(44, 63, 81, 1); background-color: rgba(102, 128, 153, 0.07); white-space: nowrap; border-radius: 4px }
pre { display: block; padding: 10px; margin: 0 0 10.5px; font-size: 14px; line-height: 1.45; word-break: break-all; word-wrap: break-word; color: rgba(51, 51, 51, 1); background-color: rgba(102, 128, 153, 0.05); border: 1px solid rgba(102, 128, 153, 0.07); border-radius: 4px }
pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: rgba(0, 0, 0, 0); border-radius: 0 }
.pre-scrollable { max-height: 340px; overflow-y: scroll }
.pln { color: rgba(0, 0, 0, 1) }
.str { color: rgba(0, 136, 0, 1) }
.kwd { color: rgba(0, 0, 136, 1) }
.com { color: rgba(136, 0, 0, 1) }
.typ { color: rgba(102, 0, 102, 1) }
.lit { color: rgba(0, 102, 102, 1) }
.pun, .opn, .clo { color: rgba(102, 102, 0, 1) }
.tag { color: rgba(0, 0, 136, 1) }
.atn { color: rgba(102, 0, 102, 1) }
.atv { color: rgba(0, 136, 0, 1) }
.dec, .var { color: rgba(102, 0, 102, 1) }
.fun { color: rgba(255, 0, 0, 1) }
pre.prettyprint { padding: 0; border: 0 }
ol.linenums { margin-top: 0; margin-bottom: 0 }
li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 { list-style-type: none }
li.L1, li.L3, li.L5, li.L7, li.L9 { background: rgba(238, 238, 238, 1) }
@font-face { font-family: “fontello”; src: url(“../font/fontello.svg?1482341078908#fontello”) format(“svg”), url(“../font/fontello.woff?1482341078908”) format(“woff”); font-weight: normal; font-style: normal }
@font-face { font-family: “Source Sans Pro”; font-style: normal; font-weight: 300; src: local(“Source Sans Pro Light”), local(“SourceSansPro-Light”), url(“../font/SourceSansPro-Light-webfont.woff”) format(“woff”) }
@font-face { font-family: “Source Sans Pro”; font-style: normal; font-weight: 400; src: local(“Source Sans Pro”), local(“SourceSansPro”), url(“../font/SourceSansPro-Regular-webfont.woff”) format(“woff”) }
@font-face { font-family: “Source Sans Pro”; font-style: normal; font-weight: 700; src: local(“Source Sans Pro Bold”), local(“SourceSansPro-Bold”), url(“../font/SourceSansPro-Bold-webfont.woff”) format(“woff”) }
@font-face { font-family: “Source Sans Pro”; font-style: italic; font-weight: 300; src: local(“Source Sans Pro Light Italic”), local(“SourceSansProLight-Italic”), url(“../font/SourceSansPro-LightItalic-webfont.woff”) format(“woff”) }
@font-face { font-family: “Source Sans Pro”; font-style: italic; font-weight: 400; src: local(“Source Sans Pro Italic”), local(“SourceSansPro-Italic”), url(“../font/SourceSansPro-Italic-webfont.woff”) format(“woff”) }
@font-face { font-family: “Source Sans Pro”; font-style: italic; font-weight: 700; src: local(“Source Sans Pro Bold Italic”), local(“SourceSansPro-BoldItalic”), url(“../font/SourceSansPro-BoldItalic-webfont.woff”) format(“woff”) }
@font-face { font-family: “Source Code Pro”; font-style: normal; font-weight: 400; src: local(“Source Code Pro”), local(“SourceCodePro-Regular”), url(“../font/SourceCodePro-Regular-webfont.woff”) format(“woff”) }
@font-face { font-family: “Source Code Pro”; font-style: normal; font-weight: 700; src: local(“Source Code Pro Bold”), local(“SourceCodePro-Bold”), url(“../font/SourceCodePro-Bold-webfont.woff”) format(“woff”) }
.container { margin-bottom: 180px; text-align: justify }
a code { color: inherit }
h1 { font-size: 2.6em }
h2 { font-size: 2.15em }
h3 { font-size: 1.7em }
h4 { font-size: 1.25em }
h5 { font-size: 1em }
h6 { font-size: 0.85em }
h1, h2, h3, h4, h5, h6 { margin: 1.8em 0 }
pre { }
p, pre, pre.prettyprint, blockquote { margin: 0 0 1.1em }
hr { margin: 2em 0 }
img { max-width: 100% }
.sequence-diagram, .flow-chart { text-align: center; margin-bottom: 1.1em }
.sequence-diagram text, .flow-chart text { font-size: 15px !important; font-family: “Helvetica Neue”, Arial, “Hiragino Sans GB”, “STHeiti”, “Microsoft YaHei”, “WenQuanYi Micro Hei”, SimSun, Song, sans-serif !important }
.sequence-diagram [stroke=”#000000″], .flow-chart [stroke=”#000000″] { stroke: rgba(44, 63, 81, 1) }
.sequence-diagram text[stroke=”#000000″], .flow-chart text[stroke=”#000000″] { stroke: none }
.sequence-diagram [fill=”#000″], .flow-chart [fill=”#000″], .sequence-diagram [fill=”#000000″], .flow-chart [fill=”#000000″], .sequence-diagram [fill=”black”], .flow-chart [fill=”black”] { fill: rgba(44, 63, 81, 1) }
code, pre { font-family: “Source Code Pro”, monospace; font-size: 0.9em }
code { white-space: normal }
pre, pre.prettyprint { border: 0; border-radius: 5px; word-break: break-all }
pre code, pre.prettyprint code { padding: 1.3em 2em !important }
pre.prettyprint.with-line-number { position: relative }
pre.prettyprint.with-line-number code { padding-left: 3.3em !important }
pre.prettyprint.with-line-number .hljs-comment.line-number { min-width: 2.2em; display: inline-block; text-align: right; opacity: 0.8; position: absolute; left: 0.3em }
.hljs-comment.line-number { display: none }
dt, dd { margin-top: 5px; margin-bottom: 5px }
dd { margin-left: 40px }
table { margin-bottom: 20px }
table th, table td { padding: 8px; line-height: 20px; vertical-align: top; border-top: 1px solid rgba(221, 221, 221, 1) }
table th { font-weight: bold }
table thead th { vertical-align: bottom }
table caption+thead tr:first-child th, table caption+thead tr:first-child td, table colgroup+thead tr:first-child th, table colgroup+thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td { border-top: 0 }
table tbody+tbody { border-top: 2px solid rgba(221, 221, 221, 1) }
blockquote { border-left-width: 10px; background-color: rgba(102, 128, 153, 0.05); border-top-right-radius: 5px; border-bottom-right-radius: 5px; padding: 15px 20px }
blockquote p { margin-bottom: 1.1em; font-size: 1em; line-height: 1.45 }
blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0 }
ul, ol { margin-bottom: 1.1em }
ul ul, ol ul, ul ol, ol ol { margin-bottom: 1.1em }
kbd { padding: 0.1em 0.6em; border: 1px solid rgba(44, 63, 81, 0.25); -webkit-box-shadow: 0 1px 0 rgba(44,63,81,0.25); box-shadow: 0 1px rgba(44, 63, 81, 0.25); font-size: 0.7em; font-family: sans-serif; background-color: rgba(255, 255, 255, 1); color: rgba(51, 51, 51, 1); border-radius: 3px; display: inline-block; margin: 0 0.1em; white-space: nowrap }
.toc ul { list-style-type: none; margin-bottom: 15px }
.footnote { vertical-align: top; position: relative; top: -0.5em; font-size: 0.8em }
li.checklist-item { list-style: none; margin-left: -1.2em }
.checklist { margin-bottom: 1.1em }
.checklist-item>.checklist { margin-left: 1.4em }
li>p:last-child { margin-bottom: 0 }
[class^=”icon-“], [class*=” icon-“] { display: inline-block; line-height: 1.35em; vertical-align: middle; background-repeat: no-repeat }
.icon-code { font-size: 83%; line-height: 1.65em }
.icon-code:before { margin-left: 0.1em; margin-right: 0.6em }
.icon-trash { line-height: 1.5em }
.icon-folder-open { font-size: 80% }
.icon-folder-open:before { margin-right: 0.6em }
.icon-chart-bar { font-size: 95% }
.icon-chart-bar:before { margin-left: 0.3em; margin-right: 0.3em }
.icon-comment-alt, .icon-chat { font-size: 92% }
.icon-comment-alt:before, .icon-chat:before { margin-left: 0.1em; margin-right: 0.4em }
.icon-file { font-size: 104%; margin-left: 0; margin-right: 0 }
.icon-link { font-size: 104% }
[class^=”icon-provider-“], [class*=” icon-provider-“] { background-image: url(“../img/icons.png”); width: 18px; height: 16px; margin-top: -2px; margin-left: 2px }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min–moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { [class^=”icon-provider-“], [class*=” icon-provider-“] { background-image: url(“../img/icons2x.png”); background-size: 256px 16px } }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min–moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { [class^=”icon-provider-“], [class*=” icon-provider-“] { background-image: url(“../img/icons2x.png”); background-size: 256px 16px } }
.icon-provider-stackedit { background-position: left top }
.icon-provider-gdrive, .icon-provider-gdrivesec, .icon-provider-gdriveter { background-position: -18px 0 }
.icon-provider-dropbox { background-position: -37px 0 }
.icon-provider-github, .icon-provider-gist { background-position: -54px 0 }
.icon-provider-blogger, .icon-provider-bloggerpage { background-position: -72px 0 }
.icon-provider-tumblr { background-position: -90px 0 }
.icon-provider-wordpress { background-position: -108px 0 }
.icon-provider-ssh { background-position: -126px 0 }
.icon-provider-gplus { background-position: -144px 0 }
.icon-provider-couchdb { background-position: -162px 0 }
body.rtl #wmd-input, body.rtl #preview-contents, body.rtl .input-file-title, body.rtl .search-bar input, body.rtl .modal-document-manager input, body.rtl .comments-popover, body.rtl .container { direction: rtl }
.MathJax_SVG_Display { text-align: center; margin: 1em 0; position: relative; display: block !important; text-indent: 0; max-width: none; max-height: none; min-width: 0; min-height: 0; width: 100% }
.MathJax_SVG { display: inline; font-style: normal; font-weight: normal; line-height: normal; font-size: 100%; font-size-adjust: none; text-indent: 0; text-align: left; text-transform: none; letter-spacing: normal; word-spacing: normal; word-wrap: normal; white-space: nowrap; float: none; direction: ltr; max-width: none; max-height: none; min-width: 0; min-height: 0; border: 0; padding: 0; margin: 0; vertical-align: middle }
.hljs-light .hljs { display: block; padding: 0.5em; background-color: rgba(240, 240, 240, 1) }
.hljs-light .hljs, .hljs-light .hljs-subst, .hljs-light .hljs-tag .hljs-title, .hljs-light .lisp .hljs-title, .hljs-light .clojure .hljs-built_in, .hljs-light .nginx .hljs-title { color: rgba(0, 0, 0, 1) }
.hljs-light .hljs-string, .hljs-light .hljs-title, .hljs-light .hljs-constant, .hljs-light .hljs-parent, .hljs-light .hljs-tag .hljs-value, .hljs-light .hljs-rules .hljs-value, .hljs-light .hljs-rules .hljs-value .hljs-number, .hljs-light .hljs-preprocessor, .hljs-light .hljs-pragma, .hljs-light .haml .hljs-symbol, .hljs-light .ruby .hljs-symbol, .hljs-light .ruby .hljs-symbol .hljs-string, .hljs-light .hljs-aggregate, .hljs-light .hljs-template_tag, .hljs-light .django .hljs-variable, .hljs-light .smalltalk .hljs-class, .hljs-light .hljs-addition, .hljs-light .hljs-flow, .hljs-light .hljs-stream, .hljs-light .bash .hljs-variable, .hljs-light .apache .hljs-tag, .hljs-light .apache .hljs-cbracket, .hljs-light .tex .hljs-command, .hljs-light .tex .hljs-special, .hljs-light .erlang_repl .hljs-function_or_atom, .hljs-light .asciidoc .hljs-header, .hljs-light .markdown .hljs-header, .hljs-light .coffeescript .hljs-attribute { color: rgba(136, 0, 0, 1) }
.hljs-light .smartquote, .hljs-light .hljs-comment, .hljs-light .hljs-annotation, .hljs-light .hljs-template_comment, .hljs-light .diff .hljs-header, .hljs-light .hljs-chunk, .hljs-light .asciidoc .hljs-blockquote, .hljs-light .markdown .hljs-blockquote { color: rgba(136, 136, 136, 1) }
.hljs-light .hljs-number, .hljs-light .hljs-date, .hljs-light .hljs-regexp, .hljs-light .hljs-literal, .hljs-light .hljs-hexcolor, .hljs-light .smalltalk .hljs-symbol, .hljs-light .smalltalk .hljs-char, .hljs-light .go .hljs-constant, .hljs-light .hljs-change, .hljs-light .lasso .hljs-variable, .hljs-light .makefile .hljs-variable, .hljs-light .asciidoc .hljs-bullet, .hljs-light .markdown .hljs-bullet, .hljs-light .asciidoc .hljs-link_url, .hljs-light .markdown .hljs-link_url { color: rgba(0, 136, 0, 1) }
.hljs-light .hljs-label, .hljs-light .hljs-javadoc, .hljs-light .ruby .hljs-string, .hljs-light .hljs-decorator, .hljs-light .hljs-filter .hljs-argument, .hljs-light .hljs-localvars, .hljs-light .hljs-array, .hljs-light .hljs-attr_selector, .hljs-light .hljs-important, .hljs-light .hljs-pseudo, .hljs-light .hljs-pi, .hljs-light .haml .hljs-bullet, .hljs-light .hljs-doctype, .hljs-light .hljs-deletion, .hljs-light .hljs-envvar, .hljs-light .hljs-shebang, .hljs-light .apache .hljs-sqbracket, .hljs-light .nginx .hljs-built_in, .hljs-light .tex .hljs-formula, .hljs-light .erlang_repl .hljs-reserved, .hljs-light .hljs-prompt, .hljs-light .asciidoc .hljs-link_label, .hljs-light .markdown .hljs-link_label, .hljs-light .vhdl .hljs-attribute, .hljs-light .clojure .hljs-attribute, .hljs-light .asciidoc .hljs-attribute, .hljs-light .lasso .hljs-attribute, .hljs-light .coffeescript .hljs-property, .hljs-light .hljs-phony { color: rgba(136, 136, 255, 1) }
.hljs-light .hljs-keyword, .hljs-light .hljs-id, .hljs-light .hljs-title, .hljs-light .hljs-built_in, .hljs-light .hljs-aggregate, .hljs-light .css .hljs-tag, .hljs-light .hljs-javadoctag, .hljs-light .hljs-phpdoc, .hljs-light .hljs-yardoctag, .hljs-light .smalltalk .hljs-class, .hljs-light .hljs-winutils, .hljs-light .bash .hljs-variable, .hljs-light .apache .hljs-tag, .hljs-light .go .hljs-typename, .hljs-light .tex .hljs-command, .hljs-light .asciidoc .hljs-strong, .hljs-light .markdown .hljs-strong, .hljs-light .hljs-request, .hljs-light .hljs-status { font-weight: bold }
.hljs-light .asciidoc .hljs-emphasis, .hljs-light .markdown .hljs-emphasis { font-style: italic }
.hljs-light .nginx .hljs-built_in { font-weight: normal }
.hljs-light .coffeescript .javascript, .hljs-light .javascript .xml, .hljs-light .lasso .markup, .hljs-light .tex .hljs-formula, .hljs-light .xml .javascript, .hljs-light .xml .vbscript, .hljs-light .xml .css, .hljs-light .xml .hljs-cdata { opacity: 0.5 }
.hljs-dark { background: rgba(246, 246, 246, 1) }
.hljs-dark .hljs { display: block; padding: 0.5em; background: rgba(35, 36, 31, 1) }
.hljs-dark .hljs, .hljs-dark .hljs-tag, .hljs-dark .css .hljs-rules, .hljs-dark .css .hljs-value, .hljs-dark .css .hljs-function .hljs-preprocessor, .hljs-dark .hljs-pragma { color: rgba(248, 248, 242, 1) }
.hljs-dark .hljs-strongemphasis, .hljs-dark .hljs-strong, .hljs-dark .hljs-emphasis { color: rgba(168, 168, 162, 1) }
.hljs-dark .hljs-bullet, .hljs-dark .hljs-blockquote, .hljs-dark .hljs-horizontal_rule, .hljs-dark .hljs-number, .hljs-dark .hljs-regexp, .hljs-dark .alias .hljs-keyword, .hljs-dark .hljs-literal, .hljs-dark .hljs-hexcolor { color: rgba(174, 129, 255, 1) }
.hljs-dark .hljs-tag .hljs-value, .hljs-dark .hljs-code, .hljs-dark .hljs-title, .hljs-dark .css .hljs-class, .hljs-dark .hljs-class .hljs-title:last-child { color: rgba(166, 226, 46, 1) }
.hljs-dark .hljs-link_url { font-size: 80% }
.hljs-dark .hljs-strong, .hljs-dark .hljs-strongemphasis { font-weight: bold }
.hljs-dark .hljs-emphasis, .hljs-dark .hljs-strongemphasis, .hljs-dark .hljs-class .hljs-title:last-child { font-style: italic }
.hljs-dark .hljs-keyword, .hljs-dark .hljs-function, .hljs-dark .hljs-change, .hljs-dark .hljs-winutils, .hljs-dark .hljs-flow, .hljs-dark .lisp .hljs-title, .hljs-dark .clojure .hljs-built_in, .hljs-dark .nginx .hljs-title, .hljs-dark .tex .hljs-special, .hljs-dark .hljs-header, .hljs-dark .hljs-attribute, .hljs-dark .hljs-symbol, .hljs-dark .hljs-symbol .hljs-string, .hljs-dark .hljs-tag .hljs-title, .hljs-dark .hljs-value, .hljs-dark .alias .hljs-keyword:first-child, .hljs-dark .css .hljs-tag, .hljs-dark .css .unit, .hljs-dark .css .hljs-important { color: rgba(249, 38, 114, 1) }
.hljs-dark .hljs-function .hljs-keyword, .hljs-dark .hljs-class .hljs-keyword:first-child, .hljs-dark .hljs-constant, .hljs-dark .css .hljs-attribute { color: rgba(102, 217, 239, 1) }
.hljs-dark .hljs-variable, .hljs-dark .hljs-params, .hljs-dark .hljs-class .hljs-title { color: rgba(248, 248, 242, 1) }
.hljs-dark .hljs-string, .hljs-dark .css .hljs-id, .hljs-dark .hljs-subst, .hljs-dark .haskell .hljs-type, .hljs-dark .ruby .hljs-class .hljs-parent, .hljs-dark .hljs-built_in, .hljs-dark .sql .hljs-aggregate, .hljs-dark .django .hljs-template_tag, .hljs-dark .django .hljs-variable, .hljs-dark .smalltalk .hljs-class, .hljs-dark .django .hljs-filter .hljs-argument, .hljs-dark .smalltalk .hljs-localvars, .hljs-dark .smalltalk .hljs-array, .hljs-dark .hljs-attr_selector, .hljs-dark .hljs-pseudo, .hljs-dark .hljs-addition, .hljs-dark .hljs-stream, .hljs-dark .hljs-envvar, .hljs-dark .apache .hljs-tag, .hljs-dark .apache .hljs-cbracket, .hljs-dark .tex .hljs-command, .hljs-dark .hljs-prompt, .hljs-dark .hljs-link_label, .hljs-dark .hljs-link_url { color: rgba(230, 219, 116, 1) }
.hljs-dark .hljs-comment, .hljs-dark .hljs-javadoc, .hljs-dark .java .hljs-annotation, .hljs-dark .python .hljs-decorator, .hljs-dark .hljs-template_comment, .hljs-dark .hljs-pi, .hljs-dark .hljs-doctype, .hljs-dark .hljs-deletion, .hljs-dark .hljs-shebang, .hljs-dark .apache .hljs-sqbracket, .hljs-dark .tex .hljs-formula { color: rgba(117, 113, 94, 1) }
.hljs-dark .coffeescript .javascript, .hljs-dark .javascript .xml, .hljs-dark .tex .hljs-formula, .hljs-dark .xml .javascript, .hljs-dark .xml .vbscript, .hljs-dark .xml .css, .hljs-dark .xml .hljs-cdata, .hljs-dark .xml .php, .hljs-dark .php .xml { opacity: 0.5 }
code { color: rgba(199, 37, 78, 1); background-color: rgba(249, 242, 244, 1); border-radius: 4px }
h1, h2, h3, h4, h5, h6 { font-weight: bold; margin: 1.2em 0 0.6em }
blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6 { font-weight: bold; margin: 0.6em 0 }
.note-tags { color: rgba(44, 63, 81, 0.3) }
.note-tags code { color: rgba(44, 63, 81, 0.5); background: rgba(102, 128, 153, 0.07); border-radius: 0; padding: 2px 5px }
.note-tags code:empty { display: none }
.note-tags .notebook { background: rgba(44, 63, 81, 0.3); color: rgba(255, 255, 255, 1); margin-right: 6px }
table th, table td, table thead:first-child tr:first-child th { padding: 0.5em; border: 1px solid rgba(221, 221, 221, 1); line-height: 1.5 }
.note-content { line-height: 1.5; color: rgba(44, 63, 81, 1) }
.note-content div, .note-content dl, .note-content dt, .note-content em, .note-content font, .note-content h3, .note-content h4, .note-content h5, .note-content h6, .note-content hr, .note-content i, .note-content ins, .note-content kbd, .note-content li, .note-content map, .note-content ol, .note-content p, .note-content pre, .note-content q, .note-content s, .note-content samp, .note-content small, .note-content span, .note-content strike, .note-content strong, .note-content sub, .note-content sup, .note-content table, .note-content tbody, .note-content td, .note-content tfoot, .note-content th, .note-content thead, .note-content tr, .note-content tt, .note-content u, .note-content ul { line-height: 1.6 }
.image-broken-replacement { text-align: center; font-style: italic; padding: 8px; border-radius: 5px; color: rgba(102, 128, 153, 0.6); background-color: rgba(102, 128, 153, 0.07) }
th[align=”center”] { text-align: center }
th[align=”right”] { text-align: right }
.image-caption { font-size: 0.86em; margin-top: 0.6em; margin-bottom: 0 }
.alertify, .alertify-show, .alertify-log { -webkit-transition: all 500ms cubic-bezier(.175, .885, .32, 1.275); -moz-transition: all 500ms cubic-bezier(.175, .885, .32, 1.275); -ms-transition: all 500ms cubic-bezier(.175, .885, .32, 1.275); -o-transition: all 500ms cubic-bezier(.175, .885, .32, 1.275); transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) }
.alertify-hide { -webkit-transition: all 250ms cubic-bezier(.6, -0.28, .735, .045); -moz-transition: all 250ms cubic-bezier(.6, -0.28, .735, .045); -ms-transition: all 250ms cubic-bezier(.6, -0.28, .735, .045); -o-transition: all 250ms cubic-bezier(.6, -0.28, .735, .045); transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045) }
.alertify-log-hide { -webkit-transition: all 500ms cubic-bezier(.6, -0.28, .735, .045); -moz-transition: all 500ms cubic-bezier(.6, -0.28, .735, .045); -ms-transition: all 500ms cubic-bezier(.6, -0.28, .735, .045); -o-transition: all 500ms cubic-bezier(.6, -0.28, .735, .045); transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045) }
.alertify-cover { position: fixed; z-index: 99999; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 1); filter: alpha(opacity=0); opacity: 0 }
.alertify-cover-hidden { display: none }
.alertify { position: fixed; z-index: 99999; top: 50px; left: 50%; width: 550px; margin-left: -275px; opacity: 1 }
.alertify-hidden { opacity: 0; display: none }
:root *>.alertify-hidden { display: block; visibility: hidden }
.alertify-logs { position: fixed; z-index: 5000; bottom: 10px; right: 10px; width: 300px }
.alertify-logs-hidden { display: none }
.alertify-log { display: block; margin-top: 10px; position: relative; right: -300px; opacity: 0 }
.alertify-log-show { right: 0; opacity: 1 }
.alertify-log-hide { -webkit-transform: translate(300px, 0); -moz-transform: translate(300px, 0); -ms-transform: translate(300px, 0); -o-transform: translate(300px, 0); transform: translate(300px, 0); opacity: 0 }
.alertify-dialog { padding: 25px }
.alertify-resetFocus { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px }
.alertify-inner { text-align: center }
.alertify-text { margin-bottom: 15px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 100% }
.alertify-isHidden { display: none }
@media only screen and (max-width: 680px) { .alertify, .alertify-logs { width: 90%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .alertify { left: 5%; margin: 0 } }
.alertify, .alertify-log { font-family: “Helvetica Neue”, Arial, “Hiragino Sans GB”, “STHeiti”, “Microsoft YaHei”, “WenQuanYi Micro Hei”, SimSun, Song, sans-serif }
.alertify { background: padding-box rgba(255, 255, 255, 1); border: 1px solid rgba(222, 230, 237, 1); border-radius: 6px; width: 398px; margin-left: -200px; -webkit-background-clip: padding; -moz-background-clip: padding }
.alertify-dialog { padding: 0 }
.alertify-inner { text-align: left }
.alertify-message { padding: 15px; margin: 0 }
.alertify-text-wrapper { padding: 0 15px }
.alertify-text { display: block; width: 100%; height: 42px; padding: 6px 12px; font-size: 15px; line-height: 1.45; color: rgba(44, 63, 81, 1); vertical-align: middle; background-color: rgba(255, 255, 255, 1); background-image: none; border: 1px solid rgba(222, 230, 237, 1); border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.02); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out }
.alertify-text:focus:focus { border-color: rgba(102, 175, 233, 1); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07), 0 0 8px rgba(102, 175, 233, 0.6) }
.alertify-text:focus:focus { border-color: rgba(222, 230, 237, 1); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 12px -1px rgba(102, 128, 153, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.02), 0 0 12px -1px rgba(102, 128, 153, 0.6) }
.alertify-text:focus:focus { border-color: rgba(25, 128, 230, 0.5); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 12px -1px #1980e6; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.02), 0 0 12px -1px rgba(25, 128, 230, 1) }
.alertify-buttons { padding: 14px 15px 15px; background: rgba(246, 247, 249, 1); border-top: 1px solid rgba(235, 240, 244, 1); text-align: right; border-radius: 0 0 6px 6px }
.alertify-button { margin-left: 10px }
.alertify-button-cancel, .alertify-button-ok { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid rgba(0, 0, 0, 0); white-space: nowrap; padding: 6px 12px; font-size: 15px; line-height: 1.45; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none }
.alertify-button-cancel:focus, .alertify-button-ok:focus { outline: 1px dotted; outline-offset: -2px }
.alertify-button-cancel:hover, .alertify-button-ok:hover, .alertify-button-cancel:focus, .alertify-button-ok:focus { color: rgba(66, 94, 123, 1); text-decoration: none }
.alertify-button-cancel:active, .alertify-button-ok:active, .alertify-button-cancel.active, .alertify-button-ok.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.13) }
.alertify-button-cancel { color: rgba(66, 94, 123, 1); background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0) }
.alertify-button-cancel:hover, .alertify-button-cancel:focus, .alertify-button-cancel:active, .alertify-button-cancel.active, .open .dropdown-toggle.alertify-button-cancel { color: rgba(66, 94, 123, 1); background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0) }
.alertify-button-cancel:active, .alertify-button-cancel.active, .open .dropdown-toggle.alertify-button-cancel { background-image: none }
.alertify-button-cancel.disabled, .alertify-button-cancel[disabled], fieldset[disabled] .alertify-button-cancel, .alertify-button-cancel.disabled:hover, .alertify-button-cancel[disabled]:hover, fieldset[disabled] .alertify-button-cancel:hover, .alertify-button-cancel.disabled:focus, .alertify-button-cancel[disabled]:focus, fieldset[disabled] .alertify-button-cancel:focus, .alertify-button-cancel.disabled:active, .alertify-button-cancel[disabled]:active, fieldset[disabled] .alertify-button-cancel:active, .alertify-button-cancel.disabled.active, .alertify-button-cancel[disabled].active, fieldset[disabled] .alertify-button-cancel.active { background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0) }
.alertify-button-cancel .badge { color: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 1) }
.alertify-button-ok { color: rgba(66, 94, 123, 1); background-color: rgba(228, 235, 241, 1); border-color: rgba(0, 128, 255, 0.05) }
.alertify-button-ok:hover, .alertify-button-ok:focus, .alertify-button-ok:active, .alertify-button-ok.active, .open .dropdown-toggle.alertify-button-ok { color: rgba(66, 94, 123, 1); background-color: rgba(202, 214, 226, 1); border-color: rgba(0, 97, 194, 0.05) }
.alertify-button-ok:active, .alertify-button-ok.active, .open .dropdown-toggle.alertify-button-ok { background-image: none }
.alertify-button-ok.disabled, .alertify-button-ok[disabled], fieldset[disabled] .alertify-button-ok, .alertify-button-ok.disabled:hover, .alertify-button-ok[disabled]:hover, fieldset[disabled] .alertify-button-ok:hover, .alertify-button-ok.disabled:focus, .alertify-button-ok[disabled]:focus, fieldset[disabled] .alertify-button-ok:focus, .alertify-button-ok.disabled:active, .alertify-button-ok[disabled]:active, fieldset[disabled] .alertify-button-ok:active, .alertify-button-ok.disabled.active, .alertify-button-ok[disabled].active, fieldset[disabled] .alertify-button-ok.active { background-color: rgba(228, 235, 241, 1); border-color: rgba(0, 128, 255, 0.05) }
.alertify-button-ok .badge { color: rgba(228, 235, 241, 1); background-color: rgba(255, 255, 255, 1) }
.alertify-log { background: rgba(217, 237, 247, 1); padding: 8px 14px; border-radius: 4px; color: rgba(58, 138, 191, 1); text-shadow: 0 1px rgba(255, 255, 255, 0.5); border: 1px solid rgba(188, 232, 241, 1) }
.alertify-log-error { color: rgba(185, 74, 72, 1); background: rgba(242, 222, 222, 1); border: 1px solid rgba(238, 211, 215, 1) }
.alertify-log-success { color: rgba(70, 136, 71, 1); background: rgba(223, 240, 216, 1); border: 1px solid rgba(214, 233, 198, 1) }
.tour-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1030; background-color: rgba(0, 0, 0, 1); opacity: 0.8 }
.tour-step-backdrop { position: relative; z-index: 1031 }
.tour-step-background { position: absolute; z-index: 1030; border-radius: 6px }
.popover[class*=”tour-“] { z-index: 1030 }
.popover[class*=”tour-“] .popover-navigation { padding: 9px 14px }
.popover[class*=”tour-“] .popover-navigation *[data-role=”end”] { float: right }
.popover[class*=”tour-“] .popover-navigation *[data-role=”prev”], .popover[class*=”tour-“] .popover-navigation *[data-role=”next”], .popover[class*=”tour-“] .popover-navigation *[data-role=”end”] { cursor: pointer }
.popover[class*=”tour-“] .popover-navigation *[data-role=”prev”].disabled, .popover[class*=”tour-“] .popover-navigation *[data-role=”next”].disabled, .popover[class*=”tour-“] .popover-navigation *[data-role=”end”].disabled { cursor: default }
.popover[class*=”tour-“].orphan { position: fixed; margin-top: 0 }
.popover[class*=”tour-“].orphan .arrow { display: none }
div.jGrowl { z-index: 9999; color: rgba(255, 255, 255, 1); font-size: 12px }
div.jGrowl { position: absolute }
body>div.jGrowl { position: fixed }
div.jGrowl.top-left { left: 0; top: 0 }
div.jGrowl.top-right { right: 0; top: 0 }
div.jGrowl.bottom-left { left: 0; bottom: 0 }
div.jGrowl.bottom-right { right: 0; bottom: 0 }
div.jGrowl.center { top: 0; width: 50%; left: 25% }
div.center div.jGrowl-notification, div.center div.jGrowl-closer { margin-left: auto; margin-right: auto }
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer { background-color: rgba(0, 0, 0, 1); zoom: 1; width: 235px; padding: 10px; margin-top: 5px; margin-bottom: 5px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1em; text-align: left; display: none; -moz-border-radius: 5px; -webkit-border-radius: 5px }
div.jGrowl div.jGrowl-notification { min-height: 40px }
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer { margin: 10px }
div.jGrowl div.jGrowl-notification div.jGrowl-header { font-weight: bold; font-size: 0.85em }
div.jGrowl div.jGrowl-notification div.jGrowl-close { z-index: 99; float: right; font-weight: bold; font-size: 1em; cursor: pointer }
div.jGrowl div.jGrowl-closer { padding-top: 4px; padding-bottom: 4px; cursor: pointer; font-size: 0.9em; font-weight: bold; text-align: center }
@media print { div.jGrowl { display: none } }
.animate-spin { -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: 2s linear infinite spin; display: inline-block }
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@-webkit-keyframes spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@-o-keyframes spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@-ms-keyframes spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg) } }
.toast-title { font-weight: bold }
.toast-message { -ms-word-wrap: break-word; word-wrap: break-word }
.toast-message a, .toast-message label { color: rgba(255, 255, 255, 1) }
.toast-message a:hover { color: rgba(204, 204, 204, 1); text-decoration: none }
.toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: rgba(255, 255, 255, 1); -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px rgba(255, 255, 255, 1); opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80) }
.toast-close-button:hover, .toast-close-button:focus { color: rgba(0, 0, 0, 1); text-decoration: none; cursor: pointer; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40) }
button.toast-close-button { padding: 0; cursor: pointer; background: rgba(0, 0, 0, 0); border: 0; -webkit-appearance: none }
.toast-top-full-width { top: 0; right: 0; width: 100% }
.toast-bottom-full-width { bottom: 0; right: 0; width: 100% }
.toast-top-left { top: 12px; left: 12px }
.toast-top-right { top: 12px; right: 12px }
.toast-bottom-right { right: 30px; bottom: 10px }
.toast-bottom-left { bottom: 12px; left: 12px }
#toast-container { position: fixed; z-index: 999999 }
#toast-container.toast-top-full-width>div, #toast-container.toast-bottom-full-width>div { width: 96%; margin: auto }
.toast { margin: 0 0 6px; padding: 8px 8px 8px 50px; min-width: 200px; box-shadow: none; border-radius: 15px }
.toast { background-image: none !important }
.toast:before { position: fixed; font-family: fontello; font-size: 24px; line-height: 22px; float: left; padding-right: 0.5em; margin: auto 0.5em auto -1.5em }
.toast-warning:before { content: “” }
.toast-error:before { content: “” }
.toast-info:before { content: “” }
.toast-success:before { content: “” }
.toast-wait:before { content: “” }
.toast { border: 2px solid rgba(0, 0, 0, 1); color: rgba(3, 3, 3, 1); background-color: rgba(120, 120, 120, 0.9) }
.toast-success { border: 2px solid rgba(73, 146, 73, 1); color: rgba(81, 163, 81, 1); background-color: rgba(234, 245, 234, 0.9) }
.toast-error { border: 2px solid rgba(169, 48, 42, 1); color: rgba(189, 54, 47, 1); background-color: rgba(247, 225, 223, 0.9) }
.toast-info { border: 2px solid rgba(42, 133, 160, 1); color: rgba(47, 150, 180, 1); background-color: rgba(217, 239, 245, 0.9) }
.toast-warning { border: 2px solid rgba(185, 117, 29, 1); color: rgba(207, 131, 33, 1); background-color: rgba(250, 239, 224, 0.9) }
.toast-wait { border: none; padding: 3px 16px; color: rgba(255, 255, 255, 1); font-size: 12px; background: none; margin: 0; width: auto; min-width: ; position: relative }
.toast-wait .toast-message { position: relative }
.toast-wait:before { content: “”; background: rgba(237, 29, 112, 1); display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-animation: 2s loadingBefore infinite ease-in-out; -ms-animation: 2s loadingBefore infinite ease-in-out; -moz-animation: 2s loadingBefore infinite ease-in-out }
@-webkit-keyframes loadingBefore{0%{-webkit-transform:translateX(-14px)}50%{-webkit-transform:translateX(14px);opacity:.6}100%{-webkit-transform:translateX(-14px)}}
@-moz-keyframes loadingBefore{0%{-moz-transform:translateX(-14px)}50%{-moz-transform:translateX(14px);opacity:.6}100%{-moz-transform:translateX(-14px)}}
@-ms-keyframes loadingBefore{0%{-ms-transform:translateX(-14px)}50%{-ms-transform:translateX(14px);opacity:.6}100%{-ms-transform:translateX(-14px)}}
@media all and (max-width: 240px) { #toast-container>div { padding: 8px 8px 8px 50px; width: 11em } #toast-container .toast-close-button { right: -0.2em; top: -0.2em } }
@media all and (min-width: 241px) and (max-width: 480px) { #toast-container>div { padding: 8px 8px 8px 50px; width: 18em } #toast-container .toast-close-button { right: -0.2em; top: -0.2em } }
@media all and (min-width: 481px) and (max-width: 768px) { #toast-container>div { padding: 15px 15px 15px 50px; width: 25em } }
body { tab-size: 4 }
* { outline: none !important }
.working { cursor: progress }
.dragging { cursor: move !important }
.btn, .dropdown-menu { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none }
.dropdown-menu, .modal-content, .panel-content, .search-bar, .popover, .find-replace, .alertify { -webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.225); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22) }
.dropdown-menu>li>a { padding: 5px 20px; border-top: 1px solid rgba(0, 0, 0, 0); border-bottom: 1px solid rgba(0, 0, 0, 0) }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { border-color: rgba(71, 81, 96, 1) }
.dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus { border-color: rgba(0, 0, 0, 0) }
.collapsed>.icon-up-dir:before { content: “” }
.modal.fade .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
.modal-content { background-color: rgba(246, 247, 249, 1) }
.modal-body { background-color: rgba(255, 255, 255, 1); padding-bottom: 30px }
.modal-footer { margin-top: 0 }
.modal-iframe { display: block; margin: 30px auto 0; z-index: 1040; border-radius: 0 }
a { -webkit-transition: background-color ease-in-out .15s, color ease-in-out .15s, border-color ease-in-out .15s; transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-color 0.15s ease-in-out }
.nav-pills>li>a { border: 1px solid rgba(0, 0, 0, 0) }
.nav-pills>li>a:hover, .nav-pills>li>a:focus { color: rgba(0, 51, 102, 1); border-color: rgba(71, 81, 96, 1) }
.nav-pills>li.open>a .caret, .nav-pills>li>a:hover .caret, .nav-pills>li>a:focus .caret { border-top-color: rgba(0, 51, 102, 1); border-bottom-color: rgba(0, 51, 102, 1) }
.nav-pills>li.disabled>a:hover, .nav-pills>li.disabled>a:focus { border-color: rgba(0, 0, 0, 0) }
.nav-pills>li.open>a, .nav-pills>li.open>a:hover, .nav-pills>li.open>a:focus { color: rgba(0, 51, 102, 1); border-color: rgba(71, 81, 96, 1) }
.list-group-item { padding: 10px 15px; border-left-width: 0; border-right-width: 0; margin-bottom: 0 }
.list-group .list-group-item { border-radius: 0 }
a.list-group-item:hover, a.list-group-item:focus { color: rgba(0, 51, 102, 1); border-color: rgba(71, 81, 96, 1) }
.list-group-item .checkbox { float: right; margin: 0; padding: 0; cursor: pointer }
.list-group-item .checkbox input { cursor: pointer; margin: 0 16px; height: 38px }
.form-group { margin-bottom: 1px; padding: 5px }
.text-danger:hover { color: rgba(216, 42, 26, 1) }
.bring-to-front { z-index: 1050 !important }
.dialog-header-message { position: absolute; top: 12px; right: 55px; font-weight: bold }
.btn { padding: 8px 11px; -webkit-transition: background-color ease-in-out .15s, color ease-in-out .15s, border-color ease-in-out .15s; transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-color 0.15s ease-in-out }
.btn-default:hover, .alertify-button-cancel:hover, .btn-default:focus, .alertify-button-cancel:focus, .btn-default:active, .alertify-button-cancel:active, .open .btn-default.dropdown-toggle, .open .alertify-button-cancel.dropdown-toggle { color: rgba(0, 51, 102, 1); border-color: rgba(0, 128, 255, 0.1); background-color: rgba(102, 128, 153, 0.04) !important }
.btn-primary:hover, .alertify-button-ok:hover, .btn-primary:focus, .alertify-button-ok:focus, .btn-primary:active, .alertify-button-ok:active, .open .btn-primary.dropdown-toggle, .open .alertify-button-ok.dropdown-toggle { color: rgba(0, 51, 102, 1); border-color: rgba(0, 128, 255, 0.1); background-color: rgba(218, 227, 235, 1) !important }
.btn-success:hover, .btn-success:focus, .btn-success:active, .open .btn-success.dropdown-toggle { color: rgba(0, 51, 102, 1) !important; border-color: rgba(0, 128, 255, 0.1); background-color: rgba(89, 128, 166, 0.05) !important }
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.info-tooltip, .info-tooltip .btn-info, .open .btn-info.dropdown-toggle { color: rgba(0, 51, 102, 1); border-color: rgba(0, 128, 255, 0.08); background-color: rgba(240, 242, 245, 1) !important }
.btn-link:hover { text-decoration: none }
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group { margin-left: 0 }
.btn-group>.btn+.dropdown-toggle { padding-right: 11px; padding-left: 11px }
.form-control { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.02) }
@media (min-width: 768px) { .form-inline .col-sm-1 { width: 8.33333333% !important } .form-inline .col-sm-2 { width: 16.66666667% !important } .form-inline .col-sm-3 { width: 25% !important } .form-inline .col-sm-4 { width: 33.33333333% !important } .form-inline .col-sm-5 { width: 41.66666667% !important } .form-inline .col-sm-6 { width: 50% !important } .form-inline .col-sm-7 { width: 58.33333333% !important } .form-inline .col-sm-8 { width: 66.66666667% !important } .form-inline .col-sm-9 { width: 75% !important } .form-inline .col-sm-10 { width: 83.33333333% !important } .form-inline .col-sm-11 { width: 91.66666667% !important } .form-inline .col-sm-12 { width: 100% !important } }
.form-inline * { float: none }
.form-control.error { border-color: rgba(232, 76, 61, 1); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 8px #e84c3d; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.02), 0 0 8px rgba(232, 76, 61, 1) }
.help-block { font-size: 12px }
.input-group-addon { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.02) }
a.input-group-addon { color: rgba(25, 128, 230, 1) }
.input-group-btn .btn i { font-size: 110% }
.input-group-btn:first-child .btn { margin-right: 6px }
.input-group-btn:last-child .btn { margin-left: 6px }
.navbar { position: absolute; top: 0; left: 0; width: 100%; padding: 0; border-top: 1px solid rgba(0, 128, 255, 0.1); border-right: 0; border-bottom: 1px solid rgba(0, 128, 255, 0.1); border-left: 0; border-radius: 0; z-index: 20 }
.navbar .left-space, .navbar .right-space { width: 25px; height: 38px }
.navbar .nav { float: left; margin: 5px 9px; height: 38px }
.navbar .nav>li { display: inline-block }
.navbar .nav.pull-right { float: right }
.navbar .nav.pull-right>li>.dropdown-menu { right: 0; left: auto }
.navbar .nav.pull-right>li>.dropdown-menu .dropdown-menu { right: 100%; left: auto; margin-right: -1px; margin-left: 0 }
.navbar .btn { height: 38px; padding: 6px 8px }
.navbar .btn-group>.btn.disabled *, .navbar .btn-group>.btn.blocked *, .navbar .btn-group>.btn[disabled] * { color: rgba(54, 77, 99, 0.3) }
.navbar .button-open-discussion.some { color: rgba(224, 184, 0, 1) !important }
.navbar .button-open-discussion.replied { color: rgba(231, 68, 52, 1) !important }
.navbar .file-title-navbar { display: inline-block; vertical-align: middle; padding: 1px 15px; font-size: 1.5em; line-height: 1.45em; font-weight: 200; overflow: hidden; white-space: nowrap }
.navbar .file-title-navbar a i { -webkit-transition: all ease-in-out .15s; transition: all 0.15s ease-in-out }
.navbar .file-title-navbar a .icon-link-ext-alt { color: rgba(0, 0, 0, 0); position: relative; font-size: 12px; top: -12px; right: 6px; width: 0 }
.navbar .file-title-navbar a:hover [class^=”icon-provider-“], .navbar .file-title-navbar a:hover [class*=” icon-provider-“] { opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); filter: alpha(opacity=50) }
.navbar .file-title-navbar a:hover .icon-link-ext-alt { color: rgba(0, 51, 102, 1) }
.navbar .input-file-title-container { display: inline-block; vertical-align: middle }
.navbar .input-file-title-container .input-file-title { width: 400px; font-size: 16px; height: 38px }
.navbar .working-indicator { display: inline-block; vertical-align: middle; overflow: hidden; height: 38px; width: 60px; padding-top: 8px }
.navbar .working-indicator .bar { display: inline-block; width: 14px; height: 6px; border-radius: 1px; margin: 0 2px; opacity: 0.25; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25); filter: alpha(opacity=25); background-color: rgba(54, 77, 99, 0.75) }
.navbar .offline-status>div { display: inline-block; vertical-align: middle; height: 38px; padding: 9px 10px }
.navbar .buttons-dropdown>.nav { margin-left: 0; margin-right: 0 }
.navbar div.dropdown-menu { top: initial; padding: 5px; margin: 10px }
.menu-panel, .document-panel { height: 100%; z-index: 30; overflow: initial }
.menu-panel .toggle-button, .document-panel .toggle-button { background-color: rgba(255, 255, 255, 1); height: 38px; border-radius: 8px; position: absolute; margin-top: 6px; -webkit-transition: border-width ease-in-out .15s, left ease-in-out 0.15s, right ease-in-out 0.15s, background-color ease-in-out 0.15s; transition: border-width 0.15s ease-in-out, left 0.15s ease-in-out, right 0.15s ease-in-out, background-color 0.15s ease-in-out; -webkit-box-shadow: 0 0 1px rgba(0,0,0,.5); box-shadow: 0 0 1px rgba(0, 0, 0, 0.5) }
.menu-panel .toggle-button:active, .document-panel .toggle-button:active { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 1px rgba(0,0,0,.5); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.13), 0 0 1px rgba(0, 0, 0, 0.5) }
.menu-panel .toggle-button i, .document-panel .toggle-button i { color: rgba(115, 115, 115, 1); font-size: 14px }
.menu-panel .toggle-button:hover, .document-panel .toggle-button:hover, .menu-panel.panel-open>.toggle-button, .document-panel.panel-open>.toggle-button { border-width: 1px }
.menu-panel .panel-content, .document-panel .panel-content { overflow: auto; padding-bottom: 30px; height: 100% }
.menu-panel .panel-content a>i, .document-panel .panel-content a>i { color: inherit }
.menu-panel { position: absolute; top: 0; right: 0; width: 320px }
.menu-panel i { margin-right: 8px }
.menu-panel small { color: rgba(129, 158, 187, 0.6); padding-left: 30px }
.menu-panel .nav { margin: 10px 0 20px }
.menu-panel .nav>li>a:hover, .menu-panel .nav>li>a:focus { background-color: rgba(0, 0, 0, 0) }
.menu-panel .alert { padding: 10px; margin-left: -10px; margin-right: -10px }
.menu-panel .toggle-button { border-top: 4px solid rgba(255, 230, 0, 0.9); border-right: 5px solid rgba(117, 183, 253, 0.9); border-bottom: 4px solid rgba(255, 138, 0, 0.9); right: -37px; z-index: -1; padding: 0 10px 0 50px }
.menu-panel .toggle-button:hover, .menu-panel.panel-open>.toggle-button { right: -45px }
.menu-panel .panel-content { background-color: rgba(246, 247, 249, 1); padding-top: 6px; border-right: 1px solid rgba(235, 240, 244, 1) }
.document-panel { position: absolute; top: 0; left: 0; width: 380px }
.document-panel .toggle-button { border-top: 4px solid rgba(255, 230, 0, 0.9); border-left: 5px solid rgba(187, 213, 0, 0.9); border-bottom: 4px solid rgba(255, 138, 0, 0.9); left: -37px; padding: 0 50px 0 3px; z-index: -1 }
.document-panel .toggle-button i.icon-folder-open { font-size: 19px; padding-bottom: 1px }
.document-panel .toggle-button:hover, .document-panel.panel-open>.toggle-button { left: -45px }
.document-panel .panel-content { background-color: rgba(246, 247, 249, 1); padding-top: 210px; border-left: 1px solid rgba(235, 240, 244, 1) }
.viewer .document-panel .panel-content { padding-top: 75px }
.document-panel .panel-content .icon-layers { font-size: 135% }
.document-panel .search-bar { position: absolute; background-color: rgba(71, 81, 96, 1); margin: -10px 25px 0; padding: 15px 20px; z-index: 3; border: 1px solid rgba(222, 230, 237, 1); border-radius: 6px }
.document-panel .search-bar .nav { margin-bottom: 10px }
.document-panel .search-bar .nav>li>a { padding: 8px 15px }
.document-panel .search-bar .nav>li>a:hover, .document-panel .search-bar .nav>li>a:focus { background-color: rgba(0, 0, 0, 0) }
.document-panel .list-group-item { margin: 0 }
.document-panel .folder { font-weight: bold; color: rgba(66, 94, 123, 1); border-top-color: rgba(242, 245, 248, 1) }
.document-panel .list-group { margin: 0 }
.document-panel .list-group .nav { border: 0; margin: 0 }
.document-panel .list-group .nav .file { padding-left: 30px; padding-right: 30px }
.dropdown-file-selector { top: 6px; right: 45px; left: auto; margin: 0; min-width: 280px; max-width: 400px; overflow-x: hidden; max-height: 400px; overflow-y: auto }
.modal-document-manager { margin-bottom: 0 }
.modal-document-manager .nav-pills { margin-bottom: 15px }
.modal-document-manager .list-group .nav { margin: 0; border: 0 }
.modal-document-manager .list-group .nav .file { padding-left: 20px }
.modal-document-manager .file-list .list-group-item { background-color: rgba(0, 0, 0, 0); padding: 0 3px }
.modal-document-manager .input-rename { width: 220px; height: 38px }
.modal .list-group .list-group-item { border-radius: 4px }
.modal .list-group-item { padding: 3px; margin: 0; border-left-width: 1px; border-right-width: 1px }
.modal .list-group-item i { margin-right: 3px }
.modal .list-group-item .btn { float: right; margin-right: 3px }
.modal .list-group-item .btn i { margin: 0; font-size: 105% }
.modal .list-group-item .btn i.icon-pencil { font-size: 115% }
.modal .folder, .modal .document { font-weight: bold; color: rgba(66, 94, 123, 1); font-size: 15px; background-color: rgba(0, 0, 0, 0) }
.modal .name, .modal .date, .modal .file-count { padding: 9px 20px 9px 15px }
.modal .name i.icon-file, .modal .name i.icon-folder { margin-right: 8px; font-size: 20px; line-height: 15px; margin-top: -2px }
.modal .date { font-weight: normal }
.extension-buttons>.btn-group>.btn, .extension-preview-buttons>.btn-group>.btn, .extension-buttons>.btn-group>.btn, .extension-preview-buttons>.btn-group>.btn { border-radius: 0 }
.extension-buttons>.btn-group:first-child>.btn, .extension-preview-buttons>.btn-group:first-child>.btn, .extension-buttons>.btn-group:first-child>.btn, .extension-preview-buttons>.btn-group:first-child>.btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px }
.extension-buttons>.btn-group:last-child>.btn, .extension-preview-buttons>.btn-group:last-child>.btn, .extension-buttons>.btn-group:last-child>.btn, .extension-preview-buttons>.btn-group:last-child>.btn { border-top-right-radius: 4px; border-bottom-right-radius: 4px }
.extension-preview-buttons { position: absolute; right: 0; bottom: 0; z-index: 40; background-color: rgba(228, 235, 241, 1); border: 1px solid rgba(207, 218, 229, 1); border-radius: 4px; cursor: move }
.extension-preview-buttons.animate { -webkit-transition: 350ms ease-in-out all; transition: all 350ms ease-in-out }
.extension-preview-buttons .btn-group .btn { position: initial; border: 0 }
.extension-preview-buttons .dropdown-menu { margin-top: 6px; margin-bottom: 6px; padding-bottom: 20px }
.extension-preview-buttons hr { margin: 0 }
.extension-preview-buttons .markdown-syntax, .extension-preview-buttons .table-of-contents { overflow-y: auto; overflow-x: hidden; padding-right: 20px; margin-right: -20px; width: 330px }
.extension-preview-buttons .markdown-syntax { white-space: normal }
.extension-preview-buttons .table-of-contents { padding: 20px 0 15px; margin-left: -10px }
.extension-preview-buttons .table-of-contents ul { margin-left: 10px; padding-left: 10px }
.extension-preview-buttons .stat-button .value { vertical-align: text-top }
.extension-preview-buttons .drag-me { color: rgba(54, 77, 99, 1) }
.extension-preview-buttons .drag-me i:before { width: 5px }
.modal-settings .modal-header { padding-bottom: 0 }
.modal-settings textarea { max-width: 100%; min-height: 100px }
.modal-settings .panel { border-top: 0; border-right: 0; border-bottom: 1px solid rgba(242, 245, 248, 1); border-left: 0; background: rgba(255, 255, 255, 1); -webkit-box-shadow: none; box-shadow: none }
.modal-settings .accordion-heading { padding: 12px 15px }
.modal-settings .accordion-heading .checkbox { margin-top: 0; margin-bottom: 0 }
.modal-settings .accordion-inner { border: 0; padding: 10px 40px 20px }
.modal-settings .accordion-inner .form-horizontal .control-label { text-align: left }
.modal-settings .accordion-inner .form-horizontal .form-inline .label-text { margin-left: 15px }
.modal-settings .tab-pane-button-container { width: 220px; margin: 10px auto 20px }
.modal-settings .tab-pane-button-container .btn { padding-left: 15px }
.modal-settings .nav-tabs { margin: 15px 0 0 }
.modal-settings .nav-tabs>li>a:hover, .modal-settings .nav-tabs>li>a:focus { color: rgba(0, 51, 102, 1); border-color: rgba(0, 128, 255, 0.1) rgba(0, 128, 255, 0.1) rgba(0, 0, 0, 0); background-color: rgba(102, 128, 153, 0.04) }
.modal-settings .nav-tabs>li.active>a, .modal-settings .nav-tabs>li.active>a:hover, .modal-settings .nav-tabs>li.active>a:focus { color: rgba(44, 63, 81, 1); background-color: rgba(255, 255, 255, 1); border-color: rgba(235, 240, 244, 1) rgba(235, 240, 244, 1) rgba(0, 0, 0, 0); margin-bottom: -1px; padding: 10px 15px 11px }
.modal-manage-sync .sync-list, .modal-manage-publish .publish-list, .modal-manage-sharing .share-editor-list, .modal-manage-sharing .share-viewer-list { margin-bottom: 20px }
.modal-manage-sync .sync-list .entry, .modal-manage-publish .publish-list .entry, .modal-manage-sharing .share-editor-list .entry, .modal-manage-sharing .share-viewer-list .entry { margin-bottom: 10px }
.publish-custom-template-collapse { margin-bottom: 0 }
.publish-custom-template-collapse textarea { max-width: 100%; min-height: 100px }
.layout-wrapper-l1, .layout-wrapper-l2, .layout-wrapper-l3 { position: absolute; top: 0; left: 0; overflow: hidden }
.layout-animate { -webkit-transition: -webkit-transform 350ms ease-in-out; -moz-transition: -moz-transform 350ms ease-in-out; -o-transition: -o-transform 350ms ease-in-out; transition: transform 350ms ease-in-out }
.layout-resizer { position: absolute; top: 0; left: 0; width: 32px; height: 32px }
.layout-resizer.open { cursor: e-resize }
.layout-vertical .layout-resizer.open { cursor: s-resize }
.layout-toggler { position: absolute; top: 0; left: 0; padding: 0; margin: 0; width: 32px; height: 32px }
.layout-toggler i { font-size: 22px }
.layout-toggler.layout-toggler-preview { line-height: 55px }
.layout-animate .layout-toggler.layout-toggler-preview { -webkit-transition: -webkit-transform 350ms ease-in-out; -moz-transition: -moz-transform 350ms ease-in-out; -o-transition: -o-transform 350ms ease-in-out; transition: transform 350ms ease-in-out }
.layout-toggler.layout-toggler-preview i:before { content: “” }
.layout-toggler.layout-toggler-preview.open>i:before { content: “” }
.layout-vertical .layout-toggler.layout-toggler-preview { line-height: 1.45 }
.layout-vertical .layout-toggler.layout-toggler-preview i:before { content: “” }
.layout-vertical .layout-toggler.layout-toggler-preview.open>i:before { content: “” }
.layout-toggler.layout-toggler-navbar { line-height: 0 }
.layout-toggler.layout-toggler-navbar i { font-size: 16px; height: 12px; overflow: hidden }
@font-face { font-family: “PT Sans”; font-style: normal; font-weight: 400; src: local(“PT Sans”), local(“PTSans”), url(“../font/PTSans-Regular-webfont.woff”) format(“woff”) }
@font-face { font-family: “PT Sans”; font-style: normal; font-weight: 700; src: local(“PT Sans Bold”), local(“PTSans-Bold”), url(“../font/PTSans-Bold-webfont.woff”) format(“woff”) }
@font-face { font-family: “PT Sans”; font-style: italic; font-weight: 400; src: local(“PT Sans Italic”), local(“PTSans-Italic”), url(“../font/PTSans-Italic-webfont.woff”) format(“woff”) }
@font-face { font-family: “PT Sans”; font-style: italic; font-weight: 700; src: local(“PT Sans Bold Italic”), local(“PTSans-BoldItalic”), url(“../font/PTSans-BoldItalic-webfont.woff”) format(“woff”) }
#wmd-input { position: absolute; top: 0; left: 0; font-family: “PT Sans”, sans-serif; line-height: 1.65; letter-spacing: normal; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; resize: none; border: none; padding: 0; overflow: auto; white-space: pre-wrap; word-wrap: break-word; word-break: normal }
#wmd-input>.editor-content { padding-bottom: 230px }
#wmd-input>.editor-margin { position: absolute; top: 0; left: 0 }
#wmd-input>.editor-margin .discussion { font-size: 17px; position: absolute; cursor: pointer }
#wmd-input>.editor-margin .discussion.new { display: none }
#wmd-input>.editor-margin .discussion.new:hover, #wmd-input>.editor-margin .discussion.new.active, #wmd-input>.editor-margin .discussion.new.active:hover { display: inline-block; color: rgba(102, 128, 153, 0.35) !important }
#wmd-input>.editor-margin .discussion.added { color: rgba(235, 192, 0, 0.7) }
#wmd-input>.editor-margin .discussion.added:hover, #wmd-input>.editor-margin .discussion.added.active, #wmd-input>.editor-margin .discussion.added.active:hover { color: rgba(235, 192, 0, 1) !important }
#wmd-input>.editor-margin .discussion.replied { color: rgba(230, 59, 43, 0.7) }
#wmd-input>.editor-margin .discussion.replied:hover, #wmd-input>.editor-margin .discussion.replied.active, #wmd-input>.editor-margin .discussion.replied.active:hover { color: rgba(230, 59, 43, 0.8) !important }
#wmd-input>.editor-margin .discussion.icon-split { font-size: 22px }
#wmd-input>.editor-margin .discussion.icon-split:before { margin-right: 0 }
#wmd-input>.editor-margin .discussion:hover, #wmd-input>.editor-margin .discussion.active { text-decoration: none }
#wmd-input.has-selection>.editor-margin .discussion.new { display: inline-block; color: rgba(102, 128, 153, 0.25) }
#wmd-input.font-monospaced * { font-family: “Source Code Pro”, monospace !important; line-height: 1.65 !important; font-size: 1em !important }
#wmd-input.ace_editor { font-family: “Source Code Pro”, monospace !important }
#wmd-input .comment-highlight, #wmd-input .find-replace-highlight { background-color: rgba(255, 230, 0, 0.5) }
#wmd-input .find-replace-select { background-color: rgba(181, 213, 255, 1) }
#wmd-input .conflict { font-weight: bold; color: rgba(230, 59, 43, 1) }
#wmd-input .ace_print-margin { margin-left: -20px; background: none !important }
.editor .md, .editor .hr { color: rgba(102, 128, 153, 0.6); font-style: normal; font-weight: normal }
.editor .code, .editor .pre { color: rgba(41, 51, 61, 1); font: normal 0.9em “Source Code Pro”, monospace }
.editor .tag { color: rgba(41, 51, 61, 1); font: bold 0.9em “Source Code Pro”, monospace }
.editor .tag .punctuation, .editor .tag .attr-value, .editor .tag .attr-name { font-weight: normal }
.editor .latex, .editor .math { color: rgba(102, 128, 153, 1) }
.editor .entity { font: italic 0.9em “Source Code Pro”, monospace; color: rgba(102, 128, 153, 1) }
.editor .table { font: normal 0.9em “Source Code Pro”, monospace }
.editor .table * { font-size: 1em }
.editor .comment { font-size: 0.9em; color: rgba(102, 128, 153, 0.6) }
.editor .keyword { color: rgba(71, 89, 107, 1); font-weight: bold }
.editor .code, .editor .img, .editor .imgref, .editor .md-toc { background-color: rgba(102, 128, 153, 0.07); border-radius: 4px; padding: 0.15em 0 }
.editor .md-toc { font-size: 2.5em; padding: 0.2em }
.editor .md-underlined-text { color: inherit }
.editor .blockquote { color: rgba(102, 128, 153, 1) }
.editor .h1, .editor .h2, .editor .h3, .editor .h4, .editor .h5, .editor .h6 { font-weight: 600 }
.editor .h1 .md-hash, .editor .h2 .md-hash, .editor .h3 .md-hash, .editor .h4 .md-hash, .editor .h5 .md-hash, .editor .h6 .md-hash { color: rgba(102, 128, 153, 0.4) }
.editor .h1, .editor .h11 { font-size: 1.7em }
.editor .h2, .editor .h22 { font-size: 1.4em }
.editor .h3 { font-size: 1.2em }
.editor .h4 { font-size: 1.1em }
.editor .h5 { font-size: 1em }
.editor .h6 { font-size: 0.9em }
.editor .em, .editor .em .md { font-style: italic }
.editor .strong, .editor .strong .md { font-weight: bold }
.editor .md-strike-text { text-decoration: line-through }
.editor .url, .editor .email, .editor .md-underlined-text { text-decoration: underline }
.editor .linkdef .url { color: rgba(102, 128, 153, 0.6) }
.editor .img, .editor .imgref { padding: 0.2em 0 0.2em 0.4em }
.editor .md-bang, .editor .md-alt, .editor .md-title { color: rgba(88, 126, 164, 1) }
.editor .md-checkbox { display: inline-block; font-size: 0 }
.editor .md-checkbox:before { content: “☐”; font-size: 26px; vertical-align: -1px; line-height: 0; cursor: pointer }
.editor .md-checkbox.checked:before { content: “☑” }
.editor .md-checkbox.checked+.md-checkbox-content { text-decoration: line-through }
.ace_dark .md, .ace_dark .hr { color: rgba(139, 158, 177, 0.8) }
.ace_dark .code, .ace_dark .img, .ace_dark .imgref, .ace_dark .md-toc { background-color: rgba(0, 0, 0, 0.33) }
.ace_dark .tag { color: rgba(134, 134, 134, 1) }
.ace_dark .code, .ace_dark .pre { color: rgba(134, 134, 134, 1) }
.find-replace { position: absolute; bottom: 0; width: 410px; background-color: rgba(246, 247, 249, 1); padding: 15px 20px; border-top: 1px solid rgba(222, 230, 237, 1); border-right: 1px solid rgba(222, 230, 237, 1); border-top-right-radius: 6px }
.find-replace .form-group { width: 180px; padding: 0 5px }
.find-replace .close { position: absolute; right: 20px; top: 10px }
.preview-panel { position: absolute; top: 0; left: 0; overflow: hidden; -webkit-box-shadow: inset 1px 0 rgba(0,128,255,0.06); box-shadow: inset 1px 0 rgba(0, 128, 255, 0.06); z-index: 9 }
.layout-animate .preview-panel { -webkit-transition: 350ms ease-in-out all; transition: all 350ms ease-in-out }
.layout-vertical .preview-panel { -webkit-box-shadow: inset 0 1px rgba(0,128,255,0.06); box-shadow: inset 0 1px rgba(0, 128, 255, 0.06) }
.preview-container { position: absolute; overflow: auto }
.wmd-prompt-background { display: none }
div.dropdown-menu { padding: 5px 20px; background-color: rgba(71, 81, 96, 1) }
div.dropdown-menu p, div.dropdown-menu blockquote { margin: 10px 0 }
div.dropdown-menu .stat { margin: 20px 0 10px }
div.dropdown-menu i { margin-right: 0 }
div.dropdown-menu textarea { width: 250px; height: 150px; resize: none }
div.dropdown-menu a:hover, div.dropdown-menu a:focus { color: rgba(15, 77, 138, 1) }
div.dropdown-menu h1, div.dropdown-menu h2, div.dropdown-menu h3 { margin: 1em 0 }
.title-icon-category { display: inline-block; opacity: 0.15; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15); filter: alpha(opacity=15); margin-top: -2px; margin-left: -2px; margin-right: 3px; font-size: 1em; vertical-align: top }
.file-title-navbar .title-icon-category { font-size: 16px }
.picker-dialog { z-index: 1050 !important }
.picker-dialog-bg { z-index: 1040 !important }
.tooltip-inner { text-align: left }
.tooltip li { line-height: 1.4 }
input[type=”file”] { line-height: inherit; height: inherit; border: none !important }
.drop-zone { border: 2px dashed rgba(187, 187, 187, 1); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 40px; text-align: center; font-size: 24px; color: rgba(187, 187, 187, 1) }
.modal-import-harddrive-html textarea { width: 530px; max-width: 530px; height: 120px }
.label.comment { white-space: inherit }
.sharing-tweet { float: left; margin: 5px 10px 0 0 }
.popover { max-width: 350px; padding: 15px }
.popover .popover-title { font-weight: 300; font-size: 24px; padding: 10px 15px }
.popover .disabled { display: none }
.popover iframe { position: absolute }
.comments-popover .popover { max-width: 230px; padding: 10px 20px 0 }
.comments-popover .popover .popover-title { padding: 5px 0 15px; border-bottom: 1px solid rgba(102, 128, 153, 0.1); line-height: 1.1; overflow: hidden }
.comments-popover .popover .popover-title .action-remove-discussion { font-size: 16px; line-height: 22px }
.comments-popover .popover .popover-content { margin: 0; padding: 0 }
.comments-popover .popover .popover-content .scrollport { overflow: auto; max-height: 230px; padding: 10px 20px 0; margin: 0 -20px }
.comments-popover .popover .popover-content .btn { padding: 6px 11px }
.comments-popover .popover .popover-content .comment-block { margin-bottom: 5px }
.comments-popover .popover .popover-content .form-group, .comments-popover .popover .popover-content blockquote { margin-bottom: 10px; padding: 0 }
.comments-popover .popover .popover-content .comment-author { font-weight: bold; color: rgba(44, 63, 81, 1) }
.comments-popover .popover .popover-content .icon-comment { font-size: 15px; color: rgba(235, 192, 0, 0.6) }
.comments-popover .popover .popover-content .reply .icon-comment { color: rgba(230, 59, 43, 0.7) }
.comments-popover .popover .popover-content .new-comment-block .icon-comment { color: rgba(102, 128, 153, 0.35) }
.comments-popover .popover .popover-content .input-comment-author { border: none; background: none; -webkit-box-shadow: none; box-shadow: none; font-weight: bold; height: 28px; padding: 0 0 5px; width: 140px; display: inline-block }
.comments-popover .popover .popover-content hr { margin: 0 0 10px }
.comments-popover .popover.top .arrow, .comments-popover .popover.bottom .arrow { margin-right: 1px; border-right-width: 0 }
.comments-popover .popover.top .arrow:after, .comments-popover .popover.bottom .arrow:after { margin-left: -11px; border-right-width: 0 }
.comments-popover .popover.top .arrow:after { bottom: 2px }
.comments-popover .popover.bottom .arrow:after { top: 2px }
div.jGrowl { z-index: 1040; font-size: 14px }
div.jGrowl.bottom-right { right: 35px }
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer { background-color: rgba(115, 128, 140, 0.9); width: 240px; margin: 6px 0; padding: 10px 12px; -ms-filter: none; filter: none; border-radius: 4px; font-family: “Helvetica Neue”, Arial, “Hiragino Sans GB”, “STHeiti”, “Microsoft YaHei”, “WenQuanYi Micro Hei”, SimSun, Song, sans-serif }
div.jGrowl div.jGrowl-notification { min-height: 65px }
.viewer .document-panel .search-bar { padding: 20px 20px 10px }
.viewer .document-panel .search-bar .input-group-btn { display: none }
.viewer .navbar .file-title-navbar { cursor: initial; -webkit-box-shadow: none; box-shadow: none }
@media print { html, body { background: rgba(0, 0, 0, 0) !important; overflow: visible !important } .layout-wrapper-l1>*, .layout-wrapper-l2>*, .layout-wrapper-l3>*, .preview-panel>*, #titlebar, #ime-focus-saver { display: none !important } .layout-wrapper-l2:before { visibility: hidden } .layout-wrapper-l1, .layout-wrapper-l2, .layout-wrapper-l3, .preview-panel, .preview-container { background: rgba(0, 0, 0, 0) !important; display: block !important; position: static !important; overflow: visible !important; width: auto !important; height: auto !important; -webkit-transform: translate(0, 0) !important; -ms-transform: translate(0, 0) !important; transform: translate(0, 0) !important; -webkit-box-shadow: none !important; box-shadow: none !important } #preview-contents { padding: 0 50px !important } #images_area { display: none } #toast-container { display: none } thead { display: table-header-group } tr, img, svg, pre, blockquote, p { page-break-inside: avoid } img { max-width: 100% !important } h2, h3 { page-break-after: avoid } select { background: rgba(255, 255, 255, 1) !important } }
.layout-toggler { display: none }
.editor-navbar { -webkit-transition: none; position: absolute; z-index: 10; right: 50%; background: none !important; margin-top: 6px; margin-right: 20px }
.editor-navbar .editor-navbar-bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.8; pointer-events: none; border-radius: 4px }
.editor-navbar .btn { color: inherit; opacity: 0.5 }
.editor-navbar .btn:hover { opacity: 0.9 }
.editor-navbar .btn:active, .editor-navbar .btn:focus { color: inherit !important }
.editor-navbar .btn-success:hover, .editor-navbar .btn-success:focus, .editor-navbar .btn-success:active, .editor-navbar .btn-success.active, .editor-navbar .open .dropdown-toggle.btn-success { color: inherit !important }
.preview-buttons-container .btn { color: rgba(102, 128, 153, 0.35) }
.preview-buttons-container .btn:hover, .preview-buttons-container .btn:active, .preview-buttons-container .btn:focus { color: rgba(0, 51, 102, 1) }
.preview-buttons-container .btn, .editor-navbar-buttons .btn { font-size: 16px }
.editor-navbar-buttons>.btn-group { display: inline-block }
.wmd-buttons-group { display: inline-block }
.wmd-buttons-group .wmd-button-group1 { opacity: 0; -webkit-transition: all ease-in-out .2s; transition: all 0.2s ease-in-out 0.6s; -webkit-transition-delay: .6s }
.wmd-buttons-group .wmd-button-group1 li { display: none }
.wmd-buttons-group:hover .wmd-button-group1 { opacity: 1; visibility: visible }
.wmd-buttons-group:hover .wmd-button-group1 li { display: block }
.shrink-editor-btn { display: none }
.file-status-lock { display: none }
.resize-editor-btn { position: fixed; right: 50%; bottom: 10px; margin-right: 20px }
.open-folder-btn { background: none; border: 2px solid currentColor; border-radius: 0 10px 10px 0; padding: 1px 4px; left: -5px; top: 6px; position: absolute; opacity: 0.5; z-index: 10; color: inherit }
.open-folder-btn:hover { color: inherit; opacity: 0.9 }
.profile-btn { top: 10px; background: none; box-shadow: none; padding: 3px; border: 2px solid currentColor; border-radius: 40px; margin-left: 10px }
.profile-btn:hover { border-color: currentColor }
.preview-buttons-container { position: absolute; z-index: 100; margin-top: 6px; right: 20px }
.ui-layout-resizer-south-closed .preview-buttons-container { display: none !important }
.preview-buttons-container .btn-group .btn { position: initial }
.preview-buttons-container .dropdown-menu { padding-bottom: 20px }
.preview-buttons-container .markdown-syntax, .preview-buttons-container .table-of-contents { overflow-y: auto; overflow-x: hidden; padding-right: 20px; margin-right: -20px; width: 330px }
.preview-buttons-container .markdown-syntax { white-space: normal; max-height: 350px }
.preview-buttons-container .table-of-contents { margin-left: -10px; max-height: 400px }
.preview-buttons-container .table-of-contents ul { margin-left: 10px; padding-left: 10px }
#theme-list { max-height: 500px; overflow-x: hidden; overflow-y: scroll }
.editor-hosted-buttons { display: inline-block }
#app_wrap.no-preview .preview-buttons { display: inline-block }
.preview-buttons { padding-right: 10px }
.full-editor-btn.open .icon-resize-full { display: inline-block }
.full-editor-btn.open .icon-resize-small-1 { display: none }
.full-editor-btn .icon-resize-full { display: none }
.full-editor-btn .icon-resize-small-1 { display: inline-block }
#app_wrap.no-preview .editor-navbar { -webkit-transition: all ease-in-out .2s; transition: all 0.2s ease-in-out; right: 20px; margin-right: 0 }
.dropdown-menu { background-color: rgba(84, 96, 114, 1); border-color: rgba(62, 71, 85, 1) }
.dropdown-menu>li>a { color: rgba(238, 238, 238, 1); padding: 5px 20px; border-top: 1px solid rgba(0, 0, 0, 0); border-bottom: 1px solid rgba(0, 0, 0, 0) }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: rgba(238, 238, 238, 1); background-color: rgba(75, 86, 102, 1); border-color: rgba(71, 81, 96, 1) }
.dropdown-menu>li>a.selected { background: rgba(116, 185, 54, 1) !important; color: rgba(255, 255, 255, 1) !important }
.dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus { border-color: rgba(0, 0, 0, 0) }
.menu-panel .panel-content, .document-panel .panel-content { background-color: rgba(84, 96, 114, 1) }
.modal-content, .panel-content { -webkit-box-shadow: 0 1px 4px 2px rgba(0,0,0,0.3); box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.3) }
.document-panel .panel-content { border-left: none }
.menu-panel .panel-content { border-right: none }
.list-group .nav { border-left: 10px solid rgba(228, 235, 241, 1); margin-left: 15px }
.list-group .nav>li>a { border-top: 1px solid rgba(0, 0, 0, 0); border-bottom: 1px solid rgba(0, 0, 0, 0) }
.list-group .nav>li>a:hover, .list-group .nav>li>a:focus { border-top-color: rgba(71, 81, 96, 1); border-bottom-color: rgba(71, 81, 96, 1) }
.list-group .nav>li>a.active { border-top-color: rgba(0, 128, 255, 0.05); border-bottom-color: rgba(0, 128, 255, 0.05) }
.list-group .nav>li:focus { outline: none }
.list-group .nav>li.active>a { background: rgba(75, 86, 102, 1); border-top-color: rgba(0, 128, 255, 0.05); border-bottom-color: rgba(0, 128, 255, 0.05) }
.nav-pills>li>a { border: 1px solid rgba(0, 0, 0, 0) }
.nav-pills>li>a:hover, .nav-pills>li>a:focus { border-color: rgba(71, 81, 96, 1) }
.nav-pills>li.disabled>a:hover, .nav-pills>li.disabled>a:focus { border-color: rgba(0, 0, 0, 0) }
.nav-pills>li.open>a, .nav-pills>li.open>a:hover, .nav-pills>li.open>a:focus { border-color: rgba(71, 81, 96, 1) }
.list-group-item { padding: 10px 15px; margin-bottom: 0 }
.list-group .list-group-item { border-radius: 0; background: rgba(84, 96, 114, 1) }
.list-group-item:hover { border-top-color: rgba(71, 81, 96, 1); border-bottom-color: rgba(71, 81, 96, 1); background: rgba(75, 86, 102, 1) !important }
.list-group-item:focus, .active>.list-group-item { border-top-color: rgba(71, 81, 96, 1); border-bottom-color: rgba(71, 81, 96, 1); background: rgba(58, 66, 79, 1) !important }
a.list-group-item { -webkit-transition: none }
a.list-group-item:hover, a.list-group-item:focus { color: rgba(238, 238, 238, 1) }
.username { padding: 10px 20px; background: rgba(69, 79, 93, 1); color: rgba(255, 255, 255, 1); margin-top: -6px }
.vip-status { float: right; background: rgba(116, 185, 54, 1); color: rgba(255, 255, 255, 1); border-radius: 20px; padding: 2px; -webkit-transition: all ease-in-out 0.35s; transition: all 0.35s ease-in-out; cursor: pointer }
.vip-status .renew { padding: 0 6px; display: none }
.vip-status:hover .renew { display: inline }
.vip-status.expired { background: rgba(204, 204, 204, 1) }
.vip-status .icon { margin-right: 0 }
.menu-panel i { margin-right: 2px }
.menu-panel .sub-menu, .document-panel .sub-menu { background: rgba(75, 86, 102, 1); box-shadow: inset 0 0 7px -4px }
.menu-panel .sub-menu a, .document-panel .sub-menu a { color: rgba(238, 238, 238, 1) }
.menu-panel .sub-menu .nav, .document-panel .sub-menu .nav { margin: 0; border-left: none }
.menu-panel .sub-menu .nav li:hover, .document-panel .sub-menu .nav li:hover { background: rgba(69, 79, 93, 1) }
.document-panel.panel-open { width: 385px }
.document-panel .panel-content { background-color: rgba(84, 96, 114, 1); padding-top: 60px }
.document-panel .panel-content .icon-layers { font-size: 135% }
.document-panel .search-bar { position: absolute; background-color: rgba(71, 81, 96, 1); margin: 0; padding: 10px; z-index: 3; border-top: 0; border-right: 1px solid rgba(62, 71, 85, 1); border-bottom: 1px solid rgba(62, 71, 85, 1); border-left: 1px solid rgba(62, 71, 85, 1); border-radius: 0; width: 100%; box-shadow: none }
.document-panel .search-bar .input-group-addon { color: rgba(238, 238, 238, 1); background-color: rgba(84, 96, 114, 1); border-color: rgba(62, 71, 85, 1); border-left-width: 1px; border-left-style: solid }
.document-panel .search-bar input[type=”text”] { border-color: rgba(62, 71, 85, 1) }
.document-panel .dropdown-header { padding-top: 10px }
#search-and-sync input { width: calc(100% – 30px) }
#search-and-sync .input-group-addon, #search-and-sync input { border-radius: 4px }
.file-action { float: right; display: none }
.file-action i { padding-top: 2px }
.folder-wrapper .icon-folder-open-empty { display: none }
.folder-wrapper.active .icon-folder-open-empty { display: inline-block }
.folder-wrapper.active .icon-folder-empty { display: none }
.folder-wrapper.active a.collapsed .icon-folder-open-empty { display: none }
.folder-wrapper.active a.collapsed .icon-folder-empty { display: inline-block }
.folder-wrapper .file-notebook { display: none !important }
.folder-wrapper.active>.list-group-item { border-top-color: rgba(58, 66, 79, 1); border-bottom-color: rgba(58, 66, 79, 1) }
.folder-wrapper>.list-group-item .shared-icon { float: right }
.file-item:hover .file-action, li.active>.file-item .file-action { display: block }
.file-item:hover .file-notebook, li.active>.file-item .file-notebook { display: none }
.file-item .file-notebook { float: right; opacity: 0.8 }
.file-item .file-notebook .label { display: inline-block; max-width: 130px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle }
.file-item .file-notebook .icon-star-empty { color: rgba(255, 255, 255, 0.66) }
.file-item .file-notebook .label { padding: 0.4em 0.6em }
.file-item.synced { color: rgba(187, 187, 187, 1) }
.file-status-label { color: rgba(170, 170, 170, 1) }
.archive-splitter:last-child { display: none }
.document-list { height: 100%; overflow: auto; position: relative }
.document-list .sub-menu .file-item { background: none }
.document-list .sub-menu .file-item:hover, .document-list .sub-menu .file-item:focus { background: none !important }
.document-list ul>li.active .file-item, .document-list .file-wrapper.active .file-item { background: rgba(116, 185, 54, 1) !important; color: rgba(255, 255, 255, 1) }
.document-list ul>li.active .file-status-label, .document-list .file-wrapper.active .file-status-label { color: rgba(255, 255, 255, 1) }
.document-list ul>li.active .label-success, .document-list .file-wrapper.active .label-success { background: rgba(42, 67, 19, 1) }
.folder-top { position: absolute; display: none; z-index: 10000; width: 100% }
.footer-left-btn { float: left; position: relative }
.extension-preview-buttons { background-color: rgba(84, 96, 114, 1); border-color: rgba(62, 71, 85, 1) }
.extension-preview-buttons .drag-me { color: rgba(238, 238, 238, 1) }
.extension-preview-buttons .btn-success { color: rgba(238, 238, 238, 1) }
.extension-preview-buttons .btn-success:hover, .extension-preview-buttons .btn-success:active { color: rgba(238, 238, 238, 1) !important; background-color: rgba(69, 79, 93, 1) !important }
.extension-preview-buttons .open .btn-success { color: rgba(238, 238, 238, 1) !important; background-color: rgba(69, 79, 93, 1) !important }
.extension-preview-buttons .dropdown-menu { background-color: rgba(255, 255, 255, 1); border-color: rgba(222, 230, 237, 1) }
.extension-preview-buttons.closed { opacity: 0.25; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25); filter: alpha(opacity=25) }
.extension-preview-buttons.closed.info-tooltip-container { opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100) }
.atwho-view-ul { max-height: 300px; overflow: scroll; position: relative }
.atwho-view-ul li[shared=”1″]:before { content: “”; margin-right: 0.4em; margin-left: 0 }
#app_wrap.readonly .editor-navbar-buttons, #app_wrap.readonly .save-file { display: none }
#app_wrap.readonly .file-status-lock { display: inline-block }
.markdown-syntax pre { margin: 0; background: none; font-size: 12px }
.markdown-syntax table td { border: 2px solid rgba(255, 255, 255, 1) }
.markdown-syntax table tr td:first-child { background: rgba(145, 184, 45, 1); color: rgba(255, 255, 255, 1); font-weight: bold }
.markdown-syntax table tr td { background: rgba(238, 238, 238, 1) }
.markdown-syntax table tr td i { font-size: 12px; color: rgba(170, 170, 170, 1); font-style: initial }
.markdown-syntax table tr td:last-child { background: rgba(255, 255, 255, 1) }
.markdown-syntax kbd { padding: 0.1em 0.6em; border: 1px solid rgba(204, 204, 204, 1); font-size: 11px; background-color: rgba(247, 247, 247, 1); color: rgba(51, 51, 51, 1); -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset; box-shadow: 0 1px rgba(0, 0, 0, 0.2), inset 0 0 2px rgba(255, 255, 255, 1); border-radius: 3px; display: inline-block; margin: 0 0.2em; text-shadow: 0 1px rgba(255, 255, 255, 1); line-height: 1.4; white-space: nowrap }
.modal-help .modal-dialog { width: 870px }
.modal-help .modal-dialog .markdown-table { float: left }
.modal-help .modal-dialog .key-table { width: 260px; float: right }
.modal-changelog .modal-dialog .modal-body { text-align: left }
#toggle-preview { display: none }
.full-preview { overflow-x: hidden; overflow-y: scroll; padding: 0; background: rgba(255, 255, 255, 1) }
.full-preview .layout-wrapper-l3 { overflow-x: hidden; overflow-y: scroll }
.full-preview #wmd-input, .full-preview #ace-input, .full-preview .extension-preview-buttons, .full-preview .editor-navbar, .full-preview .modal-backdrop, .full-preview .preview-buttons, .full-preview .open-folder-btn { display: none }
.full-preview .preview-container { width: auto !important; position: relative; height: auto !important; overflow-y: hidden }
.full-preview .preview-panel { position: relative; max-width: 960px; margin: auto; left: 0; width: auto !important; height: auto !important; transform: none !important; -webkit-transform: none !important; -ms-transform: none !important; overflow: visible; display: block !important; min-height: 100%; -webkit-transition: all ease-in-out .4s; transition: all 0.4s ease-in-out; -webkit-box-shadow: none; box-shadow: none }
.full-preview .preview-panel:before { content: ” “; position: absolute; width: 100%; height: 100%; top: 0; left: -100% }
.full-preview .preview-panel:after { content: ” “; position: absolute; width: 100%; height: 100%; top: 0; right: -100% }
.full-preview #toggle-preview { display: block; font-size: 24px; position: absolute; right: 10px; top: 10px; color: rgba(102, 128, 153, 0.35); cursor: pointer; z-index: 10 }
.full-preview #toggle-preview:hover, .full-preview #toggle-preview:active, .full-preview #toggle-preview:focus { color: rgba(0, 51, 102, 1) }
#readme, #images_area { display: none }
#titlebar { height: 20px; line-height: 18px; z-index: 1000000 }
#titlebar~.layout-wrapper-l1 { top: 20px }
#titlebar~.layout-wrapper-l1 .open-folder-btn { top: 22px }
#titlebar [class^=”icon”]:before { margin: 0 0.1em }
#titlebar i { opacity: 0.8; cursor: pointer }
#titlebar i:hover { opacity: 0.9 }
#titlebar .window-file { position: absolute; left: 1px }
#titlebar-bg { position: absolute; width: 100%; height: 100%; -webkit-filter: contrast(112%) }
#dragbar { height: 100%; -webkit-app-region: drag; overflow: hidden; margin: 0 20px }
#dragbar.disabled { -webkit-app-region: no-drag }
.window_resizer { float: right; margin-top: 1px }
.editor-hosted-buttons { display: inline-block }
.window-fullscreen { position: absolute; right: 4px; top: -1px }
body.app { overflow: hidden }
body.app .open-folder-btn { display: none }
body.app .for-mac { display: none }
body.app.mac .window_resizer { display: none }
body.app.mac .window_resizer.for-mac { float: left; display: flex; margin-left: 4px; margin-top: 0 }
body.app.mac #titlebar .window-file { position: static; order: 4; margin-left: 15px }
body.app.mac #titlebar i { margin: 1px }
body.app.mac .window-close { order: 1 }
body.app.mac .window-min { order: 2 }
body.app.mac .window-max { order: 3 }
body.app img[src^=”http”] { animation: 0.1s img_load; -webkit-animation: img_load .1s }
body.app .preview-container { user-select: auto; -webkit-user-select: auto }
@-webkit-keyframes img_load{0%{opacity:.9}100%{opacity:1}}
#settings .col-lg-4 { float: left; text-align: right; width: 33.33333333% }
#settings .col-lg-7 { float: left; width: 58.33333333% }
#settings .form-inline .col-lg-7 { width: 58.33333333% }
#settings .form-inline .form-control { display: inline-block }
#settings .form-inline * { float: none }
#settings .help-block { font-size: 12px }
#settings .form-control { height: 34px }
#settings textarea.form-control { width: 100% }
.toast-warning:before { content: “” }
.toast-error:before { content: “” }
.toast-info:before { content: “” }
.toast-success:before { content: “” }
.modal.slim .modal-dialog { width: 400px }
.modal.slim .modal-title { text-align: inherit }
.modal.slim .modal-content { background: rgba(255, 255, 255, 1); text-align: center }
.modal.slim .modal-content p { color: rgba(119, 119, 119, 1) }
.modal.slim .modal-body { padding-top: 0; padding-bottom: 0 }
.modal.slim .modal-footer { border: none; text-align: center }
.modal.slim .modal-header { border: none; color: rgba(84, 96, 114, 1) }
.modal.slim .btn-primary { background: rgba(116, 185, 54, 1); color: rgba(255, 255, 255, 1) }
.modal.slim .btn-primary:hover, .modal.slim .btn-primary:active, .modal.slim .btn-primary:focus { background: rgba(104, 165, 48, 1) !important }
.modal-dialog.slim .modal-header { padding: 10px 15px }
.modal-dialog.slim .modal-body { padding: 10px 20px }
.modal-dialog.slim .modal-footer { padding: 10px; background-color: rgba(255, 255, 255, 1) }
.modal.error .modal-header { color: rgba(185, 11, 11, 1) }
#ace-input { display: none }
.layout-wrapper-l2:before { position: absolute; content: “”; width: 100%; height: 100%; background: rgba(249, 250, 251, 1) }
#preview-contents { margin-top: 30px; padding-left: 10px; padding-right: 10px }
.ace_dark .ace_gutter { color: rgba(170, 170, 170, 1) !important; background: rgba(0, 0, 0, 0.2) !important }
.ace_gutter-cell { padding-left: 0 !important }
.attachment-wrapper { overflow: hidden }
.attachment-placeholder { float: left; display: block }
.attachment-placeholder:hover { text-decoration: none }
.attachment-placeholder i { font-size: 3em; float: left }
.attachment-placeholder .file-name { vertical-align: -0.6em; font-weight: bold; line-height: 1.8em }
.attachment-placeholder .file-size { display: flex; opacity: 0.6; font-size: 80%; white-space: nowrap }
.attachment-placeholder img { display: none }
#edit-conflict-container { left: 50%; bottom: 6px; right: 1em; margin-left: 1em; position: fixed; z-index: 11111111; display: none }
#edit-conflict-container .toast { margin-bottom: 0 }
#edit-conflict-container .message-content { background-color: rgba(249, 240, 227, 1); color: rgba(207, 131, 33, 1); padding: 4px 10px 4px 4px; border-radius: 4px; float: left }
.no-preview #edit-conflict-container { left: 0 }
@media (max-width: 450px) { .full-editor-btn { display: none } }
#loading { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 10000000; background: rgba(255, 255, 255, 1); color: rgba(116, 185, 54, 1); text-align: center }
#loading .loading-container { position: absolute; margin: auto; left: 0; right: 0; top: 30%; bottom: 0 }
#loading b { color: rgba(255, 255, 255, 1); background: rgba(116, 185, 54, 1); font-weight: normal; padding: 5px; margin: 10px; font-size: 50px }
#loading h1, #loading h2, #loading h3, #loading h4 { font-family: “Helvetica Neue”, Arial, “Hiragino Sans GB”, “STHeiti”, “Microsoft YaHei”, “WenQuanYi Micro Hei”, SimSun, sans-serif; text-align: center }
#loading .reverse { color: rgba(255, 255, 255, 1) !important; background: rgba(116, 185, 54, 1) !important; padding: 4px; border-radius: 4px }
#loading #loading-app-name { text-align: center; font-size: 54px; margin-top: 0; margin-bottom: 0.8em }
#loading #loading-slogan { font-weight: normal }
#loading #loading-text { margin: 80px auto 40px; text-align: center }
#loading #loading-view-doc { font-size: 16px; margin: 10px auto }
#loading #loading-view-doc a { padding: 10px; border-radius: 6px; border: 1px solid rgba(116, 185, 54, 1) }
#loading #loading-view-doc a:link, #loading #loading-view-doc a:hover, #loading #loading-view-doc a:active, #loading #loading-view-doc a:visited { color: rgba(116, 185, 54, 1); text-decoration: none }
{ height: 10px; width: 7px; background: rgba(0, 0, 0, 0) }
{ background: rgba(128, 128, 128, 0.1) }
{ background: rgba(0, 0, 0, 0.3); -webkit-border-radius: 6px }
{ background: rgba(0, 0, 0, 0.6) }
{ background: rgba(0, 0, 0, 1) }
{ background: rgba(255, 255, 255, 0.3); -webkit-border-radius: 6px }
{ background: rgba(255, 255, 255, 0.6) }
.slim-scroll .ace_scroller { right: 4px !important }
.slim-scroll .ace_scrollbar-v { right: 4px !important }
.slim-scroll #preview { right: 2px }
.atwho-view { position: absolute; top: 0; left: 0; display: none; margin-top: 18px; background: rgba(255, 255, 255, 1); color: rgba(0, 0, 0, 1); border: 1px solid rgba(221, 221, 221, 1); border-radius: 3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); min-width: 120px; z-index: 11110 !important }
.atwho-view .cur { background: rgba(51, 102, 255, 1); color: rgba(255, 255, 255, 1) }
.atwho-view .cur small { color: rgba(255, 255, 255, 1) }
.atwho-view strong { color: rgba(51, 102, 255, 1) }
.atwho-view .cur strong { color: rgba(255, 255, 255, 1) }
.atwho-view ul { list-style: none; padding: 0; margin: auto }
.atwho-view ul li { display: block; padding: 5px 10px; border-bottom: 1px solid rgba(221, 221, 221, 1); cursor: pointer }
.atwho-view small { font-size: smaller; color: rgba(119, 119, 119, 1); font-weight: normal }
code[class*=”language-“], pre[class*=”language-“] { color: rgba(0, 0, 0, 1); background: none; text-shadow: 0 1px rgba(255, 255, 255, 1); font-family: Consolas, Monaco, “Andale Mono”, “Ubuntu Mono”, monospace; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none }
{ text-shadow: none; background: rgba(179, 212, 252, 1) }
pre[class*=”language-“]::selection, pre[class*=”language-“] ::selection, code[class*=”language-“]::selection, code[class*=”language-“] ::selection { text-shadow: none; background: rgba(179, 212, 252, 1) }
@media print { code[class*=”language-“], pre[class*=”language-“] { text-shadow: none } }
pre[class*=”language-“] { padding: 1em; margin: 0.5em 0; overflow: auto }
:not(pre)>code[class*=”language-“], pre[class*=”language-“] { background: rgba(245, 242, 240, 1) }
:not(pre)>code[class*=”language-“] { padding: 0.1em; border-radius: 0.3em; white-space: normal }
.token.comment, .token.prolog, .token.doctype, .token.cdata { color: rgba(112, 128, 144, 1) }
.token.punctuation { color: rgba(153, 153, 153, 1) }
.namespace { opacity: 0.7 }
.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted { color: rgba(153, 0, 85, 1) }
.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: rgba(102, 153, 0, 1) }
.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string { color: rgba(166, 127, 89, 1); background: rgba(255, 255, 255, 0.5) }
.token.atrule, .token.attr-value, .token.keyword { color: rgba(0, 119, 170, 1) }
.token.function { color: rgba(221, 74, 104, 1) }
.token.regex, .token.important, .token.variable { color: rgba(238, 153, 0, 1) }
.token.important, .token.bold { font-weight: bold }
.token.italic { font-style: italic }
.token.entity { cursor: help }

支付系统的要求:安全、高效。安全是基本,高效是追求。

要达成两个目标,难免会遇到各种坑,下面挑几个典型的问题来讲述,并附上简单的应对方案。

请求超时问题

网络的可靠性要依赖硬件,所以只要是网络调用,必然要考虑超时问题,另外因为支付系统一般内部验证操作多,请求处理时间长,比一般系统超时的概率更大。

支付系统内的每一个请求都应该谨慎处理,而对于无法确定结果的超时请求更不能轻易确定终态,绝对不能像一个简单的网页请求一样重试一次。

一般采取保守策略,将交易状态保持在一个无害的默认状态(处理中或未支付),等待下次触发处理。

请求超时本身易处理,但它导致的后续问题会很多,下面会提到。

终态判断处理问题

返回码映射

终态的判断应该是支付系统内最重要也是最容易踩坑的地方,这个处理的复杂程度真的太依赖三方系统的状态码设置了。由于成功和处理中的状态只有一种,而错误则会有各种各样的原因,有的错误可以重试,有的错误是系统错误。分清交易失败的原因,关系到系统如何下一步处理交易,所以错误明细码的设计十分重要。

对于一个返回码设计良好的系统,如微信、支付宝,有业务结果码和明细错误码之分,我们进行终态判断和返回码映射时,可以首先以业务结果码为准,在业务结果为失败时,再去检查明细错误码。

而一个设计不那么好的系统,将业务结果码和明细错误码混淆在一起,判断结果就比较坑,要么将错误码列出对比,要么用很危险的else

此问题无法真正避免,只能给出谨慎映射,多向三方系统求证的建议。

查询无交易记录

无交易记录应该是最危险的返回码了,偏偏因为偶发的网络波动,交易请求受理超时,这个码还不可避免。 正常逻辑的情况下,无交易记录是没发到三方系统,当然是失败,可是如果在代付交易中,三方系统告诉你,别轻易置失败,万一你参数传错了呢,钱付出去我们可不赔哟~你还那么有自信么。。。

解决方案中最保守的方式当然是作为处理中来处理,然后人工介入处理,这个只能用在交易量不是太大,网络偏稳定的情况下,目前我们只在代付交易中使用此策略。

另外一种方式是搭配请求时的响应信息来判断,如果三方系统响应信息为成功时,查询为无此交易,那自然是参数或系统逻辑等问题,迅速报警通知处理。如果请求受理时为超时,那么便可以认为是网络问题没有发送成功了,有时候还是要对自己的代码有一些信心的。

交易及时性问题

交易及时性不是一个很严重的问题,甚至在支付系统中,太有及时性的交易还会使用户不太放心。但作为一个程序员,追求效率是天性嘛,我们还是希望尽早获取到交易结果,但这也可能导致踩坑。

太早的查询

查询太早导致问题会出现在两种场景:请求超时、三方系统设计问题。

  • 请求超时:请求超时时,系统在过了超时时间后断开连接不再阻塞,立刻发起查询请求的话,三方系统可能刚接收到请求,正在进行参数验证,数据还未落地,此时会收到无此交易的响应,我们将交易作为失败处理后,交易可能在之后成功。所以查询一定要有延迟,一定要给三方系统足够的时间来处理交易。
  • 三方系统设计问题:如xx,在受理交易时使用了中间件,中间件挂掉后,我们查询无此交易,但他们重启中间件后又处理交易,竟然又成功了。这个最好在之前能问清三方系统的处理方式,并针对性地设置查询延迟。

频繁的查询

太多频繁的查询是无意义的,交易正在三方系统中处理,查询不会使交易被迅速处理,还会造成网络资源和系统资源的浪费,如果你还记得与三方系统的每一次交互都要重视,那么查询日志也没法看了。

解决此问题,要:

  • 避免“过早”的查询,这要考虑三方系统的处理速度;
  • 合理设置查询时间间隔,一些交易需要更长的处理时间,可以设置梯度时间间隔;
  • 处理无意义的查询,如查询“无此交易”,那么进行多少次结果都不会变,再进行查询就是无意义的;

隔日账问题

隔日账问题在对账过程中不可避免,由于服务器时间有差异,交易处理也需要时间,在凌晨附近发生的交易可能会遭遇此问题,这会给对账造成一定的困扰,但合理的处理方式不会有太大的问题:

自己系统与三方系统对账文件不一致时调用查询接口在缺失交易的系统内查询,先确认交易的存在,再分析交易时间。如在隔日附近,则暂不处理,待次日对账文件的对比。

如某一系统内交易不存在,或交易不太可能会发生隔日账问题,这便需要系统之间人工来处理了,不过这不也是对账的意义所在么。

并发效率问题

并发锁

并发问题在所有系统内都会存在,只是支付系统内处理不好后果会很严重,处理方式一般是事务、互斥锁。

支付系统单系统内使用这些方式也没有问题,只是锁的粒度会略大,至少需要保证一个模块内交易处理的原子性。 分布式系统内就要考虑分布式锁了,这些业内也都有很多解决方案了。

只是加锁就意味着效率损耗,合理拆分出交易核心模块,并对这些模块添加锁。另外使用合理的“进程-数据”分配方式,也会减少锁冲突。

幂等

保持交易中的幂等很重要,它是避免重复支付的基石。 即使系统设计完全,我们还是要追求业务逻辑上的幂等,这也就意味着更多的查询确认,同时意味着效率下降。

效率下降不可避免,我们可以使用缓存来降低效率下降的幅度,在缓存中设置交易状态标识,对交易状态标识异常的交易再去数据库查询。

异步拆分尴尬

异步可以抗并发,提高效率,放之四海皆准。支付系统对异步的依赖更强是因为支付系统由于其处理流程冗长更易达到效率瓶颈。

面对异步我们首先要解决的问题是异步拆分的粒度问题,粗粒度的拆分效率能提升的效率有限,细粒度的拆分调控起来不易,处理异步拆分的粒度,看交易量吧,不做过度设计。

进行异步拆分时,每一步都需要一个触发进程,此进程可以是常进程轮询,也可以是cron进程,事件机制来触发自然是更好的,但它对消息队列的要求很高,设计也较复杂。

除此之外还需要一个确认进程,确保下一步的进程顺利接收处理了,在后续进程受理失败时,能够及时重试处理。

测试坑

测试是开发中必不可少的步骤,自己测和测试来测,总要完全走一遍流程才敢放心上线。

支付测试略坑了: 首先测试环境的布置,支付系统牵涉到多个三方系统的交互,靠谱的系统都会提供测试系统,可是难免有些系统不提供测试环境,或者测试限制颇多,限支付行,限金额等,还要提防其测试系统忽然就挂了。然后是线上测试,更要小心翼翼,一个不慎就是资金损失。

为了提供良好的测试环境,我们引入“MOCK”功能,mock 中文意思为“模仿”,即通过模拟三方系统的返回值来测试本系统的稳定性。

但 mock 的代码侵入性略强,完整的 mock 模块必然有if else语句的存在,由于支付相关的系统较多,要搭建完整的 mock 系统不容易,单点 mock 需要各处埋点。整体 mock 的又不便于测试特定功能。

小结

支付的坑包括但不限于本文介绍的这些,可能还会有其他奇怪的问题,文章没有介绍到。

若想尽量避免支付系统的坑,那么一定要保持着保守的态度,将状态或交易保持无害。有些需要事务操作,但无法使用典型事务的场景,将次要的一开始执行,即使出了问题,有重试、回滚等操作,也不会造成影响。

支付总结暂时到此为止。

版权声明:本文为zhenbianshu原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/zhenbianshu/p/6664416.html