/* MATERIALIZE EXTENSION */

.br-5 {
	border-radius: 5px !important;
}

.br-10 {
	border-radius: 10px !important;
}

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

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

.h-50 {
	height: 50px !important;
	margin-top: 20px !important;
}

.h-50 ~ .card-content {
	padding-top: 0px !important;
}

.card-content.narrow {
	padding: 16px;
}

.card-action.narrow {
	padding: 5px 15px;
}

.card-tabs {
	background-color: inherit;
	border-bottom: 1px solid rgba(160, 160, 160, 0.2);
}

.inline-icon {
    position: relative;
    top: 6px;
    margin-right: 10px;
}

.nav-inline-icon {
    display: inline-block !important;
    margin-right: 10px;
	vertical-align: middle !important;
}

.form-display {
	padding: 10px !important;
}

.form-display h5 {
    font-size: 1.2rem;
    padding-bottom: .5rem;
    border-bottom: 2px solid #000;
    margin: 15px 10px 10px 10px;
	border-color: rgba(50,50,50,0.75);
	color: rgba(50,50,50,0.75);
}

.form-display a:focus, 
.form-display a:hover {
	color: #01579b;
}

.form-display .tags-field {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  border-radius: 0;
  outline: none;
  width: 100%;
  margin-top: 5px;
}

.form-display .section {
	padding: 0 !important;
}

.form-display input[type="text"] {
	margin-bottom: 2px !important;
	height: 2em;
	font-weight: 300;
	cursor: inherit;
}

.form-display a input[type="text"] {
	cursor: pointer;
}

.form-display .input-field .prefix ~ input {
	margin-left: 2.2em;
}

.form-display .input-field .prefix ~ .help-block {
	margin-left: 3.0em;
	padding-left: 0em !important;
}

.form-display .layout-row, 
.form-display .row  {
	margin-bottom: 0px !important;
}

.form-display .input-field {
	margin-top: 0px !important;
}

.form-display .prefix {
	top: .15em !important;
}

.form-display .help-block {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	line-height: 12px;
	position: relative;
	color: rgba(0, 0, 0, 0.6);
	font-size: 75%;
}

.form-display .title-chip {
	margin-right: 10px;
	vertical-align: bottom;
}

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

.input-field .prefix ~ .help-block {
	padding-left: 4.2em !important;
}

.row .checkbox-field {
	line-height: 35px !important;
	padding-left: 20px !important;
}

.btn-small.mini {
    height: 25px;
    line-height: 25px;
    padding: 0 0.25rem;
}

.alert-bl {
	border-left: 4px solid;
}

.toast .mdi {
	font-size: x-large;
}

.day-chip {
	font-size: smaller;
	margin-bottom: 3px;
	padding: 0 10px;
	height: 24px;
	line-height: 24px;
}

/* Vertical TABS */

.tabs-vertical {
	padding: 0px 0px !important;
}
.tabs-vertical .tabs {
  height: auto;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column; }
.tabs-vertical .tab {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: block;
  float: left;
  text-align: left;
  line-height: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  text-overflow: ellipsis; }
  .tabs-vertical .tab .active {
    -moz-transition: border-color .5s ease;
    -o-transition: border-color .5s ease;
    -webkit-transition: border-color .5s ease;
    transition: border-color .5s ease;
    border-right: 3px solid #7280ce;
    color: #3f51b5; }
  .tabs-vertical .tab a {
    /*color: #3f51b5;*/
    color: #2b377b;
    display: block;
    width: 100%;
    height: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: color 0.28s ease;
    -moz-transition: color 0.28s ease;
    -o-transition: color 0.28s ease;
    -ms-transition: color 0.28s ease;
    transition: color 0.28s ease; }
    .tabs-vertical .tab a:hover {
      color: #8591d5; }
  .tabs-vertical .tab.disabled a {
    color: #8591d5;
    cursor: default; }
.tabs-vertical .indicator {
  display: none; }
  
.tabs-vertical li.tab i {
height: inherit;
	line-height: inherit;
	float: left;
    margin-right: 10px;
	width: 24px;
	font-size: 24px;
}

.tabs-vertical li.tab span {
	line-height: 22px;
}

.tabs-vertical li.tab:first-of-type {
}

.vtab_contents {
}

.vtab_contents div {
}
  
/* EXTRA CARD */
.profilecard-img {
	object-fit: cover;
	width: 100%;
	height: 120px;
}

.profilecard-img.small {
	height: 75px !important;
	max-height: 75px !important;
}

/* BUTTON GROUP */

.btn-group {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group>.btn:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group>.btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group>.btn-inactive {
  background-color: #607d8b;
}

.btn-group>.btn {
  -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0px rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0px rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0);
}

.btn-group>.btn-inactive:hover {
  background-color: #728F9D;
}

.btn-group>.btn:hover {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

/* card header */
.card-header {
 padding:.75rem 1.25rem;
 margin-bottom:0;
 background-color:#fff;
 border-bottom:1px solid #eee
}
.card-header:first-child {
 border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}
.card-header+.list-group .list-group-item:first-child {
 border-top:0
}
.card-header-tabs {
 margin-bottom:-.75rem;
 border-bottom:0
}
.card-header-pills,
.card-header-tabs {
 margin-right:-.625rem;
 margin-left:-.625rem
}
.card .card-header {
 border-bottom:none;
 background:transparent
}
.card .card-header .card-icon {
	box-shadow: 0 2px 10px 0 rgba(0,0,0,.14),0 4px 5px -2px rgba(0,188,212,.4);
}
.card .card-header .title {
 color:#fff
}
.card .card-header .nav-tabs {
 padding:0
}
.card .card-header.card-header-image {
 position:relative;
 padding:0;
 z-index:1;
 margin-left:15px;
 margin-right:15px;
 margin-top:-30px;
 border-radius:6px
}
.card .card-header.card-header-image img {
 width:100%;
 border-radius:6px;
 pointer-events:none;
 box-shadow:0 5px 15px -8px rgba(0,0,0,.24),0 8px 10px -5px rgba(0,0,0,.2)
}
.card .card-header.card-header-image .card-title {
 position:absolute;
 bottom:15px;
 left:15px;
 color:#fff;
 font-size:1.125rem;
 text-shadow:0 2px 5px rgba(33,33,33,.5)
}
.card .card-header.card-header-image .colored-shadow {
 transform:scale(.94);
 top:12px;
 filter:blur(12px);
 position:absolute;
 width:100%;
 height:100%;
 background-size:cover;
 z-index:-1;
 transition:opacity .45s;
 opacity:0
}
.card .card-header.card-header-image.no-shadow {
 box-shadow:none
}
.card .card-header.card-header-image.no-shadow.shadow-normal {
 box-shadow:0 16px 38px -12px rgba(0,0,0,.56),0 4px 25px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2)
}
.card .card-header.card-header-image.no-shadow .colored-shadow {
 display:none!important
}
.card .card-header {
 z-index:3!important
}
.card .card-header .card-title {
 margin-bottom:3px
}
.card .card-header .card-category {
 margin:0
}
.card .card-header.card-header-text {
 display:inline-block
}
.card .card-header.card-header-text:after {
 content:"";
 display:table
}
.card [class*=card-header-],
.card [class*=card-header-] .card-title,
.card [class*=card-header-] .card-title a,
.card [class*=card-header-] .icon i {
 color:#fff
}
.card[class*=bg-] .icon i,
.card [class*=card-header-] .icon i {
 border-color:hsla(0,0%,100%,.25);
}
.card .card-header.card-header-icon i,
.card .card-header.card-header-text i {
 display: inline-block;
 width:24px;
 height:24px;
 text-align:center;
 line-height:24px
}
.card .card-header.card-header-icon .card-title,
.card .card-header.card-header-text .card-title {
 margin-top:25px;
 color:#3c4858
}
.card .card-header.card-header-icon h4,
.card .card-header.card-header-text h4 {
 font-weight:300
}
.card .card-header.card-header-tabs .nav-tabs {
 background:transparent;
 padding:0
}
.card .card-header.card-header-tabs .nav-tabs-title {
 float:left;
 padding:10px 10px 10px 0;
 line-height:24px
}
.card [class*=card-header-] {
 margin:0 15px;
 padding:0;
 position:relative
}
.card [class*=card-header-] .card-title+.card-category {
 color:hsla(0,0%,100%,.8)
}
.card [class*=card-header-] .card-title+.card-category a {
 color:#fff
}
.card [class*=card-header-]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
 border-radius:3px;
 margin-top:-20px;
 padding:15px
}
.card [class*=card-header-] .card-icon,
.card [class*=card-header-] .card-text {
 border-radius:3px;
 background-color:#999;
 padding:15px;
 margin-top:-20px;
 margin-right:15px;
 float:left
}
.card [class*=card-header-] .card-icon {
	font-size: large;
}
.card [class*=card-header-] .card-text {
 float:none;
 display:inline-block;
 margin-right:0
}
.card [class*=card-header-] .card-text .card-title {
 color:#fff;
 margin-top:0
}

.card [class*=card-header-] .card-title {
 padding: 8px;
}

.card [class*=card-header-] .card-icon.small,
.card [class*=card-header-] .card-text.small {
 border-radius:3px;
 background-color:#999;
 padding:8px;
 margin-top:-8px;
 margin-right:10px;
 float:left
}

/* Traceback errors */

.traceback {
  font-size: smaller;
}

.traceback p {
}

span.field-icon {
    float: right;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 2;
}

span.field-icon i {
	color: #505050 !important;
}

.card-img-above-overlay {
	object-fit: cover;
	height: 250px;
	width: 250px;
}

.card-transparent {
	background-color: rgba(0,0,0,0); !important;
	box-shadow: unset !important;
}