/* This file is loaded in backend only */
/* pbci = plugin_backend_container_inner */



.pbci {
  background-color: whitesmoke;
  max-width: 100%;
}

.pbci > .row,
.pbci section > .row {
  margin-left: 0;
  margin-right: 0;
}

.pbci > .row-buttons,
.pbci section > .row-buttons {
  margin-top: 10px;
  margin-bottom: 10px;
}
.pbci > .editor-backend-subnav,
.pbci section > .editor-backend-subnav {
  margin-top: 10px;
  margin-bottom: 10px;
}



a {
  color:#033563;
  outline: none;
}

span.error {
  color: red;
  display: inline-block;
  width: 100%;
  background-color: #FCC;
  padding: 2px 5px;
}



/* -------------------------------------------------------- */
/* HEADLINES                                                */
/* -------------------------------------------------------- */
.pbci h1, .pbci h2, .pbci h3 {
  clear: both;
  position: relative;
  overflow: hidden;
}

.pbci h1 {
  width: 100%;
  padding: 10px;
  color: #0E0E0E;
  /*color: #FFF;*/
  font-size: 28px;
  /*font-weight: 100;*/
  font-weight: 700;
  font-family: "azo-sans-web", "Source Sans Pro", sans-serif;
  margin: 0;
  text-align: center;
  box-shadow: 0px 0px 6px #a3a3a3;
  z-index: 3;
  /*border-bottom: 0px solid #afafaf;*/
  background-color: #e5e5e6;
}
.pbci h1 > i.fa {
  min-width: 30px;
  display: inline-block;
}

.pbci h2 {
  width: 100%;
  padding: 10px;
  color: #0E0E0E;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  font-family: "azo-sans-web","Source Sans Pro", sans-serif;
  margin: 25px 0 20px 0;
  text-align: center;
  z-index: 2;
  /*border-bottom: 1px solid #e5e5e6;*/
  /*box-shadow: 0px 0px 6px #afafaf;*/
}

.pbci h2:first-of-type {
  margin: 0;
  padding-top: 15px;
  padding-bottom: 15px;
}

.pbci h2 + .editor-button-back,
.pbci h2 .editor-button-back {
  position: absolute;
  left: 0px;
  display: block;
  font-size: 15px;
  font-family: calibri, sans-serif;
  top: 15px;
  margin-left: 15px;
  max-width: 300px;
  text-decoration: none !important;
  z-index: 5;
}
.pbci h2 + .editor-button-back:hover,
.pbci h2 .editor-button-back:hover {
  /*text-decoration: underline !important;*/
}
.pbci h2 + .editor-button-back {
  top: 65px;
}

.pbci h2 > i.fa {
  min-width: 20px;
  display: inline-block;
}
.pbci h2 + .editor-button-back i.fa,
.pbci h2 .editor-button-back i.fa {
  position: relative;
  min-width: 13px;
}



.pbci h3 {
  font-family: calibri, sans-serif;
  font-size: 14px;
  display: block;
  margin: 20px -15px 5px;
  padding: 10px 15px;
  font-weight: normal;
}
.pbci h3.full {
  background-color: #0E0E0E;
  color: #F3F3F3;
}
.panel-padded h3 {
  font-family: calibri, sans-serif;
  font-size: 14px;
  display: block;
  margin: 10px -10px;
  top:-10px;
  padding: 10px 15px;
  font-weight: normal;
}
.panel-padded h3.full {
  background-color: #0E0E0E;
  color: #F3F3F3;
}



.pbci .panel-padded {
  padding: 10px;
}


.pbci .panel h3:first-child {
  margin-top: 0;
}


.pbci h3.full {
  background-color: #1f1f1f;
  color: #F3F3F3;
  margin: 20px -15px 5px;
  padding: 10px 15px;
  font-weight: normal;
}


.pbci .panel h3.full {
  margin: 20px 0 5px;
}
.pbci .panel h3.full:first-child {
  margin-top: 0;
}
.pbci .panel h3.full a {
  color: #FFF !important;
  text-decoration: none;
}
.pbci .panel h3.full a:hover {
  text-shadow: 0 0 5px rgba(255,255,255,0.95);
}
.pbci .panel h3.full i.fa {
  margin-right: 5px;
}

.pbci .panel.panel-padded {
  padding: 10px;
}
.pbci .panel.panel-padded h3.full {
  margin: 20px -10px 5px;
}
.pbci .panel.panel-padded > h3.full:first-child {
  margin-top: 0px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}




.btn {
  transition: all 0.5s, background-color 0.3s, border-color 0.3s;

}


.form-control {
  display: inline-block;
}




/* EDITOR OUTPUT */
#output-frame {
  overflow: visible;
  height: 0;
  position: relative;
  width: 90%;
  background-color: green;
  z-index: 10;
  left: 5%;
}

#output-frame #user-output{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-color: rgba(255,255,255, 0.5);
  margin: 0 !important;
}






/* OLD STUFF - this needs optimalisation */
div.plugin_backend {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
}
.plugin_backend{
  /*min-width: 650px; */
  display: block;
  padding: 0;
  overflow: hidden;
  max-width: 100%;
}
.plugin_backend_container{margin: 0px; padding: 0; width: 100%; background-color: #FFF;  }
.pbci .padded {padding: 20px;}
.pbci table.border {border-collapse: collapse;}
.pbci table.border td{border: 1px solid #BBB; padding: 3px 5px;}
.pbci table.border th{border: 1px solid #BBB; padding: 3px 5px; background-color: #EEE;}
.plugin_backend .no-plugin-loaded{
  background: url('../images/edit_tor_web_logo.png') no-repeat;
  background-position: center;
  background-color: #FFF;
  min-width: 600px;
  min-height: 100px;
  text-align: center;
  padding-top: 300px;
  border-bottom: 500px solid #FFF;
}
.editor_bottom_footer{background-color:#142333; text-align:center; font-size: 10px; margin: 15px 0;}






.input-group-lockable {
  position: relative;
}
.input-group-lockable .input-unlock {
  transition: 0.5s all;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  border-left: 1px solid #c3c3c3;
  font-size: 14px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.image-picker-imageId {
  border-radius: 3px;
}

.pbci .quickInput .dropdown-menu li a.option {
  text-decoration: none;
  padding: 5px 27px;
}



.pbci a.panel.widget {
  text-decoration: none !important;
}
.pbci a.panel.widget:hover {
  text-decoration: underline !important;
}
.pbci a.panel.widget.bg-default:hover {
  color: #0f0f0f !important;
}


.pbci form .form-control {
  color: #232831;
}