﻿
.label-14 {
    font-family: Open Sans !important;
    color: #4D4D4F !important;
    font-size: 12px !important;
    font-weight: 600 !important; 
    word-wrap:break-word;  
}

.label-14-margin-bottom {
    font-family: Open Sans !important;
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 600 !important;   
    margin-bottom: 20px !important;   
}

.label-14-margin-bottom-type {
    font-family: Open Sans !important;
    color: #FFFFFF !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
}

.label-12 {
    font-family: Open Sans !important;
    color: #4D4D4F !important;
    font-size: 10px !important;
    font-weight: 500 !important; 
    word-wrap:break-word;  
}

.label-14-400 {
    font-family: Open Sans !important;
    color: #4D4D4F !important;
    font-size: 12px !important;
    font-weight: 300 !important;   
    margin-left: 30px;
    margin-right : 40px;
}

.label-14-600 {
    font-family: Open Sans !important;
    color: #4D4D4F !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    margin-left: 30px;
    margin-right: 40px;
}

.label-title {
    font-family: Open Sans !important;
    color:  #007F8D!important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding-bottom : 2px;
    border-bottom: 1px solid #d7d7d7;    
}

.label-error-message {
    font-family: Open Sans !important;
    color: darkred !important;
    font-weight: 600 !important;
    font-size: 16px !important;
}

.label-message {
    font-family: Open Sans !important;
    color: darkred !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    margin-left : 40px;
}

.height100{
    height : 100px !important
}

.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}

.margin-top
{
    margin-top : 20px !important;
}

.card{
    width: auto; 
    margin-left: 30px; 
    margin-top: 10px; 
    margin-right: 40px;
}

.table-div{
    display:table;
    width: 100%;
    border:none;
    border-collapse: collapse;
}
.tr-div{
    display:table-row;
    width : 100%;
}

.tr-div-test {
    display: table-row;
    width: 100%;
    height : 80px;
}

.tr-div-type {
    display: table;
    width: 100%;
}


.td-div {
    display:table-cell;    
    text-align: left;   
    padding-left: 10px;
    padding-top : 2px;
    padding-bottom:2px;
    width: 16.7%;
}

.td-div-pip {
    display: table-cell;
    text-align: left;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 200px;
}

.td-div-std {
    display: table-cell;
    text-align: left;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 24.7%;
}

.td-div-title {
    display:inline-block;
    text-align: center;
    width: 49%;
}

.td-test {
    text-align: left;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 100%;
}

.td-div-row {
    display: table-cell;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 33.3%;
}


.td-div-300 {
    display:table-cell;    
    text-align: left;   
    padding-left: 10px;
    padding-top : 3px;
    width: 300px;
}

.td-div-100 {
    display:table-cell;    
    text-align: left;   
    padding-left: 10px;  
    padding-top : 3px;
    width: 100px;
}

.border-right{
     border-right : 1px solid silver !important;   
}

.border-left{
     border-left : 1px solid silver !important;   
}

.border-right-margin{
     border-right : 1px solid silver !important;   
     margin-left: 2px !important;
}

.header-color{
    background-color: #E8e8EE !important;
}

.fieldset {
    border: 1px solid #d7d7d7;
    margin-top: 1em;     
    margin-top: 1%;
    margin-left: 3%;
    margin-bottom: 1%;
    margin-right: 3%;   
    padding-bottom: 2%;
}

.fieldset h1 {
    font-size: 16px; 
    text-align : left;
    margin-top : 0.6em;        
    margin-bottom : 0.6em;
    
}

.fieldset h1 span {
    display: inline;   
    background: #ffffff;
    padding: 5px 5px;
    position: relative;
    top: 0.2em;    
    margin-left : 15px;  
}

#accountprofilemenu ul {
    list-style-type: none;  
    margin-left : 1%;
    padding: 5px;
    overflow: hidden;
}

#accountprofilemenu ul  li {
    float: left;
}

 #accountprofilemenu ul li a {
    display: block;
    color: #007F8D;
    font-size : 12px;
    font-weight: 600;
    text-align: center;
    padding: 5px 12px;
    text-decoration: none;   
    border-right: 1px solid silver !important;  
}

 #accountprofilemenu ul li a:hover {
        background-color: silver;
    }

 #accountprofilemenu li:last-child a {
    border-right: none !important;
}

hr {
    border: none;
    height: 1px;
    /* Set the hr color */
    color: #d7d7d7; /* old IE */
    background-color: #d7d7d7; /* Modern Browsers */
}

.margin-left {
   margin-left : 0 !important;
}

.MenuItemCenter
{
   text-align : center !important;
}

#payto {
    width: 600px !important;
    border-spacing: 0;
    border-collapse: collapse;
    border : none;
}

#payto table.grid td, th {
    border: none;
}


























