﻿sbody
{
    margin: 0px;
    background-color: #e6e6ff;
}

#header
{
    background-color: #FFFFFF;
    width: 100%;
}

#top_green
{
    background-color: #FFFFFF;
    width: 100%;
    height: 133px;
    box-shadow: 1px 1px 1px 1px #CFD0D5;
    -moz-box-shadow: 1px 1px 1px 1px #CFD0D5;
    -webkit-box-shadow: 1px 1px 1px 1px #CFD0D5;
}

#upper_border
{
    background-color: #014D60;
    position: relative;
    float: right;
    text-align: center;
    width: 100%;
    height: 18px;
}
#footer_border
{
    background-color: #00263b;
    position: relative;
    float: right;
    text-align: center;
    width: 100%;
    height: 70px;
    margin-top: -70px;
    font-family: 'Roboto Slab-Regular' , sans-serif !important;
    font-size: 12px;
}
#copyRight
{
    color: #F2F6F7;
    margin-top: 30px;
}
.spanFooter
{
    margin-left: 830px;
}
.logout
{
    /* 		this css class is only needed in custom styles (like the one for Synovus) 	*/
}

#lnkCreateNewProposal
{
    width: 120px;
    height: auto;
}


.greenBox
{
    background: #375270;
    color: White;
    padding: 5px;
}


.file-upload
{
    text-align: center;
    display: inline-block;
    text-decoration: none;
    border: none;
    cursor: pointer;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    -khtml-border-radius: 8px;
    height: 30px;
    width: 170px;
}

.file-upload input
{
    top: 0;
    left: 0;
    margin: 0;
    font-size: 16px;
    font-weight: bold; /* Loses tab index in webkit if width is set to 0 */
    opacity: 0;
    -moz-opacity: 0; /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0;
    filter: alpha(opacity=0);
}
#headTitle
{
    color: #4F4F4F;
    font-size: 38px;
    font-family: 'Roboto Slab' , serif !important;
    margin-top: 50px;
}
.gvStyle
{
    background-color: White;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 44px;
    margin-right: 44px;
}
#tblHome
{
    padding-top: 15px;
    border-spacing: 44px 0px;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
}
#tblMyAccount
{
    background-color: White;
    width: 80%;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-spacing: 44px 18px;
}
#tblFields
{
    padding-top: 15px;
    width: 98%;
    border-spacing: 5px 0px;
}
.textField
{
    border: 2px solid #F0F0F0;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    -khtml-border-radius: 15px;
    padding-left: 15px;
}
.tblHeaderRow
{
    width: 150px;
}
.dlFeesStyle
{
    background-color: #F9FAFC;
    width: 100%;
    margin-top: -8px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.titleBox
{
    color: #999999;
    font-family: Verdana;
    font-size: 15px;
    margin-bottom: 12px;
}
.tblBodyRow
{
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.style1
{
    width: 577px;
}
.productName
{
    color: #5A5A5A;
    font-family: Arial;
    font-weight: bold;
    font-size: 16px;
    padding-top: 44px;
    padding-bottom: 20px;
    text-align: center;
    width: 350px;
    background-color: White;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    -khtml-border-radius: 8px;
    border: 1px solid #DCDCDC;
}
.tblCoverImage
{
    width: 86%;
    margin-left: 7%;
    margin-right: 7%;
}
.fields
{
    color: #004764;
    font-size: 16px;
}
.productSelect
{
    background-color: #FCAE1B;
    border: none;
    text-align: center;
    text-decoration: none;
    margin: auto;
    display: block;
    font-size: 16px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    -khtml-border-radius: 15px;
    width: 110px;
    height: 33px;
    cursor: pointer;
    color: White;
}
.spaceInHeight
{
    height: 22px;
}
.spaceInHeight1
{
    height: 10px;
}
.editPageHeader
{
    background-color: #004764;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    color: White;
    text-align: center;
    font-size: 22px;
    font-family: Verdana;
    margin-top: 50px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-left: 44px;
    margin-right: 44px;
    margin-bottom: -1px;
}
.stylePlanInformation
{
    background-color: White;
    margin-left: 44px;
    margin-right: 44px;
    font-family: Arial;
    padding-top: 12px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-spacing: 22px 0px;
    table-layout: fixed;
}
/* Css per faqen My account Information*/#myAccInfoTitle
{
    color: #4F4F4F;
    font-size: 25px;
    font-family: Arial;
    margin-top: 50px;
    margin-left: 44px;
    margin-right: 44px;
}
.myInformation
{
    background-color: White;
}
.fieldNamesRow
{
    width: 150px;
    background-color: White;
    padding-top: 15px; /*colspan:2;*/
}
.uploadLogo
{
    background-color: #eeeeee;
    border: none;
    text-decoration: none;
    display: block;
    font-size: 16px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    -khtml-border-radius: 15px;
    width: 170px;
    height: 30px;
    cursor: pointer;
}
.divStyle
{
    border: 1px solid #BDBDBD;
    margin-left: 22px;
    margin-right: 30px;
    margin-bottom: 22px;
    margin-top: 22px;
    padding-bottom: 180px;
    width: 60%;
}
.divCompanyLogoStyle
{
    border: 1px solid #BDBDBD;
}
.logoSection
{
    border: 1px solid #BDBDBD;
    margin-left: 22px;
    margin-right: 30px;
    margin-bottom: 22px;
    margin-top: 22px;
    padding-bottom: 180px;
    width: 85%;
}
.btnSavePrieview
{
    background-color: #fdb839;
    color: White;
    border: none;
    text-decoration: none;
    display: block;
    font-size: 18px;
    border-radius: 17px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    -ms-border-radius: 17px;
    -khtml-border-radius: 17px;
    width: 220px;
    height: 40px;
    text-align: center;
    font-family: Arial;
    padding-top: 5px;
    margin-left: 47% !important;
    cursor: pointer;
}
.btnAppearance
{
    border: none;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    -ms-border-radius: 16px;
    -khtml-border-radius: 16px;
    color: White;
    font-family: Verdana;
    opacity: 1;
    -moz-opacity: 1; /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 1;
    cursor: pointer;
    height: 35px;
    width: 100px;
    font-size: 16px;
}
.dataList
{
    margin-left: 80px;
    margin-right: 30px;
}
.radioButton
{
    cursor: pointer;
}
.hr
{
    margin-left: 60px;
    margin-right: 60px;
}
.insidePhoto
{
    margin-top: 59px;
    height: 408px;
    width: 660px;
}
.popBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
    -moz-opacity: 0.7; /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.7;
}
.pnlEmail
{
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    -khtml-border-radius: 8px;
    padding: 22px;
    background-color: #FFF8F8;
    width: 400px;
    height: 360px;
}
.gvProopsalHistory
{
    background-color: #00263b;
}
.requiredFields
{
    color: Red;
    font-size: 20px;
    margin-left: 110px;
    font-family: Arial;
}
.dropDownList
{
    background: url("../ssmimages/select2.JPG");
    background-position: right;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    cursor: pointer;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    -ms-border-radius: 16px;
    -khtml-border-radius: 16px;
    border: 2px solid #F0F0F0;
    outline: none;
    overflow: hidden;
    text-indent: 0.01px;
    text-overflow: '';
}

.dropDownList::-ms-expand
{
    display: none;
}

.btnSignOut
{
    text-decoration: none;
    color: White;
    margin-left: 86%;
    cursor: pointer;
    background-color: #004764;
    border: none;
    margin-top: 6px;
    font-size: 14px;
}
a:link
{
    color: #848484;
}
a:visited
{
    color: #004886;
}
a:hover
{
    color: #004886;
}
a:active
{
    color: #004886;
}
.sortStyle
{
    font-family: 'Roboto Slab-Regular' , sans-serif !important;
    text-decoration: none;
    font-size: 15px;
}


.container {
  position: relative;
}
.imagecontainer{
  /*width:374px;*/
  height:94px;
  object-fit:cover
}
.instruction {
    width: 360px;
    margin-bottom: 0;
    font-size: 21px;
    opacity: 0.8;
    color: #41464c;
    display: none;
    transform: translateY(-400%);
}

.imagecontaineradvisor{
  /*width:374px;*/
  height:94px;
  object-fit:cover
}
.instructionadvisor {
    width: 360px;
    margin-bottom: 0;
    font-size: 21px;
    opacity: 0.8;
    color: #41464c;
    display: none;
    transform: translateY(-400%);
}