.sweet-alert button.cancel {
    background-color: #DFDFDF !important;
}

#my-background {
    width: 100%;
    padding: 0;
    background-color: #fff;
    height: 100%;
}

#my-loader{ 
	position: fixed;
	top: 0;
	z-index: 9999;
	width: 100%;
	height:100%;
	display: none;
	background: rgba(0,0,0,0.6);
}
.cv-spinner {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;  
}
.spinner {
	width: 40px;
	height: 40px;
	border: 4px #ddd solid;
	border-top: 4px #2e93e6 solid;
	border-radius: 50%;
	animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
	100% { 
		transform: rotate(360deg); 
	}
}
.is-hide{
	display:none;
}

/* bootstrap 3d button */
.btn3d {
	position: relative;
	top: -3px;
	border: 0;
	transition: all 10ms linear;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 2px;
	margin-right: 2px;
}

.btn3d:active:focus,
.btn3d:focus:hover,
.btn3d:focus {
	-moz-outline-style: none;
	outline: medium none;
}

.btn3d:active,
.btn3d.active {
	top: 2px;
}

.btn3d.btn-secondary {
	color: #ffffff;
	box-shadow: 0 4px 0 0 #37474F, 0 4px 4px 1px rgba(0, 0, 0, 0.5);
	background-color: #607D8B;
}

.btn3d.btn-secondary:active,
.btn3d.btn-secondary.active {
	color: #ffffff;
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3);
	background-color: #37474F;
}

.btn3d.btn-primary {
	box-shadow: 0 4px 0 0 #1565C0, 0 4px 4px 1px rgba(0, 0, 0, 0.5);
	background-color: #2196F3;
}

.btn3d.btn-primary:active,
.btn3d.btn-primary.active {
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3);
	background-color: #1565C0;
}

.btn3d.btn-success {
	box-shadow: 0 4px 0 0 #2E7D32, 0 4px 4px 1px rgba(0, 0, 0, 0.5);
	background-color: #4CAF50;
}

.btn3d.btn-success:active,
.btn3d.btn-success.active {
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3);
	background-color: #2E7D32;
}

.btn3d.btn-info {
	box-shadow: 0 4px 0 0 #00838F, 0 4px 4px 1px rgba(0, 0, 0, 0.5);
	background-color: #00BCD4;
}

.btn3d.btn-info:active,
.btn3d.btn-info.active {
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3);
	background-color: #00838F;
}

.btn3d.btn-warning {
	box-shadow: 0 4px 0 0 #D84315, 0 4px 4px 1px rgba(0, 0, 0, 0.5);
	background-color: #FF5722;
}

.btn3d.btn-warning:active,
.btn3d.btn-warning.active {
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3);
	background-color: #D84315;
}

.btn3d.btn-danger {
	box-shadow: 0 4px 0 0 #C62828, 0 4px 4px 1px rgba(0, 0, 0, 0.5);
	background-color: #F44336;
}

.btn3d.btn-danger:active,
.btn3d.btn-danger.active {
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3);
	background-color: #C62828;
}

.btn3d.btn-dark {
	color: #ffffff;
	box-shadow: 0 4px 0 0 #1B2226, 0 4px 4px 1px rgba(0, 0, 0, 0.5);
	background-color: #37474F;
}

.btn3d.btn-dark:active,
.btn3d.btn-dark.active {
	color: #ffffff;
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3);
	background-color: #1B2226;
}

.header-fill th {
	height: 20px;
	background: #f2f0e6;
}

.button-img,.content-button-img {
	position: relative;
	display: inline-block;
}

.button-img:hover .edit {
	display: block;
}

.edit {
	padding-top: 7px;	
	padding-right: 7px;
	position: absolute;
	right: 0;
	top: 0;
	display: none;
}

.edit a {
	color: #000;
}

.panel-shadow {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2);
}

.roundedTable {
    border-collapse: collapse;
    border-radius: 0.8em;
    overflow: hidden;
    width: 100%;
    margin: 0;
}

.navbar-fill {
	background-image: linear-gradient(to right, #e4edf1, #b5c0c6, #89969c, #5f6d74, #37474f);
}

span.dtr-data {
  display: inline-block;
  max-width: 100px;
  word-break: break-all;
  white-space: normal;
}

.styled-table-1 {
    border-collapse: collapse;
    min-width: 400px;
    /*box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);*/
}

.styled-table-1 thead tr {
    background-color: #283593;
    color: #ffffff;
    text-align: left;
}

.styled-table-1 th,
.styled-table-1 td {
   padding: 12px 15px;
}

.styled-table-1 th {
  font-size: 12px !important;
}

.styled-table-1 td {
  font-size: 11px !important;
}

.styled-table-1 tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table-1 tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.styled-table-1 tbody tr:last-of-type {
	border-bottom: none;
}

.table-responsive .dropdown,
.table-responsive .btn-group,
.table-responsive .btn-group-vertical {
    position: static;
}

.table-font-smaller th {
	font-size: 13px !important;
}

.table-font-smaller td {
	font-size: 12px !important;
}

/* input-group button-group select2 */
.input-group>.select2-container--default {
    width: auto !important;
    flex: 1 1 auto !important;
}

.input-group>.select2-container--default .select2-selection--single {
    height: 100% !important;
    line-height: inherit !important;
}

.card-img-top {
    width: 100%;
    height: 30vh;
	/*height: auto;*/
    object-fit: cover;
}