*:not(input):not(textarea) /*select all (the * character in this comment has no relation to the * selector in this css command*/
{
	font-family : "Verdana", sans-serif; /*choose default font*/
	font-weight: 100;
	margin : 0; /*control margins for all html objects*/
	text-align : center; /*main page*/
	color : black;
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none;
}
/*img{-webkit-user-drag: none;}*/

.color-pick
{
    border:#ccc solid .5px!important;
}

html, body 
{
	width: 100%;
	height: 100%;
	background-color:#777;
	/*cursor: url('../../images/cursor.png') 17 17, auto !important;*/
    overflow: hidden;
}

*:focus {
outline: none;
}

body
{
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	/*font-size: 18px;*/
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    touch-action: none; /*web app ios no scroll*/ 
}

h1,h2,h3,h4,h5,h6,p {
 line-height: 1.45;
}

main
{
	flex: 1 0 auto;
}

.sidenav
{
    box-shadow: none !important;
}

.prerelease
{
    display: none;
}

.app-set-master-clone
{
    display: none !important;
}

.character-counter
{
    position:absolute;
    top:0;
    right:10px;
}

@media only screen and (min-width: 600px)
{
    #toast-container
    {
        top: 5vw !important;
        right: .5vh;
        bottom: auto !important;
        left: auto !important;
       
    }
}

/*//////////////////////////////////////////////
//
//	Preloader
//
/////////////////////////////////////////*/

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
	right: 0;
	bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
	background-color:rgba(0,0,0,1) ;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
}