/* LOADING */
.loading-layer {
	position: fixed;
	left: 0;
	top: 0;
	display: table;
	width: 100%;
	height: 100%; /* For at least Firefox */
	min-height: 100%;
	background-color: rgba(0,0,0,0.3);
	*-webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
	*box-shadow: inset 0 0 100px rgba(0,0,0,.5);
	z-index:9998
}

.loading-layer-inner {
	/*
	vertical-align: middle;
	display: table-cell;
	color: #fff;
	text-align: center;
	*background-color: rgba(0,0,0,0.2);
	*/
			
	position: fixed;
	*bottom: 50px;
	top: 50%;
	left: 50%;
	*margin-left: -100px;
	*width: 200px;
	transform: translate(-50%, -50%);
	width: auto;
	*padding: 10px 0;
	padding: 20px;
	*padding: 5px;
	text-align: center;
	*background-color: rgba(0,0,0,0.8);
	*background-color: #F9941F;
	*background-color: #444;
	*background-color: rgba(37,211,102,0.5);
	background-color: transparant !important;
	color: #fff;
	
	/* tambahan */
	*border: 5px solid #fff;
	*border-radius: 5px;
}

.loader {
	position: relative;
	display: inline-block;
	margin: 0 auto;
	margin-right: 5px; /* untuk tulisan */
	font-size: 25px;
	text-indent: -9999em;
	-webkit-transform: translateZ(0);
	transform: translateZ(0); 
}

.loader-circle {
	width: 1em;
	height: 1em;
	border-top: 0.125em solid rgba(255, 255, 255, 0.5);
	border-right: 0.125em solid rgba(255, 255, 255, 0.5);
	border-bottom: 0.125em solid rgba(255, 255, 255, 0.5);
	border-left: 0.125em solid #ffffff;
	border-radius: 50%;
	-webkit-animation: loader-circle 1.1s infinite linear;
	animation: loader-circle 1.1s infinite linear; 
}		  
/* end LOADING */


.cursor {
	cursor: pointer;
}

.cursor-hover:hover {
	background-color: #ffc894 !important;
}

.dot-alert {
	position: absolute;
	background: #cd201f;
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
}

.dot-ok {
	position: absolute;
	background: #56E94E;
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
}

.dot-tutup {
	display: inline-block;
	margin: 0 0 1px 4px;
	background: #cd201f;
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
}

.dot-buka {
	display: inline-block;
	margin: 0 0 1px 4px;
	background: #56E94E;
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
}

.dot {
	display: inline-block;
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
}


@media print {
	.d-print-none{
		display: none !important;
	}
}



/* TOASTR */
.toastr {
	z-index: 5000; 
	position:fixed; 
	*top:15px; 
	*right:15px; 
	
	left: 50%;
	top: 0px;
	transform: translate(-50%, 0);
	margin: 0 auto;
	
	*width:25%; 
	background: rgba(0,0,0,0.7); 
	*background: rgba(222,78,0,0.8); 
	*background: rgba(32,211,102,1); 
	*background: rgba(249,148,31,0.7); 
	color: #fff;
}

@media (max-width: 479px) {
	.toastr {
		width: 80%;
	}
}
/* end TOASTR */


/* TOMBOL KE ATAS */
.tbTop {
	display: none;
	z-index: 1040;
	position: fixed;
	bottom: 0; 
	right: 0;
	padding: 10px 15px;
	font-size: 125%;
	cursor: pointer;
	
	border: 0;
	*background-color: rgba(249, 148, 31, 0.5);
	background-color: rgba(0, 0, 0, 0.5);
	color: #ffffff;
}

.tbTop:hover {
	*background-color: rgba(249, 148, 31, 1);
	background-color: rgba(0, 0, 0, 1);
}
/* end TOMBOL KE ATAS */


/* DIV AVATAR */
.div-avatar {
	background: #efefef;
	
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	border-radius: 50%;
	width: 30px;
	height: 30px;
}

.div-avatar .btn {
	margin-right: -75%;
	margin-bottom: -150%;
}

.div-avatar-teks {
	position: relative;
	left: 125%;
	top: 29%;
	white-space: nowrap;
}

.div-avatar-kotak {
	border-radius: 5px;
}

.div-avatar-galeri {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	cursor: pointer;
}

.div-50 {
	width: 50px;
	height: 50px;
}

.div-100 {
	width: 100px;
	height: 100px;
}

.div-150 {
	width: 150px;
	height: 150px;
}

.div-200 {
	width: 200px;
	height: 200px;
}
/* end DIV AVATAR */



/* FLEX */
.flex {
	display: flex;
	flex-wrap: wrap;
}

.flex-item {
	
}
/* end FLEX */




/* ------ CETAK ---- */
.cetak {
	display: none;
}
@media print {
	.page {
		display: none;
	}
	
	.modal {
		display: none;
	}
	
	.modal-backdrop {
		display: none !important;
		visibility: hidden !important;
	}
	
	.btn, .icon {
		display: none;
	}
	
	a {
		display: none !important;
	}
	
	.cetak {
		display: block;
	}
}
/* ----- end CETAK ------ */




/* DIV WITH BUTTON */
.div-gambar {
	background-color: #888;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	height: 300px;
	position: relative;
}
.div-gambar .btn-holder {
	position: relative;
	top: 20px; 
	left: 20px;
}

.div-gambar-150 {
	height: 150px;
}
/* end DIV WITH BUTTON */



/* CARD */
.card-label {
	position: absolute;
	top: 10px;
	left: 10px;
}

.card-hover:hover {
	border-color: #fff;
	box-shadow:
	  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
	  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
	  0 12.5px 10px rgba(0, 0, 0, 0.06),
	  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
	  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
	  0 100px 80px rgba(0, 0, 0, 0.03)
	;
}

.card-media-sisip .btn {
	position: absolute;
	top: 3px; 
	right: 3px;
	border: 0;
	margin-top: 0;
	margin-right: 0;
	min-width: 0;
	min-height: 0;
	line-height: 1;
	background: red;
	color: #fff;
	padding: 2px 4px !important;
	z-index: 1040;
}
/* end CARD */


/* ROW */
.row-baris {
	border-bottom: 1px solid #e7e7e7;
	padding-top: 10px;
	padding-bottom: 5px;
	margin: 0px;
}

.row-baris-condensed {
	padding-top: 5px;
	padding-bottom: 0px;
}

.row-baris-last {
	border-bottom: 0px !important;
}


/* ----- TABEL --------- */
.table .custom-control {
	margin-top: 0;
	margin-bottom: 0;
}


.table-garis {
	border-top: 2px solid #CCD5DB !important;
	border-bottom: 1px solid #CCD5DB;
}

.table-garis thead {
	background-color: #F3F7F9;
}

.table-garis tbody {
	padding: 0;
	margin: 0;
}

.table-garis th {
	font-size: 120%:
}

.table-garis th,
.table-garis td{
	padding-top:10px;
	padding-bottom:10px;
}

.table-garis tbody tr td,
.table-garis tr th {
	vertical-align: middle;
}

.table-garis-condensed td {
	padding-top: 6px;
	padding-bottom: 6px;
}

.table-garis-hover tr:hover {
	background-color: #F3F7F9;
	cursor: pointer;
}

.table-garis-hover-cell td:hover {
	background-color: #F3F7F9;
	cursor: pointer;
}

.table-garis-hover-cell-single:hover {
	background-color: #F3F7F9;
	cursor: pointer;
}

.table-garis-small td {
	font-size: 85% !important;
}

.table-garis-small th {
	font-size: 90% !important;
}

/* ---- end TABEL ------ */


/* ----- MODAL -------- */
.modal-blur {
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px); 
}

.modal-body {
	
}

.modal-cover {
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px); 
	
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: rgba(0,0,0,0.3);
}

.modal-cover-noblur {
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: rgba(0,0,0,0.3);
}

.nav-tabs-modal {
	margin: 0;
}
	.nav-tabs-modal .nav-item {
		margin: 0;
		padding: 0;
	}
	
	.nav-tabs-modal .nav-link,
	.nav-tabs-modal .nav-link:first-child,
	.nav-tabs-modal .nav-link:last-child{
		padding: 15px 10px;
		line-height: 1;
	}
	
	.nav-tabs-modal .nav-link i {
		line-height: 1;
		*padding-left: 15px;
		*padding-right: 15px;
	}
	
	
.modal-sidebar{
	position: absolute;
	right: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
	margin: 0;
	background-color: #fff;
	-ms-flex-line-pack: center;
	align-content: center; 
}

.modal-sidebar .modal-content{
	overflow-x: hidden;
    overflow-y: auto;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none; 
}

.modal-sidebar .modal-header{
	border-bottom: none; 
}

.modal-sidebar .modal-footer{
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-top: none; 
}

.modal-sidebar button.close{
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 1; 
}

.modal.fade .modal-dialog.modal-sidebar{
	-webkit-transform: translate(25%, 0);
	transform: translate(25%, 0); 
}

.modal.show .modal-dialog.modal-sidebar{
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0); 
}

.modal-sidebar .nav {
	margin: 0;
}

.modal-sidebar .nav-item {
	padding: 0;
}

.modal-sidebar .nav-link {
	padding: 15px 20px;
}

.modal-sidebar .modal-content {
	border: 0;
}

.modal-sidebar .nav-item .icon {
	margin-right: .25rem;
	line-height: 1.4rem;
	font-size: 1.3rem;
	width: 1.2rem;
	vertical-align: baseline;
	display: inline-block;
}


.modal-sidebar button.modal-close {
	position: fixed;
    top: 0px;
    left: -35px;
	width: 35px;
    z-index: 1; 
	color: #fff;
	font-size: 150%;
	background-color: #ff666b;
	color: #fff !important;
	opacity: 1 !important;
	padding: 3px 6px;
}

.modal-sidebar button.modal-close:hover {
	background-color: #e62020;
}

@media (max-width: 576px) {
	.modal-sidebar button.modal-close {
		width: 30px;
		*background: #333 !important;
		color: #fff !important;
		left: 0;
		top: 0;
		font-size: 1.2rem;
		
		z-index: 1703 !important;
	}
}


.modal-detil {
	min-width: 50%;
	max-width: 50%;
}

.modal-detil-50 {
	min-width: 25%;
	max-width: 25%;
}


.modal-detil-100 {
	min-width: 65%;
	max-width: 65%;
}

.modal-detil-150 {
	min-width: 85%;
	max-width: 85%;
}

.modal-detil-full {
	min-width: 100%;
	max-width: 100%;
}

.modal-detil .modal-content {
	min-height: 100% !important;
}

.modal-detil .modal-header {
	margin-bottom: 30px;
}

.modal-detil .modal-footer {
	margin-top: 10px; 
	margin-bottom: 30px;
}


@media (max-width: 768px){
	.modal-detil,
	.modal-detil-50, 
	.modal-detil-100, 
	.modal-detil-150 {
		min-width: 100%;
		max-width: 100%;
		margin: 0;
	}
}

.modal-left-border {
	border-left : 1px solid #E4EAEC !important;
}

.modal-top-border {
	border-top : 1px solid #E4EAEC !important;
}

.modal-bottom-border {
	border-bottom : 1px solid #E4EAEC !important;
}

.modal-border{
	border-left: 1px solid #E4EAEC;
}




.fixed-top, 
.fixed-bottom {
	z-index: 1702 !important;
}
/* ----- end MODAL ---- */


/* ---------- FORM ------------ */
/* INPUT ADDON ICON */
.input-icon-addon-link {
	pointer-events: auto;
	text-decoration: none !important;
}
/* end INPUT ADDON ICON */

.custom-radio .custom-control-label {
	cursor: pointer;
}

.custom-checkbox .custom-control-label {
	cursor: pointer;
	padding-top: 3px;
}

.form-hint {
	display: block;
	font-size: 0.75rem;
	line-height: 1.3333333;
	color: #656d77; 
}
.form-hint:last-child {
	margin-bottom: 0; 
}
.form-hint + .form-control {
	margin-top: .25rem; 
}
.form-label + .form-hint {
	margin-top: -.5rem; 
}
.input-group + .form-hint,
.form-control + .form-hint,
.form-select + .form-hint {
	margin-top: .5rem; 
}


/* GAMBAR PREVIEW di Form */
.form-control-gambar-preview {
	width: 100px;
	height: 100px;
	background-color: #e7e7e7;
	*display: flex;
	*justify-content: center;
	*align-items: center;
	
	margin-right: 5px;
	margin-bottom: 5px;
	
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.form-control-gambar-preview button {
	border: 0;
	margin-top: 0;
	margin-right: 0;
	min-width: 0;
	min-height: 0;
	line-height: 1;
}

.form-control-gambar-preview button.btn {
	background: red;
	color: #fff;
	padding: 3px 4px !important;
}

.form-control-gambar {
	width: 100px;
	height: 100px;
	background-color: #e7e7e7;
	
	margin-right: 5px;
	margin-bottom: 5px;
	
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	
	opacity: 0.8;
}

.form-control-gambar:hover {
	opacity: 1;
}
/* --------- end FORM --------- */


/* PETA */
.peta {
	height: 350px;
}

.peta-navigasi {
	height: 400px;
	position: relative;
	margin-bottom: 10px;
}

.peta-navigasi:after {
    width: 24px;
    height: 36px;
    display: block;
    content: ' ';
    position: absolute;
    top: 50%; left: 50%;
    margin: -36px 0 0 -12px;
    background: url('marker.png');
    background-size: 24px 36px; /* Since I used the HiDPI marker version this compensates for the 2x size */
    pointer-events: none; /* This disables clicks on the marker. Not fully supported by all major browsers, though */
	z-index: 1001;
}

.peta-judul {
	 z-index: 1000; 
	 width: 40%; 
	 position: absolute; 
	 top:10px; 
	 margin-left:10px; 
	 padding:0 20px; 
	 background: #fff
}

	@media (max-width: 479px) {
	  .peta-judul {
		width: 80%;
	  }
	}
/* --- end PETA ----*/


/* -------- NAVBAR ----------- */
.sticky-top {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1020; 
}
/* ------ end NAVBAR --------- */



/* ------ BADGE ---------- */
.badge-notifikasi {
	position: relative;
	top: -10px;
	margin: 0 -0.1em;
	border-radius: 15px; 
	font-style: normal;
	font-weight: normal;
}



/* ------ PAGE HEADER ---------- */
.page-title .page-pretitle {
	font-size: 0.625rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .04em;
	line-height: 1.2;
	color: #a0a0a0;
}

.page-title .page-subtitle {
	margin-top: .25rem;
	color: #656d77; 
}
/* ----- end PAGE HEADER ------- */




/* -------- STAMP --------- */
.stamp .fe {
	font-size: 125%;
	line-height: 2em;
}
/* ----- end STAMP -------- */





/* --- PANEL ---- */
.panel {
  position: relative;
  margin-bottom: 2.143rem;
  background-color: #fff;
  border: 0 solid transparent;
  border-radius: 0.286rem;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-content > .row {
  padding-right: 30px;
  padding-left: 30px; }
  .panel-content > .row > [class*="col-"] {
    padding-right: 30px;
    padding-left: 30px; }

.panel-heading {
  border-top-left-radius: 0.214rem;
  border-top-right-radius: 0.214rem;
  position: relative;
  padding: 0;
  border-bottom: 1px solid transparent; }
  .panel-heading + .alert {
    border-radius: 0; }
  .panel-heading > .nav-tabs {
    border-bottom: none; }
  .panel-heading-tab {
    padding: 10px 30px 0;
    background-color: #3e8ef7; }
    .panel-heading-tab > .nav-tabs .nav-link {
      color: #fff; }
      .panel-heading-tab > .nav-tabs .nav-link.hover, .panel-heading-tab > .nav-tabs .nav-link:hover {
        color: #76838f; }
      .panel-heading-tab > .nav-tabs .nav-link.active, .panel-heading-tab > .nav-tabs .nav-link:active {
        color: #76838f;
        background-color: #fff; }
  .panel-heading + .nav-tabs {
    margin-top: -0.715rem; }
  .panel-heading > .dropdown .dropdown-toggle {
    color: inherit; }

.panel-body {
  position: relative;
  padding: 30px 30px; }
  .panel-body::after {
    display: block;
    clear: both;
    content: ""; }
  .panel-heading + .panel-body {
    padding-top: 0; }
  .panel-body h1:first-child, .panel-body h2:first-child, .panel-body h3:first-child, .panel-body h4:first-child, .panel-body h5:first-child, .panel-body h6:first-child, .panel-body .h1:first-child, .panel-body .h2:first-child, .panel-body .h3:first-child, .panel-body .h4:first-child, .panel-body .h5:first-child, .panel-body .h6:first-child {
    margin-top: 0; }
  .panel-body > *:last-child {
    margin-bottom: 0; }
  .panel-body > .list-group-dividered:only-child > .list-group-item:last-child {
    border-bottom-color: transparent; }

.panel-footer {
  border-bottom-right-radius: 0.214rem;
  border-bottom-left-radius: 0.214rem;
  padding: 0 30px 15px;
  background-color: transparent;
  border-top: 1px solid transparent; }
  .table + .panel-footer {
    padding-top: 15px;
    border-color: #e4eaec; }

.panel-title {
  display: block;
  padding: 20px 30px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  color: #37474f; }
  .panel-title > .icon {
    margin-right: 10px; }
  .panel-title > .badge {
    margin-left: 10px; }
  .panel-title small, .panel-title .small {
    color: #76838f; }
  .panel-title > a, .panel-title > small > a, .panel-title > .small > a {
    color: inherit; }

.panel-desc {
  display: block;
  padding: 5px 0 0;
  margin: 0;
  font-size: 1rem;
  color: #76838f; }

.panel-actions {
  position: absolute;
  top: 50%;
  right: 30px;
  z-index: 1;
  margin: auto;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%); }
  @media (max-width: 479.98px) {
    .panel-actions {
      right: 20px; } }
  ul .panel-actions {
    list-style: none; }
    ul .panel-actions > li {
      display: inline-block;
      margin-left: 8px; }
      ul .panel-actions > li:first-child {
        margin-left: 0; }
  .panel-actions a.dropdown-toggle {
    text-decoration: none; }
  .panel-actions .dropdown {
    display: inline-block; }
  .panel-actions .dropdown-toggle {
    display: inline-block; }
  .panel-actions .panel-action {
    display: inline-block;
    padding: 8px 10px;
    color: #a3afb7;
    text-decoration: none;
    cursor: pointer;
    background-color: transparent; }
    .panel-actions .panel-action:hover {
      color: #526069; }
    .panel-actions .panel-action:active {
      color: #526069; }
    .panel-actions .panel-action[data-toggle="dropdown"]:not(.dropdown-toggle) {
      width: 34px;
      text-align: center; }
  .panel-actions .progress {
    width: 100px;
    margin: 0; }
  .panel-actions .pagination {
    margin: 0; }

ul.panel-actions {
  list-style: none; }
  ul.panel-actions > li {
    display: inline-block;
    margin-left: 8px; }
    ul.panel-actions > li:first-child {
      margin-left: 0; }

.panel-toolbar {
  padding: 5px 15px;
  margin: 0;
  background-color: transparent;
  border-top: 1px solid #e4eaec;
  border-bottom: 1px solid #e4eaec; }
  .panel-bordered .panel-toolbar {
    border-top-color: transparent; }
  .panel-toolbar .btn {
    padding: 5px 10px;
    color: #a3afb7; }
    .panel-toolbar .btn.icon {
      width: 1em;
      text-align: center; }
    .panel-toolbar .btn:hover, .panel-toolbar .btn:active, .panel-toolbar .btn.active {
      color: #76838f; }

.panel-loading {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  display: none;
  width: 100%;
  height: 100%;
  border-radius: 0.286rem;
  opacity: .6; }
  .panel-loading .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

.panel > *:not(.panel-loading):not(.collapsing) {
  transition: opacity .3s; }

.panel.is-loading > *:not(.panel-loading) {
  opacity: .3; }

.panel.is-loading .panel-loading {
  display: block;
  opacity: 1; }

.panel-footer-chart {
  padding: 0; }

.panel-control {
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none; }

.panel-body.scrollable-vertical {
  padding-right: 0 !important;
  padding-left: 0 !important; }
  .panel-body.scrollable-vertical > .scrollable-container > .scrollable-content {
    padding-right: 30px;
    padding-left: 30px; }
    @media (max-width: 479.98px) {
      .panel-body.scrollable-vertical > .scrollable-container > .scrollable-content {
        padding-right: 20px;
        padding-left: 20px; } }
  .panel-body.scrollable-vertical > .scrollable-bar {
    height: calc(100% - 30px);
    margin-top: 0;
    margin-bottom: 30px;
    -webkit-transform: translateX(-26px);
            transform: translateX(-26px); }
    .panel-bordered > .panel-body.scrollable-vertical > .scrollable-bar {
      height: calc(100% - 2 * 30px);
      margin-bottom: 30px; }

.panel-body.scrollable-horizontal {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }
  .panel-body.scrollable-horizontal > .scrollable-container > .scrollable-content {
    padding-top: 0;
    padding-bottom: 30px; }
    .panel-bordered > .panel-body.scrollable-horizontal > .scrollable-container > .scrollable-content {
      padding-top: 30px;
      padding-bottom: 30px; }
  .panel-body.scrollable-horizontal > .scrollable-bar {
    width: calc(100% - 2 * 30px);
    margin-right: 30px;
    margin-left: 0;
    -webkit-transform: translateY(-26px);
            transform: translateY(-26px); }
    @media (max-width: 479.98px) {
      .panel-body.scrollable-horizontal > .scrollable-bar {
        width: calc(100% - 2* 20px);
        margin-right: 20px; } }
    .panel-bordered > .panel-body.scrollable-horizontal > .scrollable-bar {
      -webkit-transform: translateY(-26px);
              transform: translateY(-26px); }

.panel-bordered > .panel-heading {
  border-bottom: 1px solid #e4eaec; }
  .panel-bordered > .panel-heading > .panel-title {
    padding-bottom: 20px; }

.panel-bordered > .panel-footer {
  padding-top: 15px;
  border-top: 1px solid #e4eaec; }

.panel-bordered > .panel-body {
  padding-top: 30px; }

.panel-bordered > .table > tbody:first-child > tr:first-child th, .panel-bordered > .table > tbody:first-child > tr:first-child td {
  border-top: 0; }

.panel.is-dragging {
  opacity: .8; }

.panel.is-dragging {
  cursor: move; }

.panel > .nav-tabs-vertical .nav-tabs {
  margin-left: -1px; }
  .panel > .nav-tabs-vertical .nav-tabs > li > a {
    border-left: none;
    border-radius: 0; }
  .panel > .nav-tabs-vertical .nav-tabs.nav-tabs-reverse {
    margin-right: -1px; }
    .panel > .nav-tabs-vertical .nav-tabs.nav-tabs-reverse > li > a {
      border-right: none;
      border-radius: 0; }

.panel:hover .panel-actions .show-on-hover {
  display: inline-block; }

.panel .panel-actions .show-on-hover {
  display: none; }

.panel.is-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  border-radius: 0; }
  .panel.is-fullscreen .panel-loading {
    border-radius: 0; }
  .panel.is-fullscreen .panel-actions [data-toggle="collapse"] {
    display: none; }

.panel.is-close {
  display: none; }

.panel.is-collapse .panel-body {
  display: none;
  height: 0; }

.panel > .alert {
  padding-right: 30px;
  padding-left: 30px; }
  @media (max-width: 479.98px) {
    .panel > .alert {
      padding-right: 20px;
      padding-left: 20px; }
      .panel > .alert-dismissible {
        padding-right: 40px; } }
  .panel > .alert-dismissible {
    padding-right: 50px; }

.panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table {
  margin-bottom: 0; }
  .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption {
    padding-right: 30px 30px;
    padding-left: 30px 30px; }

.panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 0.214rem;
  border-top-right-radius: 0.214rem; }
  .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: 0.214rem;
    border-top-right-radius: 0.214rem; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
      border-top-left-radius: 0.214rem; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
      border-top-right-radius: 0.214rem; }

.panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 0.214rem;
  border-bottom-left-radius: 0.214rem; }
  .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-right-radius: 0.214rem;
    border-bottom-left-radius: 0.214rem; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
      border-bottom-left-radius: 0.214rem; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
      border-bottom-right-radius: 0.214rem; }

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
  border-top: 1px solid #e4eaec; }

.panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0; }

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
  border: 0; }
  .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0; }
  .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0; }

.panel > .table-responsive {
  margin-bottom: 0;
  border: 0; }

.panel > .table > tr > td:first-child, .panel > .table > tr > th:first-child, .panel > .table > thead > tr > td:first-child, .panel > .table > thead > tr > th:first-child, .panel > .table > tbody > tr > td:first-child, .panel > .table > tbody > tr > th:first-child, .panel > .table > tfoot > tr > td:first-child, .panel > .table > tfoot > tr > th:first-child, .panel > .table-responsive .table > tr > td:first-child, .panel > .table-responsive .table > tr > th:first-child, .panel > .table-responsive .table > thead > tr > td:first-child, .panel > .table-responsive .table > thead > tr > th:first-child, .panel > .table-responsive .table > tbody > tr > td:first-child, .panel > .table-responsive .table > tbody > tr > th:first-child, .panel > .table-responsive .table > tfoot > tr > td:first-child, .panel > .table-responsive .table > tfoot > tr > th:first-child {
  padding-left: 30px; }
  @media (max-width: 479.98px) {
    .panel > .table > tr > td:first-child, .panel > .table > tr > th:first-child, .panel > .table > thead > tr > td:first-child, .panel > .table > thead > tr > th:first-child, .panel > .table > tbody > tr > td:first-child, .panel > .table > tbody > tr > th:first-child, .panel > .table > tfoot > tr > td:first-child, .panel > .table > tfoot > tr > th:first-child, .panel > .table-responsive .table > tr > td:first-child, .panel > .table-responsive .table > tr > th:first-child, .panel > .table-responsive .table > thead > tr > td:first-child, .panel > .table-responsive .table > thead > tr > th:first-child, .panel > .table-responsive .table > tbody > tr > td:first-child, .panel > .table-responsive .table > tbody > tr > th:first-child, .panel > .table-responsive .table > tfoot > tr > td:first-child, .panel > .table-responsive .table > tfoot > tr > th:first-child {
      padding-left: 20px; } }

.panel > .table > tr > td:last-child, .panel > .table > tr > th:last-child, .panel > .table > thead > tr > td:last-child, .panel > .table > thead > tr > th:last-child, .panel > .table > tbody > tr > td:last-child, .panel > .table > tbody > tr > th:last-child, .panel > .table > tfoot > tr > td:last-child, .panel > .table > tfoot > tr > th:last-child, .panel > .table-responsive .table > tr > td:last-child, .panel > .table-responsive .table > tr > th:last-child, .panel > .table-responsive .table > thead > tr > td:last-child, .panel > .table-responsive .table > thead > tr > th:last-child, .panel > .table-responsive .table > tbody > tr > td:last-child, .panel > .table-responsive .table > tbody > tr > th:last-child, .panel > .table-responsive .table > tfoot > tr > td:last-child, .panel > .table-responsive .table > tfoot > tr > th:last-child {
  padding-right: 30px; }
  @media (max-width: 479.98px) {
    .panel > .table > tr > td:last-child, .panel > .table > tr > th:last-child, .panel > .table > thead > tr > td:last-child, .panel > .table > thead > tr > th:last-child, .panel > .table > tbody > tr > td:last-child, .panel > .table > tbody > tr > th:last-child, .panel > .table > tfoot > tr > td:last-child, .panel > .table > tfoot > tr > th:last-child, .panel > .table-responsive .table > tr > td:last-child, .panel > .table-responsive .table > tr > th:last-child, .panel > .table-responsive .table > thead > tr > td:last-child, .panel > .table-responsive .table > thead > tr > th:last-child, .panel > .table-responsive .table > tbody > tr > td:last-child, .panel > .table-responsive .table > tbody > tr > th:last-child, .panel > .table-responsive .table > tfoot > tr > td:last-child, .panel > .table-responsive .table > tfoot > tr > th:last-child {
      padding-right: 20px; } }

.panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td {
  border-top: 1px solid #e4eaec; }

.panel > .list-group, .panel > .panel-collapse > .list-group {
  margin-bottom: 0; }
  .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0; }
  .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.214rem;
    border-top-right-radius: 0.214rem;
    border-top: 0; }
  .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.214rem;
    border-bottom-left-radius: 0.214rem;
    border-bottom: 0; }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.panel > .list-group .list-group-item {
  padding-right: 30px;
  padding-left: 30px; }
  @media (max-width: 479.98px) {
    .panel > .list-group .list-group-item {
      padding-right: 20px;
      padding-left: 20px; } }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.list-group + .panel-footer {
  border-top-width: 0; }

.panel.panel-transparent {
  background: transparent;
  border-color: transparent;
  box-shadow: none; }
  .panel.panel-transparent > .panel-heading, .panel.panel-transparent > .panel-footer {
    border-color: transparent; }

.panel-default .panel-heading {
  color: #76838f;
  background-color: #e4eaec;
  border: none; }
  .panel-default .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #e4eaec; }
  .panel-default .panel-heading .badge-pill {
    color: #e4eaec;
    background-color: #76838f; }

.panel-default .panel-title {
  color: #76838f; }

.panel-default .panel-action {
  color: #76838f; }

.panel-default .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #e4eaec; }

.panel-default .panel-title {
  color: #37474f; }

.panel-primary .panel-heading {
  color: #fff;
  background-color: #3e8ef7;
  border: none; }
  .panel-primary .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #3e8ef7; }
  .panel-primary .panel-heading .badge-pill {
    color: #3e8ef7;
    background-color: #fff; }

.panel-primary .panel-title {
  color: #fff; }

.panel-primary .panel-action {
  color: #fff; }

.panel-primary .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #3e8ef7; }

.panel-success .panel-heading {
  color: #fff;
  background-color: #11c26d;
  border: none; }
  .panel-success .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #0fab46; }
  .panel-success .panel-heading .badge-pill {
    color: #11c26d;
    background-color: #fff; }

.panel-success .panel-title {
  color: #fff; }

.panel-success .panel-action {
  color: #fff; }

.panel-success .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #0fab46; }

.panel-info .panel-heading {
  color: #fff;
  background-color: #0bb2d4;
  border: none; }
  .panel-info .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #09b2b2; }
  .panel-info .panel-heading .badge-pill {
    color: #0bb2d4;
    background-color: #fff; }

.panel-info .panel-title {
  color: #fff; }

.panel-info .panel-action {
  color: #fff; }

.panel-info .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #09b2b2; }

.panel-warning .panel-heading {
  color: #fff;
  background-color: #eb6709;
  border: none; }
  .panel-warning .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #dc3d08; }
  .panel-warning .panel-heading .badge-pill {
    color: #eb6709;
    background-color: #fff; }

.panel-warning .panel-title {
  color: #fff; }

.panel-warning .panel-action {
  color: #fff; }

.panel-warning .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #dc3d08; }

.panel-danger .panel-heading {
  color: #fff;
  background-color: #ff4c52;
  border: none; }
  .panel-danger .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ff3d64; }
  .panel-danger .panel-heading .badge-pill {
    color: #ff4c52;
    background-color: #fff; }

.panel-danger .panel-title {
  color: #fff; }

.panel-danger .panel-action {
  color: #fff; }

.panel-danger .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ff3d64; }

.panel-dark .panel-heading {
  color: #fff;
  background-color: #526069;
  border: none; }
  .panel-dark .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #526069; }
  .panel-dark .panel-heading .badge-pill {
    color: #526069;
    background-color: #fff; }

.panel-dark .panel-title {
  color: #fff; }

.panel-dark .panel-action {
  color: #fff; }

.panel-dark .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #526069; }

.panel-line .panel-heading {
  background: transparent;
  border: none;
  border-top: 3px solid transparent; }

.panel-line.panel-default .panel-heading {
  color: #e4eaec;
  background: transparent;
  border-top-color: #e4eaec; }

.panel-line.panel-default .panel-title {
  color: #e4eaec; }

.panel-line.panel-default .panel-action {
  color: #e4eaec; }

.panel-line.panel-default .panel-title {
  color: #37474f; }

.panel-line.panel-default .panel-action {
  color: #a3afb7; }

.panel-line.panel-primary .panel-heading {
  color: #3e8ef7;
  background: transparent;
  border-top-color: #3e8ef7; }

.panel-line.panel-primary .panel-title {
  color: #3e8ef7; }

.panel-line.panel-primary .panel-action {
  color: #3e8ef7; }

.panel-line.panel-success .panel-heading {
  color: #11c26d;
  background: transparent;
  border-top-color: #11c26d; }

.panel-line.panel-success .panel-title {
  color: #11c26d; }

.panel-line.panel-success .panel-action {
  color: #11c26d; }

.panel-line.panel-info .panel-heading {
  color: #0bb2d4;
  background: transparent;
  border-top-color: #0bb2d4; }

.panel-line.panel-info .panel-title {
  color: #0bb2d4; }

.panel-line.panel-info .panel-action {
  color: #0bb2d4; }

.panel-line.panel-warning .panel-heading {
  color: #eb6709;
  background: transparent;
  border-top-color: #eb6709; }

.panel-line.panel-warning .panel-title {
  color: #eb6709; }

.panel-line.panel-warning .panel-action {
  color: #eb6709; }

.panel-line.panel-danger .panel-heading {
  color: #ff4c52;
  background: transparent;
  border-top-color: #ff4c52; }

.panel-line.panel-danger .panel-title {
  color: #ff4c52; }

.panel-line.panel-danger .panel-action {
  color: #ff4c52; }

.panel-line.panel-dark .panel-heading {
  color: #526069;
  background: transparent;
  border-top-color: #526069; }

.panel-line.panel-dark .panel-title {
  color: #526069; }

.panel-line.panel-dark .panel-action {
  color: #526069; }

@media (max-width: 767.98px) {
  .panel-actions {
    position: relative;
    top: auto;
    right: auto;
    display: block;
    padding: 0 30px 15px;
    margin: auto;
    -webkit-transform: none;
            transform: none; }
    .panel-actions-keep {
      position: absolute;
      top: 50%;
      right: 30px;
      padding: 0;
      -webkit-transform: translate(0%, -50%);
              transform: translate(0%, -50%); } }

@media (max-width: 479.98px) {
  .panel-actions {
    padding-left: 20px; }
    .panel-actions-keep {
      right: 15px; }
    .panel-actions .progress {
      min-width: 80px; }
    .panel-actions .show-on-hover {
      display: none; }
  .panel-title, .panel-body, .panel-footer {
    padding-right: 20px;
    padding-left: 20px; } }

.panel-group {
  margin-bottom: 22px; }
  .panel-group .panel {
    margin-bottom: 0;
    border-radius: 0.286rem;
    box-shadow: none; }
    .panel-group .panel + .panel {
      margin-top: 10px; }
  .panel-group .panel-title {
    position: relative;
    padding: 15px 30px;
    font-size: 1rem; }
    .panel-group .panel-title:before, .panel-group .panel-title:after {
      position: absolute;
      top: 15px;
      right: 30px;
      font-family: "Web Icons";
      transition: all 300ms linear 0s; }
    .panel-group .panel-title:before {
      content: "+"; 
	  font-size: 135%;
	  line-height: 1}
    .panel-group .panel-title:after {
      content: "-"; 
	  font-size: 135%;
	  line-height: 1}
    .panel-group .panel-title[aria-expanded="false"]:before {
      opacity: .4; }
    .panel-group .panel-title[aria-expanded="false"]:after {
      opacity: 0;
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg); }
    .panel-group .panel-title[aria-expanded="true"]:before {
      opacity: 0;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    .panel-group .panel-title[aria-expanded="true"]:after {
      opacity: 1; }
    .panel-group .panel-title:hover, .panel-group .panel-title:focus {
      color: #76838f;
      text-decoration: none; }
    .panel-group .panel-title:focus {
      outline: none; }
  .panel-group .panel-heading {
    border-bottom: 0; }
    .panel-group .panel-heading + .panel-collapse {
      margin: 0; }
      .panel-group .panel-heading + .panel-collapse > .list-group {
        border-top: 1px solid #e4eaec; }
  .panel-group .panel-collapse .panel-body {
    padding: 15px 30px; }
  .panel-group .panel-footer {
    border-top: 0; }
    .panel-group .panel-footer + .panel-collapse .panel-body {
      border-bottom: 1px solid #e4eaec; }

.panel-group-continuous .panel {
  border-radius: 0; }
  .panel-group-continuous .panel:first-child {
    border-radius: 0.286rem 0.286rem 0 0; }
  .panel-group-continuous .panel:last-child {
    border-radius: 0 0 0.286rem 0.286rem; }

.panel-group-continuous .panel + .panel {
  margin-top: 0;
  border-top: 1px solid #e4eaec; }

.panel-group-simple .panel {
  background: transparent; }

.panel-group-simple .panel-title {
  padding-bottom: 10px;
  padding-left: 0; }
  .panel-group-simple .panel-title:before, .panel-group-simple .panel-title:after {
    right: 5px; }

.panel-group-simple .panel-collapse .panel-body {
  padding-top: 10px;
  padding-right: 0;
  padding-left: 0; }

.panel-group-simple .panel + .panel {
  margin-top: 0; }
  
  
 .panel-border{
	border: 1px solid #E4EAEC;
}
/* --- end PANEL -- */







/* EXT ANIMATION */
[class*="animation-"] {
	-webkit-animation-duration: .5s;
			animation-duration: .5s;
	-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
	-webkit-animation-fill-mode: both;
			animation-fill-mode: both; 
}

.animation-hover:not(:hover), 
.animation-hover:not(:hover) [class*="animation-"], 
.touch .animation-hover:not(.hover), 
.touch .animation-hover:not(.hover) [class*="animation-"] {
	-webkit-animation-name: none;
			animation-name: none; }

.animation-reverse {
	-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
			animation-direction: reverse; 
}

.animation-repeat {
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite; 
}

.animation-fade {
	-webkit-animation-name: fade;
			animation-name: fade;
	-webkit-animation-duration: .8s;
			animation-duration: .8s;
	-webkit-animation-timing-function: linear;
			animation-timing-function: linear; 
}

.animation-scale {
	-webkit-animation-name: scale-12;
			animation-name: scale-12; 
}

.animation-scale-up {
	-webkit-animation-name: fade-scale-02;
			animation-name: fade-scale-02; 
}

.animation-scale-down {
	-webkit-animation-name: fade-scale-18;
			animation-name: fade-scale-18; 
}

.animation-slide-top {
	-webkit-animation-name: slide-top;
			animation-name: slide-top; 
}

.animation-slide-bottom {
	-webkit-animation-name: slide-bottom;
			animation-name: slide-bottom; 
}

.animation-slide-left {
	-webkit-animation-name: slide-left;
			animation-name: slide-left; 
}

.animation-slide-right {
	-webkit-animation-name: slide-right;
			animation-name: slide-right; 
}

.animation-shake {
	-webkit-animation-name: shake;
			animation-name: shake; 
}

.animation-duration-10 {
	-webkit-animation-duration: 15s;
			animation-duration: 15s; 
}

.animation-duration-9 {
	-webkit-animation-duration: 9s;
			animation-duration: 9s; 
}

.animation-duration-8 {
	-webkit-animation-duration: 8s;
			animation-duration: 8s; 
}

.animation-duration-7 {
	-webkit-animation-duration: 7s;
			animation-duration: 7s; 
}

.animation-duration-6 {
	-webkit-animation-duration: 6s;
			animation-duration: 6s; 
}

.animation-duration-5 {
	-webkit-animation-duration: 5s;
			animation-duration: 5s; 
}

.animation-duration-4 {
	-webkit-animation-duration: 4s;
			animation-duration: 4s; 
}

.animation-duration-3 {
	-webkit-animation-duration: 3s;
			animation-duration: 3s; 
}

.animation-duration-2 {
	-webkit-animation-duration: 2s;
			animation-duration: 2s; 
}

.animation-duration-1 {
	-webkit-animation-duration: 1s;
			animation-duration: 1s; 
}

.animation-delay-100 {
	-webkit-animation-duration: 100ms;
			animation-duration: 100ms; 
}

.animation-duration-250 {
	-webkit-animation-duration: 250ms;
			animation-duration: 250ms; 
}

.animation-duration-300 {
	-webkit-animation-duration: 300ms;
			animation-duration: 300ms; 
}

.animation-duration-500 {
	-webkit-animation-duration: 500ms;
			animation-duration: 500ms; 
}

.animation-duration-750 {
	-webkit-animation-duration: 750ms;
			animation-duration: 750ms; 
}

.animation-delay-1000 {
	-webkit-animation-delay: 1s;
			animation-delay: 1s; 
}

.animation-delay-900 {
	-webkit-animation-delay: 900ms;
			animation-delay: 900ms; 
}

.animation-delay-800 {
	-webkit-animation-delay: 800ms;
			animation-delay: 800ms; 
}

.animation-delay-700 {
	-webkit-animation-delay: 700ms;
			animation-delay: 700ms; 
}

.animation-delay-600 {
	-webkit-animation-delay: 600ms;
			animation-delay: 600ms; 
}

.animation-delay-500 {
	-webkit-animation-delay: 500ms;
			animation-delay: 500ms; 
}

.animation-delay-400 {
	-webkit-animation-delay: 400ms;
			animation-delay: 400ms; 
}

.animation-delay-300 {
	-webkit-animation-delay: 300ms;
			animation-delay: 300ms; 
}

.animation-delay-200 {
	-webkit-animation-delay: 200ms;
			animation-delay: 200ms; 
}

.animation-delay-100 {
	-webkit-animation-delay: 100ms;
			animation-delay: 100ms; 
}

.animation-top-left {
	-webkit-transform-origin: 0 0;
			transform-origin: 0 0; 
}

.animation-top-center {
	-webkit-transform-origin: 50% 0;
			transform-origin: 50% 0; 
}

.animation-top-right {
	-webkit-transform-origin: 100% 0;
			transform-origin: 100% 0; 
}

.animation-middle-left {
	-webkit-transform-origin: 0 50%;
			transform-origin: 0 50%; 
}

.animation-middle-right {
	-webkit-transform-origin: 100% 50%;
			transform-origin: 100% 50%; 
}

.animation-bottom-left {
	-webkit-transform-origin: 0 100%;
			transform-origin: 0 100%; 
}

.animation-bottom-center {
	-webkit-transform-origin: 50% 100%;
			transform-origin: 50% 100%; 
}

.animation-bottom-right {
	-webkit-transform-origin: 100% 100%;
			transform-origin: 100% 100%; 
}

.animation-easing-easeInOut {
	-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
			animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); 
}

.animation-easing-easeInQuad {
	-webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
			animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); 
}

.animation-easing-easeInCubic {
	-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
			animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}

.animation-easing-easeInQuart {
	-webkit-animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
			animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22); 
}

.animation-easing-easeInQuint {
	-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
			animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); 
}

.animation-easing-easeInSine {
	-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
			animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); 
}

.animation-easing-easeInExpo {
	-webkit-animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
			animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035); 
}

.animation-easing-easeInCirc {
	-webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
			animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335); 
}

.animation-easing-easeInBack {
	-webkit-animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
			animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); 
}

.animation-easing-eastOutQuad {
	-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
			animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); 
}

.animation-easing-easeOutCubic {
	-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
			animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
}

.animation-easing-easeOutQuart {
	-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
			animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); 
}

.animation-easing-easeOutQuint {
	-webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
			animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); 
}

.animation-easing-easeOutSine {
	-webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
			animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); 
}

.animation-easing-easeOutExpo {
	-webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
			animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); 
}

.animation-easing-easeOutCirc {
	-webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
			animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); 
}

.animation-easing-easeOutBack {
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
			animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); 
}

.animation-easing-easeInOutQuad {
	-webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
			animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); 
}

.animation-easing-easeInOutCubic {
	-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
			animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); 
}

.animation-easing-easeInOutQuart {
	-webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
			animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); 
}

.animation-easing-easeInOutQuint {
	-webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
			animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1); 
}

.animation-easing-easeInOutSine {
	-webkit-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
			animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); 
}

.animation-easing-easeInOutExpo {
	-webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
			animation-timing-function: cubic-bezier(1, 0, 0, 1); 
}

.animation-easing-easeInOutCirc {
	-webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
			animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); 
}

.animation-easing-easeInOutBack {
	-webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
			animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); 
}

.animation-easing-easeInOutElastic {
	-webkit-animation-timing-function: cubic-bezier(1, -0.56, 0, 1.455);
			animation-timing-function: cubic-bezier(1, -0.56, 0, 1.455); 
}

  
@-webkit-keyframes fade {
	0% {
		opacity: 0; 
	}
	100% {
		opacity: 1; 
	} 
}

@keyframes fade {
	0% {
		opacity: 0; 
	}
	100% {
		opacity: 1; 
	} 
}

@-webkit-keyframes scale-12 {
	0% {
		-webkit-transform: scale(1.2);
				transform: scale(1.2); 
	}
	100% {
		-webkit-transform: scale(1);
				transform: scale(1); 
	}				
}

@keyframes scale-12 {
	0% {
		-webkit-transform: scale(1.2);
				transform: scale(1.2); 
	}
	100% {
		-webkit-transform: scale(1);
				transform: scale(1); 
	} 
}

@-webkit-keyframes fade-scale-02 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.2);
				transform: scale(0.2); 
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
				transform: scale(1); 
	} 
}

@keyframes fade-scale-02 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.2);
				transform: scale(0.2); 
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1); 
	} 
}

@-webkit-keyframes fade-scale-18 {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.8);
				transform: scale(1.8); 
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1); 
	} 
}

@keyframes fade-scale-18 {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.8);
		transform: scale(1.8); 
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1); 
	} 
}

@-webkit-keyframes slide-top {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0); 
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0); 
	} 
}

@keyframes slide-top {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
				transform: translate3d(0, -100%, 0); 
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0); 
	} 
}

@-webkit-keyframes slide-bottom {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
				transform: translate3d(0, 100%, 0); 
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0); 
	} 
}

@keyframes slide-bottom {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
				transform: translate3d(0, 100%, 0); 
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);	
				transform: translate3d(0, 0, 0); 
	} 
}

@-webkit-keyframes slide-left {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0); 
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0); 
	} 
}

@keyframes slide-left {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0); 
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0); 
	} 
}

@-webkit-keyframes slide-right {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
				transform: translate3d(100%, 0, 0); 
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0); 
	} 
}

@keyframes slide-right {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
				transform: translate3d(100%, 0, 0); 
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0); 
	} 
}

@-webkit-keyframes shake {
	0%, 100% {
		-webkit-transform: translateX(0);
				transform: translateX(0); 
	}
	10% {
		-webkit-transform: translateX(-9px);
				transform: translateX(-9px); 
	}
	20% {
		-webkit-transform: translateX(8px);
				transform: translateX(8px); 
	}
	30% {
		-webkit-transform: translateX(-7px);
				transform: translateX(-7px); 
	}
	40% {
		-webkit-transform: translateX(6px);
				transform: translateX(6px); 
	}
	50% {
		-webkit-transform: translateX(-5px);
				transform: translateX(-5px); 
	}
	60% {
		-webkit-transform: translateX(4px);
				transform: translateX(4px); 
	}
	70% {
		-webkit-transform: translateX(-3px);
				transform: translateX(-3px); 
	}
	80% {
		-webkit-transform: translateX(2px);
				transform: translateX(2px); 
	}
	90% {
		-webkit-transform: translateX(-1px);
				transform: translateX(-1px); 
	} 
}

@keyframes shake {
	0%, 100% {
		-webkit-transform: translateX(0);
				transform: translateX(0); 
	}
	10% {
		-webkit-transform: translateX(-9px);
				transform: translateX(-9px); 
	}
	20% {
		-webkit-transform: translateX(8px);
				transform: translateX(8px); 
	}
	30% {
		-webkit-transform: translateX(-7px);
				transform: translateX(-7px); 
	}
	40% {
		-webkit-transform: translateX(6px);
				transform: translateX(6px); 
	}
	50% {
		-webkit-transform: translateX(-5px);
				transform: translateX(-5px); 
	}
	60% {
		-webkit-transform: translateX(4px);
				transform: translateX(4px); 
	}
	70% {
		-webkit-transform: translateX(-3px);
				transform: translateX(-3px); 
	}
	80% {
		-webkit-transform: translateX(2px);
				transform: translateX(2px); 
	}
	90% {
		-webkit-transform: translateX(-1px);
				transform: translateX(-1px); 
	} 
}
/* end EXT ANIMATION */


/* EXT MARGIN PADDING */
/*
.m-0 {
  margin: 0 !important; }

.mt-0 {
  margin-top: 0 !important; }

.mr-0 {
  margin-right: 0 !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.ml-0 {
  margin-left: 0 !important; }

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.m-3 {
  margin: 3px !important; }

.mt-3 {
  margin-top: 3px !important; }

.mr-3 {
  margin-right: 3px !important; }

.mb-3 {
  margin-bottom: 3px !important; }

.ml-3 {
  margin-left: 3px !important; }

.mx-3 {
  margin-right: 3px !important;
  margin-left: 3px !important; }

.my-3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important; }

.m-5 {
  margin: 5px !important; }

.mt-5 {
  margin-top: 5px !important; }

.mr-5 {
  margin-right: 5px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.ml-5 {
  margin-left: 5px !important; }

.mx-5 {
  margin-right: 5px !important;
  margin-left: 5px !important; }

.my-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important; }
*/

.m-10 {
  margin: 10px !important; }

.mt-10 {
  margin-top: 10px !important; }

.mr-10 {
  margin-right: 10px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.ml-10 {
  margin-left: 10px !important; }

.mx-10 {
  margin-right: 10px !important;
  margin-left: 10px !important; }

.my-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

.m-15 {
  margin: 15px !important; }

.mt-15 {
  margin-top: 15px !important; }

.mr-15 {
  margin-right: 15px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.ml-15 {
  margin-left: 15px !important; }

.mx-15 {
  margin-right: 15px !important;
  margin-left: 15px !important; }

.my-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important; }

.m-20 {
  margin: 20px !important; }

.mt-20 {
  margin-top: 20px !important; }

.mr-20 {
  margin-right: 20px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.ml-20 {
  margin-left: 20px !important; }

.mx-20 {
  margin-right: 20px !important;
  margin-left: 20px !important; }

.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important; }

.m-25 {
  margin: 25px !important; }

.mt-25 {
  margin-top: 25px !important; }

.mr-25 {
  margin-right: 25px !important; }

.mb-25 {
  margin-bottom: 25px !important; }

.ml-25 {
  margin-left: 25px !important; }

.mx-25 {
  margin-right: 25px !important;
  margin-left: 25px !important; }

.my-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important; }

.m-30 {
  margin: 30px !important; }

.mt-30 {
  margin-top: 30px !important; }

.mr-30 {
  margin-right: 30px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.ml-30 {
  margin-left: 30px !important; }

.mx-30 {
  margin-right: 30px !important;
  margin-left: 30px !important; }

.my-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important; }

.m-35 {
  margin: 35px !important; }

.mt-35 {
  margin-top: 35px !important; }

.mr-35 {
  margin-right: 35px !important; }

.mb-35 {
  margin-bottom: 35px !important; }

.ml-35 {
  margin-left: 35px !important; }

.mx-35 {
  margin-right: 35px !important;
  margin-left: 35px !important; }

.my-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important; }

.m-40 {
  margin: 40px !important; }

.mt-40 {
  margin-top: 40px !important; }

.mr-40 {
  margin-right: 40px !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.ml-40 {
  margin-left: 40px !important; }

.mx-40 {
  margin-right: 40px !important;
  margin-left: 40px !important; }

.my-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important; }

.m-45 {
  margin: 45px !important; }

.mt-45 {
  margin-top: 45px !important; }

.mr-45 {
  margin-right: 45px !important; }

.mb-45 {
  margin-bottom: 45px !important; }

.ml-45 {
  margin-left: 45px !important; }

.mx-45 {
  margin-right: 45px !important;
  margin-left: 45px !important; }

.my-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important; }

.m-50 {
  margin: 50px !important; }

.mt-50 {
  margin-top: 50px !important; }

.mr-50 {
  margin-right: 50px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.ml-50 {
  margin-left: 50px !important; }

.mx-50 {
  margin-right: 50px !important;
  margin-left: 50px !important; }

.my-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important; }
  
.m-55 {
  margin: 55px !important; }

.mt-55 {
  margin-top: 55px !important; }

.mr-55 {
  margin-right: 55px !important; }

.mb-55 {
  margin-bottom: 55px !important; }

.ml-55 {
  margin-left: 55px !important; }

.mx-55 {
  margin-right: 55px !important;
  margin-left: 55px !important; }

.my-55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important; }

.m-60 {
  margin: 60px !important; }

.mt-60 {
  margin-top: 60px !important; }

.mr-60 {
  margin-right: 60px !important; }

.mb-60 {
  margin-bottom: 60px !important; }

.ml-60 {
  margin-left: 60px !important; }

.mx-60 {
  margin-right: 60px !important;
  margin-left: 60px !important; }

.my-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important; }
  

.m-65 {
  margin: 65px !important; }

.mt-65 {
  margin-top: 65px !important; }

.mr-65 {
  margin-right: 65px !important; }

.mb-65 {
  margin-bottom: 65px !important; }

.ml-65 {
  margin-left: 65px !important; }

.mx-65 {
  margin-right: 65px !important;
  margin-left: 65px !important; }

.my-65 {
  margin-top: 65px !important;
  margin-bottom: 65px !important; }  


.m-70 {
  margin: 70px !important; }

.mt-70 {
  margin-top: 70px !important; }

.mr-70 {
  margin-right: 70px !important; }

.mb-70 {
  margin-bottom: 70px !important; }

.ml-70 {
  margin-left: 70px !important; }

.mx-70 {
  margin-right: 70px !important;
  margin-left: 70px !important; }

.my-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important; }
  

.m-75 {
  margin: 75px !important; }

.mt-75 {
  margin-top: 75px !important; }

.mr-75 {
  margin-right: 75px !important; }

.mb-75 {
  margin-bottom: 75px !important; }

.ml-75 {
  margin-left: 75px !important; }

.mx-75 {
  margin-right: 75px !important;
  margin-left: 75px !important; }

.my-75 {
  margin-top: 75px !important;
  margin-bottom: 75px !important; }


.m-80 {
  margin: 80px !important; }

.mt-80 {
  margin-top: 80px !important; }

.mr-80 {
  margin-right: 80px !important; }

.mb-80 {
  margin-bottom: 80px !important; }

.ml-80 {
  margin-left: 80px !important; }

.mx-80 {
  margin-right: 80px !important;
  margin-left: 80px !important; }

.my-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important; }
  

.m-85 {
  margin: 85px !important; }

.mt-85 {
  margin-top: 85px !important; }

.mr-85 {
  margin-right: 85px !important; }

.mb-85 {
  margin-bottom: 85px !important; }

.ml-85 {
  margin-left: 85px !important; }

.mx-85 {
  margin-right: 85px !important;
  margin-left: 85px !important; }

.my-85 {
  margin-top: 85px !important;
  margin-bottom: 85px !important; }


.m-100 {
  margin: 100px !important; }

.mt-100 {
  margin-top: 100px !important; }

.mr-100 {
  margin-right: 100px !important; }

.mb-100 {
  margin-bottom: 100px !important; }

.ml-100 {
  margin-left: 100px !important; }

.mx-100 {
  margin-right: 100px !important;
  margin-left: 100px !important; }

.my-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important; }

.p-0 {
  padding: 0 !important; }

.pt-0 {
  padding-top: 0 !important; }

.pr-0 {
  padding-right: 0 !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.pl-0 {
  padding-left: 0 !important; }

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.p-3 {
  padding: 3px !important; }

.pt-3 {
  padding-top: 3px !important; }

.pr-3 {
  padding-right: 3px !important; }

.pb-3 {
  padding-bottom: 3px !important; }

.pl-3 {
  padding-left: 3px !important; }

.px-3 {
  padding-right: 3px !important;
  padding-left: 3px !important; }

.py-3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important; }

.p-5 {
  padding: 5px !important; }

.pt-5 {
  padding-top: 5px !important; }

.pr-5 {
  padding-right: 5px !important; }

.pb-5 {
  padding-bottom: 5px !important; }

.pl-5 {
  padding-left: 5px !important; }

.px-5 {
  padding-right: 5px !important;
  padding-left: 5px !important; }

.py-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

.p-10 {
  padding: 10px !important; }

.pt-10 {
  padding-top: 10px !important; }

.pr-10 {
  padding-right: 10px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.pl-10 {
  padding-left: 10px !important; }

.px-10 {
  padding-right: 10px !important;
  padding-left: 10px !important; }

.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }

.p-15 {
  padding: 15px !important; }

.pt-15 {
  padding-top: 15px !important; }

.pr-15 {
  padding-right: 15px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

.pl-15 {
  padding-left: 15px !important; }

.px-15 {
  padding-right: 15px !important;
  padding-left: 15px !important; }

.py-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important; }

.p-20 {
  padding: 20px !important; }

.pt-20 {
  padding-top: 20px !important; }

.pr-20 {
  padding-right: 20px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.pl-20 {
  padding-left: 20px !important; }

.px-20 {
  padding-right: 20px !important;
  padding-left: 20px !important; }

.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important; }

.p-25 {
  padding: 25px !important; }

.pt-25 {
  padding-top: 25px !important; }

.pr-25 {
  padding-right: 25px !important; }

.pb-25 {
  padding-bottom: 25px !important; }

.pl-25 {
  padding-left: 25px !important; }

.px-25 {
  padding-right: 25px !important;
  padding-left: 25px !important; }

.py-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important; }

.p-30 {
  padding: 30px !important; }

.pt-30 {
  padding-top: 30px !important; }

.pr-30 {
  padding-right: 30px !important; }

.pb-30 {
  padding-bottom: 30px !important; }

.pl-30 {
  padding-left: 30px !important; }

.px-30 {
  padding-right: 30px !important;
  padding-left: 30px !important; }

.py-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important; }

.p-35 {
  padding: 35px !important; }

.pt-35 {
  padding-top: 35px !important; }

.pr-35 {
  padding-right: 35px !important; }

.pb-35 {
  padding-bottom: 35px !important; }

.pl-35 {
  padding-left: 35px !important; }

.px-35 {
  padding-right: 35px !important;
  padding-left: 35px !important; }

.py-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important; }

.p-40 {
  padding: 40px !important; }

.pt-40 {
  padding-top: 40px !important; }

.pr-40 {
  padding-right: 40px !important; }

.pb-40 {
  padding-bottom: 40px !important; }

.pl-40 {
  padding-left: 40px !important; }

.px-40 {
  padding-right: 40px !important;
  padding-left: 40px !important; }

.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important; }

.p-45 {
  padding: 45px !important; }

.pt-45 {
  padding-top: 45px !important; }

.pr-45 {
  padding-right: 45px !important; }

.pb-45 {
  padding-bottom: 45px !important; }

.pl-45 {
  padding-left: 45px !important; }

.px-45 {
  padding-right: 45px !important;
  padding-left: 45px !important; }

.py-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important; }

.p-50 {
  padding: 50px !important; }

.pt-50 {
  padding-top: 50px !important; }

.pr-50 {
  padding-right: 50px !important; }

.pb-50 {
  padding-bottom: 50px !important; }

.pl-50 {
  padding-left: 50px !important; }

.px-50 {
  padding-right: 50px !important;
  padding-left: 50px !important; }

.py-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important; }

.p-60 {
  padding: 60px !important; }

.pt-60 {
  padding-top: 60px !important; }

.pr-60 {
  padding-right: 60px !important; }

.pb-60 {
  padding-bottom: 60px !important; }

.pl-60 {
  padding-left: 60px !important; }

.px-60 {
  padding-right: 60px !important;
  padding-left: 60px !important; }

.py-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important; }

.p-70 {
  padding: 70px !important; }

.pt-70 {
  padding-top: 70px !important; }

.pr-70 {
  padding-right: 70px !important; }

.pb-70 {
  padding-bottom: 70px !important; }

.pl-70 {
  padding-left: 70px !important; }

.px-70 {
  padding-right: 70px !important;
  padding-left: 70px !important; }

.py-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important; }

.p-80 {
  padding: 80px !important; }

.pt-80 {
  padding-top: 80px !important; }

.pr-80 {
  padding-right: 80px !important; }

.pb-80 {
  padding-bottom: 80px !important; }

.pl-80 {
  padding-left: 80px !important; }

.px-80 {
  padding-right: 80px !important;
  padding-left: 80px !important; }

.py-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important; }

.p-100 {
  padding: 100px !important; }

.pt-100 {
  padding-top: 100px !important; }

.pr-100 {
  padding-right: 100px !important; }

.pb-100 {
  padding-bottom: 100px !important; }

.pl-100 {
  padding-left: 100px !important; }

.px-100 {
  padding-right: 100px !important;
  padding-left: 100px !important; }

.py-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important; }

.m--30 {
  margin: -30px !important; }

.mt--30 {
  margin-top: -30px !important; }

.mr--30 {
  margin-right: -30px !important; }

.mb--30 {
  margin-bottom: -30px !important; }

.ml--30 {
  margin-left: -30px !important; }

.mx--30 {
  margin-right: -30px !important;
  margin-left: -30px !important; }

.my--30 {
  margin-top: -30px !important;
  margin-bottom: -30px !important; }

.m--25 {
  margin: -25px !important; }

.mt--25 {
  margin-top: -25px !important; }

.mr--25 {
  margin-right: -25px !important; }

.mb--25 {
  margin-bottom: -25px !important; }

.ml--25 {
  margin-left: -25px !important; }

.mx--25 {
  margin-right: -25px !important;
  margin-left: -25px !important; }

.my--25 {
  margin-top: -25px !important;
  margin-bottom: -25px !important; }

.m--20 {
  margin: -20px !important; }

.mt--20 {
  margin-top: -20px !important; }

.mr--20 {
  margin-right: -20px !important; }

.mb--20 {
  margin-bottom: -20px !important; }

.ml--20 {
  margin-left: -20px !important; }

.mx--20 {
  margin-right: -20px !important;
  margin-left: -20px !important; }

.my--20 {
  margin-top: -20px !important;
  margin-bottom: -20px !important; }

.m--15 {
  margin: -15px !important; }

.mt--15 {
  margin-top: -15px !important; }

.mr--15 {
  margin-right: -15px !important; }

.mb--15 {
  margin-bottom: -15px !important; }

.ml--15 {
  margin-left: -15px !important; }

.mx--15 {
  margin-right: -15px !important;
  margin-left: -15px !important; }

.my--15 {
  margin-top: -15px !important;
  margin-bottom: -15px !important; }

.m--10 {
  margin: -10px !important; }

.mt--10 {
  margin-top: -10px !important; }

.mr--10 {
  margin-right: -10px !important; }

.mb--10 {
  margin-bottom: -10px !important; }

.ml--10 {
  margin-left: -10px !important; }

.mx--10 {
  margin-right: -10px !important;
  margin-left: -10px !important; }

.my--10 {
  margin-top: -10px !important;
  margin-bottom: -10px !important; }

.m--5 {
  margin: -5px !important; }

.mt--5 {
  margin-top: -5px !important; }

.mr--5 {
  margin-right: -5px !important; }

.mb--5 {
  margin-bottom: -5px !important; }

.ml--5 {
  margin-left: -5px !important; }

.mx--5 {
  margin-right: -5px !important;
  margin-left: -5px !important; }

.my--5 {
  margin-top: -5px !important;
  margin-bottom: -5px !important; }

.m--3 {
  margin: -3px !important; }

.mt--3 {
  margin-top: -3px !important; }

.mr--3 {
  margin-right: -3px !important; }

.mb--3 {
  margin-bottom: -3px !important; }

.ml--3 {
  margin-left: -3px !important; }

.mx--3 {
  margin-right: -3px !important;
  margin-left: -3px !important; }

.my--3 {
  margin-top: -3px !important;
  margin-bottom: -3px !important; }

.m--1 {
  margin: -1px !important; }

.mt--1 {
  margin-top: -1px !important; }

.mr--1 {
  margin-right: -1px !important; }

.mb--1 {
  margin-bottom: -1px !important; }

.ml--1 {
  margin-left: -1px !important; }

.mx--1 {
  margin-right: -1px !important;
  margin-left: -1px !important; }

.my--1 {
  margin-top: -1px !important;
  margin-bottom: -1px !important; }

.m-auto {
  margin: auto !important; }

.mt-auto {
  margin-top: auto !important; }

.mr-auto {
  margin-right: auto !important; }

.mb-auto {
  margin-bottom: auto !important; }

.ml-auto {
  margin-left: auto !important; }

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important; }

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }
/* end EXT MARGIN PADDING */



/* Z-INDEX */
.z-0 {
	z-index: 0 !important;
}
.z-1 {
	z-index: 1 !important;
}
.z-2 {
	z-index: 2 !important;
}
.z-3 {
	z-index: 3 !important;
}
.z-4 {
	z-index: 4 !important;
}
.z-5 {
	z-index: 5 !important;
}