/**************************
*
*	GENERAL
*
**************************/

@font-face {
	font-family: Poppins-h1;
	src: url(https://haloitsm.com/wp-content/themes/halo/fonts/Poppins/Poppins-SemiBold.ttf);
	font-weight: normal;
}

@font-face {
	font-family: Poppins-h2;
	src: url(https://haloitsm.com/wp-content/themes/halo/fonts/Poppins/Poppins-Regular.ttf);
	font-weight: normal;
}

.trial-login-info {
   font-size: 21px !important;
   font-family: Poppins-h1, sans-serif !important;
   font-weight: 500 !important;
   padding-top: 5px !important
}

input[type=text], input[type=password], input[type=email] {
   font-family: Poppins-h2, sans-serif !important;
}

.trial_logo {
   width: 80% !important;
}

::placeholder {
	color: red;
	opacity: 1;
}

.input-noedit-part {
    font-size: 0.8rem;
}

.hidden{
display:none;
}
.login-img-container {
	    padding: 100px 0px 50px 0px!important;
}

.trial-login-img-container {
	display: none;
}

.trial_load_background {
	background-color: #f6f8f9;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: none;
	width: 100%;
	height: 100%;
	color: #f6f8f9;
	position: absolute;
	font-family: Roboto;
}

.trial-modal-window {
	position: fixed;
	text-align: center;
	max-width: 402px;
	width: 402px;
	max-height: 90%;
	top: 50%;
	left: 50%;
	right: auto;
	bottom: auto;
	background: #f6f8f9;
	overflow: auto;
	border-radius: 3px;
	padding-bottom: 5px;
	outline: none;
	margin-right: -30%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 99;
}

.trial-login-btn {
            background-color: #5951ff;
            border: none;
			margin:20px 0px 15px;
            color: white;
            /*padding: 14px 20px;*/
            margin: 15px 2px;
            cursor: pointer;
            width: 100%;
            height: 44px;
            font-size: 15px;
            text-align: center;
            display: inline-block;
            border-radius: 5px;
            font-family: Poppins-h2, sans-serif !important;
        }

        .trial-login-btn:disabled{
            opacity: 0.6;
        }

.trial-login-info {
            font-size: 24px;
            font-weight: 600;
            color: #555;
            margin: 10px 0px 15px;
            text-align: center;
        }
        .trial-login-info-small {
            font-size: 14px;
            font-weight: 600;
            color: #555;
            margin: 10px 0px 15px;
		}

.trial-login-container {
	        box-shadow: 0 3px 5px -1px rgba(0,0,0,.16), 0 6px 10px 0 rgba(0, 0, 0, .112), 0 1px 18px 0 rgba(0, 0, 0, .096);
            background-color: #ffffff;
            padding: 15px 40px 10px 40px !important;
            border-radius: .75rem;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
			width:384px;
			max-width:384px;
            margin: auto !important;
          
        }
		
		@@media only screen and (min-width: 501px) {
            

            .trial-login-container {
                border-radius: 5px;
            }
        }

.trial-login-container label {
            cursor: pointer;
            font-family: "Roboto";
            font-size: 13px;
            color: black;
            font-weight: normal;
        }

        .trial-login-container ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
            color: #888;
        }

        .trial-login-container :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
            color: #888;
            opacity: 1;
        }

        .trial-login-container ::-moz-placeholder { /* Mozilla Firefox 19+ */
            color: #888;
            opacity: 1;
        }

        .trial-login-container :-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: #888;
        }

        .trial-login-container ::-ms-input-placeholder { /* Microsoft Edge */
            color: #888;
        }
		
		.trial-login-container input[type=text], .trial-login-container input[type=email] {
            background: rgba(234, 231, 231, 0.5) url('data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADwAAACSAAAAxAAAAOIAAADyAAAA9gAAAPYAAADyAAAA5AAAAMYAAACWAAAARAAAAAAAAAAAAAAAAAAAAHoAAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAACGAAAAAAAAAAAAAADEAAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAAzgAAAAAAAAAAAAAAggAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAJAAAAAAAAAAAAAAAAIAAACMAAAA/AAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAJgAAAAGAAAAAAAAAAAAAAAAAAAAAAAAADQAAACyAAAA/AAAAP8AAAD/AAAA/wAAAP8AAAD8AAAAtAAAADoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACQAAADkAAAA/wAAAP8AAADmAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAA0gAAAP8AAAD/AAAA3gAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAeAAAAP8AAAD/AAAA/wAAAP8AAACCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEgAAAPQAAAD/AAAA/wAAAP8AAAD/AAAA+AAAABoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGQAAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAByAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACWAAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAAogAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAmgAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAKYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGoAAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAB2AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAAAA3gAAAP8AAAD/AAAA/wAAAP8AAADkAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwAAACmAAAA7AAAAOwAAACsAAAAIgAAAAAAAAAAAAAAAAAAAAAAAAAA4AcAAMABAACAAQAAgAEAAMADAADwDwAA/D8AAPw/AAD8HwAA+B8AAPgfAADwDwAA8A8AAPgfAAD4HwAA/D8AAA==') no-repeat;
            background-position: 10px;
        }

        input[type=password], .trial-login-container  {
            /*background: rgba(234, 231, 231, 0.5) url('data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAI4AAADWAAAA9AAAAPQAAADWAAAAjgAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVAAAAPQAAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD0AAAAVgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAPYAAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAPYAAAAiAAAAAAAAAAAAAAAAAAAAAAAAAGgAAAD/AAAA/wAAAP8AAAD/AAAAfgAAAIAAAAD/AAAA/wAAAP8AAAD/AAAAbAAAAAAAAAAAAAAAAAAAAAAAAABuAAAA/wAAAP8AAAD/AAAA/wAAACQAAAAmAAAA/wAAAP8AAAD/AAAA/wAAAHQAAAAAAAAAAAAAAAAAAAAAAAAAbgAAAP8AAAD/AAAA/wAAAKAAAAAAAAAAAAAAAJ4AAAD/AAAA/wAAAP8AAAB2AAAAAAAAAAAAAAAAAAAAAAAAAG4AAAD/AAAA/wAAAP8AAACKAAAAAAAAAAAAAACIAAAA/wAAAP8AAAD/AAAAdgAAAAAAAAAAAAAAAAAAAAAAAABuAAAA/wAAAP8AAAD/AAAA9AAAAHQAAAB0AAAA9AAAAP8AAAD/AAAA/wAAAHYAAAAAAAAAAAAAAAAAAAAAAAAAbgAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAB0AAAAAAAAAAAAAAAAAAAAAAAAADgAAAD8AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD8AAAAOgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWAAAAP8AAADWAAAAnAAAAJwAAACcAAAAnAAAANQAAAD/AAAAXAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAD/AAAAqgAAAAAAAAAAAAAAAAAAAAAAAACoAAAA/wAAABIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA2AAAAOwAAAAKAAAAAAAAAAAAAAAKAAAA6gAAANwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHQAAAD/AAAApgAAAA4AAAAOAAAApAAAAP8AAAB4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGAAAAyAAAAP8AAAD6AAAA+gAAAP8AAADIAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4AAACWAAAA6AAAAOgAAACWAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAA+B8AAPAPAADgBwAA4QcAAOGHAADhhwAA4YcAAOGHAADgBwAA4AcAAPAPAADzzwAA888AAPmfAAD4HwAA/D8AAA==') no-repeat !important;
            background-position: 10px !important;*/
        }

        .trial-login-container input[type=text].noimg, .trial-login-container input[type=email].noimg {
            background: none;
            text-indent: 0px;
        }