/******************************************---------------------------------CSS FOR AEGEAN TEACHING SUPPORT OFFICE-------------------------------*****************************************/
body {
  padding-top: 4.4rem;
}
/* ------------------------------------------------------------------- Navigation Bar --------------------------------------------------------------------------------------------*/
/*basic navigation bar*/
.navbar {
  background-color: #65041c;
  border-bottom: 5px solid rgba(230, 230, 230, 1.00);
}
/*menu links of basic navigation bar and basic dropdown menu*/
.navbar-nav a {
  /*color: #000000;*/
  text-align: left;
  font-weight: 550;
  /*background-color: aqua;*/
}
#navbarDefault ul li:hover > a {
  color: #fff;
  background-color: rgba(191, 8, 31, 0.57);
}
/*menu hover links of basic navigation bar and basic dropdown menu*/
.navbar .navbar-nav a:hover, .navbar .navbar-nav a:focus {
  color: #64031c;
  background-color: rgba(255, 255, 255, 0.65);
}
/* set active state for navbar button */
.navbar-dark .navbar-nav .nav-link.active {
  color: rgba(235, 235, 235, 1.00);
  background-color: rgba(191, 8, 31, 0.57);
}
.activeforCurrentPage {
  color: rgba(235, 235, 235, 1.00);
  background-color: rgba(191, 8, 31, 0.57);
}
/*Main navigation bar color*/
.navbar .navbar-nav .nav-link {
  letter-spacing: 0.5px;
  font-weight: 550;
  font-size: 0.9em;
  color: rgba(255, 255, 255, 0.9);
}
/*Main navigation bar hover color*/
.navbar .navbar-nav .nav-link:hover {
  color: #64031c;
}
/*.nav-link {
	border-right: 1px solid rgba(255,255,255,0.40);
}*/
/* we have to do the same with navbar-brand because at responsive nav-link goes down and the bar turns sorter again */
.navbar-brand {
  padding: 0px 0px 0px 0px; /*with logo the logic changed a little*/
}
/* dropdown need to be arranged a little because navbar and nav-links have changed paddings */
.dropdown-menu {
  margin: 0px 0px 0px 0px;
  font-size: 0.9rem;
  letter-spacing: 0.5px;
  font-weight: 450;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 0.5rem;
}
.dropdown-item {
  line-height: 2.0;
}
/*main navigation menu drop down hover state*/
.dropdown-menu > li > a:hover {
  color: #fff !important;
  background-image: none !important;
  /*background-color: #65041c !important;*/
  background-color: rgba(124, 0, 15, 0.79) !important;
}
/* ------------------------------------------------------------------- END Navigation Bar --------------------------------------------------------------------------------------------*/

/*--------------------------------------------- CONTENT AND FONTS STYLES --------------------------------------------------------*/

/*----------for bootstrap border------------*/
.CenterVerCol {
  /*writing-mode: vertical-lr;
  /*transform: rotate(180deg);*99/
  text-orientation: upright;*/
  text-align: center;
  vertical-align: middle !important;
}
/*----------end of bootstrap border------------*/

/*-------fix height for anchor point-------*/
.ancp{
  position: relative;
  display: block;
  /*visibility: hidden;*/
  /*border:1px solid #FC0307;*/
  height: 1px !important;
  top:-70px;
}
/*-------end of fix height for anchor point-------*/

/*text color selection*/ ::-moz-selection { /* Code for Firefox */
  color: white;
  background: yellow;
}
::selection {
  color: white;
  background: rgba(220, 220, 220, 1.00);
}
/*end text color selection*/

/*einai gia tis 4 kartes sto landing page sta links*/
.LP4Cards a {
    color: rgba(189, 139, 76, 1);
    border-bottom: 0px solid rgba(255, 255, 255, 0);
    transition: 0.2s;
}
.LP4Cards a:hover {
  text-decoration: none;
  color: rgba(136, 2, 27, 1);
  border-bottom: 1px solid rgba(136, 2, 27, 0.75);
  padding-bottom: 2px;
}

strong { 
    font-weight: 500;
    /*color:#171717;*/
}

h4 {
  color: rgba(120, 120, 120, 1.00);
  line-height: 1.3;
}
p {
  color: rgba(130, 130, 130, 1.00)
}
/*einai gia ta captions tou image slider*/
p span {
  background-color: rgba(255, 255, 255, 0.80);
  padding: 5px 5px 5px 5px;
  border-radius: 5px;
}
h5 span {
  background-color: rgba(255, 255, 255, 0.80);
  padding: 5px 5px 5px 5px;
  border-radius: 5px;
}
/*einai gia ta captions tou image slider*/

/* create class for image header */
.imageBanner {
  height: 33vh;
  min-height: 250px;
  /*background-image: url('../images/meteoraΒΝ1.jpg');*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 20px;
}
/*for the previous and right arrows at image slider*/
.carousel-control-next-icon, .carousel-control-prev-icon {
  width: 30px;
  height: 30px;
  /*border-style: solid;*/
  outline: 2px solid #FFFFFF;
  background-color: #AAAAAA;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
  padding-top: 20px;
  padding-bottom: 20px;
}
/*for the previous and right arrows at image slider*/
/* body-content class is assigned to page index container class and changes the color to grey */
.container.body-content {
  background-color: rgba(236, 236, 236, 1.00);
}
.jumbotron {
  background-color: #ffffff;
  border-radius: 0.3rem;
}
/* something like paragraph formating but bigger and thinner text. Used in landPage - Jumbotron rectangle */
.lead {
  font-size: 16px;
}
.middle-card {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.list-group-item {
  padding: 0.55rem 0.85rem;
}
/*midle column for user login page*/
.userMaxWidth {
  width: 100%;
  max-width: 420px;
  padding: 15px;
  margin: auto;
}
/*-------------------------------------- styles for primary btn states and form -----------------------*/
.btn-primary.custom-btn {
  /*background-color: #000;
	border-color: #000;*/
}
.btn-primary {
  color: #fff;
  background-color: #840121;
  border-color: #840121;
}
.btn-primary:hover {
  color: #fff;
  background-color: #980520;
  border-color: #980520;
}
.btn-primary:focus {
  color: #fff;
  background-color: rgba(191, 8, 31, 0.7) !important;
  border-color: rgba(191, 8, 31, 0.9) !important;
  box-shadow: none !important;
}
.btn-primary:active {
  outline: none !important;
  box-shadow: none !important;
}
.btn-secondary {
  color: rgba(90, 90, 90, 1.00);
  background-color: rgba(240, 240, 240, 1.00);
  border-color: rgba(240, 240, 240, 1.00);
}
.btn-secondary:hover {
  color: #fff;
  background-color: rgba(180, 180, 180, 0.5);
  border-color: rgba(150, 150, 150, 1.00);
}
.btn-secondary:focus {
  color: #fff;
  background-color: rgba(120, 120, 120, 0.5) !important;
  border-color: rgba(112, 53, 26, 0.9) !important;
  box-shadow: none !important;
}
.btn-danger {
  color: #fff;
  background-color: rgba(179, 50, 21, 1.00);
  border-color: rgba(179, 50, 21, 1.00);
}
/*TAB PAGE STYLES, Sunedria-Hmerides*/
.nav-tabs .nav-link {
  color: #88021B;
  font-size: 24px;
  font-weight: 600;
}
.nav-tabs .nav-link:hover {
  color: #b63b4d;
}
/*ACCORDION STYLES, Anakoinwseis k.a.*/
.card {
  border: 0px solid rgba(0, 0, 0, .125);
}
.card-header {
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
  /*padding-left: 0.25rem;*/
  margin-bottom: 7px;
  background-color: rgba(175, 175, 175, 0.065);
  border: 0.75px solid rgba(100, 100, 100, 0.1);
}
.card-body {
  padding: 1.25rem;
  padding-top: 0.55rem;
}
.btn-link {
  color: #495057;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.35px;
  /*text-transform:uppercase;*/
}
.btn-link:hover {
  color: #88021B;
  text-decoration: none;
}
.btn-link:focus {
  color: #88021B;
  text-decoration: none;
  /*border-color: #88021B;*/
}
.btn.focus, .btn:focus {
  background-color: #FFFFFF;
  outline: 0;
  box-shadow: 0 0 0 .045rem rgba(0, 0, 0, .1);
}
button.btn.btn-link.btn-block.text-left.collapsed {
  color: #495057;
  background-color: rgba(0, 0, 0, .0);
  box-shadow: 0 0 0 .0rem rgba(0, 0, 0, .0);
}
.newsDateAlign {
  float: right;
  color: #495057;
  padding: 0px 0px 0px 0px;
}
.newsDate {
  font-family: sans-serif;
  /*color: #495057;*/
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.55px;
  padding: 0px 7px 0px 7px;
}
/*replace blue focus color on form fields*/
.form-control:focus {
  border-color: rgba(112, 53, 26, 0.5);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(112, 53, 26, 0.5);
}
/*------------------ END of primary buttton states styles and form -----------------*/
/*------------------- CRUD PAGE ----------------------------------------------------------------*/
/*for col-lg-6 border at crud page*/
.colBorder {
  border-right: 2px solid #bfb59c;
}
/*styles for image and video tables at crud page*/
.HSimgTitle {
  text-align: center;
  line-height: 46px;
  font-weight: 500;
  color: rgba(112, 53, 26, 0.8);
  border: 1px solid rgba(224, 224, 224, 1.00);
  border-bottom: 0px;
}
/*custom class for keeping form text label inline. I used it with d-flex that is for inline display*/
.no-space-break {
  white-space: nowrap;
}
/*------------------- END OF CRUD PAGE --------------------------------------------------*/
select:focus > option:checked {
  background: #000000 !important;
  color: #fff !important;
}
select option:hover, select option:focus, select option:active, select option:checked {
  background: linear-gradient(#FFC894, #FFC894);
  background-color: #FFC894 !important; /* for IE */
}
.dropdownlistmenu:hover {
  color: #fff !important;
  text-decoration: none;
  background-color: rgba(112, 53, 26, 0.4) !important;
}
.form-control option:hover {
  color: #fff !important;
  text-decoration: none;
  background-color: rgba(112, 53, 26, 0.4) !important;
}
/*----------------------------------------------------- FOOTER STYLES -------------------------------------------------------------------------------*/
/* every text white at footer, font size and bg color */
footer.page-footer {
  bottom: 0;
  color: #fff;
  background-color: rgba(175, 109, 26, 0.76);
  font-size: 0.9rem;
  font-weight: 400;
}
footer.page-footer p {
  color: #fff;
  padding-bottom: 0px;
  margin-block-end: 0.5em; /* reduce huge default distance between paragraphs at footer (for list links) */
}
footer.page-footer a {
  color: rgba(255, 255, 255, 1);
  border-bottom: 0px solid rgba(255, 255, 255, 0);
  transition: 0.3s;
}
footer.page-footer a:hover {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.65);
  border-bottom: 1px solid rgba(255, 255, 255, 0.75);
  padding-bottom: 2px;
}
/* floating social media buttons for footer */
.btn-floating {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0;
  margin: 10px;
  overflow: hidden;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 47px;
  height: 47px;
}
.btn-floating:hover {
  border-radius: 10%;
}
/* social media icon bg color */
.btn-bg {
  background-color: rgba(255, 255, 255, 0.9);
}
/* social media icon bg hover color */
.btn-bg:hover {
  background-color: rgba(191, 8, 31, 0.57);
}
/* social media icon bg hover color */
.btn-bg:active {
  background-color: rgba(167, 80, 15, 1.00);
}
/* social media icon circle bg width */
.btn-floating.btn-sm {
  width: 28.15385px;
  height: 28.15385px;
}
/* social media font icons vertical position = center in bg circle */
.btn-floating.btn-sm i {
  font-size: .76154rem;
  line-height: 28.15385px;
}
/* social media font icons horizontal position = center in bg circle */
.btn-floating i {
  display: inline-block;
  width: inherit;
  color: #65041c;
  text-align: center;
}
.btn-floating i:hover {
  color: #fff;
}
/*----------------------------------------------------- END OF FOOTER STYLES -------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------MEDIA QUERIES----------------------------------------------------------------------------------*/
/*------------------- media queries for changing navbar logo----------------*/
/*under 1200 width mobile img will be visible*/
@media (max-width: 1199px) {
  .logoIMGDesktop {
    display: none;
    height: 64px;
  }
  .logoIMGMobile {
    background-color: #FFFFFF;
    height: 64px;
  }
}
/*over 1199 only desktop img will be displayed*/
@media (min-width: 1200px) {
  .logoIMGDesktop {
    height: 64px;
  }
  .logoIMGMobile {
    display: none;
    height: 64px;
  }
}
/*-------------------end of media queries for changing navbar logo----------------*/
/*dropdown class mod for submenu to be on Hover and not on toggle*/
/*needs to be only on desktop because it breaks toggle on mobile*/
@media (min-width: 1200px) {
  .navbar-nav .dropdown:hover > .dropdown-menu {
    display: block;
  }
}
/* ---------------------FOR 2ND LEVEL MENU--------------------------------------------*/
@media (min-width: 1200px) {
  .dropdown-menu .dropdown-toggle:after {
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
  }
  .dropdown-menu .dropdown-menu {
    margin-left: 0;
    margin-right: 0;
  }
  .dropdown-menu li {
    position: relative;
  }
  .nav-item .submenu {
    display: none;
    /*position: absolute;*/
    left: 100%;
    top: -7px;
  }
  .nav-item .submenu-left {
    right: 100%;
    left: auto;
  }
  .dropdown-menu > li:hover {
    background-color: #f1f1f1
  }
  .dropdown-menu > li:hover > .submenu {
    display: block;
  }
}
/* ---------------------FOR 2ND LEVEL MENU--------------------------------------------*/
@media only screen and (max-width: 767px) {
  .middle-card {
    margin-left: 0.0rem !important;
    margin-right: 0.0rem !important;
    margin-top: 1.0rem !important;
    margin-bottom: 1.0rem !important;
  }
  /*crub page margin cheat for d-flex scale and trackball forms at xs and sm sizes until 767*/
  .scaleMarg1 {
    margin-left: 33px !important;
  }
  /*crub page margin cheat for d-flex scale and trackball forms at xs and sm sizes until 767*/
  .scaleMarg2 {
    margin-left: 29px !important;
  }
}
@media only screen and (min-width: 1200px) {
  /*for padding at basic menu -nav-links*/
  .navbar .navbar-nav .nav-link {
    padding: 22px 17px 21px 17px;
  }
}
@media only screen and (max-width: 990px) {
  h4 {
    font-size: 20px;
  }
  .iconHide {
    display: none !important;
  }
  .middle-card {
    margin-left: 0.0rem !important;
    margin-right: 0.0rem !important;
  }
  /*for col-lg-6 border at crud page - mexri 990 den fainetai*/
  .colBorder {
    border-right: none;
  }
}
@media (min-width: 1200px) {
  .container.body-content {
    box-shadow: -1px 70px 11px 10px #e2e2e2;
  }
}
@media (min-width: 1200px) {
  .container.body-content {
    box-shadow: -1px 7px 11px 10px #e2e2e2;
  }
}
/*@media only screen and (min-width : 1400px) {*/
/*htane 1400 alla ekruca ta belakia dexia sta menu apo 1200 kai panw gia na kerdisw xoro kai etsi na afisw thn navbar-expand-xl dixws na kanw xrhsh ths navbar-expand-custom pou eftiaxa*/
@media only screen and (min-width : 1200px) {
  /*for hiding arrow next to submenu nav-link over 1400px*/
  .dropdown-toggle::after {
    display: none;
  }
  /*------------------------Create a custom class for crud page model upload area col-6 and col-6 ---------*/
  .resCol-xl1 {
    flex: 0 0 18%;
    max-width: 18%;
  }
  .resCol-xl2 {
    flex: 0 0 42%;
    max-width: 42%;
  }
  .resCol-xl3 {
    flex: 0 0 40%;
    max-width: 40%;
  }
  /*----------------------END of custom class for crud page model upload area --------*/
}
.container-full {
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 1400px) {
  /* for changing max site resolution to 1366 instead of 1170, affects only grid column, different case when we run fullpage */
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1366px;
  }
}
/*-------------------------------MULTI DROPDOWN MENU--------------------------------------------------------------*/
/*breaking points for the menu li items in case title need xtra line - MULTILINE LOGIC -BOOTSTRAP-SELECT*/
@media only screen and (max-width: 400px) {
  .bootstrap-select .dropdown-menu li a span.text {
    width: 200px !important;
    word-wrap: break-word !important;
    white-space: normal !important;
  }
}
@media screen and (min-width: 401px) and (max-width: 500px) {
  .bootstrap-select .dropdown-menu li a span.text {
    width: 260px !important;
    word-wrap: break-word !important;
    white-space: normal !important;
  }
}
@media screen and (min-width: 501px) and (max-width: 575px) {
  .bootstrap-select .dropdown-menu li a span.text {
    width: 335px !important;
    word-wrap: break-word !important;
    white-space: normal !important;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .bootstrap-select .dropdown-menu li a span.text {
    width: 245px !important;
    word-wrap: break-word !important;
    white-space: normal !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .bootstrap-select .dropdown-menu li a span.text {
    width: 380px !important;
    word-wrap: break-word !important;
    white-space: normal !important;
  }
  /*crub page margin cheat for d-flex scale and trackball forms at md class between 768 and 991*/
  .scaleMarg1 {
    margin-left: 9px !important;
  }
  /*crub page margin cheat for d-flex scale and trackball forms at md class between 768 and 991*/
  .scaleMarg2 {
    margin-left: 5px !important;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .bootstrap-select .dropdown-menu li a span.text {
    width: 216px !important;
    word-wrap: break-word !important;
    white-space: normal !important;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .bootstrap-select .dropdown-menu li a span.text {
    width: 285px !important;
    word-wrap: break-word !important;
    white-space: normal !important;
  }
}
/*-------------------------------------------------- END MEDIA QUERIES --------------------------------------------------------*/
/****************************-------------------FOR NAVBAR MULTILEVEL DROPDOWN MENU------------------------------**************************/
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}
.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}
/****************************-------------------FOR NAVBAR MULTILEVEL DROPDOWN MENU------------------------------**************************/
/*********************FOR SIDEBAR MENU***********************/
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
ul {
  list-style-type: none
}
a {
  color: #b63b4d;
  text-decoration: none
}
/*The left menu general rules*/
.accordion {
  width: 100%;
  max-width: 384px;
  margin: 30px auto 20px;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 0px
}
/*The left menu level 1 links general rules*/
.accordion .link1level {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 42px;
  color: #64031c;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease
}
/*The left menu level 2 links general rules when it contains 3rd level*/
.accordion .link2level {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 42px;
  color: #4D4D4D;
  font-size: 14px;
  font-weight: 600;
  /*border-bottom: 1px solid #CCC;*/
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease
}
/*The left menu 1st level last child drops border*/
.accordion li:last-child .link1level {
  border-bottom: 0
}
/*The left menu 2nd level last child drops border*/
.accordion li:last-child .link2level {
  border-bottom: 0
}
/*The list icons on left menu*/
.accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #64031c;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease
}
/*The left menu 1st level arrow icon rule*/
.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px
}
/*The left menu 2nd level plus icon rule*/
.accordion li i.fa-plus {
  right: 12px;
  left: auto;
  font-size: 14px;
  /*color: #64031c;*/
}
/*The left menu 1st level text and bg when it is open*/
.accordion li.open .link1level {
  color: #FFF;
  background: #64031c;
}
/*The left menu 2nd level text and bg when it is open*/
.accordion li.open2 .link2level {
  color: #fff;
  background: #963131;
}
/*The left menu left and right icons when they are open
it also get the plus icon of the 2nd level so we exclude it*/
.accordion li.open i:not(.fa-plus) {
  color: #fff;
}
/*The left menu 2nd level right icon when it is open*/
.accordion li.open2 i {
  color: #FFF;
}
.accordion li i:hover {
  color: #fff600;
}
/*The left menu 1st level icon arrow spin*/
.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg)
}
/*The left menu 2nd level icon plus spin*/
.accordion li.open2 i.fa-plus {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg)
}
/*The submenu of left menu*/
.submenu1level {
  display: none;
  background: #FFF;
  font-size: 14px
}
/*The submenu list items border bottom of left menu*/
.submenu1level li {
  border-bottom: 1px solid #CCC;
}
/*The submenu links of left menu*/
.submenu1level a {
  display: block;
  text-decoration: none;
  color: #4D4D4D;
  font-weight: 600;
  padding: 12px;
  padding-left: 42px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease
}
/*The hover state on submenu 1st level of left menu*/
.submenu1level a:hover {
  background: #64031c;
  color: #FFF;
}
/*The hover state on submenu 1st level of left menu also changes the plus icon*/
.submenu1level a:hover i.fa-plus {
  color: #fff;
}
/*The submenu 2nd level of left menu*/
.submenu2level {
  display: none;
  background: #FFF;
  font-size: 14px
}
/*The submenu 2nd level list items border bottom of left menu*/
.submenu2level li {
  border-bottom: 1px solid #CCC;
}
/*The submenu 2nd level links of left menu*/
.submenu2level a {
  display: block;
  text-decoration: none;
  color: #4D4D4D;
  font-weight: 600;
  padding: 12px;
  padding-left: 42px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease
}
/*The hover state on submenu 2nd level of left menu*/
.submenu2level a:hover {
  background: #64031c;
  color: #FFF;
}
/*********************END OF SIDEBAR MENU***********************/