/*tooltip*/ 
.material-tooltip {padding: 10px 8px; font-size: 17px; z-index: 100001; background-color: transparent; border-radius: 2px; color: #fff; min-height: 36px; line-height: 120%; opacity: 0; display: none; position: absolute; text-align: center; max-width: calc(100% - 4px); overflow: hidden; left: 0; top: 0; pointer-events: none; } 
.backdrop {position: absolute; opacity: 0; display: none; height: 7px; width: 14px; border-radius: 0 0 50% 50%; background-color: #323232; z-index: -1; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 
/*material-tooltip:before, material-tooltip:after {box-sizing: inherit; }*/

/*toast*/ 
#toast-container {display: block; position: fixed; z-index: 100001; width:100% } 
@media only screen and (max-width: 600px) {#toast-container {/*min-width: 100%;*/ bottom: 0%; } } 
@media only screen and (min-width: 601px) and (max-width: 992px) {#toast-container {bottom: 15%; } } 
@media only screen and (min-width: 993px) {#toast-container {bottom: 15%; } } 
.toast {margin: 0 auto; border-radius: 2px; width: 40%; text-align: center !important; clear: both; position: relative; max-width: 100%; min-height: 48px; line-height: 2em; word-break: keep-all; background-color: #323232; padding: 10px 25px; font-weight: 300; color: #fff; display: block; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } 
.toast.rounded {border-radius: 24px; } 
@media only screen and (max-width: 600px) {.toast {width: 100%; } } 
@media only screen and (min-width: 601px) and (max-width: 992px) {.toast {width: 50%; } } 
@media only screen and (min-width: 993px) {.toast {width: 40%; } } 
.toast .toast-btn{color: white; font-weight: 500; margin-left: 15px; margin-right: -10px; font-size: 12px; background-color: #4b4b4b; border: none; border-radius: 2px; display: inline-block; height: 27px; line-height: 27px; width: 85px; text-transform: uppercase; vertical-align: middle; -webkit-tap-highlight-color: transparent; outline: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; -webkit-transition: background-color .2s; transition: background-color .2s; } 
.toast-btn:focus{background-color:#515151;} 
.toast-btn:focus,.toast-btn:hover {-webkit-box-shadow:none;box-shadow:none;}
.toast{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);}

/*select or context menu*/
.dropdown-content {background-color: #fff; margin: 0; display: none; min-width: 100px; max-height: 650px; overflow-y: auto; opacity: 0; position: absolute; z-index: 999; will-change: width, height; } 
.dropdown-content li {clear: both; color: rgba(0, 0, 0, 0.87); cursor: pointer; min-height: 50px; line-height: 1.5rem; width: 100%; text-align: left; text-transform: none; } 
.dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected {background-color: #eee; } 
.dropdown-content li.active.selected {background-color: #e1e1e1; } 
.dropdown-content li.divider {min-height: 0; height: 1px; } 
.dropdown-content li > a, .dropdown-content li > span {font-size: 16px; color: #216586; display: block; line-height: 22px; padding: 14px 16px; } 
.dropdown-content li > span > label {top: 1px; left: 0; height: 18px; } 
.dropdown-content li > a > i {height: inherit; line-height: inherit; } 
.input-field.col .dropdown-content [type="checkbox"] + label {top: 1px; left: 0; height: 18px; }
.dropdown-content{box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);}

/*select*/
select {display: none; } 
select.browser-default {display: block; } 
select {background-color: rgba(255, 255, 255, 0.9); width: 100%; padding: 5px; border: 1px solid #f2f2f2; border-radius: 2px; height: 3rem; } 
.select-label {position: absolute; } 
.select-wrapper {position: relative; width: 300px; max-width: 100%; } 
.select-wrapper input.select-dropdown {position: relative; cursor: pointer; background-color: transparent; border: none; border-bottom: 1px solid #9e9e9e; outline: none; height: 3rem; line-height: 3rem; width: 100%; font-size: 1rem; margin: 0 0 20px 0; padding: 0; display: block; color: rgba(21,33,58,0.8); } 
.select-wrapper span.caret1 {color: initial; position: absolute; right: 0; top: 0; bottom: 0; height: 10px; margin: auto 0; font-size: 10px; line-height: 10px; } 
.select-wrapper span.caret1.disabled {color: rgba(0, 0, 0, 0.26); } 
.select-wrapper + label {position: absolute; top: -14px; font-size: 0.8rem; } 
select:disabled {color: rgba(0, 0, 0, 0.3); } 
.select-wrapper input.select-dropdown:disabled {color: rgba(0, 0, 0, 0.3); cursor: default; -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -ms-user-select: none; /* IE10+ */ border-bottom: 1px solid rgba(0, 0, 0, 0.3); } 
.select-wrapper i {color: rgba(0, 0, 0, 0.3); } 
.select-dropdown li.disabled, .select-dropdown li.disabled > span, .select-dropdown li.optgroup {color: rgba(0, 0, 0, 0.3); background-color: transparent; } 
.prefix ~ .select-wrapper {margin-left: 3rem; width: 92%; width: calc(100% - 3rem); } 
.prefix ~ label {margin-left: 3rem; } 
.select-dropdown li img {height: 40px; width: 40px; margin: 5px 15px; float: right; } 
.select-dropdown li.optgroup {border-top: 1px solid #eee; } 
.select-dropdown li.optgroup.selected > span {color: rgba(0, 0, 0, 0.7); } 
.select-dropdown li.optgroup > span {color: rgba(0, 0, 0, 0.4); } 
.select-dropdown li.optgroup ~ li.optgroup-option {padding-left: 1rem; }