@font-face {    
    font-family: 'Roboto-Regular';
    src: url('/CommonProfileTheme/Roboto-Regular.ttf') format('truetype');
   }
@font-face {    
    font-family: 'Roboto-Medium';
    src: url('/CommonProfileTheme/Roboto-Medium.ttf') format('truetype');
   }

div label.ProfileUpdatelabel{
     vertical-align: top;
    color: #000000;
    vertical-align: top;
    font-size: 18px;
    font-family: 'Roboto-Medium', sans-serif;
    font-weight: 400;
    
}
input.prefixlineCommonProfile{
border: none !important;
border-bottom:1px solid grey !important;
border-radius: 0px !important;
background-color: transparent !important;
box-shadow: none !important;
width: 80%;
margin: 0px auto;
font-family: 'Roboto-Regular', sans-serif;
}
input.lineCommonProfile{
border: none !important;
border-bottom:1px solid grey !important;
border-radius: 0px !important;
background-color: transparent !important;
box-shadow: none !important;
width: 100%;
font-family: 'Roboto-Regular', sans-serif;
}

input.emaillineCommonProfile{
border: none !important;
border-bottom:1px solid grey !important;
border-radius: 0px !important;
background-color: transparent !important;
box-shadow: none !important;
width: 100% ;
font-family: 'Roboto-Regular', sans-serif;
}


.welcomeText{
  width:148px;
  height:25px;
 font-family: 'Roboto-Medium', sans-serif;
  font-weight:700;
  font-style:normal;
  font-size:20px;
  color:#999999;
  
}

.welcomeText2{
font-size:20px;
font-family: 'Roboto-Regular', sans-serif;
}

label.setprimarycontact_label.ThemeGrid_Width9{
margin-left: 15px;
font-family: 'Roboto-Regular', sans-serif;
}

.use-all{
font-family: 'Roboto-Regular', sans-serif;
}

.clear-all{
font-family: 'Roboto-Regular', sans-serif;
}

footer {
    color: #fff;
    background-color: #fff;
    min-height: 0px;
    bottom:0px;
    margin:0px;
    padding:0px;
    position:relative;
    font-size: 14px;
    display: block;
    font-size: 80%;
    line-height: 1.42857143;    
}
img.myAppTitlexxx {
    height: 90px ;
    padding-left: 7% ;
    padding-top: 1.5% ;
    padding-right: 1px ;
    width:400px;
}
.ssgfooter
{
display:none;
}
.wsgfooter
{
display:block;
margin-top:10px;
}
.CustomHeader {   
    border-width: 0px;
    position: absolute;
    left: 0px;
    top: 0px;   
    height: 100px;
    width:100%;
    background: inherit;
    background-color: #ffffff;
    border: none;
    border-radius: 0px;
    -moz-box-shadow: 0px 5px 10px rgba(94, 94, 94, 0.349019607843137);
    -webkit-box-shadow: 0px 5px 10px rgba(94, 94, 94, 0.349019607843137);
    box-shadow: 0px 5px 10px rgba(94, 94, 94, 0.349019607843137);
    } 

.cancelbutton{
  cursor: pointer;
    background-color: #fff;
    border:none; 
    text-shadow: none;
    font-family: 'Roboto-Regular', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #6B6B6B;
    width: 100px;
    height: 40px;
    }

.savebutton{
cursor: pointer;
         background-color: #b91b7b;
        border:none;
    /* border: 1px solid #fff */
    /* border-color: #bb8e8e; */
    color: #15b0c1;
    text-shadow: none;
    font-family: 'Roboto-Regular', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #fff;
    width: 100px;
    height: 40px;
    }


.Footer.ThemeGrid_Wrapper {
    padding: 0;
    background-color: #fff ;
    position: relative;
box-shadow: 1px -3px 20px 5px #bfbbbb;
}



@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
img.myAppTitlexxx {
    height: 90px ;
    padding-left: 7% ;
    padding-top: 1.5% ;
    padding-right: 1px ;
    width:300px;
}


 
.CustomHeader.ThemeGrid_Wrapper {
     background-color: #ffffff ;
    color: #d1d1d1;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 20;
    height: 90px ;
}


.cancelbutton{
  cursor: pointer;
    background-color: #fff;
    border:none; 
    text-shadow: none;
    font-family: 'Roboto-Regular', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #6B6B6B;
    width: 100px;
    height: 40px;
    }

.savebutton{
cursor: pointer;
         background-color: #b91b7b;
        border:none;
    /* border: 1px solid #fff */
    /* border-color: #bb8e8e; */
    color: #15b0c1;
    text-shadow: none;
   font-family: 'Roboto-Regular', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #fff;
    width: 100px;
    height: 40px;
    }


.Footer.ThemeGrid_Wrapper {
    padding: 0;
    background-color: #fff ;
    position: relative;
box-shadow: 1px -3px 20px 5px #bfbbbb;
}


}
@media only screen and (min-device-width: 768px) and (max-device-width:1024px){
img.myAppTitlexxx {
    height: 90px ;
    padding-left: 7% ;
    padding-top: 1.5% ;
    padding-right: 1px ;
    width:300px;
}


 
.CustomHeader.ThemeGrid_Wrapper {
     background-color: #ffffff ;
    color: #d1d1d1;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 20;
    height: 90px ;
}



.cancelbutton{
  cursor: pointer;
    background-color: #fff;
    border:none; 
    text-shadow: none;
    font-family: 'Roboto-Regular', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #6B6B6B;
    width: 100px;
    height: 40px;
    }

.savebutton{
cursor: pointer;
         background-color: #b91b7b;
        border:none;
    /* border: 1px solid #fff */
    /* border-color: #bb8e8e; */
    color: #15b0c1;
    text-shadow: none;
    font-family: 'Roboto-Regular', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #fff;
    width: 100px;
    height: 40px;
    }
.Footer.ThemeGrid_Wrapper {
    padding: 0;
    background-color: #fff ;
    position: relative;
   box-shadow: 1px -3px 20px 5px #bfbbbb;
}
}