/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */
 
 *{
	 outline: none!important;
 } 
 
 
[data-type=number],
[data-type=date]{
	text-align: center;
} 
 
.ttp{
	cursor: help;
} 
 

th{
	text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    background-color: #6393aa;
    border-radius: 0;
    color: #f0f8ff;
    padding: 10px 5px;
	cursor: pointer;
} 

dialog .row form.col.s12 {
	overflow-y: auto;
    max-height: fit-content;
    position: absolute;
    height: calc(100% - 90px);
    width: calc(100% - 30px);
    margin: 20px 0 0px 0 !important;
}

.form_submit{
	position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
}

.close-dialog{
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 0px 0px 0 2px;
}
.close-dialog:hover{
	background-color: #f44336c2;
    color: #fff;
} 
 
#add_client{
	max-height: 60%;
}

#add_client,
.collection.clients{
	overflow-y: auto;
} 
 
.collection-item.selected{
	background-color: #f1f1f1;
} 
 
 
th .material-icons{
	font-size: 20px;
    line-height: 14px;
    vertical-align: sub;
} 
td .material-icons{
	color: #607d8b; 
	vertical-align: sub;
} 
 
/* #new_work{
	position: absolute;
    width: 28px;
    height: 28px;
    line-height: 26px;
    top: 10px;
    right: 30px;
    color: #6393aa;
    background-color: #f5f4f4 !important;
    border-radius: 50%;
	transition: all 500ms;
}

#new_work:hover{
	    color: #f5f4f4;
    background-color: #6393aa !important;
    box-shadow: 0 0 0px 2px #e0e0e0;
	cursor: pointer;
} */
 
 
 
 
.service-textarea{
	border: 1px solid #e8e8e8;
    padding: 10px 10px 10px 10px;
    resize: none;
    border-radius: 2px;
    min-height: 70px;
} 
 
 
 
table > tbody > tr.selected{
	background-color: #6393aaba !important;
	transition: background-color .3s;
} 
 
table.small-cells thead tr th{
    letter-spacing: -0.6px;
	white-space: nowrap;
} 

table.small-cells tbody tr td{
	font-size: 13px;
    line-height: 15px;
} 
 
[dates],
[data-type=date],
[data-type=number]{
	font-size: 12px!important;
	line-height: 15px!important;
} 

body.login{
	background: url('../img/login_bg.jpg') center center no-repeat;
    background-size: cover;
}

main{
	padding: 10px 2vw 0 2vw;
	overflow-x: auto;
	overflow-y: visible;
	height: calc(100vh - 70px);
} 

#page_name{
	background: #fff;
    color: #306a85;
    text-transform: uppercase;
    padding: 0px 1.5vw 0px 1.5vw;
    border-radius: 2px;
    line-height: 64px;
	cursor: pointer;
	transition: all .3s;
}
#page_name:hover{
	background: #0000002b;
    color: #fff;
}

#editor{	
    border: 1px solid #cecece;
    font-size: inherit;
	height: auto;
}
#editor[type='text']{
	width: 100%;
}
#editor:focus{
	border-color: #909090;
    
}
#editor_buttons{
	position: fixed;
	bottom: 30px;
    width: 100%;
} 
 
[data-badge]{
	position: relative;
}
[data-badge]:after{
    display: block;
    position: absolute;
    width: auto;
    height: auto;
    padding: 1px 5px 2px 5px;
    right: 3px;
    top: 7px;
    content: attr(data-badge);
    font-size: 10px;
    line-height: 10px;
    background-color: #FF5722;
    border-radius: 2px;
	color: #f5f4f4;
}

.can-edit{
	position: relative;
	transition: box-shadow 4s linear;
}
table[data-table] .truncate{
	max-width: 10vw;
    width: auto;
    display: table-cell;
}
.can-edit[data-oldhtml]:after {
    content: " ";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
	z-index: 1;
    background-color: #ffffffde;
}

.can-edit input,
.can-edit select{
	position: absolute;
	width: auto;
	background-color: #fff;
	left: 0;
    top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}
.can-edit textarea{
	position: absolute;
	background-color: #fff;
	left: 0;
    top: 0;
	z-index: 2;
}

.require_error{
	box-shadow: inset -1px 0px 0 0px #f1f1f1, inset 0px -2px 0px 0px #ff1d1d;
	transition: box-shadow 600ms cubic-bezier(0.68, -0.55, 0.27, 1.55);;
}

tbody td {
    box-shadow: inset -1px 0px 0 0px #f1f1f1;
}
 

  
table > tbody > tr.selected td:empty:before {
    color: #ececec;
} 

tbody td:empty:before,
tbody td[data-type*='list'][data-content='0']:before, 
tbody td[data-type*='list'][data-content='']:before {
	content: "-";
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 40px;
    color: #b9b9b9;
    font-size: 15px;
    overflow: hidden;
    letter-spacing: 3px;
}

.mmb_avatar.mmb_payed{
	box-shadow: 0 0px 1px 3px #0eb515;
}

.no-wrap{
	white-space: nowrap!important;
} 
/*
 nav ul li.active {
    background-color: #ff9800;
}
 */
nav ul a:hover {
    background-color: #0000002b;
} 
nav ul a{
	/*color: #444;*/
} 
 
nav .brand-logo {
    left: 65px;
} 
 
.navbar-fixed nav{
	padding: 0 10px;
	background-color: #004769cf;
} 

.navbar-fixed nav.scroll{
	background-color: #0000003b;
} 
 
span.badge {
 min-width: 1.5rem;
 padding: 0 6px;
}

span.badge.new:after {
    content: "";
}

.drag-target {
    width: 20px;
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}

.tabs > li > a > i.material-icons {
    height: 100%;
    vertical-align: top;
    line-height: 48px;
    margin-right: 5px;
}

.dropdown-content li > a, 
.dropdown-content li > span {
	font-size: calc(14px + 0.1vw);
}

tr:hover .open_order{
	background-color: #6393aaab;
}

tr:hover .dropdown-trigger{
	 background-color: #fff;
}
[class*='open_'][class*='btn']{
    background-color: #ECEFF1;
}
[class*='open_'][class*='btn']:hover {
    background-color: #6393aa!important;
    color: #f0f8ff;
}


 /* label color */
   .input-field label {
     color: #000;
   }
   /* label focus color */
   .input-field input:not(.browser-default):focus + label {
     color: #000;
   }
   /* label underline focus color */
   .input-field input:not(.browser-default):focus {
     border-bottom: 1px solid #6393AA;
     box-shadow: 0 1px 0 0 #6393AA;
   }
   /* valid color */
   .input-field input:not(.browser-default).valid {
        border-bottom: 1px solid #00a207;
		box-shadow: 0 1px 0 0 #00a207;
   }
   /* invalid color */
   input.invalid {
		border-bottom: 1px solid #f10 !important;
		box-shadow: 0 1px 0 0 #ff1100 !important;
		color: #f10 !important;
   }
   /* icon prefix focus color */
   .input-field .prefix.active {
     color: #000;
   }


   
   
   
#events_drops{
	background-color: #f7f7f7;
    color: #000000de;
    padding: 5px 20px;
    position: fixed;
    top: 74px;
    right: 10px;
    z-index: 9999;
    border-radius: 2px;
    width: 370px;
    max-width: 90vw;
    height: fit-content;
    max-height: 80vh;
	min-height: 150px;
    overflow: auto;
    box-shadow: 0 3px 5px 3px rgb(0 0 0 / 0.18), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}   

#current, #lapsed{
	padding: 0 10px;
}
 
.new_dates{
	text-align: right;
    padding: 0 15px;
}
.new_dates input{
	width: 133px !important;
    margin: 0 24px 0 0 !important;
    height: 24px !important;
	vertical-align: super;
}
 
#clients-list{
	position: absolute;
    top: 90%;
    left: 0;
    height: 210px;
    max-height: 40vh;
	min-height: 140px;
    overflow-y: auto;
    margin: 0px 0px 0 0;
    width: 530px;
    max-width: 80vw;
    padding: 10px 15px;
    background-color: #fdfdfd;
    z-index: 2;
}
#clients-list .collection.clients .tel{
	position: absolute;
    line-height: 22px !important;
    right: 60px;
}


fieldset{
	border: none;
    margin-bottom: 35px !important;
}  

fieldset.minimized {
    height: 40px;
    overflow: hidden;
	padding: 10px 0 0 24px;
} 

legend{
	padding: 2px 20px 5px 20px;
    margin: 0 0 0 15px;
    border-radius: 2px;
    background-color: #358eb9;
    color: #fff;
	cursor: pointer;
    box-shadow: 0px -3px 4px 0px #00000036;
	text-decoration: none;
}   


fieldset legend:not(.single):after{
	content: "▲";
      font-size: 8px;
    padding: 0px 0 0 8px;
    line-height: 16px;
    margin: 0 0 0 0;
    vertical-align: text-bottom;
}

fieldset.minimized legend:not(.single):after{
	content: "▼";
}
fieldset legend:not(.single):hover{
	opacity: .85;
}