/*
Name: sales-drive
Dependencies: flat-ui
Version: 0.85
*/
body { background-image: url(../img/background.jpg); background-position: center top; background-attachment: fixed; }
a.sd-logo span,
a.navbar-brand span { display: none; }
a.sd-logo,
a.navbar-brand { background-image: url(../img/logo-hover.png); background-image: url(../img/logo.png); background-position: center; display: block; width: 180px; }
a.sd-logo:hover,
a.navbar-brand:hover { background-image: url(../img/logo-hover.png); background-position: center; display: block; width: 180px; }
a.sd-logo { height: 53px; clear: both; margin: 50px auto 0; }
.sd-rounded { border-radius: 6px; }
.sd-translucent { background-color: rgba(255, 255, 255, 0.8); }
.sd-padded { padding: 5px; }
.select-block { width: 100%; }
.sd-padded .row { margin-bottom: .5em; }
.sd-conversation { min-height: 1000px; }
.sd-external { padding: 0!important; margin: 0!important; }
.sd-center { text-align: center; margin: 0 8px; }
.sd-justify { text-align: justify; margin: 0 8px; }
.sd-player-login,
.sd-trainer-login { padding: 2px 10px; }
.sd-player-login h5 { color: #008080; }
.sd-trainer-login h5 { color: #008080; }
.sd-trainer-login a { color: #008080; }
.sd-trainer-login ul { list-style-type: none; margin: 10px 0 10px; padding: 0; }
.sd-trainer-login ul li { margin: 0; padding: 0; }

.sd-chat { border: none; border-radius: 6px; box-shadow: none; }
.sd-chat.left { background-color: #ffbc8f; }
.sd-chat.right { background-color: #c1e8e8; }
.sd-chat-title { padding: 5px 20px 6px; margin: 0; font-size: 15px; font-weight: 700; line-height: 1.2; color: #fff; border: none; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.sd-chat.left .sd-chat-title { background-color: #ff6600; color: #fff; }
.sd-chat.right .sd-chat-title { background-color: #008080; color: #fff; }
.sd-chat-title:not(:empty) + .popover-content > p { margin-bottom: 0; }
.sd-chat-content { padding: 9px 20px; font-size: 16px; line-height: 1.286; }
.sd-chat-content p { font-size: inherit; line-height: inherit; margin: 0; padding: 0; }
.sd-chat .arrow,
.sd-chat .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }
.sd-chat .arrow { border-width: 10px; }
.sd-chat .arrow:after { border-width: 9px; }
.sd-chat.right > .arrow { top: 16px; left: -14px; margin-top: -10px; border-color: transparent; }
.sd-chat.right > .arrow:after { bottom: -9px; left: 2px; content:" "; border-right-color: #008080; }
.sd-chat.left > .arrow { top: 16px; right: -14px; margin-top: -10px; border-color: transparent; }
.sd-chat.left > .arrow:after { bottom: -9px; right: 2px; content:" "; border-left-color: #ff6600; }

.sd-tree ul { list-style-type: none; }
.sd-tree ul li { margin-left: 5px; }
.sd-tree > ul { padding-left: 5px; }
ul.jqtree_common { padding-left: 0.5em; }
li.jqtree-closed > ul.jqtree_common { display: none; }
div.jqtree-element { border: none; border-radius: 6px; background-color: #ecf0f1; margin-bottom: 2px; padding: 2px 87px 2px 0.5em; clear: both; position: relative; }
div.jqtree-element:hover { background-color: #bdc3c7; }
div.jqtree-element > a { margin-right: 0.5em; cursor: pointer; }
div.jqtree-buttons button {  }
.jqtree-buttons { position: absolute; right: 0; top: 0; }
.sd-tree .jqtree-title { cursor: move; font-size: 15px; }
.sd-question-answer { display: block; font-size: 15px; color: #999; }

/*ul.jqtree-tree li.jqtree-ghost { border: none; border-radius: 6px; background-color: #e74c3c; position: relative; z-index: 10; margin-right: 10px; display: block; height: 32px; }*/
ul.jqtree-tree li.jqtree-ghost { position: relative; z-index: 10; margin-right: 10px; }
ul.jqtree-tree li.jqtree-ghost span { display: block; }
ul.jqtree-tree li.jqtree-ghost span.jqtree-circle { border: solid 2px #006060; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; height: 8px; width: 8px; position: absolute; top: -4px; left: -6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ul.jqtree-tree li.jqtree-ghost span.jqtree-line { background-color: #006060; height: 2px; padding: 0; position: absolute; top: -1px; left: 2px; width: 100%; }
ul.jqtree-tree li.jqtree-ghost.jqtree-inside { margin-left: 48px; }
ul.jqtree-tree.jqtree-rtl li.jqtree-ghost { margin-right: 0; margin-left: 10px; }
ul.jqtree-tree.jqtree-rtl li.jqtree-ghost span.jqtree-circle { right: -6px; }
ul.jqtree-tree.jqtree-rtl li.jqtree-ghost span.jqtree-line { right: 2px; }
ul.jqtree-tree.jqtree-rtl li.jqtree-ghost.jqtree-inside { margin-left: 0; margin-right: 48px; }
Ul.jqtree-tree span.jqtree-border { position: absolute; display: block; left: -2px; top: 0; border: solid 2px #006060; border-radius: 6px; margin: 0; box-sizing: content-box; }
ul.jqtree-tree.jqtree-rtl span.jqtree-border { right: -2px; }

@media \0screen\,screen\9  {
	ul.jqtree-tree li.jqtree-ghost span.jqtree-circle {
	background: url(jqtree-circle.png) no-repeat;
	border: 0 none; } }

.sd-help { position: relative; display: inline; }
.sd-help i { cursor: pointer; }
.sd-help i:hover { color: #bdc3c7; }
.sd-help-window { z-index: 9999; position: absolute; left: 0; top: 24px; display: none; padding: 15px; }
.sd-help-window .arrow { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgb(225,235,233); position: absolute; top: -10px; left: 0; }
div.sd-message-update { display: none; }
a.sd-message-update { }
.sd-help-window * { font-weight: normal; font-size: 15px; }
.sd-message-read { text-align: justify; }

.sd-read { font-size: 15px; margin: 0 6px 10px; }

.sd-scenario-update,
.sd-scenario-delete { display: none; }

.sd-game-rounds { margin: 0 6px 10px; }
.sd-game-rounds div { font-size: 15px; }
.sd-game-rounds .active { background-color: #006060; color: #fff; padding: 0 6px; border-radius: .25em; }

.ui-slider { margin-top: 10px; margin-bottom: 10px; }

.sd-section,
.sd-section-head,
.sd-section-body { clear: both; }
.sd-section-head a { float: right; }
.sd-section-head { border-bottom: 2px solid #e1ebe9; margin-bottom: 6px; }
.sd-section-body { margin-bottom: 10px; }

.sd-message-form { border: 2px solid rgb(189,195,199); margin-left: 10px; margin-top: 10px; padding: 10px; border-radius: 6px; background-color: #fff; }
.sd-message-leave { padding: 6px; margin: 2px 8px 8px; }
.sd-message-list label { font-size: 16px; margin-left: 6px; }
.sd-character { border: 2px solid rgb(189,195,199); border-radius: 6px; background-color: #fff; padding: 10px; }
.sd-message-hints,
.sd-message-chat { border: 2px solid rgb(189,195,199); border-radius: 6px; background-color: #fff; margin-left: 10px; padding: 10px; }
.sd-message-chat img { height: 68px; }
.sd-section-body ul { list-style-type: none; padding-left: 14px; }

@media (max-width: 768px) { .sd-message-chat { margin: 0; } .sd-message-form { margin-left: 0; }}

.sd-character { }
.sd-message-chat { height: 634px; overflow: auto; }
.sd-message-chat .row { margin: 6px 10px; }
.sd-message-form { }
.sd-message-list { }
.sd-character img { margin: 0 auto; clear: both; }
.sd-character h5 { text-align: center; background-color: rgb(189,195,199); margin: 4px -5px; padding: 4px 0; }
.sd-character h6 { font-size: 16px; text-align: center; border-bottom: 2px solid rgb(189,195,199); margin: 4px -5px; padding: 3px 0; }
.sd-character p { font-size: 14px; text-align: justify; line-height: 18px; margin-bottom: 6px; }
.sd-transparent { opacity: 0; position: absolute; z-index: 2; }
.sd-backdrop { }
.sd-message-hints h4 { text-align: center; font-weight: normal; border-bottom: 2px solid rgb(189,195,199); margin: 0 0 10px; padding: 0 0 4px; }
.sd-message-hints { overflow: auto; }
.sd-message-hints .row { margin: 6px 10px; }
.sd-message-hints form { margin: 60px 0 0; padding: 0; }

.sd-quotation,
.sd-quotation-create,
.sd-inventory-update { border: 2px solid rgb(189,195,199); padding: 6px; margin: 6px; border-radius: 6px; background-color: #fff; }

.sd-counter-offer,
.sd-negotiate-offer { }
.sd-quotation-slide { overflow: hidden; }

.sd-quotation h5 { text-align: center; margin: 4px -5px 8px; padding: 4px 0; margin: 0; font-size: 22px; font-weight: normal; }
.sd-quotation h6 { font-size: 24px; text-align: center; border-bottom: 2px solid rgb(189,195,199); margin: 4px 0; padding: 0 0 7px; font-weight: bold; }
.sd-quotation span.form-control { text-align: right; }
.sd-quotation-item { border-bottom: 2px solid rgb(189,195,199); margin-bottom: 6px; }

.sd-quotation-image { padding: 0 6px; margin-bottom: -6px; }
.sd-quotation-image img { width: 100%; margin: 0; clear: both; }

div.sd-timer { line-height: 40px; height: 40px; font-size: 40px; margin-right: 20px; }
h4.sd-timer {}
.sd-timer span { color: #d40000; font-size: 40px; font-weight: normal; }
.sd-poll-title h3,
.sd-poll-title h4 { font-size: 40px; height: 53px; line-height: 53px; font-weight: normal; margin: 0; padding: 0; }
.sd-poll-title h3 { padding-left: 6px; text-align: left; }
.sd-poll-title h4 { margin-right: 12px; text-align: right; }

.sd-float,
.sd-integer,
.sd-number,
.sd-percent { text-align: right; }

.alert { padding: 10px 14px; font-size: 16px; line-height: 1.625; color: #34495e; border: 2px solid transparent; border-radius: 6px; border-color: #e1ebe9; }
.alert .alert-link { font-weight: bold; }
.alert .alert-link:hover { text-decoration: underline; }
.alert .alert-link.btn { color: #fff; text-decoration: none; }
.alert .alert-link.btn:active,
.alert .alert-link.btn.active { color: rgba(255, 255, 255, .75); }
.alert h4 { margin-bottom: 4px; font-size: 24px; line-height: 1.2; }
.alert p { font-size: inherit; line-height: inherit; }
.alert-success { background-color: #eff7f3; border-color: #e1ebe9; }
.alert-success .alert-link { color: #16a085; }
.alert .close { position: relative; top: 3px; right: 0; font-size: 18px; line-height: 18px; color: #34495e; }
.alert .btn { margin-top: 15px; margin-right: 15px; margin-bottom: 15px; }

.label-success { background-color: #006060; }

.nav-list { padding-right: 13px; padding-left: 13px; }
.nav-list .nav-header { padding: 0 13px; margin-right: -13px; margin-left: -13px; font-weight: 700; line-height: 1.538; }
.nav-list > li { margin-bottom: 3px; }
.nav-list > li.active > a,
.nav-list > li.active > a:hover,
.nav-list > li.active > a:focus { color: #526476; background-color: #edeff1; }
.nav-list > li.disabled > a,
.nav-list > li.disabled > a:hover,
.nav-list > li.disabled > a:focus { cursor: not-allowed; opacity: .6; }
.nav-list > li.divider { height: 2px; margin: 13px -13px 17px 0; background-color: #edeff1; border-bottom: none; }
.nav-list > li > a { padding: 6px 13px 8px; margin-right: -13px; margin-left: -13px; font-size: 15px; font-weight: 700; line-height: 1.333; text-shadow: none; border-radius: 4px; }
.nav-list .badge.pull-right { margin: 1px -4px -1px 10px; }
.nav-header { font-size: 13px; color: #aeb6bf; text-transform: uppercase; }
.nav-list .badge { cursor: pointer; }

fieldset { border: 2px solid rgb(189,195,199); padding: 6px; margin: 6px; border-radius: 6px; }
fieldset > legend { margin-bottom: -3px; padding: 0 6px; border: 2px solid rgb(189,195,199); border-radius: 6px; background-color: #fff; }
fieldset .input-group,
fieldset .form-control { margin-bottom: 6px; }
.separator { text-align: center; text-transform: uppercase; }
.separator::before, .separator::after { content: '-'; }

.sd-loading { background: transparent url(../img/loading.gif) no-repeat center center; line-height: 36px; height: 36px; }
.select-block.form-control { min-width: auto; width: 100%; }

.sd-poll .btn { line-height: 28px; font-size: 28px; }
.sd-poll-item { border: 2px solid rgb(189,195,199); padding: 0 6px; margin: 6px; border-radius: 6px; background-color: #fff; }
.sd-poll-item .btn { font-weight: bold; font-size: 48px; }
.sd-poll-item p { text-transform: uppercase; text-align: center; margin: 0; padding: 0; font-weight: bold; border-bottom: 2px solid rgb(189,195,199); }
.sd-poll span { display: block; line-height: 42px; height: 42px; text-align: center; font-size: 42px; font-weight: bold; }
.sd-polasdfa h3 { text-align: center; background-color: rgb(189,195,199); padding: 16px 10px; margin: 0; border-radius: 6px; font-size: 24px; }
.nav-tabs { padding: 0 16px; border-bottom-width: 0; }
.nav.nav-tabs { margin-bottom: -1px; }
.nav.nav-tabs > li.active > a { border: 2px solid rgb(189,195,199); border-bottom-width: 0; }
.tab-content { border: 2px solid rgb(189,195,199); border-radius: 6px; padding: 6px; margin: 0 6px 6px; background: #fff; }
.sd-up-vote, .sd-down-vote { font-size: 28px; }
.sd-submit-vote { padding: 4px 5px 0; }
.sd-submit-vote button {  margin-bottom: 2px; }

.sd-info { text-align: justify; margin-left: 12px; margin-right: 12px; margin-top: 6px; }
.sd-changed { color: #d40000; }

.sd-character-list .tile-title { margin-top: 14px; text-align: center; }
.sd-character-list .tile p { font-size: 16px; text-align: center; }
.sd-round-title { font-family: Arial, verdana, sans-serif; font-size: 36px; font-weight: bold; line-height: 40px; letter-spacing: -3px; float: left; }

.sd-timeout { position: fixed; bottom: 0; overflow: hidden; height: 0; }
.sd-chart { border-radius: 6px; margin: 5px 1px; min-height: 300px; }
.sd-table-split-4 table th, .sd-table-split-4 table td { width: 25%; text-align: center; }
.sd-table table th, .sd-table table td { text-align: center; }
.sd-table table tbody tr > th, .sd-table-split-4 table tbody tr > th { text-align: left; }
.sd-hint-missed { color: #d40000;}
.sd-hint-visited { color: #008080; }
.sd-conversation-you { font-weight: bold; }
.sd-conversation-npc { font-weight: bold; }
.sd-conversation-missed .sd-conversation-answer { color: #d40000; }
.sd-conversation-visited .sd-conversation-answer { color: #008080; }
.sd-conversation-missed { color: #333333; }
.sd-report .sd-chart { min-height: 360px; }
.sd-conversation-render,
.sd-conversation-render ul { list-style-type: none; }
.sd-conversation-render { margin: 6px 0; padding: 0; }
.sd-alert p { text-align: center; margin: 10px 0; }

.sd-character-conversation { display: block; padding: 4px; margin: 4px; border-radius: 5px; background-color: #fff; text-align: center; font-size: 18px; }
.sd-character-conversation small { display: block; font-size: 14px; }

.sd-tile { margin-top: 0; margin-bottom: 10px; padding: 0; }
.sd-tile-center, .sd-tile-left { margin-right: 6px; }
.sd-tile-center, .sd-tile-right { margin-left: 6px; }
.sd-tile form { position: absolute; bottom: 10px; right: 0; }
.sd-tile .row { margin: 0; }
.sd-tile img { height: 252px!important; }
.sd-tile .sd-padded { padding: 0 10px; }

.label-grey { background: #ccc; border-radius: 4px; }
.label-block { display: block; padding: 9px 13px; margin: 0; line-height: 18px; font-size: 16px; }
.sd-separator { margin-bottom: 8px; clear: both; }
.navbar { min-height: 40px; margin-bottom: 10px; }
.navbar-brand { height: 40px; }
.sd-external img { height: 40px; }
.navbar li > a { padding: 8px 14px 9px; }
.navbar li > ul.dropdown-menu { margin-top: 3px; }

.container { padding: 0; }
.row { margin: 0; }
.row .col-lg-1, .row .col-lg-2, .row .col-lg-3, .row .col-lg-4, .row .col-lg-5, .row .col-lg-6, .row .col-lg-7, .row .col-lg-8, .row .col-lg-9, .row .col-lg-10, .row .col-lg-12,
.row .col-md-1, .row .col-md-2, .row .col-md-3, .row .col-md-4, .row .col-md-5, .row .col-md-6, .row .col-md-7, .row .col-md-8, .row .col-md-9, .row .col-md-10, .row .col-md-12,
.row .col-sm-1, .row .col-sm-2, .row .col-sm-3, .row .col-sm-4, .row .col-sm-5, .row .col-sm-6, .row .col-sm-7, .row .col-sm-8, .row .col-sm-9, .row .col-sm-10, .row .col-sm-12,
.row .col-xs-1, .row .col-xs-2, .row .col-xs-3, .row .col-xs-4, .row .col-xs-5, .row .col-xs-6, .row .col-xs-7, .row .col-xs-8, .row .col-xs-9, .row .col-xs-10, .row .col-xs-12 { margin: 0; padding: 0; }

label { padding-left: 6px; }
.btn-center, .btn-left { padding-right: 5px!important; }
.btn-center, .btn-right { padding-left: 5px!important; }
.navbar-toggle { height: 40px; line-height: 40px; }

.table th.right,
.table td.right { text-align: right; }

div.sd-scenario-select { position: absolute; display: none; border-radius: 6px; background-color: #ccc; }
div.sd-scenario-select .row { margin: 5px; }
div.sd-scenario-select .sd-caret { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ccc; position: absolute; top: -6px; left: 30px; }
div.sd-scenario-select .row > div { padding-left: 2px; padding-right: 2px; }
div.sd-scenario-select .row > div:first-child { padding-left: 0; }
div.sd-scenario-select .row > div:last-child { padding-right: 0; }

div.sd-share-list { background-color: #fff; border-radius: 3px; padding-bottom: 5px; margin-left: 2px; margin-bottom: 5px; }
div.sd-share-list div.row { border-top: 1px solid #ccc; }