.table.key-value-table > tbody > tr > td:first-child {
    width: 25%; /*1px;*/
    /*white-space: nowrap;*/
    padding-right:40px;
}
.table.key-value-table > tbody > tr > td:nth-child(2) {
    font-weight: 600;
}

.box-subtitle {
    display: block;
    border-bottom: 1px solid #349ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

.td-danger {
    background-color: #D04745;
    color: #fff;
}

tr.clickable-row:hover td.td-danger {
    background-color: #b94a48;
}

tr.clickable-row {
    cursor: pointer;
}


textarea.textarea {
    width: 100%;
    min-height: 150px;
    font-size: 14px;
    line-height: 18px;
    border: 1px solid #dddddd;
    padding: 10px;
}

div.wysiwyg-display {
    padding: 10px;
    border: 1px solid #ddd;
    font-size: 14px;
    line-height: 18px;
}



/**********
 * Products/Create
 */
 .fields-container {
    border-style: solid;
    border-color: #ccc;
    border-width: 0px 0px 1px 1px;
    padding: 20px;
    display: none;
}
 .fields-container.open {
     display: block;
 }

 .conditional-container {
     margin: 10px 0px;
     padding-left: 20px;
     border-left: 1px solid #D04745;
     display: none;
 }
 .conditional-container.open {
     display: block;
 }
 p.condition-explanation {
     font-size: .7em;
 }

 .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
     transition: margin-left 0.1s;
     transition-timing-function: ease-out;
 }







 .record-manager {
     background: #e1e6eb;
     margin: 0px -15px 15px -15px;
 }
 .record-manager-container {
     padding: 20px 15px;
 }

 .form-control.changed {
     border: 1px solid #349ccc;
     background-color: rgba(52, 156, 204, .05);
 }

 .form-control.changed:before {
     content: "test";
}

.form-control.error {
     border: 1px solid #D04745;
     background-color: rgba(221, 75, 57, .05);
}






.button-icon {
    margin-right: 5px;
}

.box-with-only-images img {
    margin-bottom: 10px;
}






.loader {
  display: inline-block;
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #D04745;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  0% { transform: rotate(0deg); }
  70% { transform: rotate(360deg); }
  100% { transform: rotate(720deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  70% { transform: rotate(360deg); }
  100% { transform: rotate(720deg); }
}


.loader-product-container {
    padding: 30px;
    text-align: center;
}


.imagebox .my-image {
    background: #ccc;
    height: 300px;
    margin-bottom: 20px;
}



/*
 * Upload box
*/

.upload-box {
    position: relative;
    padding: 30px;
    text-align: center;
    background: #D04745;
    color: #fff;
    font-size: 16px;
}
/*.upload-box:hover::before {
    content: ' ';
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    top: 5px;
    left: 5px;
    border: 1px dashed #fff;
    position: absolute;
}*/

.upload-box strong.clickable:hover {
    color: #f6bab9;
    cursor: pointer;
}
.upload-box-status { display: none; }
.dz-error .upload-box-status.upload-box-status-error { display: inline-block; }
.dz-success .upload-box-status.upload-box-status-success { display: inline-block; }
.dz-processing .upload-box-status.upload-box-status-processing { display: inline-block; }
.upload-box-status.upload-box-status-idle { display: inline-block; }
.dz-started .upload-box-status.upload-box-status-idle { display: none; }
.dz-drag-hover .upload-box-status.upload-box-status-idle { display: none; }
.dz-drag-hover .upload-box-status.upload-box-status-dragover { display: inline-block; }



th[data-sortable-column] {
    cursor: pointer;
    -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

th[data-sortable-column]:after {
    display: inline-block;
    font: normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    float:right;
}

th[data-sortable-column].asc:after {
    content: "\f0dd";
}

th[data-sortable-column].desc:after {
    content: "\f0de";
}




@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
    max-width: 1200px;
  }
}


.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.td-success {
    background: #00a65a;
    color: white;
}

.td-pending {
    background: #bdc3c7;
    color: white;
}

.td-todo {
    background: #f39c12;
    color: white;
}