/*
*   Loader
-------------------------------------------------------------
*/
/*.ajax-progress.ajax-progress-throbber {
  background: transparent url(../img/loader.gif) !important;
}*/




/*
*   Pannels buttons
-------------------------------------------------------------
*/
body div#panels-ipe-control-container {
  background-color: #42201f;
}
body div.panels-ipe-control input.panels-ipe-save,
body div.panels-ipe-control input.panels-ipe-cancel,
body div.panels-ipe-pseudobutton-container{
  background-color: #42201f;
  background-image:none;
  border:1px solid #674949;
  border-radius: 0;
  transition:all 0.5s ease;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
body div.panels-ipe-control input.panels-ipe-save:active, body div.panels-ipe-control input.panels-ipe-save:focus, body div.panels-ipe-control input.panels-ipe-save:hover,
body div.panels-ipe-control input.panels-ipe-cancel:active, body div.panels-ipe-control input.panels-ipe-cancel:focus, body div.panels-ipe-control input.panels-ipe-cancel:hover,
body div.panels-ipe-pseudobutton-container:hover{
  background-color: #42201f;
  background-image:none;
  border:1px solid #908787;
  color: #FFF;
}
div.panels-ipe-control input.panels-ipe-save,
div.panels-ipe-control input.panels-ipe-cancel {
  color: #CCC;
  cursor: pointer;
  display: inline-block;
  font: bold 12px/33px "Open Sans", "Lucida Grande", Tahoma, Verdana, sans-serif;
  height: 33px;
  margin: 5px 10px;
  padding:0 0.8em;
}
body div.panels-ipe-handlebar-wrapper li.edit a span{
  background-image: url(../images/icon-edit.png);
}

body div.panels-ipe-handlebar-wrapper li.translate a span{
  background-image: url(../images/icon-translate.png);
}
body span.panels-ipe-draghandle-icon-inner{
  background-image: url(../images/icon-dragndrop.png);
}
body .panels-ipe-dragbar-admin-title{
  line-height: 2.7em;
}

/*
*   Pannels zones
-------------------------------------------------------------
*/
body div.panels-ipe-placeholder{
  border:2px dashed #42201f;
}
body div.panels-ipe-placeholder h3{
  color: #42201f;
  width: auto;
}
body div.panels-ipe-newblock li{
  display: inline;
}

body .panels-ipe-editing .panels-ipe-region {
  float: none !important;
}




/*
*   Pannels types (grid)
-------------------------------------------------------------
*/
body #modalContent .panels-section-column .content-type-button{
  width: 100%
}
#modalContent .panels-section-column .inside{
  padding:0 2px;
}
#modalContent .content-type-button a{
  border:1px solid rgba(66, 32, 31, 0.2);
  color:#42201f;
  font-size: 13px;
  text-decoration: none;
  text-align: center;
  margin-bottom: 5px;
  transition:all 0.5s ease;
}
#modalContent .content-type-button a:hover{
  border:1px solid #42201f;
  text-align: center;
}
#modalContent .content-type-button a:not(:hover){
  opacity: 0.6;
}
#modalContent .content-type-button a img{
  margin-bottom: 10px;
}
#modalContent .content-type-button a img:hover{
  border:2px solid #fff;
}
#modalContent .content-type-button span{
  display: inline-block;
  width:100%;
}




/*
*   Pannels Form
-------------------------------------------------------------
*/
body #modalContent form{
  width: 1000px;
}
body #modalContent .ipe--warn_lang {
  border : 1px solid #aaa;
  color : #7B0000;
  font-size: 1.3em;
  font-weight : bold;
  margin-bottom : 10px;
  padding : 10px;
}
body #modalContent input[type="submit"]#edit-return{
  width: 100px;
}
body #modalContent input[type="text"], body #modalContent input[type="pass"], body #modalContent input[type="mail"]{
  width: 66%;
}
body #modalContent small{
  padding-left:8px;
  margin:0;
}
body #modalContent label{
  font-size: 1.3em;
  font-weight: bold;
  margin-top: 0;
  width: auto;
}
body #modalContent input[type="checkbox"] + label{
  font-size:1em;
  font-weight: normal;
}
body #modalContent label ~ div>label{
  font-size:1.1em;
  font-weight: normal;
  font-style: italic
}
body #modalContent .form-textarea-wrapper{
  box-sizing: border-box;
  padding: 0 8px;
}

/*  Pannels Form > Pictures widget
*/
body #modalContent .image-widget > div{
  max-width: 50%;
}
body #modalContent .image-widget .file{
  display: inline-block;
}
body #modalContent .image-widget label{
  display: block;
  font-size: 1.1em;
}
body #modalContent .image-widget input[type='text']{
  margin:0 8px 8px 8px;
}
body #modalContent .image-widget span + input[type='submit']{
  background-color: #7B0000;
  color: #ffffff;
}
body #modalContent .image-widget span + input[type='submit']:hover{
  background-color: #000;
}

/*  Pannels Form > Multiple pictures table
*/
body #modalContent .tabledrag-toggle-weight-wrapper,
body #modalContent legend,
body #modalContent table.sticky-header,
body #modalContent table thead th{
  display: none;
}
body #modalContent table,
body #modalContent table thead,
body #modalContent table tbody,
body #modalContent table th,
body #modalContent table tr,
body #modalContent table tr td{
  border:none;
  display:inline-block;
  width:100%;
}
body #modalContent table thead{
  border-bottom: 1px solid #666;
}

body #modalContent table thead th:first-child{
  display: inline-block;
}
body #modalContent table tbody tr:nth-child(2n+1){
  background: #eee;
  border:1px dashed #C0BDBD;
}
body #modalContent table tbody tr:nth-child(2n){
  background: #dbdbdb;
  border:1px dashed #C0BDBD;
}
body #modalContent table a.tabledrag-handle:hover{
  text-decoration: none;
}
body #modalContent table a.tabledrag-handle .handle{
  background-position: 0  6px;
  height: 20px;
  width: 20px;
}
body #modalContent table input[type='submit']{
  background-color: #7B0000;
  color: #ffffff;
}
body #modalContent table input[type='submit']:hover{
  background-color: #000;
}

/*  Pannels Form > Medias
*/
body #modalContent .field-name-field-pp-medias-more label{
  display: block;
}
body #modalContent .field-name-field-pp-medias-more .field-prefix{
  padding-left: 8px;
}
body #modalContent .field-name-field-pp-medias-more input{
  margin:0 3px;
  text-align: center;
  width: 31px
}
body #modalContent a.button.browse{
  background-color:#777;
  border: 1px solid #e0e0e0;
  color:#fff;
  display: inline-block;
  margin:8px auto;
  padding: 6px 10px;
}
body #modalContent a.button.browse:hover{
  background-color:#555;
  text-decoration: none;
}
body #modalContent table .media-widget{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
body #modalContent .media-widget .preview label{
  font-size: 0.9em;
}
body #modalContent .media-widget .preview input[type='text']{
  margin-bottom:10px;
  width: 100%;
}
body #modalContent .field-widget-media-generic table tr{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
body #modalContent .field-widget-media-generic table tr td:first-child{
  -webkit-flex: 6;
  -moz-flex: 6;
  -ms-flex: 6;
  -o-flex: 6;
  flex: 6;
}
body #modalContent .field-widget-media-generic table tr td:last-child{
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
  flex: 1;
}
body #modalContent .field-widget-media-generic table tr td:last-child *{
  margin:2px auto;
  width: 100%
}
body #modalContent .field-widget-media-generic table tr td:last-child a{
  background-color:#f69231;
  border: 1px solid #e0e0e0;
  color:#fff;
  display: inline-block;
  text-align: center;
  margin:5px auto 0 auto;
  padding: 6px 10px;
}
body #modalContent .field-widget-media-generic table tr td:last-child a:hover{
  background-color:#ef6114;
  text-decoration: none;
}
#modalContent ~ .ui-dialog{
  left:50% !important;
  margin-left: -375px !important;
  width: 750px !important;
  border-radius:0 !important;
  z-index: 5000;
}

#modalContent ~ .ui-dialog .ui-widget-header{
  border:none;
  border-radius: 0 !important;
  background-position: #ccc;
}
#modalContent ~ .ui-widget-overlay{
  background: #555;
  opacity: 0.7;
  transition: all 1000ms ease;
  z-index: 4999;
}


/*
*   Pannels Generic
-------------------------------------------------------------
*/
body div.ctools-modal-content{border-radius: 0}
.panels-ipe-editing .panels-ipe-portlet-content {margin: 0;}
div.panels-ipe-handlebar-wrapper li.translate a span {background-image: url('../images/translate.png'); }