body {
  font-family: 'Roboto', sans-serif;
 font-size: 14px; /* line-height: 18px;*/
  color: #6f7479;
  background: #f6f8f9;
  margin: 0;
  padding: 0;
  line-height: normal; 
  font-weight: 300;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

html{height: 100%;}

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


@font-face {
    font-family: 'gorditabold';
    src: url('../fonts/gordita_bold-webfont.woff2') format('woff2'),
         url('../fonts/gordita_bold-webfont.woff') format('woff'),
         url('../fonts/gordita_bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'gorditaregular';
    src: url('../fonts/gordita_regular-webfont.woff2') format('woff2'),
         url('../fonts/gordita_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

h1, h2, h3, h4, h5, h6, ul, ol, li, form, input, select, div, textarea {
  padding: 0;
  margin: 0
}
img {
  border: none;
  max-width: 100%;
  height: auto
}
.clear {
  margin: 0;
  padding: 0;
  clear: both
}
.after:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden
}
a {
  color: #05adff;
  text-decoration: none;
  padding: 0;
  margin: 0;
  outline: none;
  transition: all 0.3s;
  transition: all 500ms ease-in-out
}
a:hover {
  color: #456ad9;
  text-decoration: none
}

button{transition: all 0.3s;
  transition: all 500ms ease-in-out}

img {
  max-width: 100%
}
.wrapper_fixed {
  margin: 0 auto;
  padding: 0;
  max-width: 1330px;
  width: 100%
}

.innerPageSecCus{padding:35px 15px; min-height: 450px;}

.innerPageSecCus h2{font-size: 32px; color: #333; font-weight: 700;
  margin: 0 0 15px 0; padding: 0;}
  .innerPageSecCus h3{font-size: 22px; color: #333; font-weight: 700;
    margin: 0 0 10px 0; padding: 0;}
.innerPageSecCus p {color: #474747; font-size: 16px; line-height: 25px;
padding: 0; margin: 0 0 15px 0;}
.innerPageSecCus p a{color: #14aaf5;}

.innerPageSecCus ol{margin: 0 0 15px 15px; padding: 0;}
.innerPageSecCus ol li{margin-bottom: 10px; padding: 0; color: #474747; 
  font-size: 16px; line-height: 25px;}






.wrapperCus{max-width: 1170px; width: 100%; margin: 0 auto;}

/*
.loginmainDiv {
    background: #f6f8f9;
    padding: 0 0 0 0;
    position: relative;
    width: 100%;
    flex: 1 0 auto;
    align-items: center;
    display: flex;
}
*/

.LoginCardLayout {
    align-items: center;
    /* background: #f6f8f9; */
    background: #000;
    flex-direction: column;
    /* display: flex;
    flex-direction: column; */
	min-height: 100vh;}


/* .LoginCardLayout-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 20px 0 rgba(21,27,38,.08);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 80px;
    max-width: 440px;
    padding: 24px 48px 48px;
    padding-bottom: 48px;
    width: calc(100% - 16px);
} */



.LoginCardLayout-card {
  background: #fff;
  border-radius: 0;
  box-shadow: 0 5px 20px 0 rgba(21,27,38,.08);
  box-sizing: border-box;
  /* display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 80px;
  max-width: 440px; */
  padding: 24px 48px 48px;
  padding-bottom: 48px; height: 100vh;
  /* width: calc(100% - 16px); */
  width: 30%; float: left;
}


.LoginCardLayout-backButtonContainer {
    align-items: flex-start;
    align-self: center;
    display: flex;
    flex-direction: column;
    height: 32px;
    margin-bottom: 48px;
    width: 100%;
}

.LoginCardLayout-LoginLogoContainer {
    align-items: center;
    align-self: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 16px; margin-top: 0;
}
.LoginCardLayout-LogoLogo {
    height: 80px;
}

.LoginDefaultView-content {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.AbstractThemeableRectangularButton.AbstractThemeableRectangularButton--xlarge {
    font-size: 15px; color: #273240;
    height: 48px;
    line-height: 48px;
    padding: 0 16px; position: relative;
}
.AbstractThemeableRectangularButton {
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-sizing: border-box;
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    overflow: hidden;
    transition-duration: .2s;
    transition-property: background,border,box-shadow,color,fill;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.AbstractThemeableRectangularButton.AbstractThemeableRectangularButton--xlarge {
    font-size: 16px;
    line-height: 48px;
}

.GoogleSignInButton-logo {
    flex: 0 0 auto;
    height: 18px;
    width: 18px;
}

.GoogleSignInButton-logo.GoogleSignInButton-logo--sparse {
    left: 32px;
    position: absolute;
}

.LoginDefaultView-ssoButton {
    align-self: stretch;
    margin-bottom: 32px;
}


.SeparatorRow {
    align-items: center;
    display: flex;
    text-align: center;
}
.SeparatorRow-horizontalLine {
    border-top: 1px solid #e8ecee;
    flex: 1 1 auto;
    margin-top: 8px;
    min-width: 1px;
    padding-top: 8px;
}

.LoginDefaultView-separatorRowLabel {
    color: #cbd4db !important;
    font-size: 16px;
}

.SeparatorRow-horizontalLine {
    border-top: 1px solid #e8ecee;
    flex: 1 1 auto;
    margin-top: 8px;
    min-width: 1px;
    padding-top: 8px;
}


.LoginEmailPasswordForm-emailAndPassword {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 0;
}

.SizedTextInput.SizedTextInput--medium {
    height: 36px;
    padding-bottom: 4px;
    padding-top: 4px;
}
.LoginEmailPasswordForm-emailInput {
    margin-bottom: 16px;
    margin-top: 8px;
}

.Typography--s.Typography {
    font-size: 12px;
    line-height: 18px;
}

.TextInput {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    background-color:#fff;
    border-width: 1px;
    border-style: solid;
    border-color:#cbd4db;
    border-radius: 6px;
    padding: 0 12px;
        padding-top: 0px;
        padding-bottom: 0px;
    box-sizing: border-box;
}

.TextInput:focus-visible{border: none; outline: none; border-width: 1px;
    border-style: solid;
    border-color:#cbd4db;}

.LoginEmailPasswordForm-passwordInput {
    margin-bottom: 8px;
    margin-top: 8px;
}


.loginBtn {
    background: #106fd0; margin-top: 20px;
    border:#106fd0 solid 1px;
    color: #fff;
    width: 100%; padding: 9px; border-radius: 3px;
}

.loginBtn:hover {
    background: #0b54da;
    border: #0b54da solid 1px;
    color: #fff;
    width: 100%; padding: 9px; border-radius: 3px;
}

.Typography--s.Typography a {
    font-size: 12px; color: #6f7479; text-decoration: underline;
    line-height: 18px;
}

.LoginDefaultView-signUp {
    margin-top: 24px; font-size: 14px; color: #6f7479; 
    text-align: center;
}

.LoginDefaultView-signUpButtonLink {
    margin-left: 8px; color: #14aaf5;
}
.LoginDefaultView-signUpButtonLink:hover{text-decoration: underline; color: #1296d8;}


.loginFooterLink {
  margin-top: 24px;
    font-size: 14px;
    color: #fff;
    margin-bottom: 0;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #192634;
    /* padding: 20px 0; */
}

.loginFooterLink ul.loginFooterUl{margin: 0; padding: 0; list-style-type: none;}
.loginFooterLink ul.loginFooterUl li{display: inline-block; padding: 0 10px;}
.loginFooterLink ul.loginFooterUl li a{color: #ffffff;
  font-size: 13px;
  font-weight: 500;}
  .loginFooterLink ul.loginFooterUl li a:hover{text-decoration: underline;}
.Typography--s.Typography {
    font-size: 12px;
    line-height: 18px;
}
.LoginCardLayout-captchaNotice {
    margin-top: 48px;
}

.Typography--textAlignCenter {
    text-align: center;
}

.captureSec{margin-top: 15px;}
.captureSec input{width: 100%;}

span.captureImg{display: inline-block; margin-top: 5px;}




.headerTop{background: #fff; width: 100%; padding: 15px 0;}
.headerTopSub{display: flex; align-items: center; padding: 0 15px;}
.topLogo{margin: 0 auto 0 0;}
.userDetailsRight{margin: 0 0 0 auto;}

.rightInnerPage{margin: 0 0 0 auto;}
.rightInnerPage h2{font-size: 2em; color: #333; font-weight: 700;}

.innerPageSec{
padding: 55px 0;
display: flex;
width: 100%;
flex: 1 0 auto;
align-items: center;}


.innerPageSecSignUp{
padding:0;
display: flex;
width: 100%;
flex: 1 0 auto;
align-items: center;}



.signUpLeftInner{width: 75%; float: left; padding: 55px 0;}


.signUpLeftForm{
background: #fff;
border-radius: 8px;
box-shadow: 0 5px 20px 0 rgba(21,27,38,.08);
box-sizing: border-box;
max-width: 550px;
padding:24px 24px;
margin: 0 auto;
}

.signUpLeftForm h2{color: #151b26;
font-size: 35px;
margin: 0 0 15px 0;
text-align: center;
font-weight: 300;}

.signUpLeftForm p{text-align: center; font-size: 14px; color: #4f4d4d;}

.full_fieldSign {margin-bottom: 18px; width: 100%;}

.full_fieldSign input[type="email"], .full_fieldSign input[type="password"], .full_fieldSign input[type="text"], .full_fieldSign input[type="tel"] {
  font-size: 14px; width: 100%;
font-weight: 400;
line-height: 22px;
background-color: #fff;
border-width: 1px;
border-style: solid;
border-color: #cbd4db;
border-radius: 6px;
height: 36px;
padding: 4px 12px;
box-sizing: border-box;
}

.full_fieldSign span{font-size: 12px;
line-height: 18px;
margin-bottom: 4px;
display: inline-block;
width: 100%;
font-weight: 300;}


.full_fieldSign {margin-bottom: 14px; width: 100%;}
.full_fieldSign input.nonEdit {
  border: #dbdde1 solid 1px;
  background: #e7e7e5;
  border-radius: 5px;
  color: #5f6368;
  font-size: 14px;
  padding: 15px;
  width: 100%;
}


.full_fieldSign textarea.nonEdit {
  border: #dbdde1 solid 1px;
  background: #e7e7e5;
  border-radius: 5px;
  color: #5f6368;
  font-size: 14px;
  padding: 15px;
  width: 100%;
}

.full_fieldSign textarea{
  font-size: 14px; width: 100%;
font-weight: 400;
line-height: 22px;
background-color: #fff;
border-width: 1px;
border-style: solid;
border-color: #cbd4db;
border-radius: 6px;
height: 70px;
padding: 4px 12px;
box-sizing: border-box;
}

.full_fieldSignHalf_1 {margin-bottom: 14px; width: 50%; padding-right: 8px; float:left;}
.full_fieldSignHalf_1 span{font-size: 12px;line-height: 18px;margin-bottom: 4px;display: inline-block;width: 100%;font-weight: 300;}
.full_fieldSignHalf_2 {margin-bottom: 14px; width: 50%; padding-left: 8px; float:left;}
.full_fieldSignHalf_2 span{font-size: 12px;line-height: 18px;margin-bottom: 4px;display: inline-block;width: 100%;font-weight: 300;}

.full_fieldSignHalf_1 input[type="text"], .full_fieldSignHalf_2 input[type="text"], .full_fieldSignHalf_2 input[type="email"] {
  font-size: 14px; width: 100%;
font-weight: 400;
line-height: 22px;
background-color: #fff;
border-width: 1px;
border-style: solid;
border-color: #cbd4db;
border-radius: 6px;
height: 36px;
padding: 4px 12px;
box-sizing: border-box;
}


.full_fieldSignHalf_1 input.nonEdit, .full_fieldSignHalf_2 input.nonEdit {
  border: #dbdde1 solid 1px;
  background: #e7e7e5;
  border-radius: 5px;
  color: #5f6368;
  font-size: 14px;
  padding: 15px;
  width: 100%;
}


.signUpBtn {
    background: #106fd0; margin-top: 0;
    border:#106fd0 solid 1px;
    color: #fff;
    width: 100%; padding: 9px; border-radius: 3px;
}

.signUpBtn:hover {
    background: #0b54da;
    border: #0b54da solid 1px;
    color: #fff;
    width: 100%; padding: 9px; border-radius: 3px;
}


.signUpRightInner{width: 25%;  float: left;  position: relative;  background: #edeeef;  
	min-height: 650px; /*height: 70vh;*/}

.signUpRightInnerSub{position: absolute;right: 0;top: 0;height: 100%;width: 100%;padding:35px 15px;}

.signUpRightInnerSubMain{display: flex;flex-flow: column nowrap;align-items: center;}

.feature-callout__img {
  margin-bottom: 28px;
}

 .signUpRightInnerSubMain h2{font-size: 24px;color: #646f79;margin-bottom: 24px;text-align: center;font-weight: 400;}


.signUpRightInnerSubMain .list {
  width: 100%; max-width: 250px; margin: 0 auto;
}

.signUpRightInnerSubMain .list ul{margin: 0; padding: 0; list-style-type: none;}
.signUpRightInnerSubMain .list ul li{
font-size: 16px; margin-bottom: 10px;
color: #6f7479;
background: url("../images/dec30d.png") no-repeat left center;
padding-left: 27px;
background-size: 18px;
line-height: 30px;}

.footerSec{width: 100%; background-color: #2a2b2c;}

.footerSecSub1{background-color: #2a2b2c; padding:27px 0 15px 0; width: 100%; display: inline-block;}
.footerSecSub1 h2{color: #fff; font-size: 22px; font-weight: 700; margin: 0 0 7px 0; padding: 0;}

.footerSecSub1 p{color: #fff; font-size: 15px; padding: 0; margin: 0 0 12px 0; line-height: 25px;} 
.footerSecSub1 p strong{display: block;}

.footerSecSub2{background-color: #0c0c0c; padding:11px 0; width: 100%; text-align: center; color: #fff; font-size: 14px;}




.navBar{ 
/*	background: #ffffff; */
	padding:0; display: flex;}
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.navRightSec{
/*	width: calc(100% - 255px); */
	width: calc(100%);
	height: 102px; display: flex; align-items: center; padding: 0 15px; 
/*
	border-bottom: #fff solid 1px;
	box-shadow: 4px 0px 7px 1px #d0d0d0;
*/
	background: #f4f4f4;
}
.navRightSec button.navbar-toggler{border: none; color: #333; background: #fff; font-size: 21px; padding: 0;}
.navRightSec .topDate{list-style-type: none; margin:0 auto 0 0;}
.navRightSec .topDate li{display: inline-block; font-size: 18px; font-weight: 400; margin-right: 15px; line-height: 16px; color: #333;}
.navRightSec .topDate li#openSideBar_Li{display: none;}
.navRightSec .topDate li a{text-decoration: none; color: #333;}

.navRightSec .topDateRight li{font-size: 15px; color: #333;}
.navRightSec .topDateRight li a{color: #333; position: relative; display: flex; align-items: center;}
.navRightSec .topDateRight li .dropdown-menu a{font-size: 14px;}
.navRightSec .topDateRight li a i{font-size: 24px; margin-left: 10px;}




/*
.navRightSec .navbar-nav.navbar-nav-right {margin-left: auto; display: flex; align-items: center;}
.navRightSec .navbar-nav .nav-item{list-style-type: none;}
.navRightSec .navbar-nav .nav-item .nav-link {font-size: 15px; color: #171717;}
.navRightSec .navbar-nav .nav-item.nav-profile span.nav-profile-name {margin-left: 12px;}
.navRightSec .navbar-nav .nav-item.nav-profile .nav-link img {width: 40px; height: 40px; border-radius: 100%;}
.navRightSec .navbar-nav .notifiNav{margin-right: 18px !important;}
.navRightSec .navbar-nav .notifiNav i{font-size: 20px;}
.navRightSec .navbar-nav .notifiNav a{width: 45px; line-height: 27px; display: inline-block; padding: 0; text-align: center;}

.navRightSec .navbar-nav .msgNav{margin-right: 6px;}
.navRightSec .navbar-nav .msgNav i{font-size: 20px;}
.navRightSec .navbar-nav .msgNav a{width: 45px; line-height: 27px; display: inline-block; padding: 0; text-align: center;}
*/

.logo{
	background: #1e1f21; 
/*
	background: rgb(80,218,218);
    background: linear-gradient(90deg, rgba(80,218,218,1) 0%, rgba(33,181,181,1) 92%, rgba(3,134,134,1) 100%); 
*/
	padding: 15px ; text-align: center; width: 255px; border-bottom:#1e1f21 solid 1px; position: relative;}
  .logo img{max-width: 60px;}
.page-body-wrapper {
/*    min-height: calc(100vh - 72px);*/
	
	min-height: calc(100vh);
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}


.sidebar {
    min-height: calc(100vh - 65px);
    background: #1e1f21;
/*
	background: rgb(80,218,218);
    background: linear-gradient(90deg, rgba(80,218,218,1) 0%, rgba(33,181,181,1) 92%, rgba(3,134,134,1) 100%); 
*/
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    padding: 0;
    width: 255px;
    z-index: 11;
    transition: width 0.25s ease, background 0.25s ease;
    -webkit-transition: width 0.25s ease, background 0.25s ease;
    -moz-transition: width 0.25s ease, background 0.25s ease;
    -ms-transition: width 0.25s ease, background 0.25s ease;
    box-shadow: 6px 16px 31px -18px #b7bcd1;
    -webkit-box-shadow: 6px 16px 31px -18px #b7bcd1;
    -moz-box-shadow: 6px 16px 31px -18px #b7bcd1;
    -ms-box-shadow: 6px 16px 31px -18px #b7bcd1;
	padding-top: 0;
}

.sidebar ul.nav {display: inherit;}
.sidebar ul.nav li.nav-item a{color: #fff; padding:15px 15px; font-size: 15px; display: flex;}
.sidebar ul.nav li.nav-item a:hover{color: #fff; 
	background: rgb(11,112,112);
    background: linear-gradient(90deg, rgba(11,112,112,1) 0%, rgba(33,181,181,1) 92%, rgba(3,134,134,1) 100%);}

.sidebar ul.nav li.nav-item a i.fa {
    font-size: 16px;
    line-height: 1;
    margin-right: 1.25rem;
    color: #fff;
}
.sidebar ul.nav li.nav-item a i.arowRight{margin-left: auto; font-size: 11px; line-height: 18px; margin-right: 0;}

.main-panel {
    transition: width 0.25s ease, margin 0.25s ease;
    width: calc(100% - 255px);
    min-height: calc(100vh - 65px);
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.content-wrapper {
    background: #f4f4f4;
    padding: 1.75rem 1.312rem;
    width: 100%;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}


.card {
    position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid #e7e9ec;
border-radius: 0;
box-shadow: 0 0px 7px 1px #e1dfdf;
}
.card .card-body {padding: 1.25rem 1.75rem;	flex: 1 1 auto; padding: 1.25rem;}

.card .card-body .titleSec{
/*margin: 0 0 30px 0;*/
margin: -20px -20px 20px -20px;
background:none; display: flex;
padding: 28px 15px 0 15px;
}
.card .card-body .titleSec h2{
/*	color:#2c2e3e; font-weight:400; font-size: 22px; margin:0; display: inline-block;*/
	color: #000;
font-weight: 400;
font-size: 19px;
margin:0 auto 0 0;
display: inline-block;
} 

.dateCalenderSec{margin:0 0 auto 0; display: flex;}

.card .card-body .titleSec .btn-primary{color: #fff;
background-color: #106fd0;
border-color: #106fd0;
float: right;
font-size: 15px;
border-radius: 4px;
line-height: 18px;
padding: 6px 9px;
font-size: 14px;}
.card .card-body .titleSec .btn-primary:hover{color: #fff; background-color: #0b54da; border-color:#0b54da; }


.card .card-body .titleSec .btn_export{color: #fff;
background-color: #1db2e9;
border-color: #1db2e9;
float: right;
font-size: 15px;
border-radius: 4px;
line-height: 18px;
padding: 6px 9px;
font-size: 14px;}
.card .card-body .titleSec .btn_export:hover{color: #fff; background-color: #168cb8; border-color:#168cb8; }


.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0b99ce; border-color: #0b99ce; 
}

.deletCus {margin-right: 15px; font-size: 17px;}
.editeCus {margin-right: 0; font-size: 17px;}

.updateCustom {margin-right: 15px;
    font-size: 14px;
    background: #0056b3;
    color: #fff;
    padding: 5px 9px;
	border-radius: 3px;
}
.updateCustom:hover{background: #0b3868; color: #fff;}
.updateCustom i{margin-right: 4px;}

.approvBtn{margin-right: 15px;
    font-size: 14px;
    background: #5BB712;
    color: #fff;
    padding: 5px 9px;
	border-radius: 3px;}
.approvBtn:hover{background: #3f7a10; color: #fff;}

.rejectBtn{margin-right: 15px;
    font-size: 14px;
    background: #D90606;
    color: #fff;
    padding: 5px 9px;
	border-radius: 3px;}
.rejectBtn:hover{background: #8d0b0b; color: #fff;}

.btnSubmitSec input.btn-info[type="submit"]{background-color: #0b99ce; border-color: #0b99ce; color: #fff; border: none; border-radius: 2px; font-size: 15px; padding: 8px 25px; 
	margin-right: 10px;}
.btnSubmitSec input.btn-info[type="submit"]:hover{background-color: #1580a8; border-color:#1580a8; }

.btnSubmitSec input.btn-info[type="reset"]{background: #f8f9fa; color: #000; border: none; border-radius: 2px; font-size: 15px; padding: 8px 25px; margin-right: 10px;}
.btnSubmitSec input.btn-info[type="reset"]:hover{background: #e2e6ea;}


/*--------------404 page CSS Start----------------*/
.pageError{flex-grow: 1; display: flex; height: 100%; text-align: center; align-items: center;}
.pageError .pageErrorContent{margin: 0 auto; padding-top: 120px;}
.pageError .pageErrorContent h2{color: #333; font-size: 185px; font-weight: 700;}
.pageError .pageErrorContent p{font-size: 16px; font-weight: 400; color: #333; margin-bottom: 30px;}
.pageError .pageErrorContent a{background:#405189;color: #fff;font-size: 17px;padding: 7px 20px;display: inline-block;border-radius: 3px;}
.pageError .pageErrorContent a:hover{background: #34426f;}
/*--------------404 page CSS End----------------*/



/*--------------Accordion Dropdown CSS Start----------------*/


.accordion {
	width: 100%;
	max-width: 360px; display: inline-block;
}

.accordion .link {
  cursor: pointer;
  display: block;
  padding:11px 15px 11px 42px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
/*  border-bottom: 1px solid #CCC;*/
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion .link:hover{
/*
 background: rgb(11,112,112);
 background: linear-gradient(90deg, rgba(11,112,112,1) 0%, rgba(33,181,181,1) 92%, rgba(3,134,134,1) 100%);
*/
 background: #424345;
}

.accordion .link a{color: #fff;}

.accordion li:last-child .link { border-bottom: 0; }

.accordion li i {
  position: absolute;
  top: 10px;
  left: 12px;
  font-size: 15px;
  color: #fff;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px;
}

/*.accordion li.open .link { color: #b63b4d; }*/

.accordion li.open .link {
/*
	background: rgb(11,112,112);
background: linear-gradient(90deg, rgba(11,112,112,1) 0%, rgba(33,181,181,1) 92%, rgba(3,134,134,1) 100%);
*/
	background: #424345;
	color: #fff;
}

.accordion li.open i { color: #fff; }

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/


.submenu {
  display: none;
/*  background: #096666;*/
  background: #1e1f21;
  font-size: 14px;
}

.submenu li { border-bottom:1px solid #383a4d; }

.submenu a {
  display: block;
  text-decoration: none;
  color: #d9d9d9;
  padding: 12px;
  padding-left: 42px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.submenu a:hover {
/*  background: #128c8c;*/
  background: #424345;
  color: #FFF;
}

/*--------------Accordion Dropdown CSS End----------------*/