/*!
 * Start Bootstrap - SB Admin 2 v3.3.7+1 (http://startbootstrap.com/template-overviews/sb-admin-2)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
  background-color: #f8f8f8;
  font-size:12px;
  line-height:1.666668;
}
#wrapper {
  width: 100%;
}
#page-wrapper {
  padding: 0 15px;
  min-height: 760px;
  background-color: white;
}
@media (min-width: 768px) {
  #page-wrapper {
    position: inherit;
    margin: 0 0 0 250px;
    padding: 0 30px;
    border-left: 1px solid #e7e7e7;
  }
}
.navbar-top-links {
  margin-right: 0;
}
.navbar-top-links li {
  display: inline-block;
}
.navbar-top-links li:last-child {
  margin-right: 15px;
}
.navbar-top-links li a {
  padding: 15px;
  min-height: 50px;
}
.navbar-top-links .dropdown-menu li {
  display: block;
}
.navbar-top-links .dropdown-menu li:last-child {
  margin-right: 0;
}
.navbar-top-links .dropdown-menu li a {
  padding: 3px 20px;
  min-height: 0;
}
.navbar-top-links .dropdown-menu li a div {
  white-space: normal;
}
.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
  width: 310px;
  min-width: 0;
}
.navbar-top-links .dropdown-messages {
  margin-left: 5px;
}
.navbar-top-links .dropdown-tasks {
  margin-left: -59px;
}
.navbar-top-links .dropdown-alerts {
  margin-left: -123px;
}
.navbar-top-links .dropdown-user {
  right: 0;
  left: auto;
}
.sidebar .sidebar-nav.navbar-collapse {
  padding-left: 0;
  padding-right: 0;
}
.sidebar .sidebar-search {
  padding: 15px;
}
.sidebar ul li {
  border-bottom: 1px solid #e7e7e7;
}
.sidebar ul li a.active {
  background-color: #eeeeee;
}
.sidebar .arrow {
  float: right;
}
.sidebar .fa.arrow:before {
  content: "\f104";
}
.sidebar .active > a > .fa.arrow:before {
  content: "\f107";
}
.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
  border-bottom: none !important;
}
.sidebar .nav-second-level li a {
  padding-left: 37px;
}
.sidebar .nav-third-level li a {
  padding-left: 52px;
}
@media (min-width: 768px) {
  .sidebar {
    z-index: 1;
    position: absolute;
    width: 250px;
    margin-top: 51px;
  }
  .navbar-top-links .dropdown-messages,
  .navbar-top-links .dropdown-tasks,
  .navbar-top-links .dropdown-alerts {
    margin-left: auto;
  }
}
.btn-outline {
  color: inherit;
  background-color: transparent;
  transition: all .5s;
}
.btn-primary.btn-outline {
  color: #428bca;
}
.btn-success.btn-outline {
  color: #5cb85c;
}
.btn-info.btn-outline {
  color: #5bc0de;
}
.btn-warning.btn-outline {
  color: #f0ad4e;
}
.btn-danger.btn-outline {
  color: #d9534f;
}
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
  color: white;
}
.chat {
  margin: 0;
  padding: 0;
  list-style: none;
}
.chat li {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #999999;
}
.chat li.left .chat-body {
  margin-left: 60px;
}
.chat li.right .chat-body {
  margin-right: 60px;
}
.chat li .chat-body p {
  margin: 0;
}
.panel .slidedown .glyphicon,
.chat .glyphicon {
  margin-right: 5px;
}
.chat-panel .panel-body {
  height: 350px;
  overflow-y: scroll;
}
.login-panel {
  margin-top: 25%;
}
.flot-chart {
  display: block;
  height: 400px;
}
.flot-chart-content {
  width: 100%;
  height: 100%;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background: transparent;
}
table.dataTable thead .sorting_asc:after {
  content: "\f0de";
  float: right;
  font-family: fontawesome;
}
table.dataTable thead .sorting_desc:after {
  content: "\f0dd";
  float: right;
  font-family: fontawesome;
}
table.dataTable thead .sorting:after {
  content: "\f0dc";
  float: right;
  font-family: fontawesome;
  color: rgba(50, 50, 50, 0.5);
}
.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.428571429;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  border-radius: 25px;
  font-size: 18px;
  line-height: 1.33;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}
.show-grid [class^="col-"] {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #ddd;
  background-color: #eee !important;
}
.show-grid {
  margin: 15px 0;
}
.huge {
  font-size: 40px;
}
.panel-green {
  border-color: #5cb85c;
}
.panel-green > .panel-heading {
  border-color: #5cb85c;
  color: white;
  background-color: #5cb85c;
}
.panel-green > a {
  color: #5cb85c;
}
.panel-green > a:hover {
  color: #3d8b3d;
}
.panel-red {
  border-color: #d9534f;
}
.panel-red > .panel-heading {
  border-color: #d9534f;
  color: white;
  background-color: #d9534f;
}
.panel-red > a {
  color: #d9534f;
}
.panel-red > a:hover {
  color: #b52b27;
}
.panel-yellow {
  border-color: #f0ad4e;
}
.panel-yellow > .panel-heading {
  border-color: #f0ad4e;
  color: white;
  background-color: #f0ad4e;
}
.panel-yellow > a {
  color: #f0ad4e;
}
.panel-yellow > a:hover {
  color: #df8a13;
}




.page-header { margin-top:20px; font-size:20px; }
.page-header .fa-angle-double-right { margin:0 6px; }
.page-header span { color:#777; }
.navbar-brand { margin-left:5px; background: url('../images/logo.png') center left no-repeat; padding-left:42px; color:#f2641d !important; }
.masthead-status { text-align:center; font-size:14px; color:#888; }

.preview-vdo { margin:10px 0; max-width:100%; }
.vdo-content { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; }
.vdo-content iframe, .vdo-content video, .vdo-content object, .vdo-content embed { position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; }
.team_logo { display:block; background:#ccc; max-width:100%; width:80px; height:80px; }
#page-wrapper { padding-bottom:50px !important; }

.input-group-addon.primary {
    color: rgb(255, 255, 255);
    background-color: rgb(50, 118, 177);
    border-color: rgb(40, 94, 142);
}
.input-group-addon.danger {
    color: rgb(255, 255, 255);
    background-color: rgb(217, 83, 79);
    border-color: rgb(212, 63, 58);
}

.btn-group-action { text-align:center; }
.btn-group-action > .btn { padding:3px 6px; font-size:12px; line-height: 1.5; margin:0 3px; }

.form-submit { clear:both; border-top:1px solid #ddd; padding:15px 0; text-align:center; margin-top:20px; overflow:hidden; }
.form-submit.form-submit-top { border-top:none; border-bottom:1px solid #ddd; margin-top:0; margin-bottom:20px; text-align:right; padding-top:0; }
.form-submit a, .form-submit button { margin:0 20px; }
.help-block { color: #758acc; }
.help-block label { display:block; }
.control-label em:before { color:red; content: "*"; margin-right:5px; }
.img-preview { background-color:#fff; border:1px solid #ddd; padding:4px; margin-top:10px; -webkit-box-shadow:2px 2px 5px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow:2px 2px 5px 0 rgba(0, 0, 0, 0.4); box-shadow:2px 2px 5px 0 rgba(0, 0, 0, 0.4); }
.img-panel { position:relative; }
.img-panel a { display:block; width:55px; height:50px; text-align:center; background:rgba(238, 97, 0, 0.85); position:absolute; top:5px; left:5px; color:#fff; font-size:10px; text-decoration:none; }
.img-panel i { font-size:28px; line-height:32px; display:block; }
.img-panel img { min-height:175px; }
div.img-panel + div#img-control-cropper { margin-top:20px; }

.btn-js-group .btn { float:left; margin-right:10px; }
.btn-hide { display:none !important; }
.draft-loading { display:none; background:rgba(255,0,0,0.6); width:100%; height:100%; }
.draft-loading span { display:block; color:#fff; font-size:14px; text-align:center; margin-top:20%;  }
.draft-loading.active { display:block; position:fixed; z-index:9999; top:0; left:0; }

.heading-line { border-bottom:1px solid #e1e1e1; color:#111; font-size:16px; padding:0; line-height:35px; margin:20px 0 10px 0; clear:both; }

.dt-foot-search { color:#f2641d; text-align:center; width:100%; background:#fff; border:1px solid #ccc; border-radius:2px; padding:2px 5px; font-weight:normal; }
.dt-foot-btn { padding:2px 5px !important; font-size:12px; width:100%; }
.sub-button { margin-top:10px; text-align:right; }
.sub-button .btn { margin-left:10px; font-size:10px; padding:2px 5px; }

.label-form { font-size:11px; padding:4px 6px; border-radius:2px; }

.osb_top_10 { margin-top:10px; }
.osb_top_20 { margin-top:20px; }
.osb_top_30 { margin-top:30px; }
.osb_bottom_10 { margin-bottom:10px; }
.osb_bottom_20 { margin-bottom:20px; }

.text-gray { color:#aaa; }
.osb_padding { padding:10px; }
.osb_menu a { margin-right:20px; }
.input-group-lg.date .input-group-addon { cursor: pointer; }


/*  for ckeditor */
.ck-bottom-bar { background:#ccc; padding:5px 0; }
.btn-editor { display:inline-block; font-size:11px; padding:4px 5px; background: #444; border:1px solid #777; border-radius:4px; color: #ddd; text-decoration:none !important; margin:0 5px; }
.btn-editor:hover, .btn-editor:focus { background:#7e7e7e; color:#aaa; }
.editor_popup { display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.6); top:0; left:0; z-index:99999; }
.editor_popup h4 { font-size:14px; font-weight:bold; }
.editor_popup > .editor_iframe_box { display:block; width:500px; max-width:80%; height:210px; overflow:hidden; background:#eee; border-radius:4px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; padding:15px; text-align:center; }
.editor_iframe_box textarea, .editor_activity_box input { display:block; margin:10px 0; width:100%; }
.editor_popup > .editor_activity_box { display:block; width:500px; max-width:80%; height:160px; overflow:hidden; background:#eee; border-radius:4px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; padding:15px; text-align:center; }
.editor_popup > .editor_image_box { display:block; width:650px; max-width:90%; height:260px; overflow:hidden; background:#fff; border:1px solid #ddd; border-radius:5px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; padding:15px; }
.editor_image_box h4 { margin-bottom:20px; }
.editor_image_box p { margin-bottom:0; }
.editor_image_box .form-group { margin-bottom:10px; }
.editor_popup button + button { margin-left:30px; }
.editor_popup .loading-text { font-size:15px; color:#888; }
label.error, label.error2 { color:#d1342e; font-weight:normal; font-style:italic; padding-left:5px; }
.bootstrap-tagsinput.has-error, .cke.has-error { border-color:#a94442; }
.form-gog { background:#eee; padding:5px; padding-top:15px; border:1px solid #ddd; border-radius:4px; clear:both; margin:10px 0; }
.form-gog.active { background: #e8f4da; border-color: #dceec9; }
.form-gog h3 { border-bottom:1px solid #fff; font-size:16px; text-align:center; padding:0 0 8px 0; margin:0 0 12px 0; color:#000; }
.form-gog h3 > em { color:#555; }
.form-gog.has-toggle { margin-bottom:20px; }
.form-gog.has-toggle h3 { position:relative; cursor:pointer; }
.form-gog.has-toggle h3 > .toggle-icon { display:block; color:#555; position:absolute; top:3px; right:15px; }
.form-gog .toggle-content { display:none; }
.slot-group { overflow:hidden; padding:15px 0; }
.slot-group .btn { margin:5px 3px; }
.platform-check { background: #fdfbd3; border:1px solid #fbfcc6; overflow:hidden; border-radius:4px; }
.platform-check .checkbox { padding-bottom:10px; }


.icon-button-group { overflow:hidden; }
.icon-button-group div { margin-bottom:30px; }
.icon-button-group .btn { display:block; width:100%; font-size:15px; padding:15px; }
.icon-button-group .btn > i { display:block; margin-bottom:8px; font-size:70px; }
.icon-button-group .btn > span { color:#111; font-weight:bold; }

.db-short-status {  }
.db-short-icon { text-align:center; }
.db-short-icon .panel-heading i { font-size:60px; }
.db-short-icon .panel-heading a { display:block; color:inherit; padding:15px 0; max-height:335px; overflow:hidden; text-decoration:none; }
.db-short-icon .panel-body a { color:#666; }
.db-short-icon .panel-body i { margin-left:10px; }
.db-short-icon strong { display:block; margin-bottom:15px; line-height:25px; max-height:25px; overflow:hidden; }

.hl-image-preview { display:block; width:280px; overflow:hidden; position:relative; }
.hl-image-preview a { position:absolute; z-index:1; bottom:0; right:0; display:block; line-height:40px; height:40px; width:80px; color:#fff; background:rgba(238,0,0,0.75); text-align:center; }


.preview-vdo { margin:10px 0; max-width:100%; }
.vdo-content { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; }
.vdo-content iframe, .vdo-content video, .vdo-content object, .vdo-content embed { position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; }
.team_logo { display:block; background:#ccc; max-width:100%; width:80px; height:80px; }
.btn-js-group .btn { float:right; margin-left:7px; }
.btn-hide { display:none !important; }
.draft-loading { display:none; background:rgba(0,0,0,0.6); width:100%; height:100%; }
.draft-loading span { display:block; color:#fff; font-size:14px; text-align:center; margin-top:20%;  }
.draft-loading.active { display:block; position:fixed; z-index:9999; top:0; left:0; }

#side-menu { margin-bottom:50px; }

@media (max-width:860px) {
    #side-menu { margin-bottom:0; }
    .form-submit a, .form-submit button { margin:0 8px; }
    .editor_popup > .editor_image_box { height:320px; }
    #page-wrapper { min-height: 500px; }
}