/* (c) camindo system 2016 */

/* SourceSansPro (SIL license) Font Versions Generated 2016 by Font Squirrel (http://www.fontsquirrel.com) */
@font-face {
    font-family: 'source_sans_prolight';
    src: url('./font/sourcesanspro/sourcesanspro-light-webfont.eot');
    src: url('./font/sourcesanspro/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('./font/sourcesanspro/sourcesanspro-light-webfont.woff2') format('woff2'),
         url('./font/sourcesanspro/sourcesanspro-light-webfont.woff') format('woff'),
         url('./font/sourcesanspro/sourcesanspro-light-webfont.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/* camindo font, own symbols extend glyphicon */
@font-face {
    font-family: 'camindoicons';
    src:
        url('./font/camindoicons/camindoicons.ttf?9p0kfg') format('truetype'),
        url('./font/camindoicons/camindoicons.woff?9p0kfg') format('woff'),
        url('./font/camindoicons/camindoicons.svg?9p0kfg#camindoicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.glyphicon-puzz:before {
  content: '\e900';
  font-family: 'camindoicons';
}

.glyphicon-database:before {
  content: '\e901';
  font-family: 'camindoicons';
}

/* Workaround Viewport all Browsers */
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

/* General settings */
body {
  background: #eee;
  color: #444;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight:normal;
  font-size: 14px;
  line-height: 1.42857143;
}

table tr th,
table tr td {
  font-size:14px !important;
}
table #c5-folder-and-contents tr th,
table #c5-folder-and-contents tr td {
  font-size:16px !important;
}
[role="button"], .noselect {
  cursor:pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.c5-block,
.c5-block-responsive {
  display:block;
  padding: 5px 10px 5px 10px;
  border-radius: 4px;
  background: #fff;
  min-height:32px;
}
@media ( max-width : 768px) {
  .c5-block-responsive {
    padding: 5px 10px 5px 10px;
    margin:0 -10px;
  }
}

.c5-block-meta {
  background:#fff;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  display:block;
  padding: 8px 10px 8px 10px;
  min-height:32px;
}
@media (max-width: 767px) {
  .c5-block-meta .col-sm-3 {
    padding-bottom:6px;
  }
}
.c5-block-settings {
  background-color:#fcf8e3 !important;
}

.c5-rtl { direction:rtl; }
.c5-ltr { direction:ltr; }

.c5-row-height {
  min-height: 32px;
}

.row.c5-block {
  padding: 5px 0 5px 0;
}

iframe.c5-html-frame {
  display:block;
  background:#fff;
  border:1px solid #ddd;
  padding:5px 10px 5px 10px;
  width:100%;
  height:800px;
  overflow:auto;
}

.c5-underline { text-decoration:underline; }

#c5-head-wrapper {
  position: fixed;
  left:0; top:0;
  width:100%;
  z-index:3500;
}

#c5-header {
  position:absolute;
  left:0; top:0;
  width:100%;
  height: 40px;
  overflow: hidden;
  background: #5977a5;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .25);
  box-shadow: 0 3px 3px rgba(0, 0, 0, .25);
  border-bottom: 1px solid #294775;
}

.head-btn-group-right {
  text-align:right;
  width:140px;
  position:absolute;
  right:0; top:0;
}

.c5-head-btn,
.c5-head-logo-icon {
  display:inline-block;
  vertical-align:top;
  width: 40px;
  height: 40px;
  overflow: hidden;
  text-align: center;
  color: #fff;
  cursor: pointer;
}

.c5-head-btn,
.c5-head-btn .glyphicon {
  font-size: 16px;
  line-height: 38px;
}

.c5-head-btn:hover {
  background: #8997b5;
}

#c5-head-btn-LIST {
  padding: 10px 12px 0 12px;
  line-height: 2px;
}

.c5-head-btn-LIST-symbol {
  display: block;
  height: 2px;
  overflow: hidden;
  border-radius: 2px;
  background: #fff;
  margin-top: 3px;
}

#c5-head-logo {
  display: inline-block;
  vertical-align:top;
  height: 40px; width:auto;
  padding: 0 15px 0 10px;
}
#c5-head-logo img {
  width:24px;
  height:24px;
  margin-bottom:4px;
}

#c5-head-logo-text {
  display: inline-block;
  vertical-align:top;
  padding-left: 6px;
  font-size: 20px;
  line-height: 38px;
  color: #fff;
}

.c5-capitalize {
  display: inline-block;
  font-size: 75%;
}

.c5-left {
  text-align:left;
}
@media ( max-width : 768px) {
  #c5-head-logo-text {
    display: none;
  }
  .c5-right {
    text-align:left;
  }
}

#c5-info-menu {
  position:fixed;
  right:0 !important;
  top:40px;
  padding: 0;
  margin: 0;
  width:auto;
  list-style-type:none;
  display:none;
  background: #5977a5;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .25);
  box-shadow: 0 3px 3px rgba(0, 0, 0, .25);
  z-index: 3000;
}

#c5-modules-menu {
  position:fixed;
  left:0; top:40px;
  background: #5977a5;
  width:100% !important;
  padding: 10px 0;
  display:none;
  -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, .25);
  box-shadow: 0 6px 6px rgba(0, 0, 0, .25);
  z-index: 3600;
}

#c5-modules-menu ul {
  padding: 0;
  margin: 0;
  max-width:640px;
  list-style-type:none;
}
#c5-modules-menu li {
  padding: 0;
  margin: 0;
  display: block;
  float: left;
  overflow: hidden;
  white-space:nowrap;
  width:160px;
}
#c5-menu-devider {
  color:#fff;
  border-top:1px solid #294775;
  height:7px;
  margin-top:7px; 
}

@media (max-width: 767px) {
  #c5-head-wrapper,
  #c5-modules-menu {
    position:absolute;
  }
}

#c5-info-menu {
  z-index:3650;
}

#c5-modules-menu a,
#c5-info-menu a {
  display: block;
  padding: 10px 13px 10px 13px;
  background: #5977a5;
  color: #fff;
  white-space: nowrap;
  height:42px;
  overflow:hidden;
}

#c5-modules-menu a:hover,
#c5-info-menu a:hover {
  background: #8997b5;
}

#c5-modules-menu a .glyphicon,
#c5-info-menu a .glyphicon {
  font-size: 18px;
  line-height: 18px;
  margin-right: 8px;
}

/* Looup control */

.c5-lookup-control {
  background:#ddd;
  border-radius:4px;
  border:1px solid #bbbbbb;
}
.c5-lookup-control-updated-row {
  background:#fcf8e3;
}
.c5-lookup-control-input {
  padding:0 5px;
}
.c5-lookup-control-row {
  border-top:1px dashed #aaaaaa;
}
.c5-lookup-control-file {
  float:left;
  padding:8px 10px;
}
.c5-lookup-control-btn {
  display:inline-block;
  padding:8px 5px;
  float:right;
  color:#888;
}
.c5-lookup-control-btn:hover {
  color:#444;
}

#c5-body-wrapper {
  margin-top: 66px;
  padding-bottom:40px;
  position:relative;
}

.c5-content-layer {
  position:relative;
  left:0px;
  top:0px;
  background:#eee;
}

.c5-body-space {
  margin-top: 15px;
}

.c5-alert-wrapper {
  margin-right: auto;
  margin-left: auto;
  max-width: 500px;
  -webkit-box-shadow: 6px 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 6px 6px 12px rgba(0, 0, 0, .175);
}

.c5-more {
  border-bottom: 1px dotted #5977a5;
}

.c5-metarow {
  margin-top: 8px;
  border-top: 1px solid #ddd;
  height:8px; overflow:hidden;
}
.c5-metarow:before,
.c5-metarow:after {
  display: table;
  content: " ";
}

.c5-metarow div[class*="col-"] {
  padding-top: 6px;
}


.alert-btn:hover {
  background: #8a6d3b;
}

.alert-btn:hover, .alert-btn:hover * {
  color: #fff;
}

tr.c5-load-more {
  background: #fff;
}

td.c5-load-more-content {
  height: 45px;
  overflow: hidden;
}

.c5-td-minimize {
  width:1%;
  min-width:40px;
}
.c5-td-minimize-2 {
  width:1%;
  min-width:80px;
}

.c5-sorttext,
.c5-th-quicksort {
  cursor: pointer;
}
.c5-th-quicksort .glyphicon {
  font-size:140%;
}

.c5-sorttext .glyphicon,
.c5-th-quicksort .glyphicon {
  font-size: 11px;
}



label[data-toggle="tooltip"] {
  border-bottom:1px dotted #5977a5;
}

.c5-status-blocked,
.c5-status-blocked * {
  display:inline-block;
  color:#c3595a!important;
}
.c5-status-review,
.c5-status-review * {
  display:inline-block;
  color:#eda847!important;
}
.c5-status-ok,
.c5-status-ok * {
  display:inline-block;
  color:#449944!important;
}
.c5-status-top,
.c5-status-top * {
  display:inline-block;
  color:#7a4f99!important;
}

.c5-pass-weak {
  color:#cc0000;
}
.c5-pass-ok {
  color:#eecc00;
}
.c5-pass-strong {
  color:#00bb00;
}
.c5-btn-fileupload {
  padding:8px 0;
}

.c5-review-data:hover {
  background:#e7eaee;
}
.c5-btn-review {
  padding-left:20px; padding-right:20px;
  background:#fff;
  border:none;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
}

.c5-btn-review,
.c5-btn-review * {
  color:#ddd;
}
.c5-btn-review,
.c5-btn-review * {
  color:#ddd;
}
.c5-btn-review:hover,
.c5-btn-review:hover * {
  color:#777;
}
.c5-btn-review-top.active {
  background:#7a4f99;
}
.c5-btn-review-ok.active {
  background:#449944;
}
.c5-btn-review-block.active {
  background:#c3595a;
}
.c5-btn-review.active,
.c5-btn-review.active * {
  color:#fff;
}
.c5-review-message-input {
  background:#c3595a;
  padding:3px;
  display:none;
}
.c5-review-message-input div {
  background:#c3595a;
  color:#fff;
  padding:3px;
}
.c5-review-top-label {
  background:#7a4f99;
  color:#fff;
  padding:6px;
  display:none;
}

.c5-grey-dark, .c5-grey-dark * {
  color:#666666!important;
}
.c5-grey, .c5-grey * {
  color:#999!important;
}
.c5-grey-lt, .c5-grey-lt * {
  color:#bbbbbb!important;
}
.glyphicon.c5-grey
.c5-grey .glyphicon {
  color:#aaaaaa!important;
}
.c5-editlist-meta strong {
  font-size: 40px;
  line-height: 44px;
  font-family: 'source_sans_prolight','Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin: 0 0 10px 0;
  position:relative;
  top:-6px;
  left:-2px;
}
table.c5-editlist-meta,
table.c5-editlist-meta tbody tr td {
  border:none!important;
}

.c5-img-portrait { padding:4px 25%; }
img.c5-img-portrait { width:67%; }
.c5-img-landscape { padding:4px 4px; }
img.c5-img-landscape { width:100%; }

.c5-review-img { display:block; background:#ddd; text-align:center; width:100%; max-width:290px; }
.c5-review-img img.c5-img-landscape { max-width: 400px; }
.c5-review-img img.c5-img-portrait { max-width:266px; }

.c5-review-flag {
  padding:10px 0 10px 0;
  text-align:left;
}

.c5-thumb-container {
  margin:-5px;
}
.c5-thumb {
  width:140px;
  display:block;
  float: left;
  margin:5px;
  cursor:pointer;

}
.c5-thumb img {
  width:130px; height:130px;
}

.c5-btn-prefix {
  display: inline-block;
  padding: 0;
}
#c5-sortable {
  list-style-type:none;
  margin:-5; padding:0;
}
.c5-sortable-placeholder {
  text-align:center;
  width:140px; height:180px;
  display:block;
  float: left;
  margin:5px;
  background:#fff;
  color:#999;
  font-size:13px;
  padding: 4px;
  line-height: 1.42857143;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
  -o-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out;  
  cursor:pointer;
}

.c5-lookup-list {
  list-style-type:none;
  padding-left:0;
  margin:0;
}
.c5-lookup-list li {
  margin-left:0;
  width:100%;
  cursor: pointer;
}
.c5-lookup-list li:hover {
  background:#ddd;
}
.c5-lookup-sortable-placeholder {
  display:block;
  background:#fff;
  color:#999;
  font-size:13px;
  padding: 4px;
  border: 1px solid #ddd;
  cursor:pointer;
}
.c5-sortable-handler {
  cursor:move;
  text-align:center;
}
.c5-sortable-btn {
  width:40px;
  text-align:center;
}
.glyphicon.c5-checked {
  color:#449944!important;
  font-size:16px;
  line-height:16px;
}
.glyphicon.c5-unchecked {
  color:#999!important;
  font-size:16px;
  line-height:16px;
}

.c5-templatecode,
.c5-cmstemplatecode,
.c5-cmsphpcode {
  font-family: monospace, monospace;
  font-size: 1em;
}
.c5-command,
.c5-cmstemplatecode {
  color: #a000a0;
}
a.c5-command {
  color: #a000a0;
  border-bottom:1px dotted #a000a0; 
}

#c5-docu-content {
  padding-top:12px;
}

@media ( max-width : 767px) {
  #c5-docu-content img {
    max-width:100%;  
  }
}

#c5-docu-content ul {
  padding-left:16px;
}
#c5-docu-content li {
  padding:3px 0 3px 0;
}

.c5-docu-notes {
  margin-top:6px;
}
.c5-docu-notes td {
  font-size:12px;
  color:#666666;
  padding-right:10px;
}

.c5-phpcode,
.c5-cmsphpcode {
  color: #ff8800;
}
.c5-command-error {
  border-left:6px solid #c96462!important;
  padding:0 10px;
  color: #a94442;
  background-color: #f2dede;
}
.c5-special-input {
  background-color: #fcf8e3;
}

.glyphicon.c5-glyph-lt,
.c5-glyph-lt,
.c5-glyph-lt * {
  opacity:0.5;
}

.glyphicon.c5-glyph-big {
  font-size:16px;
}

/* Importer */
.c5-marked {
  background:#e6e6e6;
}

/* Resultlist */
.c5-result-img {
  margin:3px 0 3px 0;
}
.c5-result-img-container {
  position:relative;
  width:46px; height:64px;
  margin:3px 0 3px 0;
}
.c5-result-img-container .c5-result-img {
  margin:0;
}
.c5-result-img-text {
  position:absolute;
  left:0px;
  top:44px;
  font-size:12px;
  width:46px;
  text-align:center;
  font-weight:bold;
  color:#666666;
}

/* ---- override bootstrap grid css ---- */

.c5-form-error {
  border-left:6px solid #c96462!important;
  padding-left:9px;
}
.alert {
  border-radius: 0;
  margin-bottom: 6px;
}
.alert-danger {
  border:none;
  border-left:6px solid #c96462!important;
}
.alert-success {
  border:none;
  border-left:6px solid #5c965d!important;
}
.alert-warning {
  border:none;
  border-left:6px solid #f8d072!important;
}
.alert-info {
  border:none;
  border-left:6px solid #5977a5!important;
  background:#dde3ee;
}

.alert-remove-btn {
  display: inline-block;
  border: 1px solid #aa8d5b;
  border-radius: 4px;
  background: transparent;
  padding: 4px 4px 4px 4px;
  margin: 0 5px 0 5px;
}

.alert-remove-btn, .alert-remove-btn * {
  color: #8a6d3b;
  font-size: 8px;
  line-height: 8px;
}

#c5-balloon-wrapper {
  display:block;
  position:fixed;
  left:0; right:0; top:5px;
  z-index:50000;
  text-align:center;
  height:0px; overflow:visible;
  background:rgba(255,255,255,0.3);
}
#c5-balloon-container {
  display:inline-block;
}
.c5-balloon {
  position:relative;
  padding-right:16px;
  display:block;
  text-align:center;
  margin-top:4px;
  margin-bottom:4px;
  border-radius:8px;
  padding:10px 18px;
  font-size:16px;
  -webkit-box-shadow: 6px 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 6px 6px 12px rgba(0, 0, 0, .175);
  width:300px;
}
.c5-balloon.alert-danger {
  border:2px solid #c96462!important;
}
.c5-balloon.alert-success {
  border:2px solid #5c965d!important;
}
.c5-balloon.alert-warning {
  border:2px solid #f8d072!important;
}
.c5-balloon.alert-info {
  border:2px solid #5977a5!important;
}
.c5-balloon .alert-remove-btn {
  position:absolute;
  top:4px; right:4px;
  margin:0;
  color: rgba(0,0,0,0.5);
  border-color:rgba(0,0,0,0.5);
}

.c5-balloon .alert-remove-btn,
.c5-balloon .alert-remove-btn * {
  color: rgba(0,0,0,0.5);
}

.breadcrumb {
  padding: 0;
  margin-bottom: 20px;
  background:none;
  margin-bottom: 10px;
}
.breadcrumb li {
  color:#999;
}
.breadcrumb > li + li:before {
  content: "";
  padding:0;
}
.breadcrumb > li:after {
  padding: 0 0 0 10px;
  color: #ccc;
  content: "/\00a0";
}
.reset-box-sizing, .reset-box-sizing *, .reset-box-sizing *:before,
  .reset-box-sizing *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.container,
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    width:auto;  
}
@media ( max-width : 767px) {
  .container,
  .container-fluid {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.strong { font-weight:bold; }

h1,
.h1 {
  font-size: 40px;
  line-height: 55px;
  font-family: 'source_sans_prolight','Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin: 0 0 10px 0;
}
h1 .glyphicon,
.h1 .glyphicon {
  font-size: 20px;
  line-height: 20px;
  color:#666666;
}

h1 strong,
.h1 strong {
  font-weight: 400;
}

h2,
.h2 {
  font-size: 25px;
  line-height: 32px;
  font-weight: 400;
  margin: 0 0 10px 0;
  color:#666666;
}

h2 .light,
.h2 .light {
  font-weight: 300;
}

h3,
.h3 {
  font-family: 'source_sans_prolight','Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 24px;
  line-height: 30px;
  margin: 0 0 10px 0;
  text-transform: uppercase;
  color:#666666;
}
h3 strong,
.h3 strong {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight:normal;
}

h3 .badge,
.h3 .badge {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight:normal;
  font-size:20px;
}

h4,
.h4 {
  font-weight: 'normal';
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  margin: 0 0 7px 0 !important;
  color: #666666;
}

h4 .light,
.h4 .light {
  font-weight: 300;
}

h1, h2, h3, h4 {
  display: block;
}

.c5-space, *.c5-space {
  margin-top:8px !important;
}
.c5-space-2, *.c5-space-2 {
  margin-top:16px !important;
}
.c5-spacer-6 {
  height:6px; overflow:hidden;
}
.c5-spacer-12 {
  height:12px; overflow:hidden;
}
.c5-space-bottom {
  margin-bottom: 8px;
}


.panel-title {
  color:#fff;
}
.c5-same_row * {
  display:inline-block !important;
}

a,
a.h3, a.h2, a.h3, a.h4 {
  color: #5977a5;
  cursor: pointer;
}

a:hover {
  color: #000000;
  text-decoration:none;
}

label {
  margin-bottom:0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
label, label * {
  color: #666666;
  font-weight: normal;
}
label strong {
  font-weight: bold;
}
label small,
small {
  color:#777;
}

.text-ellipsis {
  overflow:hidden;
  text-overflow:ellipsis;
}

.btn {
}

.btn .glyphicon {
  font-size: 18px;
  line-height: 18px;
  position: relative;
  top: 2px;
}

.c5-pseudo-btn {
  display:inline-block;
  background:#fff;
  padding:4px 7px 2px 7px;
  margin-right:5px;
  border-radius:4px;
}


.input-group-btn .btn .glyphicon {
  position: relative;
  top: 2px;
}

.btn-sm .glyphicon {
  font-size: 14px;
  line-height: 14px;
}
.c5-lookup-control .btn-sm {
  border-color:#bbbbbb !important;
}
.c5-lookup-control .btn-sm:hover {
  border-color:#8997b5 !important;
}
.c5-lookup-control .btn-sm,
.c5-lookup-control .btn-sm * {
  color:#444;
}
.c5-lookup-control .btn-sm .glyphicon {
  color:#777;
}

.c5-lookup-control .btn-sm:hover {
  background:#e6e6e6;
}
.c5-lookup-control .btn-sm:hover,
.c5-lookup-control .btn-sm:hover *,
.c5-lookup-control .btn-sm:hover .glyphicon {
  color:#5977a5!important;
}

.btn-xs .glyphicon {
  font-size: 12px;
  line-height: 12px;
}

.btn-default {
  border: 1px solid #8997b5;
  
}
.btn-default,
.btn-default * {
  color: #5977a5;
}

.btn.pull-right {
  margin-left:4px;
} 
.alert-default {
  background: #eee;
}

.btn-default:hover {
  background: #dde0e6;
  border: 1px solid #dde0e6;
}
.btn-default:hover,
.btn-default:hover * {
  color:#5977a5;
}

.btn-primary {
  background: #5977a5;
  border-color: #5977a5;
}

.btn-primary,
.btn-primary * {
  color: #fff;
}

.btn-primary:hover {
  background: #8997b5;
  border-color: #8997b5;
}

.btn-primary:hover,
.btn-primary:hover * {
  color: #fff;
}
.btn-group .btn.c5-btn-close,
.btn.c5-btn-close,
.btn.c5-btn-select {
  border-color:transparent;
  background:transparent;
}
.btn.c5-btn-close:hover {
  border-color:#dde0e6;
  background:#dde0e6;
}
.btn.c5-btn-select {
  padding-left:2px;
  padding-right:2px;
}
.btn.c5-btn-select:hover {
  text-decoration:underline;
}

.c5-btn-addon {
  border: 1px solid #ccc;
  background:#eee;
  color:#777;
}
.c5-btn-addon:hover {
  color:#222222;
}
.c5-btn-addon .glyphicon {
  font-size:16px;
}


.c5-input-clear {
  display:block;
  width:26px; height:26px;
  text-align:center;
  position:absolute;
  right:70px; top:4px;
  z-index:1500;
  background:transparent;
  padding:3px;
}
.c5-input-clear .glyphicon {
  color:#aaaaaa;
  font-size:12px;
  line-height:14px;
}
.c5-input-clear:hover .glyphicon {
  color:#666666;
  font-size:12px;
  line-height:14px;
}
.btn-form-lookup {
  border: 1px solid #ccc;
  width:50px;
  background:#eee;
}
.btn-form-lookup .glyphicon {
  font-size:14px; line-height:14px;
}
.btn-form-lookup:hover {
  border: 1px solid #ccc;
  width:50px;
  color:#294775;
  background:#e5e8ec;
}

.c5-lookup-text {
  color:#aaaaaa;
}

.c5-field-set {
  border:2px dotted #bbbbbb;
  padding:10px;margin-top:4px;
  position:relative;
}
.c5-field-set .c5-input-clear {
  position:absolute;
  top:4px; right:4px;
}

.badge {
  margin-bottom:2.5px;
}
a .badge, .btn-default .badge {
  background-color: #5977a5;
}


.c5-btn-group .btn {
  margin-bottom: 4px;
}

.table {
  background:#fff;
  margin-bottom:0;
  border-bottom:1px solid #ccc;
}
.table th {
  background:#eee;
}

.c5-lookup-control .table {
  background:#ddd;
}
.c5-lookup-control .table td {
  border-top:none;
  border-bottom:1px solid #c6c6c6;
}
.c5-lookup-control .table td:first {
  border:none;
}

.table-hover td,
.c5-td-hover {
  cursor: pointer;
}
.table-hover .glyphicon {
  color:#777;
}

.table-hover td strong,
.table-hover strong .glyphicon,
.c5-td-hover strong,
.c5-td-hover strong .glyphicon {
  color: #5977a5;
}
.table th { white-space: nowrap; }

tr.c5-data-container,
tr.c5-data-container .glyphicon {
  font-size:16px;
  color:#5977a5;
}
tr.c5-data-container-inactive,
tr.c5-data-container-inactive .glyphicon {
  font-size:16px;
  color:#aaaaaa;
}
tr.c5-template-container,
tr.c5-template-container .glyphicon {
  font-size:16px;
  color:#775577;
}
tr.c5-folder,
tr.c5-folder .glyphicon {
  font-size:16px;
  color:#777;
}
.c5-template-container,
.c5-template-container * {
  color:#448844!important;
}
.c5-td-special {
  border-left:3px solid #5977a5;
}
.glyphicon-folder-open {
  margin-right:4px;
}

.alert {
  /* margin: 0 0 4px 0 !important; */
  padding: 5px 10px 5px 10px !important;
}

.tooltip > .tooltip-inner {background-color: #5977a5;}
.tooltip.top .tooltip-arrow {
  border-top-color: #5977a5;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #5977a5;
}

.form-control:focus {
  border-color: #999;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(175, 175, 175, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(175, 175, 175, .6);
}

.form-control-pin {
  width:220px;
  padding-left:34px;
  height:45px;
  border-radius:0;
  font-size:30px;
  font-family:monospace;
  letter-spacing:14px;
  line-height:1px;
  background-image:url('./svg/pinbg.svg?v2');
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

.table-hover tbody tr:hover,
tbody tr.c5-td-hover:hover,
.c5-td-hover:hover {
  background:#e7eaee;
}
.table-hover tbody tr.c5-load-more {
  background:#fff;
}

.table-hover .c5-lookup-btn:hover .glyphicon {
  color:#444;
}


.panel-primary {
  border:none;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #5977a5;
  border-color: #5977a5;
}
.panel-heading {
  position:relative;
}
.panel-body {
  padding:25px 15px 20px 15px;
}
.c5-panel-settings {
  position:absolute;
  right:0px; top:2px;
}
.c5-panel-settings a {
  display:block;
  padding:10px;
}

.badge.c5-grey,
.c5-grey .badge {
  background:#aaaaaa !important;
  color:#fff !important;  
}
.h4, .bagde {
  margin-bottom:3px;
}

code {
  padding: 2px 4px;
  font-size: 84%;
  color: #444;
  background-color: #fff;
  border-radius: 3px;
}
.code_input {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size:13px;
}

pre {
  border:none;
  border:1px solid #ccc;
  padding:8px 10px;
  border-radius:4px;
  background:#fff;
}
.c5-code-container {
  position:relative;
}
.c5-code-numbers {
  display:block;
  position:absolute; left:1px; overflow:hidden; width:50px;
  text-align:right;
  color:#ccc;
  background:#fff;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}
samp {
  
}
.c5-statictext .input-group-addon {
  border-color:#eee;
}
.input-group-addon {
  color:#888;
}

.input-group-btn .btn .glyphicon {
  font-size:14px;
  line-height:14px;
}
a:focus {
  outline:0 none !important;
}

.nav > li > div {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > div {
  background: #eee;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #444;
  background-color: #ddd;
}

@media ( max-width : 768px) {
  .c5-dropdown-menu-right {
    right: 0;
    left: auto;
  }
}

/* Docu */
.docu-book {
  display:block;
  font-size:16px;
  margin-top:12px;
  color:#882266;
}
.docu-book .glyphicon {
  font-size:18px !important;
}
.docu-page {
  display:block;
  background:#fff;
}
.docu-page .glyphicon {
  font-size:16px !important;
}
.c5-marker {
  background:#acff80!important;
}
.c5-deleted {
  background:#ffb776!important;
}
/* Spinner */
.c5-indicator {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index:2000;
  background:rgba(238,238,238,0.5);
}
.c5-indicator-inc {
  position: absolute;
  left: 50%;
  top: 50%;
}

@-webkit-keyframes c5-spinner /* Safari and Chrome */ {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes c5-spinner {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.c5-spinner {
  -webkit-animation: c5-spinner 1s linear infinite;
  -moz-animation: c5-spinner 1s linear infinite;
  -ms-animation: c5-spinner 1s linear infinite;
  -o-animation: c5-spinner 1s linear infinite;
  animation: c5-spinner 1s linear infinite;
  position: absolute;
  left: -20px;
  top: -20px;
  width:40px;
  height:40px;
  opacity:0.75;
}
.c5-review-btn {
  padding:8px 50px 6px 8px;
  position:relative; left:0; top:0;
  width:100%;
  text-align:left;
}
.c5-review-btn .badge {
  padding:4px 4px;
  min-width:27px;
  font-size:18px;
  font-weight:bold;
  border-radius:30px;
  margin-right:10px;
}
.c5-review-container-symbol {
  position:absolute; right:8px; top:10px;
}

#devbanner {
  position:fixed;
  left:0; bottom:0; right:0;
  height:37px;
  background:#ee0000;
  color:#fff;
  font-weight:bold;
  font-size:18px; line-height:22px;
  text-align:center;
  margin:0; padding:5px 0 0 0;
}