.d-object-div-shadowed {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

.d-object-table-container-header {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
    background: #444;
	font-weight: bold;	
}
.d-object-table-container-header.rounded {
	border-radius: 5px;
}
.d-object-table-no-results {
	background-color: white;
	border: solid 1px #EEEEEE;	
}
.d-object-table-no-results>div {
	/*padding: 0.25rem 0.5rem;*/
	height: calc(1.5em + 1.25rem + 2px);
	display: flex;
	align-items: center;
}
.d-object-table-row {
	background-color: #FAFAFA;
	border: solid 1px #EEEEEE;
	border-bottom: solid 1px #CCCCCC;
	min-height: calc(1.5em + 1.25rem + 2px);
}
.d-object-table-row[d-edited="1"] {
	background-color: #def7fd;	
}
.d-object-table-row[d-deleted="1"] {
	background-color: #fcebe8;	
}
.d-object-table-row[d-selected="1"] {
	background-color: #c5e4ff;	
}
.d-object-table-row.clickeable {
	cursor:pointer;
}
.d-object-table-row.clickeable:hover {
	background-color: #F0F0F0;
}
.d-object-table-row[d-selected="1"].clickeable:hover {
	background-color: #91ccff;	
}
.d-object-table-row.hidden {
	display: none;
}
.d-object-table-row>div {
	padding: 0.25rem 0.5rem;
	border-bottom: solid 1px #F4F4F4;
	border-right: solid 1px #F4F4F4;
}
.d-object-table-row>div.input-required {
	background-color: #edd9d9;
}
.d-object-table-col-elim {
	align-items: left;
}
.d-table-elim-btn {
	width: 40px;
	text-align: center;
	cursor:pointer;
}
.d-object-table-add-btn {
	width:25px;
	text-align:center;
	cursor:pointer;
	color:white;
}
.d-table-input-button {
	cursor: pointer;
	border: solid 1px #888;
	border-radius: 0.5rem;
	padding: 0.25rem 0.5rem;
	height: calc(1.00em + 1.00rem);
	width: 2.5rem;	
}
.btn-dpregunta-ok {
	
}
.d-object-find-text {
}
.d-object-search-div {
	position:relative;	
}
.d-object-search-div>input {
	padding-left: 40px;
}
.d-object-search-btn {
	top: calc(50% - 12px);
	left:10px;
	position:absolute;
	cursor:pointer;
}
.svg-invert {
	-webkit-filter: invert(100%); /* safari 6.0 - 9.0 */
    filter: invert(100%);
}
[d-object="d-table"][d-disabled="1"] .d-object-table-add-btn {
	display:none;
}
[d-object="d-table"].input-required>.d-object-table-container-body {
	background-color: #edd9d9;
}
[d-object="d-table"].input-required>.d-object-table-no-results {
	background-color: #edd9d9;
}
.d-object-table-colum-title {
	text-decoration:underline;
	cursor: pointer;
	color:white;
}
.input-required {
	background-color: #edd9d9 !important;
}
[d-object="d-find"].input-required input {
	background-color: #edd9d9;
}

.d-object-find-list {
	position:absolute;
	z-index:100;
	width:100%;
	min-height:calc(1.5em + .75rem + 2px); 
	background-color: white;
	background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	display: flex;
	flex-direction: column;
	border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}
.d-object-find-list-item {
	color: black;
	width: 100%;
	padding: .2rem .75rem;
	font-weight: 400;
	font-size: 0.85rem;
	cursor: pointer;
}
.d-object-find-list-item:hover {
	background-color: #DDDDDD;
}
.d-object-find-elim {
	position:absolute;
	height:100%;
	right:0.5rem;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-contents:center;
}

.d-object-list-elements {
	position:absolute;
	z-index:100;
	width:100%;
	min-height:calc(1.5em + .75rem + 2px); 
	background-color: white;
	background-clip: padding-box;
	margin-top: 1px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	display: flex;
	flex-direction: column;
	border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(13,110,253,.25);
	max-height: 200px;
	overflow: auto;
}
.d-object-list-elements-elm {
	color: black;
	width: 100%;
	padding: .2rem .75rem;
	font-weight: 400;
	font-size: 0.85rem;
	cursor: pointer;
	display: block;
}
.d-object-list-elements-elm-check {
	margin: 0rem 0.5rem;
	margin-top: .25em;
    vertical-align: top;
}
.d-object-list-general-boxes {
	background-color: #DDDDDD;
	background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
	display: flex;
	flex-direction: rows;
	padding: 0rem 0.5rem;
	margin: 2px 0.25rem;
}
.d-object-list-general {
	min-height:calc(1.5em + 1rem + 6px); 
	display:flex;
	flex-direction: rows;
	flex-wrap: wrap;
	align-items:center;
}
.d-object-list-general-boxes-elim {
	cursor: pointer;
}
[d-object="d-select"] > option:not(:first-child) {
	color: black;
}


.btn-for-modal {
	width: 120px;
}

.modal.super-modal {
	z-index: 1070;
}

.d-modal-bordered .d-modal-content {
	border: solid 1px #EEEEEE;
}

.d-object-carousel-div {
	
}

/* spinner */
.lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #fff;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* croppie */
.croppie-container {
    width: 100%;
    height: 100%;
}

.croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none;
}

.croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.croppie-container .cr-viewport {
    position: absolute;
    border: 2px solid #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.croppie-container .cr-original-image {
    display: none;
}

.croppie-container .cr-vp-circle {
    border-radius: 50%;
}

.croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
}

.croppie-container .cr-slider-wrap {
    width: 75%;
    margin: 15px auto;
    text-align: center;
}

.croppie-result {
    position: relative;
    overflow: hidden;
}

.croppie-result img {
    position: absolute;
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.cr-slider {
    -webkit-appearance: none;
/*removes default webkit styles*/
	/*border: 1px solid white; *//*fix for FF unable to apply focus style bug */
    width: 300px;
/*required for proper track sizing in FF*/
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent;
}

.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: #3ABFC0;
	alpha:0.5;
    border: 0;
    border-radius: 3px;
}

.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #272E69;
    margin-top: -6px;
}

.cr-slider:focus {
    outline: none;
}
/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/

.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

.cr-slider::-ms-track {
    width: 100%;
    height: 5px;
    background: transparent;
/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
	border-color: transparent;/*leave room for the larger thumb to overflow with a transparent border */
	border-width: 6px 0;
	color: transparent;/*remove default tick marks*/
}
.cr-slider::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.cr-slider::-ms-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #ddd;
	margin-top:1px;
}
.cr-slider:focus::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
}
/*******************************************/

/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
	position: absolute;
	bottom: 5px;
	left: 5px;
	z-index: 1;
}
.cr-rotate-controls button {
	border: 0;
	background: none;
}
.cr-rotate-controls i:before {
	display: inline-block;
	font-style: normal;
	font-weight: 900;
	font-size: 22px;
}
.cr-rotate-l i:before {
	content: 'â†º';
}
.cr-rotate-r i:before {
	content: 'â†»';
}
.size-sm {
	max-width: 560px;
}
.size-md {
	max-width: 720px;
}
.size-lg {
	max-width: 1140px;
}
.size-xl {
	max-width: 1320px;	
}
