[genuitec-file-id="wc2-121"],[genuitec-lp-path="/retiredemployees/WebContent/css/style.css"],[genuitec-lp-enabled=false]{
  /* for codelive */
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Light.eot');
    src: url('../fonts/Raleway-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Raleway-Light.woff') format('woff'),
        url('../fonts/Raleway-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway.eot');
    src: url('../fonts/Raleway.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Raleway.woff') format('woff'),
        url('../fonts/Raleway.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Bold.eot');
    src: url('../fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Raleway-Bold.woff') format('woff'),
        url('../fonts/Raleway-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'BodoniBT-Book';
    src: url('../fonts/BodoniBT-Book.eot');
    src: url('../fonts/BodoniBT-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BodoniBT-Book.woff') format('woff'),
        url('../fonts/BodoniBT-Book.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
  font-family: Poppins-Regular;
  src: url('../fonts/poppins/Poppins-Regular.ttf'); 
}

@font-face {
  font-family: Poppins-Medium;
  src: url('../fonts/poppins/Poppins-Medium.ttf'); 
}

@font-face {
  font-family: Poppins-Bold;
  src: url('../fonts/poppins/Poppins-Bold.ttf'); 
}

@font-face {
  font-family: Poppins-SemiBold;
  src: url('../fonts/poppins/Poppins-SemiBold.ttf'); 
}

@font-face {
  font-family: Montserrat-Bold;
  src: url('../fonts/montserrat/Montserrat-Bold.ttf'); 
}

body {
    color: #434349;
    font-family: 'Poppins-Medium, sans-serif';
    font-size:13pt;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, ul, p {
    margin: 0;
}
h1 {
    font-size: 38px;
    margin-bottom: 10px;
    font-weight: 400;
    color: #ffffff;
}
.contentSection
{
    min-height: 650px;
}
:root
{
	--common-color:#2e8488;
}
/************** header start ***************/
.logoLeft {
    display: inline-block;
    vertical-align: middle;
    width: 10%;
    text-align: left;
}
.headerTitle {
    display:  inline-block;
    width: 79%;
    vertical-align: middle;
    text-align: center;
}
.logoRight {
    display: inline-block;
    width: 10%;
    vertical-align: middle;
    text-align: right;
}
.logoLeft img, .logoRight img {
    width: 100px;
}
.isroimg{
    background: #fff;
    border-radius: 50%;
     -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    
    padding: 9px;

}
.headerTop {
    background: #2e8488;
    padding: 25px 10px;
}
.headerTitle span {
    display:  block;
    font-size: 15px;
    color: #ffffff;
}
.headerTitle h1 {
    font-family: BodoniBT-Book;
    font-weight: bold;
}
.headerMenu {    
    text-align: right;
    background: #2cabe2;
    padding: 20px 15px 13px;
}
body .headerButton {
    background: none;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 5px 20px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    vertical-align: middle;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
body .headerButton:hover {
    background: #fff;
    color: #2cabe2;
}
.banner img {
    width: 100%;
}
/************** header end ***************/
/******** menu ***********/
.mainMenu {
    text-align: center;
    background: #87abad;
    position: relative;
    min-height: 45px;
}
.mainMenu ul {
    padding: 0;
    text-align: center;
    display: inline-block;
    position: relative;
}
.mainMenu li {
    display:  inline-block;
    font-size: 17px;
    position: relative;
}
.mainMenu li a {
    display:  block;
    padding: 15px 15px;
    color: #fff;
    text-decoration:  none;
    position: relative;
}
.mainMenu li:after {
    content:  "";
    position:  absolute;
    left: 10px;
    right: 10px;
    bottom: 5px;
    height:  2px;
    background: #fff;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.mainMenu li:hover:after {
    opacity: 1;
}
.mainMenu li.menuActive:after 
{
    opacity: 1;
}
/******** menu ***********/
/************** footer start ***************/
footer {
    background: #3a3a3a;
    color:  #fff;
    text-align: center;
}
.fooerSection {
    background: #3a3a3a;
    color: #fff;
    text-align: center;
}
.footerSec {
    font-size: 12px;
    background: #3a3a3a;
    color: #fff;
    padding: 30px;
    text-align: center;
}
.footerpara{
	font-size: 12px;
	line-height: 10px;
	margin-bottom: 10px;
	font-weight: 300;
}

/************** footer end ***************/
/************* title **************/
.mainTitle {
    font-size: 41px;
    text-align: center;
    margin-bottom: 20px;
    position:  relative;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px;
    padding-bottom: 10px;
    color: #5a5a5a;
}
.mainHeading
{
    font-size: 25px;
    text-align: left;
    margin-bottom: 15px;
    position: relative;
    font-weight: 600;
    letter-spacing: 1px;
    color: #2e8488;
    display: inline-block;
}
.subTitle
{
        font-size: 18px;
    text-align: left;
    margin-bottom: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #2e8488;
}
.mainTitle:after{
    content:  "";
    position:  absolute;
    left:  0;
    right: 0;
    bottom:  0;
    height: 3px;
    background: #2cabe2;
    width: 100px;
    margin: auto;
    border-radius: 15px;
    border-radius: 5px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
}
/************* title **************/
/************ tab ************/
.loginTab .nav-tabs {
    border-bottom: 2px solid #2cabe2;
}
.loginTab li, .dashBoardTab li {
    width: 50%;
    margin: 0;
}
.loginTab li a, .loginTab li.active a, .loginTab li.active a:focus, .loginTab li.active a:hover, .dashBoardTab li a, .dashBoardTab li.active a, .dashBoardTab li.active a:focus, .dashBoardTab li.active a:hover {
    margin: 0;
    border: 0;
    border-radius: 0;
    border-radius: 5px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
}
.loginTab li a:hover, .dashBoardTab li a:hover
{
    background: #909090;
}
.loginTab li a, .dashBoardTab li a
{
    padding: 23px 10px;
    font-size: 17px;
    text-transform: uppercase;
    color: #444;
    text-align: center;
    letter-spacing: 2px;
}
.loginTab li.active a, .loginTab li.active a:focus, .loginTab li.active a:hover {
    background: #2cabe2;
    color: #fff;
}
.dashBoardTab li a {
    padding: 15px 10px;
    font-size: 14px;
    color: #fff;
    background: #6d676a;
}
.dashBoardTab .nav-tabs {
    border-bottom: 0px solid #6d676a;
}
.dashBoardTab li.active a, .dashBoardTab li.active a:focus, .dashBoardTab li.active a:hover {
    background: #4c4c4c;
    color: #dfff79;
    border: 1px solid rgb(157, 227, 107);
    border-radius: 100%;
}
.dashMenuDetail .active {
    background: #4c4c4c;
    padding-top: 1%;
}
.dashMenuDetail .dashboardLinkActive, .dashMenuDetail .dashboardLink:hover {
    background: #6d676a;
}
/************ tab ************/
/************ form *************/
.loginDiv {
    width: 535px;
    margin: auto;
    box-shadow: 0px 5px 25px #dedede;
    -webkit-box-shadow: 0px 5px 25px #dedede;
    -moz-box-shadow: 0px 5px 25px #dedede;
    -ms-box-shadow: 0px 5px 25px #dedede;
    background:#fff;
}
.loginSection {
    padding: 65px 30px;
    background: #f5f5f5;
}
.logoutSection {
    padding: 217px 30px;
    background: #f5f5f5;
}
.formSection {
    padding: 50px 45px;
    margin: auto;
}
.formContent {
    padding-bottom: 30px;
    font-size: 14px;
}
label.labelText, body .labelText {
    font-weight:  400;
    color: #3c3c3c;
    width: 100%;
    vertical-align:  middle;
    padding: 0 0 5px 0;
    position: relative;
    display: block;
    margin: 0;
    font-size: 15px;
    text-transform: uppercase;
}
input.inputField, body .inputField {
    width: 100%;
    height: 40px;
    padding: 2px 3px;
    border: 0;
    border-bottom: 1px solid #c5c5c5;
    vertical-align: middle;
}
a.formLink, body .formLink {
    float: right;
    color: #fc440a;
    cursor: pointer;
}
body .formLink:hover {
    text-decoration: underline;
}
.formButton {
    clear:  both;
    text-align: right;
    padding-top: 15px;
}
input.inputField:focus, body .inputField:focus {
    border-color:  #5a5a5a;
    outline: 0;
}
input.commonButton, body .commonButton  {
    padding: 10px 45px;
    background: #2e8488;
    color: #fff;
    border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    font-size: 15px;
    cursor: pointer;
    border:1px solid #2e8488;
    text-transform:  uppercase;
    letter-spacing: 1px;
    transition: all 0.2s;
   	-webkit-transition: all 0.5s;
   	-moz-transition: all 0.5s;
   	-ms--moz-transition: all 0.5s;
   	-o--moz-transition: all 0.5s;
}
.mandatory {
    color: red;
    font-size: 18px;
    display: inline-block;
    padding-left: 3px;
}
.loginDetail .commonButton {
    padding: 12px 45px;
    width: 100%;
    font-size: 18px;
}
/************ form *************/
/*************** notification ****************/
 .notifictionIcon img {
    width:  25px;
}
.notifictionIcon {
    position:  relative;
    cursor: pointer;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}
.notificationNumber {
    background: #e02a2a;
    width: 25px;
    display: block;
    height: 25px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    text-align:  center;
    line-height: 25px;
    position:  absolute;
    top: -15px;
    font-size: 11px;
    color: #fff;
    right: -10px;
}
.notificationShowDiv {
    width: 350px;
    border: 1px solid #dedede;
    padding: 5px;
    border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    position: absolute;
    right: 0;
    top: 30px;
    background: #fff;
    z-index: 1;
    text-align: left;
    display: none;
}
.notificationShowList {
    padding: 5px;
    margin-bottom:  5px;
    border-bottom: 1px solid #e8e8e8;
    clear:  both;
}
.notificationShowList:hover {
    background: #f1f1f1;
}
.notificationShowList p {
    margin: 0;
    font-size: 11px;
    text-align: left;
    text-align-last: left;
    line-height: initial;
}
.notificationHowImg {
    width: 15%;
    display: inline-block;
    vertical-align: top;
}
.notificationHowImg img {
    width: 40px;
    height:  40px;
    border-radius: 50%;
    border-radius: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
}
.notificationShowContent {
    width: 83%;
    display: inline-block;
    padding-left: 3px;
    color: #737373;
}
.notificationShowContent span {
    font-size: 13px;
    color: #383838;
}
.notificationShowList:last-child {
    margin:  0;
    border: 0;
}
/*************** notification ****************/
/************* dashboard **************/
.dashboardLeft {
    width:  100%;
    float: left;
    background: #4c4c4c;
    padding: 0px 0 0;
}
.dashboardWrap {
    display:flex;
    -webkit-display:flex;
    -moz-display:flex;
    -ms-display:flex;
    min-height: 650px;
    position: relative;
}
.dashboardLink {
    display: block;
    /* background:#4c4c4c; */
    border-bottom: 1px solid rgba(255, 255, 255, 0.38);
    font-size:  14px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.dashboardLink:hover, .dashboardLinkActive {
    background: #0c8ec7;
}
.dashboardLink a,.dashboardLink font {
    color: #ffffff;
    padding: 5% 1% 5% 9%;
    display:  block;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.dashboardRight {
    width: 80%;
    float: left;
    padding: 40px 10px;
}
.dashBoardBtn {
    padding: 40px 30px;
}
body .borderBtn {
    display:  inline-block;
    padding: 13px 15px;
    text-decoration:  none;
    color: #2cabe2;
    text-transform: uppercase;
    font-size: 15px;
    border: 1px solid #2cabe2;
    border-radius: 5px;
    text-align: center;
    margin: 0 7px 20px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
}
.dashBoardBtn .borderBtn {
    width: 31.333%;
}
body .borderBtn:hover {
    background: #2cabe2;
    color: #fff;
}
.dashBoardForm {
    padding: 40px 30px;
    width: 750px;
    margin: auto;
}
.formListContent {
    padding: 0 7px 18px;
    font-size: 0;
}
label.labelFieldText {
    font-weight: 400;
    color: #3c3c3c;
    width: 28%;
    vertical-align: top;
    padding: 10px 10px 0 0;
    position: relative;
    margin: 0;
    font-size: 14px;
}
.formSpan {
    width: 72%;
    display:  inline-block;
    font-size: 14px;
    vertical-align: top;
    padding-left: 15px;
    position: relative;
}
.colan {
    position: absolute;
    left: 0;
    top: 7px;
}
input.inputTxtField, select.selectField, textarea.txtAreaField {
    width: 100%;
    height: 40px;
    padding: 2px 10px;
    border: 1px solid #c5c5c5;
    vertical-align: middle;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    resize: none;
}
textarea.txtAreaField
{
    height: 100px;
    padding-top: 10px;
}
input.inputTxtField:focus, select.selectField:focus, textarea.txtAreaField:focus {
    border-color: #5a5a5a;
    outline: 0;
}
.formListButton {
    padding: 20px 7px 0px;
    text-align: right;
}
.imgThumb {
    display:  inline-block;
    vertical-align:  top;
    padding-left: 15px;
}
.imgThumb img {
    width: 70px;
}
.dashBoardContent {
    padding: 0px 27px;
}
.dashBoardContentList {
    padding: 20px 30px 15px;
}
p {
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: 300;
}
.tabContentTxt p {
    margin-bottom: 20px;
}
.notifyCount {
    background: #46ad06;
    width: 25px;
    display: block;
    height: 25px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    text-align: center;
    line-height: 25px;
    position: absolute;
    top: -15px;
    font-size: 11px;
    color: #fff;
    right: -6px;
}
/************* dashboard **************/
/****************** file upload *************************/
.fileUploadDiv {
  position: relative;
  display: inline-block;
}
body .fileUploadDiv label, .fileUploadDiv label {
    display: block;
    padding: 10px 30px;
    color: #fff;
    background: #3a3a3a;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    transition: background .3s;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
    cursor: pointer;
    width: auto;
    font-weight: 300;
    margin: 0;
}
.fileUploadDiv label:hover {
  background: #000;
}
.fileUploadDiv input {
    display: none;
}
/****************** file upload *************************/
/**************** radio button ****************/
.radioSelection {
    margin-right: 10px;
}

.radioSelection label {
    font-weight: 400;
    cursor: pointer;
    position: relative;
    color: #000;
    margin-top: 8px;
}
.radioSelection input[type=radio] {
        display: none;
}
.radioSelection [type="radio"] + label:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border: 1px solid #cacaca;
    margin-right: 10px;
}
.radioSelection [type="radio"]:checked + label:after {
    content: "";
    width: 12px;
    height: 12px;
    background: #11a2e2;
    position: absolute;
    left: 4px;
    top: 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
}
/**************** radio button ****************/
/************** check box ****************/
.checkBoxSelection {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-top: 9px;
}
.checkBoxSelection input[type="checkbox"] {
    display: none;
}
.checkBoxSelection label {
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 20px;
  padding: 0;
  left: 0;
  margin: 0 10px 0 0;
  top: 0;
  float: left;
  border: 1px solid #cacaca;
  background: #fff;
}
.checkBoxSelection label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  width: 12px;
  height: 6px;
  background: transparent;
  top: 5px;
  left: 3px;
  border: 2px solid #2cabe2;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  color: #000;
}
.checkBoxSelection label:hover::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3;
}
.checkBoxSelection input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
/************** check box ****************/
/**********  user home **********/
.userContentLeft {
    padding: 0px 30px;
    width: 70%;
    float: left;
}
.circularWrap {
    padding: 20px 20px;
    width: 30%;
    float: right;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    box-shadow: 0px 0px 15px #e2e2e2;
    -webkit-box-shadow: 0px 0px 15px #e2e2e2;
    -moz-box-shadow: 0px 0px 15px #e2e2e2;
    -ms-box-shadow: 0px 0px 15px #e2e2e2;
    -o-box-shadow: 0px 0px 15px #e2e2e2;
}
.circularList {
        padding: 0 0 0 20px;
    margin: 0;
    list-style: none;
    max-height: 380px;
    overflow-y: auto;
}
.circularList li {
       margin-bottom: 10px;
    font-weight: 400;
    position: relative;
    padding: 0 0 0 30px;
    line-height: 25px;
}
.circularList li:before {
        content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 7px;
    border-color: transparent transparent transparent #2e8488;
    position: absolute;
    left: 3px;
    top: 7px;
}
.dashboadContnetWrap {
    float: left;
    width:  100%;
    padding: 0 10px;
}
body .circularLink {
    font-weight: 600;
}
/**********  user home **********/
.table-header{
	font-weight:bold;
	font-size:20pt;
	color:#1c44a4;
	text-transform:uppercase;
}
/********* title ***********/
.commonHeading {
    text-align:  center;
    padding: 35px 0  18px;
    font-size: 27px;
    letter-spacing:  1px;
    position: relative;
}
.commonHeading:after {
    content:  "";
    position:  absolute;
    left:  0;
    right:  0;
    bottom:  0;
    margin:  auto;
    width: 95px;
    height: 3px;
    background: #2e8488;
}
/********* title ***********/
/********** signup section *********/
.signUpSection {
    width:  750px;
    margin: 0 auto 0;
    padding: 0 40px 30px;
    box-shadow: 0px 5px 25px #dedede;
    -webkit-box-shadow: 0px 5px 25px #dedede;
    -moz-box-shadow: 0px 5px 25px #dedede;
    -ms-box-shadow: 0px 5px 25px #dedede;
    border: 1px solid #ddd;
    background: #fff;
}
.signUpSection .commonHeading {
    margin-bottom: 35px;
}
body .formBtn, body .formCancelBtn {
    padding: 8px 45px;
    font-size: 17px;
    background: #2e8488;
    border: 1px solid #2e8488;
    margin: 0 5px;
    color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    letter-spacing:  1px;
    text-transform: uppercase;
   	transition: all 0.2s;
   	-webkit-transition: all 0.5s;
   	-moz-transition: all 0.5s;
   	-ms--moz-transition: all 0.5s;
   	-o--moz-transition: all 0.5s;
}
body .formCancelBtn {
    background: #737373;
}
.btnCvrSec {
    padding: 20px 10px 10px;
    text-align: right;
}
.backLogin {
    float:  left;
    font-size:  14px;
    padding-top: 5px;
}
.backLogin span {
    padding-left: 4px;
    color: #2e8488;
    font-size:  19px;
    cursor: pointer;
    font-weight: 600;
}
body .formCancelBtn {
    border-color: #737373;
}
body .formCancelBtn:hover {
    background:  none;
    border-color: #737373;
    color: #737373;
    transition: all 0.2s;
   	-webkit-transition: all 0.5s;
   	-moz-transition: all 0.5s;
   	-ms--moz-transition: all 0.5s;
   	-o--moz-transition: all 0.5s;
}
body .formBtn:hover, input.commonButton:hover, body .commonButton:hover {
    background:  none;
    border-color: #2e8488;
    color: #2e8488;
    transition: all 0.2s;
   	-webkit-transition: all 0.5s;
   	-moz-transition: all 0.5s;
   	-ms--moz-transition: all 0.5s;
   	-o--moz-transition: all 0.5s;
}
.signUpSection .row {
    padding-bottom: 10px;
}
.signUpSection label {
    font-weight: 600;
}
.signUpSection .form-control {
    height: 40px;
}
.msgrAlertTxt {
    text-align: center;
    padding: 0 0 18px;
    font-style: italic;
    font-size: 15px;
}
.form-control[readonly] {
    background: #fff;
}
.registerLink a {
    padding-left: 4px;
    color: #2e8488;
    font-size: 15px;
    cursor: pointer;
    font-weight: 600;
    text-decoration: none;
}
body .registerLink:hover {
    text-decoration: none;
}
/********** signup section *********/
/*********** dashboard *********/
.dashboardCvr {
    margin: 0;
}
.dashboardLeftSec {
    padding: 0 15px 0 0;
}
.dashboardRightSec {
    padding:  45px 15px;
}
.dashboardRightSec .table-header {
    font-weight: 600;
    font-size: 22px;
    text-transform: none;
    color: #2e8488;
}
.dashboardRightSec a {
    color: #2e8488;
    text-decoration: none;
    cursor: pointer;
}
.dashboardRightSec a {
    color: #2e8488;
    text-decoration: none;
    cursor: pointer;
}

.dashboardRightSec .backbutton {
    color: #fff;
    float: right;
}
.dashboardRightSec thead {
    background: #2e8488;
}
.dashboardRightSec thead th {
    color:  #fff;
    font-weight: 400;
}
.dashboardRightSec table tr td, .dashboardRightSec table tr th {
    padding:  10px;
    font-size: 17px;
}
.dashboardRightSec table tr td {
    color: #000;
}
/*********** dashboard *********/
.sectimeOut {
    text-align:  center;
    font-size:  30px;
    font-style: italic;
    padding: 50px 0;
}
.sectimeOut a {
    display: block;
    width: 180px;
    margin: 25px auto 0;
    padding: 8px 0px;
    background: #2e8488;
    color:  #fff;
    font-style: normal;
    font-size: 22px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    cursor: pointer;
    text-decoration: none;
}
.sectimeOut a:hover {
    
    background: #fff ;
    color: #2e8488;
    border: 1px solid #2e8488;
    
}
.dashBoardContentList {
    padding: 20px 30px 15px;
}
.tabContentTxt .infobox {
    width: 315px;
    height: 110px;
    position: relative;    
    margin: 5px 4px 7px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    text-transform: capitalize;
}
.eventSubTab .infobox {
    height: 90px;
}
.tabContentTxt .infobox .infobox-data {
    position:  absolute;
    top: 50%;
    transform:  translateY(-50%);
    -webkit-transform:  translateY(-50%);
    -moz-transform:  translateY(-50%);
    -ms-transform:  translateY(-50%);
    -o-transform:  translateY(-50%);
    margin:  0;
    padding: 10px;
    left:  0;
    right:  0;
    text-align: center;
    font-size: 22px;
}
body .tabContentTxt .infobox-content {
    max-width: 100%;
}
.userdetail i {
    display: inline-block;
    margin-left: 10px;
    font-style: normal;
    cursor: pointer;
    font-size: 25px;
    vertical-align: middle;
}
.userdetail {
    color:  #fff;
    padding:  5px;
    display:  inline-block;
    position: absolute;
    right: 5px;
    top: 5px;
}
.userDropDown {
    position:  absolute;
    background: #2e8488;
    width: 250px;
    right: 0px;
    z-index: 1;
    top: 40px;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    display: none;
}
.userDropDown a {
    display: block;
    text-align:  left;
    padding: 10px 15px;
    font-size: 14px;
    color: #fff;
    border-bottom: 1px solid #176367;
    text-decoration:  none;
    cursor: pointer;
}

.userDropDown a:hover{
	background: #39969a;
}

.userDropDownOnMenu {
    position:  absolute;
    background: #2e8488;
    width: 250px;
    right: 0px;
    z-index: 1;
    top: 49px;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    display: none;
}
.userDropDownOnMenu a {
    display: block;
    text-align:  left;
    padding: 10px 15px;
    font-size: 14px;
    color: #fff;
    border-bottom: 1px solid #176367;
    text-decoration:  none;
    cursor: pointer;
}

.userDropDownOnMenu a:hover{
	background: #39969a;
}

.oldCircular {
    padding: 10px 5px;
    text-align: center;
    background: #efefef;
    margin: 13px 0 0;
}

.oldCircular a {
    font-weight:  600;
    font-size:  15px;
    cursor: pointer;
}
.tabContentDiv {
    float: left;
    width: 100%;
}
.lastupdateDiv {
    padding: 25px 30px 0;
    clear: both;
}
.lastupdate {
    padding: 6px 50px 6px 15px;
    background: #dedede;
    position: relative;
    height: 37px;
    display: inline-block;
}
.lastupdate:after {
    content:  "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 20px 18px 0;
    border-color: transparent #ffffff transparent transparent;
    position: absolute;
    right:  0;
    top: 0;
}
/************** contact ************/
.contactWrap {
    width: 40%;
    margin: 30px auto 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: 0px 0px 30px #ddd;
    -webkit-box-shadow: 0px 0px 15px #ddd;
    -moz-box-shadow: 0px 0px 15px #ddd;
    -ms-box-shadow: 0px 0px 15px #ddd;
    -o-box-shadow: 0px 0px 15px #ddd;
}
.contactSection {
    padding: 30px 50px 40px;
}
.contactList {
    padding-bottom: 25px;
}
.contactList .form-control {
    height: 45px;
    border: 1px solid #cacaca;
    box-shadow:  none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 2px 20px;
}
.contactList label {
    font-size:  17px;
    font-weight: 400;
    margin-bottom: 8px;
}
.contactList font {
    font-size: 14px;
}
.contactBtn .commonButton {
    width: 100%;
}
.contactBtn {
    padding-top: 10px;
}
.contactDiv .msgrAlertTxt {
    font-size: 17px;
}
.contactWrap .mainHeading {
    background: #2e8488;
    color: #fff;
    text-align: center;
    display: block;
    padding: 25px 10px;
    margin: 0;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    text-transform: uppercase;
}
input.commonButton:focus, body .commonButton:focus {
    outline: 0;
}
.homeparagraph{
	text-align: justify;
}
/************** contact ************/
.tagMenu .dashboardLink {
    display: inline-block;
    vertical-align: top;
    background: none;
    font-size: 13px;
    padding: 0;
    border: 1px solid #2e8488;
    margin: 0 5px 10px 0;
    border-radius: 10px;
}
.tagMenu a {
    padding: 7px 15px;
    display: block;
        font-weight: 600;
}
.tagMenu {
    margin: -20px 0 15px;
}
.tagMenu .dashboardLink:hover, .tagMenu .tagActive {
    background: #2e8488;
}
.tagMenu .dashboardLink:hover a, .tagMenu .tagActive a {
    color: #fff;
}
.mainSubHeading {
    font-size: 21px;
    text-align: left;
    margin-bottom: 15px;
    position: relative;
    font-weight: 600;
    color: #2e8488;
    display: inline-block;
}
.event {
    padding: 6px 50px 6px 15px;
    background: #dedede;
    position: relative;
    height: 37px;
    display: inline-block;
}
.event:after {
    content:  "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 20px 18px 0;
    border-color: transparent #ffffff transparent transparent;
    position: absolute;
    right:  0;
    top: 0;
}
.event:before {
    content:  "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 0 18px 20px;
    border-color: transparent #ffffff transparent transparent;
    position: absolute;
    right:  0;
    top: 0;
}
.event:before {
    content:  "";
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    top: 0;
    border-width: 18px 20px;
    left: 0;
}
.event {
    padding: 6px 50px 6px 33px;
    background: #dedede;
    position: relative;
    height: 37px;
    display: inline-block;
    margin: 7px 10px;
    cursor: pointer;
}
.event:after {
    content:  "";
    width: 0;
    height: 0;
    border-style: solid;
        border-width: 18px 20px;
    border-color: transparent #ffffff transparent transparent;
    position: absolute;
    right:  0;
    top: 0;
}

.event-green {
	background: #9ABC32;
	border-color: #9ABC32;
	font-weight: bold;
}

.event-orange {
	background: #E8B110;
	border-color: #E8B110;
	font-weight: bold;
}

.event-blue {
	background: #6FB3E0;
	border-color: #6FB3E0;
	font-weight: bold;
}

.event-wood {
	background: #7B3F25;
	border-color: #7B3F25;
	color: #e4e4e4;
	font-weight: bold;
}

.event-purple {
	background: #6F3CC4;
	border-color: #6F3CC4;
	color: #e4e4e4;
	font-weight: bold;
}
.homehelp:before {
    content:  "";
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    top: 0;
    border-width: 18px 20px;
    left: 0;
}
.homehelp {
    padding: 6px 50px 6px 33px;
    background: #9fe4e4;
    position: relative;
    height: 37px;
    display: inline-block;
    margin: 7px 10px;
    cursor: pointer;
    margin-left: 150px;
}
.homehelp:after {
    content:  "";
    width: 0;
    height: 0;
    border-style: solid;
        border-width: 18px 20px;
    border-color: transparent #ffffff transparent transparent;
    position: absolute;
    right:  0;
    top: 0;
}
.homehelp2:before {
    content:  "";
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    top: 0;
    border-width: 18px 20px;
    left: 0;
}
.homehelp2 {
    padding: 6px 50px 6px 33px;
    background: #a7c743bd;
    position: relative;
    height: 37px;
    display: inline-block;
    margin: 7px 10px;
    cursor: pointer;
    margin-left: 45px;
}
.homehelp2:after {
    content:  "";
    width: 0;
    height: 0;
    border-style: solid;
        border-width: 18px 20px;
    border-color: transparent #ffffff transparent transparent;
    position: absolute;
    right:  0;
    top: 0;
}

.subMenuLink{
	display: none;
	width: 100%;
}

.subMenuLink a{
	display: block;
    background: #7f8dea;
    border-bottom: 1px solid rgba(255, 255, 255, 0.38);
    font-size: 14px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    
	    color: #ffffff;
    padding: 5% 9% 5% 1%;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    text-align:right;
    letter-spacing: 1px;
    font-size: 14px;
}
.subMenuLink a:hover {
	background: #757575;
}

div.dashBoardmenu span.dashboardLink:nth-child(even){
	background: #525652;
}
div.dashBoardmenu span.dashboardLink:nth-child(even):hover{
	background: #6d676a;
}
div.dashBoardmenu span.dashboardLink:nth-child(odd){
	background: #4c4c4c;
}
div.dashBoardmenu span.dashboardLink:nth-child(odd):hover{
	background: #6d676a;
}
.dateSecWidth {
    width: 125px;
}
table.tableguesthouse tr td, table.tableguesthouse tr th {
    padding: 1px;
    font-size: 17px;
}