body, html {
    font-family:Arial;
    position:relative;
    background-color:#EEEEEE;
    position:relative;
    min-height: 100% !important;
    height: 100%;
}

.cardroot {
    position: relative;
    background-color: #f5f5f5;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    margin:0 auto;
    width: 800px;
    height: 465px;
    top: 50px;
    max-width:90%;

    border-radius: 20px;;
}

#logoPanel {
    width:100%;background-color:#ffffff;top:0px;position:relative;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom: 1px solid #e0e0e0;
}
#btnPanelDiv {
    position:relative;width:100%;margin-top:50px;
}
#logoPanelDiv {
    width:100%;background-color:#ffffff;border-top-left-radius:20px;border-top-right-radius:20px;
}
#contactUsDiv {
    text-align:right;padding-right:5px;vertical-align:middle;font-size:12px;color:gray;
}
.tickBtnCls
{
	displayx:none;
}
.smpccam
{
	displayx:none;
}
.leftBtnPanel {
    width:50%;
}
.rightBtnPanel {
    width:50%;text-align:left;
}

.boxer {
   display: table;
   border-collapse: collapse;
}
 
.boxer .box-row {
   display: table-row;
}
 
.boxer .box {
   display: table-cell;
   text-align: left;
   vertical-align: top;
   border: 0px solid black;
}

.boxcenter {
   display: table-cell;
   text-align: center;
   vertical-align: top;
   border: 0px solid black;
}

.buttonCard {
    width:280px;
    height:60px;
    background-color:#0063b1;
    margin:auto;
    color:#ffffff;
    vertical-align:middle;
    font-size:15px;
    line-height:60px;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.24), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
    cursor:pointer;
    border-radius: 38px;
    padding-left:10px;
}
.buttonCardMenu {
    width:240px;
    height:50px;
    background-color:#0063b1;
    margin:auto;
    color:#ffffff;
    vertical-align:middle;
    font-size:15px;
    line-height:50px;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.24), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
    cursor:pointer;
    border-radius: 4px;
}
.buttonCardMenu1 {
    width:280px;
    height:50px;
    background-color:#009F3C;
    margin:auto;
    color:#ffffff;
    vertical-align:middle;
    font-size:15px;
    line-height:50px;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.24), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
    cursor:pointer;
    border-radius: 4px;
}
.buttonCardMenu1:hover {
	background-color:darkgreen;
}
.buttonCardMenuOrange {
    width:280px;
    height:50px;
    background-color:#FF6600;
    margin:auto;
    color:#ffffff;
    vertical-align:middle;
    font-size:15px;
    line-height:50px;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.24), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
    cursor:pointer;
    border-radius: 4px;
}
.spacer50 {
    height:35px;
}
.spacerMenu {
    height:0px;
}
#viewPCBtn {
    background-color:#FF6600;vertical-align:middle;
}
#showPCBtn, #showPCBtn1, #showPCBtn2{
    background-color:#009F3C;
}
#topbar {
    background-color:gray;
    height:0px;
}
#copyDiv {
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 100%;
    font-size: 12px;
    color:gray;
}
#downlink, #fdownlink, #downlink1, #downlink2 , #vdownlink1 {
    text-decoration:none;
    color:#ffffff;
}

#optionsMenu {
    width: 240px;
    border-radius: 4px;
    z-index: 100;
    margin:auto;
    display:none;
}
#showMenu {
    position: absolute;
    width: 240px;
    background-color: #f5f5f5;
    border-radius: 4px;
    z-index: 100;
    margin-top:1px;
    display:none;
}
#mask{
	display:none;opacity:0.5;position:absolute;width:100%;height:100%;top:0px;left:0px;background-color:black;z-index:200;
}

#outPopUp {
    display:none;
    position: absolute;
    width: 300px;
    height: 200px;
    z-index: 15;
    top: 50%;
    z-index:205;
    border-radius:20px;
    box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.24), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
    background-color:#EEEEEE;
}
#outPopUpFrame {
    border-radius:20px;
}
#outPopUpCloseBtn {
    position: absolute;
    text-align: right;
    top: 0px;
    right: 0px;
    color: #0063b1;
    font-size: 50px;
    background-color: #ffffff;
    border-radius: 100%;
    cursor: pointer;
}
#optionsMenuCloseBtn {
    display:none;
    positionX: absolute;
    text-align: right;
    top: 0px;
    right: 0px;
    color: #0063b1;
    font-size: 50px;
    background-colorX: #ffffff;
    border-radius: 100%;
    cursor: pointer;
}
#outPopUp1 {
    display:none;
    position: absolute;
    width: 300px;
    height: 200px;
    z-index: 15;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -150px;
    z-index:205;
    border-radius:2px;
    box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.24), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
    background-color:#EEEEEE;
}
#outPopUpCloseBtn1 {
    position: absolute;
    text-align: right;
    top: 0px;
    right: 0px;
    color: #0063b1;
    font-size: 50px;
    background-color: #ffffff;
    border-radius: 100%;
    cursor: pointer;
}
input[type="text"]{
   -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
}
#showMoreMenu {
    display:none;
    position: absolute;
    width: 280px;
    heightx: 100px;
    z-index: 205;
    topX: 50%;
    leftX: 50%;
    marginX: -50px 0 0 -110px;
    background-color:#f5f5f5;
}
#viewMoreMenu {
    display:none;
    position: absolute;
    width: 280px;
    height: 100px;
    z-index: 205;
    topX: 50%;
    leftX: 50%;
    marginX: -50px 0 0 -110px;
    background-color:#f5f5f5;
}
#viewMore, #showMore {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
#loginDialog {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -125px;
    margin-left: -143px;
    width: 286px;
    height: 252px;
    z-index: 220;
    box-shadow: 1px 1px 1px #888888;
    background: #0063b1;
    color: #ffffff;
    border-radius: 2px;
}
.iconDialogTD {
    width: 40px;
    vertical-align: middle;
    text-align: right;
    cursor: pointer;
}
.dialogTitle {
    font-size: 20px;
    vertical-align: middle;
}
.dialogBodyDiv {
    padding: 10px;
    color: #37444c;
    text-align: center;
}
.pgforminput {
    height: 35px;
    width: 250px;
    border: 1px solid #E0E0E0;
    outline: 0;
    color: #616161;
}
.inputlabel {
    color: #616161;
    font-size: 12px;
    text-align: left;
    font-weight: bold;
}
.closeDialogTD {
    width: 50px;
    vertical-align: middle;
    text-align: right;
    cursor: pointer;
}
.actionIcon {
    height: 40px;
    width: 40px;
    background-color: #FFA000;
    border-radius: 100%;
    text-align: center;
}
.material-icons {
    /*color: rgba(255, 255, 255, 1);*/
    font-size: 36px;
}
.actionIconImg {
    line-height: 40px;
    font-size: 24px;
    cursor: pointer;
}

#forgotPassBtn {
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}
.blueTxt {
    color: #0063b1;
}
.menuLink {
    color:#0063b1;text-decoration:none;
}
@media only screen and (max-width: 600px) {
	.contactInfo {
        display:none;
    }
    .spacerMenu {
        height:25px;
    }
}