/*
      _ _      __                  _   _                 
     | | |    / _|                | | (_)                
   __| | |__ | |_ _   _ _ __   ___| |_ _  ___  _ __  ___ 
  / _` | '_ \|  _| | | | '_ \ / __| __| |/ _ \| '_ \/ __|
 | (_| | |_) | | | |_| | | | | (__| |_| | (_) | | | \__ \
  \__,_|_.__/|_|  \__,_|_| |_|\___|\__|_|\___/|_| |_|___/
                                                         
																		
*/
/*
    __ __ ____  __  __   ____  ________              
   / //_// __ )/ / / /  / __ \/ __/ __/__  __________
  / ,<  / __  / /_/ /  / / / / /_/ /_/ _ \/ ___/ ___/
 / /| |/ /_/ / __  /  / /_/ / __/ __/  __/ /  (__  ) 
/_/ |_/_____/_/ /_/   \____/_/ /_/  \___/_/  /____/  
                                                     

// animate with prefixes
// @include animation(ANIMATIONNAME LENGTH REPEAT INOUT);

*/
/*
------------------------------------------------------
		General display
------------------------------------------------------
*/
.btn-add-new {
  display: inline-block;
  height: 32px;
  line-height: 100%;
  vertical-align: top;
  margin-bottom: 15px; }

.dbf_pagination {
  display: inline-block;
  height: auto;
  line-height: 100%; }
  .dbf_pagination .pagination {
    margin: 0; }

.help-section {
  position: relative; }
  .help-section .btn-show-help {
    display: inline-block;
    float: right; }
  .help-section .help-documentation {
    position: absolute;
    background: #FFF;
    padding: 20px 40px;
    right: 20px;
    top: 55px;
    z-index: 10;
    -moz-box-shadow: #CCC 0 4px 4px;
    -webkit-box-shadow: #CCC 0 4px 4px;
    box-shadow: #CCC 0 4px 4px; }
    .help-section .help-documentation .col-sm-3, .help-section .help-documentation .col-sm-9 {
      padding: 5px; }
    .help-section .help-documentation .col-sm-3 {
      font-weight: bold; }

.dbfunction-buttons {
  display: inline-block; }

.dbfunctions-buttons-lower {
  margin-top: 20px; }

.dbfunc-alert {
  clear: both;
  margin: 5px 0 0 150px;
  width: 750px; }

.dbfunc-send-email {
  display: inline-block;
  margin-left: 10px;
  margin-bottom: -50px;
  padding: 0; }
  .dbfunc-send-email .glyphicon {
    font-size: 20px;
    margin: 0;
    padding: 10px 0 0 0;
    line-height: 10px; }

.check-all {
  cursor: pointer; }

.btn-update-order {
  margin-right: 10px; }

.include-select-options.form-control {
  display: inline-block !important;
  width: auto; }

/*
------------------------------------------------------
		Individual Record
------------------------------------------------------
*/
.bootbox-body img {
  max-width: 100%;
  height: auto;
  max-height: 100%; }

.dbfunctions-record input.small {
  width: 150px !important; }
.dbfunctions-record input.float {
  text-align: right; }
.dbfunctions-record .dbfunc_thumb_holder .dbfunc-image-browse {
  display: block;
  margin: 0 0 5px 0; }
.dbfunctions-record .dbfunc_thumb_holder .btn-image-remove {
  margin: 0 5px 0 0; }
.dbfunctions-record .dbfunc_thumb_holder .btn-image-link img {
  width: auto;
  max-width: 150px;
  height: auto;
  max-height: 30px; }
.dbfunctions-record textarea {
  height: 150px; }
@media (min-width: 1000px) {
  .dbfunctions-record {
    /*
    .dbf_new_image {
    	border: solid 1px #CCC; border-radius: 4px; padding: 4px; 
    	input {display: inline-block !important; margin: 0 10px 0 0; padding: 5px; width: 200px; }
    	button {display: inline-block; float: left; margin: 0 10px 0 0; }
    }
    */ }
    .dbfunctions-record .form-group {
      clear: both;
      padding-top: 15px; }
      .dbfunctions-record .form-group label {
        width: 160px;
        float: left;
        padding-right: 15px; }
      .dbfunctions-record .form-group input, .dbfunctions-record .form-group select, .dbfunctions-record .form-group textarea, .dbfunctions-record .form-group .textarea-outer, .dbfunctions-record .form-group .dbf_images, .dbfunctions-record .form-group .dbfunc_thumb_holder {
        width: 750px;
        float: left; } }

.___fck_add_fkey {
  cursor: pointer;
  display: inline-block;
  padding: 8px 0 0 10px;
  vertical-align: middle; }

/*
.dbf_new_image {
	border: solid 1px #CCC; border-radius: 4px; padding: 4px; 
	input {display: inline-block !important; margin: 0 10px 0 0; padding: 5px; }
	.dbf_new_image_input {display: none !important; }
	button {display: inline-block; }
	.loading-status {display: none; width: 50px; background: red; float: left; height: 30px; }
}
*/
/*
.dbf_image {
	display: block; clear: both; padding-bottom: 20px; 
	.glyphicon-th-list {
		width: 40px; float: left; 
	}
	.dbf_thumbnail {
		width: 150px; float: left; 
		img {}
	}
	.dbf_image_caption {
		width: 520px; float: left; 
	}
}

.dbf_new_image_input {}


.dbf_image_item {
	display: block; clear: both; 
	.glyphicon {margin: 0 15px 0 0; }
	.dbf_image_thumb {width: 150px; height: auto; max-height: 150px; display: inline-block !important; margin: 0 15px 0 0; }
	.dbf_image_caption {width: 300px !Important; display: inline-block !important; }
}
*/
.dbf_images ul.dbf_images_container {
  list-style-type: none;
  padding: 0 !important;
  margin: 0; }
  .dbf_images ul.dbf_images_container li {
    margin: 0 0 10px 0;
    padding: 20px 0 0 0;
    clear: both;
    min-height: 100px; }
    .dbf_images ul.dbf_images_container li .glyphicon.sort {
      float: left;
      margin: 0 15px 0 0;
      font-size: 20px; }
    .dbf_images ul.dbf_images_container li .dbf_images_thumbnail {
      width: 150px;
      height: auto;
      max-height: 150px;
      float: left;
      margin: 0 15px 15px 0;
      border: solid 1px #AAA; }
    .dbf_images ul.dbf_images_container li .dbf_image_caption {
      width: 350px;
      float: left;
      margin: 0 15px 0; }
    .dbf_images ul.dbf_images_container li .glyphicon.remove {
      float: left;
      margin: 5px 15px 0 0;
      font-size: 20px;
      cursor: pointer; }
.dbf_images .dbf_new_image {
  clear: both; }
  .dbf_images .dbf_new_image .dbf_new_image_input {
    display: none !important; }
  .dbf_images .dbf_new_image .dbf_new_image_info {
    display: none;
    clear: both; }
    .dbf_images .dbf_new_image .dbf_new_image_info .dbf_new_image_name, .dbf_images .dbf_new_image .dbf_new_image_info .dbf_new_image_caption, .dbf_images .dbf_new_image .dbf_new_image_info .btn-upload {
      display: inline-block;
      vertical-align: middle !important;
      float: none;
      margin: 0 10px 0 0; }
    .dbf_images .dbf_new_image .dbf_new_image_info .dbf_new_image_name {
      display: inline-block !important;
      width: 130px; }
    .dbf_images .dbf_new_image .dbf_new_image_info .dbf_new_image_caption {
      width: 250px; }
    .dbf_images .dbf_new_image .dbf_new_image_info .progress {
      width: 700px;
      margin: 10px 0; }

/*
.dbf_new_image {
	.dbf_new_image_input {display: none !important; }
	.dbf_new_image_info {
		display: none; clear: both; 
		.dbf_new_image_name, .dbf_new_image_caption, .btn-upload {
			display: inline-block; vertical-align: middle !important; float: none; margin: 0 10px 0 0;
		}
		.dbf_new_image_name {display: inline-block !important; width: 130px; }
		.dbf_new_image_caption {width: 250px; }
		.progress {width: 700px; margin: 10px 0; }
	}
}
*/
input.warning {
  border: solid 1px #B65254; }

input.success {
  border: solid 1px #91C677; }

td.dbf-td-toggle {
  width: 70px;
  text-align: center; }

td.dbfunc-drag-to-sort {
  width: 70px;
  text-align: center; }

ul.dbfunctions-fieldset-control {
  margin: 20px 0 0 0; }
  ul.dbfunctions-fieldset-control li {
    cursor: pointer; }

fieldset {
  margin: 0; }

.dbfunctions-record fieldset {
  display: none; }
.dbfunctions-record fieldset.active {
  display: block !important; }

/*
------------------------------------------------------
		Results display
------------------------------------------------------
*/
.db_functions_list_display {
  margin: 0 0 20px 0; }
  .db_functions_list_display th a {
    color: #FFF; }
  .db_functions_list_display .col_remove, .db_functions_list_display .col_edit {
    width: 55px;
    text-align: center; }
  .db_functions_list_display tr td {
    cursor: pointer; }
  .db_functions_list_display tr.removing td {
    background: #B39696;
    color: #FFF; }
    .db_functions_list_display tr.removing td a {
      color: #FFF; }