body, html {
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    font-size: 13px;
}
header {
    z-index:999 !important;
}

 .alert_box_header {
            width: 97%;
            margin: auto;
            position: absolute;
            left: 0;
            right: 0;
            top: 5px;
            height: 60px;
            line-height: 60px;
            background-color: rgba(189, 54, 47, 0.95);
            box-shadow: 0 0 12px #000000;
            opacity: 1;
            -moz-box-shadow: 0 0 12px #000000;
            -webkit-box-shadow: 0 0 12px #000000;
            z-index: 9999999999;
            color: #fff;
            padding: 0 19px;
        }

        .close.close_icon_color {
            text-shadow: 0 0px 0 #fff;
            font-weight: bold;
            color: #fff;
            margin-top: 16px;
        }

        .fa.fa-warning.fa_warning_header {
            float: left;
            margin-top: 13px;
            font-size: 30px;
            margin-right: 20px;
        }

        #spanerrorMessaegeicon .fa.fa-warning.fa_warning_header:before {
            content: "\f071" !important;
            font-family: FontAwesome !important;
            font-size: 23px;
        }

        
      .tooltip_main_box {
              width: 28px;
                margin-right: -31px;
                position: relative;
                right: -10px;
                    float: left;
                    /*color: #6d6d6d;*/
                    top: 3px;
      }
   
      .heading_style_reg_sub_child {
            position: relative;
      }

      .tooltip.right {
          top: 19.5px !important;
            width: 252px;
          }

      .tooltip.right .tooltip-arrow {
              top: 18px !important;
             border-right-color: #6d6d6d;
      }

     .tooltip.right .tooltip-inner {
          text-align: left;
    padding: 9px;
    top: 30px !important; 
                max-width: 252px;
    background-color: #6d6d6d;
    }
     .energy_mid_box {
             margin-bottom: 34px;
     }
     #txtEmailForgotUserName1 {
             width: 96% !important;
     }
   
     .tooltip-inner {
         max-width:300px;
        width:300px;
     }
       

         #page_loader {
            /*background-image: url('../images/loader.gif');*/
            background-repeat: no-repeat;
            background-position: center;
            width: 100%;
            height: 100%;
            background-color: white;
            opacity: .7;
            display: none;
            position: absolute;
            top: 0px;
            z-index: 99999999;
        }
        header {
    box-shadow: 0 0 4px #cfcfcf;
    padding: 0;
}
        .form-group
        {
            float: left;
            width: 100%;
        }

         #errorMsg
        {
            float:initial;
            position: absolute;
               top: 11px;
               left: 30%;
            width: 258px;
            background: rgba(60,60,60,.82);
            color: white;
            padding: 3px 8px;
            box-shadow: 0px 1px 3px #ccc;
            display: none;
            /*
            border-left: 3px solid #981902;*/
        }

        textarea {
        height: 149px!important;
resize: none;
        }

        .carousel-inner  {
            background:none !important;
        }

       
        .input_box_eff_wrap #txtEmailForgotUserName, #txtEmailForgotPassword#txtEmailForgotPassword, .input_box_eff_wrap #txtEmailOtherLogin, .input_box_eff_wrap #txtComments {
    width: 95% !important;
} 

        textarea {
                color: #000 !important;
        }
            @media (min-width: 414px) and (max-width:640px)   {
            .logo {
                text-align:right !important;
                margin-right:0 !important;
            }
            .logo img {
                max-width:100%;
                }

            .service_text p {
                font-size:12px !important;
            }
        }

     @media (min-width: 320px) and (max-width:640px)   {
         .tooltip_main_box {
               top: -8px !important;
                  margin-right: -18px !important;
         }
             .tooltip_main_box .glyphicon.glyphicon-info-sign.help_icon_img{
                        font-size: 12px !important;
                        top: 0px !important;
                        margin-left: 2px !important;
                         line-height: 1px;
                         margin-top:0px !important;
                     }
            .logo {
                text-align:right !important;
                margin-right:0 !important;
            }
            .logo img {
                max-width:100%;
                }
            .service_text p {
                font-size:12px !important;
            }
            #txtComments {
                height: 60px !important;
            }
        }
     

        @media (min-width: 320px) and (max-width:991px) {
            .w2ui-tag-body {
                    white-space: normal;
                    width: 100px;
            }  
            #txtEmailForgotUserName, #txtEmailForgotPassword, #txtEmailOtherLogin, #txtComments {
           width: 95% !important;
       }
             
        }
       .login-page input[type="text"] {
            height:35px
        }

       .w2ui-popup .w2ui-msg-body {
           overflow:hidden !important;
       }

@media (device-width:360px) and (device-height:640px) and (min-resolution: 288dpi) {
    #txtEmailForgotUserName1, #txtEmailForgotUserName, #txtEmailForgotPassword, #txtEmailOtherLogin, #txtComments {
        width: 94% !important;
    }
}
@media (max-width: 767px) and (min-width: 320px) {
    .w2ui-tag > div > .w2ui-tag-body {
        left: 10px !important;
        top: 0px !important;
        width: 200px;
    }
}
@media only screen and (min-width:768px) and (max-width:1024px) {
    .w2ui-tag > div > .w2ui-tag-body {
        left: -250px !important;
        bottom: 0px !important;
        width: auto;
    }
}