/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 5.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;500;700&display=swap');

body,a, h1, h2, h3, h4, h5, span, p, li, button, input, optgroup, select, textarea {
	font-family: 'Roboto', sans-serif !important;
}
a.btn-flat.mb-1.dropdown-trigger.waves-effect {
    background: #fff3f3;
}
.loading_domain {
    position: fixed;
    background: #000000d1;
    z-index: 999999;
    top: 0px;
    width: 100%;
    height: 100vh;
    text-align: center;
    padding-top: 400px;
    color: #fff;
    font-size: 30px;
}
.form_input {
    margin-bottom: 30px;
}
div#report_comment ul li {
    padding: 10px 0px;
    border-bottom: dotted 1px #f9cbcb;
    font-size: 13px;
}
div#report_comment {
    height: 400px;
    overflow: overlay;
}
ul.pugins_client li {
    border: solid 1px #eee;
    padding: 10px;
    margin-bottom: 5px;
    background: #fffdfd;
}
input {
    color: #f2654c;
    font-weight: 100;
}
textarea {
    color: #f50;
    font-weight: 100;
 
}
.email-desc {
    width: 100%;
    overflow: overlay;
}
textarea#mail_content {
    border: none;
    line-height: 22px;
}
div#mceu_33 {
    border: solid 1px #eee;
    box-shadow: none;
}
.app-email .content-area .app-wrapper .collection .collection-item .list-content .list-desc {
    font-size: .9rem;
    line-height: 1.35rem;
    display: -webkit-box;
    overflow: hidden;
    margin-top: .25rem;
    text-overflow: ellipsis;
    color: #616161;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    position: relative;
	left: 48px;
    top: -20px;
}
.block_note {
    width: 350px;
    float: left;
    background: #fff;
    padding: 10px;
    box-shadow: 10px 4px 17px -12px;
    border: solid 2px #f2f4f8;
    margin-right: 25px;
	margin-bottom: 25px;
}
.block_note h3 {
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    padding: 0px;
    margin: 0px;
    border-bottom: solid 1px #eee;
    padding-bottom: 10px;
}
.notepad {
    height: 250px;
    overflow: auto;
    padding: 5px;
}
i.material-icons.icon_settings {
    background: #00bcd4;
    color: #fff;
    padding: 5px 10px;
    font-size: 17px;
    border-radius: 2px;
    margin-top: 10px;
}
i.material-icons.icon_settings:hover {
    color: #000;
}
textarea.input-textarea {
    border: solid 1px #eee;
    padding: 10px;
}
.notepad img {
    max-width: 100%;
    height: auto;
}
.notepad500 .notepad {
    height: 400px !important;
}
.notepad ul li {
    list-style-type: disc;
    margin: 5px 15px;
}
div::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

div::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

div::-webkit-scrollbar-thumb
{
	background-color: #F90;	
	background-image: -webkit-linear-gradient(45deg,
	rgba(255, 255, 255, .2) 25%,
	transparent 25%,
	transparent 50%,
	rgba(255, 255, 255, .2) 50%,
	rgba(255, 255, 255, .2) 75%,
	transparent 75%,
	transparent)
}
textarea#textarea2 {
    overflow: auto;
}