﻿@font-face {
    font-family: "Abel-Regular";
    src: url(Abel-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "Inconsolata-Regular";
    src: url(Inconsolata-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "Inconsolata-Bold";
    src: url(Inconsolata-Bold.ttf) format("truetype");
}

@font-face {
    font-family: "Cousine-Regular";
    src: url(Cousine-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "Pacifico";
    src: url(Pacifico.ttf) format("truetype");
}

@font-face {
    font-family: "Bitter-Regular";
    src: url(Bitter-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "DV_ME_Shree0715";
    src: url(DV_ME_Shree0715.ttf) format("truetype");
}

@font-face {
    font-family: "Sinhala";
    src: url(CHAMARA.ttf) format("truetype");
}

.cssSINHALA {
    font-family: "Sinhala";
}

div.pageHeaderContainer {
    min-height: 60px;
    width: 100%;
}

div.pageHeader {
    color: #800000;
    height: 60px;
    width: 1200px;
    background-color: #FCFCFC;
    margin: 0 auto;
}

.ddlCountryMasterPage {
    font-family: "Bitter-Regular";
    font-size: 14px;
    float: right;
    padding-bottom: -30px;
}

.topmenuMasterPage {
    float: right;
    padding-right: 20px;
}


div.pageMasterHeader {
    color: #800000;
    height: 60px;
    width: 1200px;
    margin: 0 auto;
}

div.pageFooter {
    font-family: "Inconsolata-Bold";
    font-size: 20px;
    color: #FFFFFF;
    width: 100%;
    text-align: center;
    background-color: #800000;
}

div.divLogin {
    height: 600px;
    width: 100%;
    font-family: "Inconsolata-Regular";
    font-size: 40px;
    padding-top: 30%;
    padding-left: 20%;
}

div.divHeader1 {
    font-family: "Pacifico";
    font-size: 28px;
    text-align: center;
    color: #2b378f;
    /*color:#7ec5da;*/
    /*color:white;*/
}

div.divSubHeader {
    font-family: "Pacifico";
    font-size: 18px; 
    color: #2b378f;
    /*color:#7ec5da;*/
    /*color:white;*/
}

div.headerLine {
    height: 1px;
    background-color: #800000;
}

div.logincontainer {
    text-align: center;
    vertical-align: central;
    /*background-color: #FCFCFC;*/
    width: 100%;
}

div.rowContainer {
    width: 100%;
    text-align: center;
    padding-left: 200px;
}

div.divLoginRow {
    height: 100px;
    padding-top: 30px;
    background-color: #FAFAFE;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #0033CC;
    border-top-style: solid;
    border-top-width: thin;
    border-top-color: #C0C0C0;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #C0C0C0;
    width: 100%;
}

div.divLoginColLeft {
    font-family: "Abel-Regular", Verdana;
    font-size: 20px;
    text-align: left;
    vertical-align: central;
    padding-left: 30px;
}

div.divButton {
    height: 30px;
    width: 100%;
    text-align: center;
    padding-left: 200px;
}

div.divLoginButton {
    width: 100%;
    text-align: center;
    font-family: "Inconsolata-Regular", Verdana;
    background-color: #874343;
}

.btnStyle {
    text-align: center;
    background-color: #874343;
    font-family: "Bitter-Regular";
    font-size: 18px;
    color: white;
    border: none;
    padding-top: -10px;
}

.divErrorRow {
    width: 100%;
    text-align: center;
    height: 30px;
    padding-top: 10px;
    font-family: "Inconsolata-Regular", Verdana;
    font-size: 20px;
    color: red;
}

.txtControl {
    font-family: "Inconsolata-Regular", Verdana;
    font-size: 20px;
}

.radpnlBarTextStyle {
    font-family: "Abel-Regular";
    font-size: 24px;
}

.masContent {
    /*background-color: #FCFCFC;*/
    min-height: 800px;
    width: 100%;
}

.masWrapperContent {
    width: 1253px;
    background-color: white;
    min-height: 800px;
    margin: 0 auto;
    /*box-shadow: 0px 0px 10px #888888;*/
}

#masContentOverflow {
    overflow: auto;
}

.masMenu {
    width: 1250px;
    background-color: white;
    margin: 0 auto;
    /*box-shadow: 0px 0px 5px #888888;*/
}

.masInnerContent {
    width: 1250px;
    float: left;
    border-left-style: solid;
    border-left-width: thin;
    border-left-color: #808080;
    border-right-style: solid;
    border-right-width: thin;
    border-right-color: #808080;
    min-height: 800px;
}

.masContentInner {
    float: left;
    width: 100%;
}

.aspTableStyle {
    width: 100%;
    border: thin solid #999999;
    background-color: #FCFCFC;
    border-radius: 5px;
    box-shadow: 5px;
}

.subPageContent {
    width: 100%;
    background-color: #FCFCFC;
    min-height: 650px;
    margin: 0 auto;
    font-family: "Inconsolata-Regular";
    font-size: 40px;
}

.aspHeaderRow1 {
    font-family: "Inconsolata-Bold";
    font-size: 28px;
    font-style: normal;
    background-color: #575757;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #808080;
    text-align: center;
    margin-top: 5px;
    color: #FFFFFF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}



.aspHeaderRowWithoutBanner {
    font-family: "Inconsolata-Bold";
    font-size: 28px;
    font-style: normal;
    /* background-color: #575757;*/
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #808080;
    text-align: center;
    margin-top: 5px;
    color: #FFFFFF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


.aspHeaderRow2 {
    font-family: "Bitter-Regular";
    font-size: 22px;
    font-style: normal;
    background-color: #F2F2F2;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #808080;
    text-align: center;
    margin-top: 5px;
    color: #800000;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


.grdItemStyle {
    font-family: "Bitter-Regular";
    font-size: 14px;
}



.aspTableRow {
    width: 100%;
    min-height: 30px;
    vertical-align: central;
    font-family: "Bitter-Regular";
    font-size: 16px;
    font-weight: 500;
    margin-top: 2px;
}

.aspTableAltRow {
    width: 100%;
    min-height: 30px;
    vertical-align: central;
    font-family: "Bitter-Regular";
    font-size: 16px;
    font-weight: 500;
    background-color: #E6E6E6;
}

.aspTable2ColLeft {
    text-align: right;
    padding-left: 5px;
    width: 30%;
    font-family: "Bitter-Regular";
    font-size: 16px;
}

.aspTable2ColRight {
    text-align: left;
    padding-left: 5px;
    width: 70%;
    font-family: "Bitter-Regular";
    font-size: 16px;
}

.aspTable3ColRight {
    text-align: left;
    padding-left: 5px;
    width: 85%;
    font-family: "Bitter-Regular";
    font-size: 16px;
}

.aspTable4ColLeft {
    text-align: right;
    padding-left: 5px;
    max-width: 15%;
    min-width: 15%;
    width: 15%;
    font-family: "Bitter-Regular";
    font-size: 16px;
}

.aspTable4ColRight {
    text-align: left;
    padding-left: 5px;
    max-width: 35%;
    min-width: 35%;
    width: 35%;
    font-family: "Bitter-Regular";
    font-size: 16px;
}

.aspButtonRow {
    width: 100%;
    height: 35px;
    vertical-align: central;
    font-family: "Bitter-Regular";
    font-size: 12px;
    font-weight: 500;
    text-align: center;
}

.aspTableErrorRow {
    width: 100%;
    vertical-align: central;
    font-family: "Bitter-Regular";
    font-size: 14px;
    font-weight: 600;
    color: red;
    text-align: center;
}

.divUC2Col {
    border: thin solid #C3C3C3;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0px 0px 5px #888888;
    height: 400px;
    width: 550px;
    float: left;
}

.divUC2ColHeader {
    background-color: #2B373D;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    min-height: 40px;
    color: #FFFFFF;
}

.divUC2ColHeaderCol1 {
    color: #FFFFFF;
    font-family: "Bitter-Regular";
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    float: left;
    width: 300px;
    border-top-left-radius: 5px;
    text-align: center;
    vertical-align: central;
    padding-top: 5px;
}

.divUC2ColHeaderCol2 {
    color: #FFFFFF;
    font-family: Roboto,sans-serif;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    border-top-right-radius: 5px;
    float: left;
    width: 200px;
    text-align: center;
    padding-top: 3px;
}


.wucRSD {
    border: thin solid #C3C3C3;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0px 0px 5px #888888;
    padding: 5px;
    height: 400px;
    float: left;
    width: 1230px;
}

.wucRSDHeader {
    font-family: "Bitter-Regular";
    font-size: large;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #007ACC;
    text-align: center;
}


.divUC1Col {
    border: thin solid #C3C3C3;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0px 0px 5px #888888;
    padding: 5px;
    height: 400px;
    float: left;
}

.divUC1ColHeader {
    background-color: #004488;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    min-height: 40px;
}

.divUC1ColHeaderCol1 {
    background-color: #004488;
    color: #FFFFFF;
    font-family: Roboto,sans-serif;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    border-top-left-radius: 5px;
    text-align: center;
    vertical-align: central;
    padding-top: 5px;
}

.txtContent {
    font-size: 12pt;
    font-family: 'Arial Unicode MS';
}

/* Jj : 07 DEC 2018 - CREATED FOR NEW LOGO AND MASTER'S DESIGN*/
.FooterMasters {
    background-color: #7ec5da;
    color: white;
}

.MenuBar {
    font-size: small;
    color: #2b378f;
}

.PanelsHeader {
    background-color: #2b378f;color: #7ec5da;
    /*background-color: #7ec5da;color: #2b378f;*/
}

.jHeader {
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 20px;
    /*text-align: right;*/
    /*color: #2b378f;*/ 
    color: #7ec5da;
}
.jSubHeader {
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    text-align: right;
    /*color: #7ec5da;*/ 
    color: #2b378f; 
}