@charset "UTF-8";
/* =============================================================================================
                              ________  __      __  _________
                              \______ \/  \    /  \/   _____/
                                |    |  \   \/\/   /\_____  \ 
                                |    `   \        / /        \
                               /_______  /\__/\  / /_______  /
                                       \/      \/          \/ 
                          WMS - Website Management Software (c) 2022
                                   by Direct Web Solutions

    The following document, also known as login.css, is developed for the sole use 
    of directwebsolutions.ca by the team at Direct Web Solutions. This design was 
    developed by us and is considered the property of our company. Please do not 
    steal the code from this template as we have worked hard on it to make our 
    business successful. If you would like to take parts of the css for use in
    your own project, you may do so, but copying all of it or cloning our website 
    would be grounds to pursue legal action. Thanks for understanding and have a 
    great day!
    
    ~ Darryn Fehr,
    Direct Web Solutions
    
    ----------------------------------------------------------------------------------------
    
                                       Table of Contents
                                       
    1).     Login Page
    2).     Forgot Password Page
    3).     Reset Password Page
    4).     Mobile Overrides
    
    ----------------------------------------------------------------------------------------
    @category    User Defined
    @package     WMS User Website
    @license     https://www.directwebsolutions.ca/wms/v3/license 3.0+ License
    @version     Release: 3.0.1
============================================================================================= */

/*  =======================================
        1). Login Password Page
    =======================================*/
#login_page{display:block;margin:20px 0;}
#login_page .h1,#forgot_page .h1,#reset_page .h1{line-height:40px;font-size:35px;font-weight:700;margin:0;margin-bottom:20px;background:linear-gradient(22deg,#8e78d6,#5f42bd);color:transparent;-webkit-background-clip:text;background-clip:text;text-transform:uppercase;}
#login_page .errors{padding:10px;;border:1px solid;border-radius:3px;text-align:left;margin-bottom:20px;}
#login_page .information{color:#004085;background-color:#cce5ff;border-color:#b8daff;}
#login_page .failed{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb;}
#login_page .success{color:#155724;background-color:#d4edda;border-color:#c3e6cb;}
#login_page .input,#forgot_page .input,#reset_page .input{width:100%;box-sizing:border-box;margin-bottom:20px;}
#login_page input,#forgot_page input,#reset_page input{width:100%;border:1px solid rgba(27,31,35,0.15);border-radius:6px;box-shadow:rgba(27,31,35,0.04) 0 1px 0,rgba(255,255,255,0.25) 0 1px 0 inset;box-sizing:border-box;font-size:16px;padding:12px;line-height:20px;list-style:none;outline:0;position:relative;transition:background-color 0.2s cubic-bezier(0.3,0,0.5,1);}
#login_page .slide-toggle{text-align:left;}
#login_page .slide-toggle input{display:none;}
#login_page .slide-toggle input + label{border-radius:9px;padding:0;display:block;cursor:pointer;position:relative;}
#login_page .slide-toggle input + label:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;}
#login_page .slide-toggle input + label .switch{position:relative;display:inline-block;z-index:1;vertical-align:top;height:22px;width:40px;border-radius:11px;background:var(--identifier, #ccc);}
#login_page .slide-toggle input + label .switch:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;}
#login_page .slide-toggle input + label .switch .dot{background:#888;position:absolute;width:24px;height:24px;border-radius:50%;left:-1px;top:-1px;transform:translateX(var(--offset,0));transition:transform 0.2s;}
#login_page .slide-toggle input + label .switch .dot:before{content:"";position:absolute;left:1px;top:1px;right:1px;bottom:1px;border-radius:inherit;background:#fff;opacity:1;}
#login_page .slide-toggle input + label .rmb{line-height:22px;font-size:16px;color:#222;font-weight:500;display:inline-block;vertical-align:top;z-index:1;position:relative;margin-left:12px;}
#login_page .slide-toggle input:checked + label{--offset:18px;--identifier:#765dc9;cursor:pointer;}
#login_page .bottom_form{text-align:left;margin-top:20px;}
#login_page .bottom_form .login_button{float:right;}
#login_page .bottom_form .login_button button{padding:16px 28px;font-size:16px;font-weight:500;outline:none;line-height:20px;list-style:none;position:relative;transition:background-color 0.2s cubic-bezier(0.3,0,0.5,1);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;appearance:none;background-color:#765dc9;border:1px solid rgba(27,31,35,0.15);border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;}
#login_page .bottom_form .login_button button:hover{background-color:#5f42bd;}
#login_page .bottom_form .forgot{padding-top:10px;}
#login_page a{color:#765dc9;font-weight:200;text-decoration:none;}
#login_page a:hover{border-bottom:1px dashed #765dc9;}
#login_page .optional-signin{clear:both;margin-top:30px;}
#login_page .g_id_signin{max-width:300px;margin-top:10px;}

/*  =======================================
        2). Forgot Password Page
    =======================================*/
#forgot_page,#reset_page{display:block;margin:40px 0;}
#forgot_page .sent{padding:10px;border:1px solid;border-radius:3px;text-align:left;margin-top:20px;color:#155724;background-color:#d4edda;border-color:#c3e6cb;}
#forgot_page .message{padding:12px;background:#fff;border:1px solid #eee;border-radius:4px;text-align:left;margin-bottom:20px;}
#forgot_page .bottom_form{text-align:left;margin-top:20px;}
#forgot_page .bottom_form .button{float:right;}
#forgot_page .bottom_form button{padding:16px 28px;font-size:16px;font-weight:500;outline:none;line-height:20px;list-style:none;position:relative;transition:background-color 0.2s cubic-bezier(0.3,0,0.5,1);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;appearance:none;background-color:#765dc9;border:1px solid rgba(27,31,35,0.15);border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;}
#forgot_page .bottom_form button:hover{background-color:#5f42bd;}
#forgot_page .bottom_form .return_login{padding-top:10px;}

/*  =======================================
        3). Reset Password Page
    =======================================*/
#reset_page .failed{padding:10px;border:1px solid;border-radius:3px;text-align:left;margin-bottom:20px;color:#721c24;background-color:#f8d7da;border-color:#f5c6cb;}
#reset_page .sent{padding:10px;border:1px solid;border-radius:3px;text-align:left;margin-top:20px;color:#155724;background-color:#d4edda;border-color:#c3e6cb;}
#reset_page .reset_message{padding:12px;background:#fff;border:1px solid #eee;border-radius:4px;text-align:left;margin-bottom:20px;}
#reset_page .matching{color:#eb4034;float:right;padding-right:3px;}
#reset_page .reset_message ul{padding:10px 20px;}
#reset_page .reset_message .failing{color:#eb4034;}
#reset_page .reset_message ul .passing{color:#168035;}
#reset_page .submission{text-align:left;margin-top:20px;}
#reset_page .submission .field{float:right;}
#reset_page .submission button{padding:16px 28px;font-size:16px;font-weight:500;outline:none;line-height:20px;list-style:none;position:relative;transition:background-color 0.2s cubic-bezier(0.3,0,0.5,1);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;appearance:none;background-color:#765dc9;border:1px solid rgba(27,31,35,0.15);border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;}
#reset_page .submission button:hover{background-color:#5f42bd;}
#reset_page .submission .return_home{padding-top:10px;}

/*  =======================================
        4). Mobile Overrides
    =======================================*/
@media only screen and (max-width:600px){#login_page .h1,#forgot_page .h1,#reset_page .h1{font-size:30px;padding-top:7px;}}