:root {
    --color_main: #005493;
    --color_main2: #1976D2;
    --color_hover: #14b09e;
    --color_hover2: #80DEEA;
    --color_thead: #1976D2;
    --color_font_thead: white;
    --color_font: #1976D2;
  
  }
  
  h1 {
    color: var(--color_main);
  }
  @media (min-width: 300px) { 
  
      .login-desktop{
        display:none;
      }
    
      .login-mobile{
        display:block;
      }
      .jconfirm .jconfirm-box.jconfirm-type-blue {
        width:400px!important;
      }
      
     }
    
    @media (min-width: 992px) { 
      .login-desktop{
        display:block;
      }
      .login-mobile{
        display:none;
      }
      .jconfirm .jconfirm-box.jconfirm-type-blue {
        width:650px!important;
      }
    
     }
    
    
    
    
    
    
    @import url("//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css");
    .jconfirm-title-c{
      color:#39499d;
    }
    .jconfirm .jconfirm-box.jconfirm-type-blue {
        border-top: solid 7px var(--color_hover)!important;
        -webkit-animation-name: type-blue;
        animation-name: type-blue;
    }
    .login-block{
    
    float:left;
    width:100%;
    padding : 80px 0;
    }
    body{background: #39499d;  overflow: hidden;
    background: -webkit-linear-gradient(to bottom, var(--color_hover)70, #39499d85);  /* Chrome 10-25, Safari 5.1-6 */
    
    background: linear-gradient(to bottom, #14b09e70, #39499d85);/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    
    }
    .banner-sec{ background: var(--color_main);
      background-size:cover; min-height:500px; border-radius: 0 10px 10px 0; padding:0;}
    .container-a{background:#fff; border-radius: 10px; box-shadow:19px 17px 10px rgb(0 0 0 / 10%);}
    .carousel-inner{border-radius:0 10px 10px 0;}
    .carousel-caption{text-align:left; left:5%;     width: 90%;}
    .login-sec{padding: 50px 30px; position:relative;}
    .login-sec .copy-text{position:absolute; width:80%; bottom:20px; font-size:13px; text-align:center;}
    .login-sec .copy-text i{color:#FEB58A;}
    .login-sec .copy-text a{color:#E36262;}
    .login-sec h2{margin-bottom:30px; font-weight:800; font-size:30px; color: #1cac9e;}
    .login-sec h2:after{content:" "; width:150px; height:5px; background:#FEB58A; display:block; margin-top:20px; border-radius:3px; margin-left:auto;margin-right:auto}
    .btn-login{background: #1cac9e; color:#fff; font-weight:600;}
    .banner-text{width:80%; position:absolute; bottom:40px; padding-left:0px;}
    .banner-text h2{color:#fff; font-weight:600;}
    .banner-text h2:after{content:" "; width:150px; height:5px; background:var(--color_hover); display:block; margin-top:20px; border-radius:3px;}
    .banner-text p{color:#fff;}
    
    .btn-info{ background:var(--color_hover); }
    
    .custom-btn {
      width: 130px;
      height: 40px;
      color: #fff;
      border-radius: 5px;
      padding: 10px 25px;
      font-weight: 500;
      background: transparent;
      cursor: pointer;
      transition: all 0.3s ease;
      position: relative;
      display: inline-block;
       box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
       7px 7px 20px 0px rgba(0,0,0,.1),
       4px 4px 5px 0px rgba(0,0,0,.1);
      outline: none;
    }
    .btn-regis {
      border: none;
      background: rgb(251,33,117);
      background: linear-gradient(0deg, rgb(131 149 216) 0%, rgb(0 255 235 / 100%) 100%);
        color: #fff;
        overflow: hidden;
    }
    .btn-regis:hover {
        text-decoration: none;
        color: #fff;
    }
    .btn-regis:before {
        position: absolute;
        content: '';
        display: inline-block;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        animation: shiny-btn1 3s ease-in-out infinite;
    }
    .btn-11:hover{
      opacity: .7;
    }
    .btn-regis:active{
      box-shadow:  4px 4px 6px 0 rgba(255,255,255,.3),
                  -4px -4px 6px 0 rgba(116, 125, 136, .2), 
        inset -4px -4px 6px 0 rgba(255,255,255,.2),
        inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
    }
    
    
    @-webkit-keyframes shiny-btn1 {
        0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
        80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
        81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
        100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
    }
    
    #user_login{
      display: inherit;
      width: 100%;
      
      }
      #user_pass{
      display: inherit;
      width: 100%;
      
      }
      #wp-submit{
          width:100%;
      }
      
      #snow-animation-container {
          position: fixed;
          width: 100%;
          height: 100%;
          overflow: hidden;
      }
      #wp-submit{
        background:var(--color_main);
      }
      
      .banner-text p {
          background: #15385857;
          color: #fff;
      }
      
      .banner-sec{
       /*background-image: url(https://pacsotodemo.elazticservice.com/wp-content/uploads/2023/02/Cover-Page-01.jpg);*/
       background-image: url(https://pacsotodemo.elazticservice.com/wp-content/uploads/2023/02/pacservice.jpg);
    
        background-position: center;
      
      }  
  
  
      .error{
        padding: 10px;
        background: lightgray;
        font-size:10px!important;
        color: #7e3131;
      }