/*-----------------------------------------------------------------------------------

    Template Name: Kiaalap - Kiaalap Admin Template 
    Description: Kiaalap Admin Template is a responsive admin template based on the famous Bootstrap framework it's easy to edit and customize by documentation.
    Author: Colorlib
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Common
	2. Helper Class
	3. All Nested Class
	4. left sidebar
		4.1 left Sidebar switcher
	5. Header Top	
	23. footer

-----------------------------------------------------------------------------------*/

/*----------------------------------------*/

/*  1. Common
/*----------------------------------------*/

html,
body {
  height: 100%;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  background: #F6F8FA;
}

.floatleft {
  float: left
}

.floatright {
  float: right
}

.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px
}

.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px
}

.aligncenter {
  display: block;
  margin: 0 auto 15px
}

a:focus {
  outline: 0px solid
}

img {
  max-width: 100%;
  height: auto
}

.fix {
  overflow: hidden
}

p {
  margin: 0 0 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 5px 0 10px;
  font-weight: 700;
}

.h2,
h2 {
  font-size: 28px;
}
.homeh3{
  margin: 5px 0 10px;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.1;
}
.h3inblue{
  color: #4360a2; 
  font-weight: 600;
  font-size: 20px;
}
h3 {
  color: #4360a2; 
}

a {
  transition: all 0.3s ease 0s;
  text-decoration: none;
}

a:hover {
  color: #ec4445;
  text-decoration: none;
}

a:visited,
a:link,
a:active {
  text-decoration: none;
}

a:active,
a:hover {
  outline: 0 none;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0
}

.clear {
  clear: both
}

body {}

@font-face {
  font-family: 'educate-icon';
  src: url('fonts/educate-icon.ttf?ka5vvx') format('truetype'), url('fonts/educate-icon.woff?ka5vvx') format('woff'), url('fonts/educate-icon.svg?ka5vvx#educate-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*----------------------------------------*/

/*  2. Helper Class
shrwan start
/*----------------------------------------*/

/* Back to top button */

mat-dialog-container#modal-component {
  border: 3px solid #3282b8;
  border-radius: 11px;
  background-color: #fff;
}

.md-dialog-container {
  height: 100vh !important;
  top: 0 !important;
  position: fixed !important;
}

table td,
table th {
  padding: 5px;
  border-spacing: 5px;
}

.ptop {
  margin: 10px 0 15px;
}

.aboveline {
  position: relative;
  bottom: 10px;
}

.leftspace {
  margin-left: 20px;
}

.graybalkline {
  background-color: #f1f1f1;
}

.footer-lefttextmoble {
  padding: 10px 10px 10px 10px;
  background: #4360a2;
  text-align: center;
}

.spanGrayshade {
  background-color: #f1f1f1;
  padding-left: 4px;
  padding-right: 4px;
  /* line-height: 1.8; */
  /* padding: 5px;
    margin: 5px 5px 5px 5px;
    background-color: rgb(235, 229, 229); */
}
.imgFaculty { 
  height: 80px;border-radius: 20%;
   
  }
.paraitalicmaron {
  font-weight: bold;
  font-style: oblique;
  color: maroon;
}

.paraitalicmaron1 {
  font-weight: bold;
  color: maroon;
}
.muduleListheader {
  background-color:#006699;color: white
}
.redtext {
  font-weight: bold;
  color: red;
}

.paraitalicmaron2 {
  font-weight: bold;
  font-style: oblique;
  text-align: center;
  color: maroon;
}

.bluetext2 {
  font-weight: bold;
  color: #4360a2;
}

.darkredtext {
  font-weight: bold;
  color: darkred;
}
.blackText2 {   
    font-size: 15.5px;
  }

.bluetext {
  font-weight: bold;
  color: #3282b8;
}

.back-to-top {
  position: fixed;
  display: none;
  background: #3282b8;
  color: #fff;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  border-radius: 50%;
  right: 15px;
  bottom: 15px;
  cursor: pointer;
  transition: background 0.5s;
  z-index: 11;
}

.back-to-top i {
  padding-top: 12px;
  color: #fff;
}

.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}

.leftmenucenter {
  width: 200px;
  text-align: center;
  font-size: 11px;
}

.spanbigFont {
  font-size: 18px;
}

.contentli {
  /* list-style-position: outside; */
  margin: 10px 10px 10px 35px;
}

.contentli2 {
  margin: 10px 10px 10px 15px;
}

.contentli3 {
  margin: 10px 0px 10px 35px;
}

.contentli4 {
  margin: 10px 0px 10px 5px;
}

.imagewidth1 {
  width: 70%;
}

.topmargin40 {
  margin-top: 40px;
}

.liwithstyle {
  margin: 5px 10px 5px 5px;
}

.divGradient1 {
  background-color: #f1f1f1;
  border-radius: 5px;
  /* padding: 0.5px;  */
  margin: 8px 5px 5px 5px;
}

.divGradient2 {
  border-radius: 5px;
  padding: 15px;
  font-size: 14.5px;
  color: white;
  margin: 10px 5px 10px 5px;
  background-image: linear-gradient( #491794, #E15FDC);
}

.divGradient3 {
  border-radius: 5px;
  padding: 15px;
  font-size: 14.5px;
  color: white;
  margin: 10px 5px 10px 5px;
  background-image: linear-gradient( #172796, #84E3DC);
}

.divGradient4 {
  border-radius: 5px;
  padding: 15px;
  font-size: 14.5px;
  color: white;
  margin: 10px 5px 10px 5px;
  background-image: linear-gradient( #199477, #B9E062);
}

.divGradient5 {
  border-radius: 5px;
  padding: 15px;
  font-size: 14.5px;
  color: white;
  margin: 10px 5px 10px 5px;
  background-image: linear-gradient( #FF2559, #FBB224);
}

.divGradient6 {
  border-radius: 5px;
  padding: 15px;
  font-size: 14.5px;
  color: white;
  margin: 10px 5px 10px 5px;
  background-image: linear-gradient( #199477, #FF2559);
}

.divGradient7 {
  border-radius: 5px;
  padding: 15px;
  font-size: 14.5px;
  color: white;
  margin: 10px 5px 10px 5px;
  background-image: linear-gradient( #491794, #DCE638);
}

.greeDiv {
  border-radius: 25px;
  padding: 20px;
  font-size: 14.5px;
  margin: 10px 10px 10px 10px;
  text-align: center;
  background-image: linear-gradient( #5cb3a2, #d4eb90);
}

.greeDiv2 {
  border-radius: 25px;
  padding: 20px;
  font-size: 15.5px;
  margin: 10px 10px 10px 10px;
  text-align: center;
  background-image: linear-gradient( #5cb3a2, #d4eb90);
}

.blueGredientDivleft {
  color: white;
  border-radius: 25px;
  padding: 20px;
  font-size: 14.5px;
  margin: 10px 10px 10px 10px;
  text-align: left;
  background-image: linear-gradient( #5C65B2, #83A9CD);
}
.blueGredientDivselling {
    
    border-radius: 25px;
    padding: 10px;
    font-size: 14.5px;
    margin: 10px 10px 10px 10px;
    text-align: left;
    background-image: linear-gradient( #1cdce7, #83A9CD);
  }
  .blueGredientDivselling2 {
    
    border-radius: 25px;
    padding: 10px;
    font-size: 14.5px;
    margin: 10px 10px 10px 10px;
    text-align: left;
    background-image: linear-gradient( #FE68A8, #d4eb90);

  }
  
.pingGredientDivleft {
  border-radius: 25px;
  padding: 20px;
  font-size: 14.5px;
  margin: 10px 10px 10px 10px;
  text-align: left;
  background-image: linear-gradient( #FE68A8, #d4eb90);
}

/* for circile */

.quote-wrapper {
  width: 240px;
  height: 240px;
  position: relative;
  margin: 2vh auto 0;
  /*OPTIONAL MARGIN*/
}

blockquote {
  border-left: 3px solid #ffffff !important;
}

.textorange {
  width: 100%;
  height: 100%;
  /*BLUE BG*/
  background: radial-gradient( ellipse at center, #ffc64a 0%, #ffc64a 70%, rgba(0, 128, 172, 0) 70.3%);
  position: relative;
  margin: 0;
  color: #333;
}

.textblue {
  width: 100%;
  height: 100%;
  /*BLUE BG*/
  background: radial-gradient( ellipse at center, #52bdc6 0%, #52bdc6 70%, rgba(0, 128, 172, 0) 70.3%);
  position: relative;
  margin: 0;
  color: #333;
}

.textgreen {
  width: 100%;
  height: 100%;
  /*BLUE BG*/
  background: radial-gradient( ellipse at center, #74d674 0%, #74d674 70%, rgba(0, 128, 172, 0) 70.3%);
  position: relative;
  margin: 0;
  color: #333;
}

.text p {
  height: 100%;
  font-size: 15px;
  padding: 0;
  text-align: center;
  font-style: italic;
  text-shadow: 0.5px 0.5px 1px rgba(0, 0, 0, 0.3);
}

/* @-moz-document url-prefix() {
   
  }
   */

.text::before {
  content: "";
  width: 50%;
  height: 100%;
  float: left;
  shape-outside: polygon( 0 0, 98% 0, 50% 6%, 23.4% 17.3%, 6% 32.6%, 0 50%, 6% 65.6%, 23.4% 82.7%, 50% 94%, 98% 100%, 0 100%);
  shape-margin: 7%;
}

.text p::before {
  content: "";
  width: 50%;
  height: 100%;
  float: right;
  shape-outside: polygon( 2% 0%, 100% 0%, 100% 100%, 2% 100%, 50% 94%, 76.6% 82.7%, 94% 65.6%, 100% 50%, 94% 32.6%, 76.6% 17.3%, 50% 6%);
  shape-margin: 7%;
}

/* circle end */

.imageBorder {
  border-width: 8px;
  border-color: #dedba7;
  border-style: solid;
}

.imageBorderGreen {
  border-width: 8px;
  border-color: #d4eb90;
  border-style: solid;
}

.topleftminitext {
  margin: 10px 0px 10px 0px;
  text-align: center;
  height: 60px;
  width: 100%;
  font-weight: bold;
  font-size: 15px;
}

.topheadertext {
  position: relative;
  text-align: center;
  color: white;
  font-weight: bold;
  height: 80px;
  width: 100%;
  background: #4360a2;
  font-size: 16px;
}

.topheadertext p {
  position: absolute;
  top: 40%;
  text-align: center;
  width: 100%;
}

.homeheadder {
  font-size: 16px;
}

.valuePrivacy {
  font-style: oblique;
  font-weight: bold;
  font-size: 13px;
  color: #eed468;
}

ul.skliStart2 {
  list-style: decimal;
}

ul.yelloArrow {
  list-style: outside url("/assets/img/Arrow-8.png");
}

ul.skliStart {
  /* option/ */
  /* background: url(/assets/img/tringaleli.png) no-repeat left top;  
    list-style: none;
    margin-left: 5px;   */
  list-style: outside url("/assets/img/tringaleli.png");
}

ul.movimgArrow {
  list-style: outside url("/assets/img/Bullet-A6.png");
}

ul.yellotringle {
  list-style: outside url("/assets/img/yellotringle1.png");
}

ul.hexabulletblue {
  list-style: outside url("/assets/img/buller-hexa-blue.png");
}

ul.skliStartPink {
  list-style: outside url("/assets/img/tringle-pink.png");
}

ul.arrow-3 {
  list-style: outside url("/assets/img/arrow_3.jpg");
}

ul.greenBullet {
  list-style: outside url("/assets/img/green-t-bullet.png");
}

ul.purpuleBullet {
  list-style: outside url("/assets/img/purpul-bullet.png");
}

ul.ourfaculty1 {
  list-style: outside url("/assets/img/blue-bullet.png");
}

ul.ourfaculty2 {
  list-style: outside url("/assets/img/green-bullet.png");
}

ul.ourfaculty3 {
  list-style: outside url("/assets/img/orange-bullet.png");
}

ul.ourfaculty4 {
  list-style: outside url("/assets/img/pink-bullet.png");
}

ul.ourfaculty5 {
  list-style: outside url("/assets/img/lightblue-bullet.png");
}

ul.coursesumaer1 {
  list-style: outside url("/assets/img/dubletringle1.png");
}

ul.coursesumaer2 {
  list-style: outside url("/assets/img/dubletringle2.png");
}

ul.coursesumaer3 {
  list-style: outside url("/assets/img/dubletringle3.png");
}

ul.coursesumaer4 {
  list-style: outside url("/assets/img/dubletringle4.png");
}

ul.coursesumaer5 {
  list-style: outside url("/assets/img/dubletringle5.png");
}

ul.delivermethology1 {
  list-style: outside url("/assets/img/Arrow-1.png");
}

ul.delivermethology2 {
  list-style: outside url("/assets/img/Arrow-2.png");
}

ul.delivermethology3 {
  list-style: outside url("/assets/img/Arrow-3.png");
}

ul.delivermethology4 {
  list-style: outside url("/assets/img/Arrow-4.png");
}

ul.delivermethology5 {
  list-style: outside url("/assets/img/Arrow-5.png");
}

ul.delivermethology6 {
  list-style: outside url("/assets/img/Arrow-6.png");
}

ul.delivermethology7 {
  list-style: outside url("/assets/img/Arrow-7.png");
}

ul.sellingkey1 {
  list-style: outside url("/assets/img/dubbulearrow1.png");
}

ul.sellingkey2 {
  list-style: outside url("/assets/img/dubbulearrow3.png");
}

ul.sellingkey3 {
  list-style: outside url("/assets/img/dubbulearrow5.png");
}

ul.sellingkey4 {
  list-style: outside url("/assets/img/dubbulearrow6.png");
}

ul.sellingkey5 {
  list-style: outside url("/assets/img/dubbulearrow7.png");
}

ul.sellingkey6 {
  list-style: outside url("/assets/img/dubletringle1.png");
}

ul.sellingkey7 {
  list-style: outside url("/assets/img/dubletringle5.png");
}

ul.sellingkey8 {
  list-style: outside url("/assets/img/dubbulearrow5.png");
}

ul.sellingkey9 {
  list-style: outside url("/assets/img/dubbulearrow7.png");
}

ul.traningArch1 {
  list-style: outside url("/assets/img/dubletringle3.png");
}

ul.traningArch2 {
  list-style: outside url("/assets/img/dubletringle1.png");
}

ul.traningArch3 {
  list-style: outside url("/assets/img/dubletringle2.png");
}

ul.traningArch4 {
  list-style: outside url("/assets/img/dubletringle4.png");
}

.contentlistep {
  margin: 10px 0px 10px 80px;
  vertical-align: middle;
}

ul.setp1 {
  list-style: outside url("/assets/img/Step-1.png");
}

ul.setp2 {
  list-style: outside url("/assets/img/Step-2.png");
}

ul.setp3 {
  list-style: outside url("/assets/img/Step-3.png");
}

ul.setp4 {
  list-style: outside url("/assets/img/Step-4.png");
}

ul.setp5 {
  list-style: outside url("/assets/img/Step-5.png");
}

ul.setp6 {
  list-style: outside url("/assets/img/Step-6.png");
}

ul.setp7 {
  list-style: outside url("/assets/img/Step-7.png");
}

ul.artofsell1 {
  background: url(/assets/img/movimgarrow1.png) no-repeat left top;
  list-style: none;
  margin-left: 5px;
  /* list-style: square outside url("/assets/img/movimgarrow1.png"); */
}

ul.artofsell2 {
  background: url(/assets/img/movimgarrow2.png) no-repeat left top;
  list-style: none;
  margin-left: 5px;
}

ul.artofsell3 {
  background: url(/assets/img/movimgarrow3.png) no-repeat left top;
  list-style: none;
  margin-left: 5px;
}

ul.artofsell4 {
  background: url(/assets/img/movimgarrow4.png) no-repeat left top;
  list-style: none;
  margin-left: 5px;
}

ul.artofsell5 {
  background: url(/assets/img/movimgarrow5.png) no-repeat left top;
  list-style: none;
  margin-left: 5px;
}

ul.artofsell6 {
  background: url(/assets/img/movimgarrow6.png) no-repeat left top;
  list-style: none;
  margin-left: 5px;
}

ul.artofsell7 {
  background: url(/assets/img/movimgarrow7.png) no-repeat left top;
  list-style: none;
  margin-left: 5px;
}

.rightTopMarginforBullet {
  margin-top: 35px;
}

.centerheightMargin {
  height: 75px;
}

.ng-invalid:not(form) {
  border-left: 5px solid #ff634d;
  /* red */
}

.ng-valid {
  border-left: 5px solid rgb(133, 235, 138);
  /* green */
}

.color3rd {
  color: #ff634d;
}

.leftBlack {
  margin: 8px 8px 5px 0px;
  font-size: 12.5px;
  color: #ffffff;
}

.leftBlack3 {
  margin: 8px 10px 5px 5px;
  font-size: 12px;
  color: #ffffff;
}

.leftBlack2 {
  margin: 10px;
  font-size: 14.5px;
}

.leftBlack4 {
  margin: 10px 10px 5px 10px;
  font-size: 13.5px;
  color: #ffffff;
}

.pillarBackGround {
  background-image: url(/assets/img/watermarklogo-small.png);
  background-repeat: no-repeat, repeat;
  ;
  background-position: center top;
}

.pillarBackGround2 {
  background-image: url(/assets/img/watermarklogo.png);
  background-repeat: no-repeat, repeat;
  ;
  background-position: center;
}

/* style="background-image: url(assets/img/watermarklogo.png); 
background-repeat: no-repeat, repeat; ">  */

.imageBlackText {
  margin: 5px;
  /* color: #ff634d; */
  color: #000000;
  font-weight: bold;
  font-size: 15.5px;
  text-align: center;
}
.imageText {
  margin: 5px;
  /* color: #ff634d; */
  color: #4360a2;
  font-weight: bold;
  font-size: 14.5px;
  text-align: center;
}
.imageTextLeft2 {  
  color: #4360a2;  
  font-size: 14.5px;  
}

.sectorbluetext {
  color: #6682c4;
  font-weight: bold;
  font-size: 14.5px;
}

.imageTextLeft {
  /* color: #ff634d; */
  color: #6682c4;
  font-weight: bold;
  font-size: 15.5px;
}

.imageTextPink {
  margin: 5px;
  color: #FE68A8;
  font-weight: bold;
  font-size: 14.5px;
  text-align: center;
}

.ptopmargin {
  margin-top: 80px;
}

.divagentRigt {
  text-align: left;
  margin-top: 5px;
  width: 75%;
  float: left;
}

.imageText3 {
  margin: 5px;
  color: #4360a2;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}

hr.new1 {
  border-top: 1px solid #15d2eb;
}

.imageText2 {
  /* color: 15d2eb #ff634d; */
  color: #15d2eb;
  font-weight: bold;
  font-size: 12.5px;
  text-align: center;
}

.required::before {
  content: "* ";
  color: red;
  font-weight: bold;
  margin-left: -10px;
  position: relative;
}

input[type=radio],
input[type=checkbox] {
  margin: 0px 5px 0px 5px;
}

.wrap {
  white-space: pre-wrap;
  /* CSS3 */
  white-space: -moz-pre-wrap;
  /* Firefox */
  white-space: -pre-wrap;
  /* Opera <7 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* IE */
}

.outcuminput {
  text-align: left;
  padding-left: 70px
}

.ds-settingsk {
  border-radius: 4px;
  background-image: linear-gradient( #15d2eb, red);
  border: none;
  color: #FFFFFF;
  margin: 10px;
  padding: 5px 15px;
  font-size: 15px;
  transition: all 0.5s;
  cursor: pointer;
  outline: none;
}

.ds-settingsk span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.ds-settingsk span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.ds-settingsk:hover span {
  padding-right: 25px;
}

.ds-settingsk:hover span:after {
  opacity: 1;
  right: 0;
}

.ds-settingsk2 {
  border-radius: 4px;
  background-image: linear-gradient(to right, #fa6c9f, #ffe140);
  border: none !important;
  color: #FFFFFF;
  margin: 10px;
  padding: 5px 15px;
  font-size: 15px;
  transition: all 0.5s;
  cursor: pointer;
  outline: none;
}

.ds-settingsk2 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.ds-settingsk2 span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.ds-settingsk2:hover span {
  padding-right: 25px;
}

.ds-settingsk2:hover span:after {
  opacity: 1;
  right: 0;
}

.ds-settingsk3 {
  border: none;
  color: #fff;
  margin: 10px;
  padding: 5px 15px;
  font-size: 16px;
  background-image: linear-gradient(to right, #fa6c9f, #ffe140);
  border-radius: 3px;
  outline: none;
}

.get-started {
  font-size: 14.5px;
  font-weight: bold;
  color: #ffffff;
}

.mg-tb-30 {
  margin: 30px 0px;
}

.mg-b-30 {
  margin-bottom: 30px;
}

.mg-tb-15 {
  margin: 15px 0px;
}

.mg-t-30 {
  margin-top: 30px;
}

.mg-b-10 {
  margin-bottom: 23px;
}

.mg-ub-10 {
  margin-bottom: 17px;
}

.mg-t-15 {
  margin-top: 15px;
}

.mg-t-10 {
  margin-top: 10px;
}

.mg-b-15 {
  margin-bottom: 20px;
}

.mt-b-30 {
  margin-bottom: 30px;
}

.bg-green {
  background: #15D2EB;
}

.bg-red {
  background: #933EC5;
}

.bg-blue {
  background: #65b12d;
}

.bg-purple {
  background: #D80027;
}
.pointerhand{
  cursor: pointer;

}
/*----------------------------------------*/

/*  3. All Nested Class
/*----------------------------------------*/

.product-sales-chart,
.analytics-info-cs,
.tranffic-als-inner,
.analytics-rounded,
.single-new-trend,
.personal-info-wrap,
.author-widgets-single,
.calender-inner,
.product-status-wrap,
.review-tab-pro-inner,
.income-dashone-total,
.analytics-edu-wrap,
.analytics-sparkle-line,
.analysis-progrebar,
.sparkline8-list,
.sparkline9-list,
.sparkline7-list,
.sparkline10-list,
.sparkline12-list,
.sparkline13-list,
.sparkline14-list,
.sparkline13-list,
.sparkline11-list,
.x-editable-list,
.code-editor-single,
.blog-details-inner,
.charts-single-pro,
.about-sparkline,
.sparkline-list,
.button-ad-wrap,
.tab-content-details,
.sparkline16-list,
.sparkline15-list,
.tinymce-single,
.single-product-item,
.courses-inner,
.single-latest-item,
.product-payment-inner-st,
.profile-info-inner,
.contact-panel,
.widget-int-shape,
.social-media-edu {
  margin-top: 10px;
  padding: 10px;
  background: #fff;
}

/*----------------------------------------*/

/*  4. left sidebar
/*----------------------------------------*/

.all-content-wrapper {
  margin-left: 200px;
  transition: all 0.3s;
}

.left-sidebar-pro {
  z-index: 9999;
  width: 240px;
}

.leftbottom {
  position: absolute;
  font-size: 12px;
  text-align: center;
  bottom: 0px;
  width: 100%;
}

#sidebar {
  min-width: 200px;
  background: #fff;
  color: #fff;
  position: fixed;
  transition: all 0.3s;
  z-index: 999;
  height: 100%;
}

.mini-navbar .all-content-wrapper {
  margin-left: 80px;
  transition: all 0.3s;
}

#sidebar.active {
  min-width: 80px;
  max-width: 80px;
  text-align: center;
}

#sidebar.active .sidebar-header h3,
#sidebar.active .CTAs {
  display: none;
}

#sidebar.active .sidebar-header strong {
  display: block;
}

#sidebar.active ul li .sidebar-right-icon {
  display: none;
}

.bar-button-pro {
  margin: 13px 0px;
  font-size: 16px;
  color: #fff;
}

#sidebar .sidebar-header strong {
  display: none;
  font-size: 1.8em;
}

.sidebar-header {
  text-align: center;
}

.sidebar-header h3 {
  font-size: 20px;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 5px;
}

#sidebar.active .sidebar-header .main-logo {
  display: none;
}

#sidebar.active .sidebar-header h3 {
  display: none;
}

#sidebar.active .sidebar-header p {
  display: none;
}

#sidebar ul li a .sidebar-right-icon {
  float: right;
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro {
  width: 100%;
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li {
  display: block;
  float: none;
  position: relative;
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li .left-menu-dropdown {
  left: 0px;
  top: 0px;
  opacity: 0;
  border-radius: 0;
  border: 0px solid #fff;
  box-shadow: none;
  background: #ebebeb;
}

.left-custom-menu-adp-wrap .dropdown-menu {
  position: relative;
  float: none;
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li .left-menu-dropdown a:hover {
  padding: 15px 30px;
  transition: all .4s ease 0s;
  background: #fff;
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li.open .left-menu-dropdown {
  opacity: 1;
  left: 0px;
  z-index: 9999;
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li.open .left-menu-dropdown.chart-left-menu-std {
  top: 0px;
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li.open .left-menu-dropdown.form-left-menu-std {
  top: 0px;
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li.open .left-menu-dropdown.apps-left-menu-std {
  top: 0px;
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li.open .left-menu-dropdown.pages-left-menu-std {
  top: 0px;
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a {
  display: block;
  padding: 15px 20px;
  color: #444;
  transition: all .4s ease 0s;
  font-size: 16px;
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:hover,
.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:focus,
.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:active,
.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:visited {
  background: #ebebeb;
  color: #444;
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li .indicator-right-menu {
  float: right;
  font-size: 12px;
}

#sidebar.active .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li.open .left-menu-dropdown {
  left: 80px;
}

#sidebar.active .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li .mini-dn {
  display: none;
}

#sidebar.active .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li .big-icon {
  font-size: 20px;
}

#sidebar.active .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li>a {
  padding: 20px 20px;
}

/*----------------------------------------*/

/*  4.1 Left Sidebar switcher
/*----------------------------------------*/

.menu-switcher-pro {
  transition: all .4s ease 0s;
}

.mini-navbar .menu-switcher-pro {
  transition: all 0.3s;
}

.menu-switcher-pro button {
  background: none;
  border: none;
}

.menu-switcher-pro button:hover,
.menu-switcher-pro button:focus,
.menu-switcher-pro button:active,
.menu-switcher-pro button:visited {
  background: none;
  border: none;
}

/*----------------------------------------*/

/*  5. Header Top
/*----------------------------------------*/

.header-top-menu .navbar-nav>li>a {
  padding: 20px 20px;
  color: #fff;
  font-weight: bold;
  letter-spacing: -.2px;
  font-size: 14px;
}

.fa-angle-down {
  color: #FF634D;
  font-weight: bold;
}

.header-top-menu .navbar-nav>li>a:hover {
  padding: 20px 20px;
  color: #4360a2 !important;
  font-weight: bold;
  letter-spacing: -.2px;
  font-size: 14px;
}

.header-top-menu .navbar-nav>li a .angle-down-topmenu {
  margin-left: 4px;
}

/* .header-top-menu .navbar-nav>li>a:hover{
    color: #03a9f4;
    
} */

.header-top-menu .navbar-nav>li .dropdown-menu a {
  padding: 10px 20px;
  display: block;
  color: #303030;
}

.header-top-menu .navbar-nav>li .dropdown-menu a:hover {
  background: #15d2eb !important;
  color: #FF634D !important;
}

.header-top-menu .navbar-nav>li .dropdown-menu {
  border: 0px solid #ccc;
  border: 0px solid rgba(0, 0, 0, .15);
  background-color: #303030;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .175);
  box-shadow: 0 1px 4px rgba(0, 0, 0, .175);
}

.header-right-info .navbar-nav>li .dropdown-menu {
  border: 0px solid #ccc;
  border: 0px solid rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .175);
  box-shadow: 0 1px 4px rgba(0, 0, 0, .175);
}

.header-top-menu .nav>li>a:focus,
.header-top-menu .nav>li>a:hover,
.header-top-menu .nav>li>a:active {
  text-decoration: none;
  background-color: transparent;
}

.header-top-menu .nav .open>a,
.header-top-menu .nav .open>a:focus,
.header-top-menu .nav .open>a:hover {
  background-color: transparent;
}

.header-right-info .nav>li>a:focus,
.header-right-info .nav>li>a:hover,
.header-right-info .nav>li>a:active {
  text-decoration: none;
  background-color: transparent;
}

.header-right-info .nav.custon-set-tab>li>a:focus,
.header-right-info .nav.custon-set-tab>li>a:hover,
.header-right-info .nav.custon-set-tab>li>a:active {
  color: #03a9f4;
}

.header-right-info .nav.custon-set-tab>li>a {
  color: #303030;
}

.header-right-info .nav .open>a,
.header-top-menu .nav .open>a:focus,
.header-top-menu .nav .open>a:hover {
  background-color: transparent;
}

.header-right-info .navbar-nav {
  float: right;
  padding: 17px 0px;
}

.admin-logo {
  padding: 10px 0px;
}

.header-top-menu ul.header-top-nav li {
  display: inline-block;
  position: relative;
}

.header-top-menu ul.header-top-nav li ul.dropdown-header-top {
  position: absolute;
  top: 130%;
  left: -10px;
  width: 200px;
  background: #303030;
  opacity: 0;
  transition: all 0.5s ease 0s;
  z-index: 999;
  padding: 10px 0px;
}

.header-top-menu ul.header-top-nav li ul.dropdown-header-top.in {
  opacity: 1;
  top: 100%;
  transition: all 0.5s ease 0s;
}

.admin-project-icon {
  margin-left: 5px;
  font-size: 10px;
  color: #fff;
}

.header-top-menu ul.header-top-nav li .dropdown-header-top li {
  display: block;
}

.header-top-menu ul.header-top-nav li .dropdown-header-top li a {
  display: block;
  color: #fff;
  padding: 15px 20px;
}

.header-top-menu ul.header-top-nav li .dropdown-header-top li a:hover {
  background: #03a9f4;
}

.header-top-menu ul.header-top-nav li a {
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  text-transform: capitalize;
  display: block;
  padding: 18px 10px;
}

.header-right-info ul.header-right-menu li {
  display: inline-block;
}

.header-right-info ul.header-right-menu li .author-message-top,
.header-right-info ul.header-right-menu li .notification-author,
.header-right-info ul.header-right-menu li .author-log {
  position: absolute;
  top: 160%;
  left: -70px;
  width: 330px;
  background: #343434;
  text-align: left;
  opacity: 0;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  z-index: 999;
}

.header-right-info ul.header-right-menu li .dropdown-header-top.author-log {
  width: 200px;
  padding: 10px 0px;
}

.header-right-info ul.header-right-menu li .dropdown-header-top.author-log li {
  display: block;
}

.header-right-info ul.header-right-menu li .dropdown-header-top.author-log li a {
  padding: 10px 20px;
  display: block;
  color: #303030;
  font-size: 14px;
}

.header-right-info ul.header-right-menu li .dropdown-header-top.author-log li .author-log-ic {
  margin-right: 10px;
}

.header-right-info ul.header-right-menu li .dropdown-header-top.author-log li a:hover,
.header-right-info ul.header-right-menu li .dropdown-header-top.author-log li a:focus {
  background: #2b2a2a;
}

.header-right-info ul.header-right-menu li .author-message-top {
  left: -133px;
}

.header-right-info ul.header-right-menu li .notification-author {
  left: -134px;
}

.header-right-info ul.header-right-menu li .author-log {
  left: -2px;
}

.header-right-info ul.header-right-menu li.open .author-message-top,
.header-right-info ul.header-right-menu li.open .notification-author,
.header-right-info ul.header-right-menu li.open .author-log {
  opacity: 1;
  top: 170%;
  transition: all 0.5s ease 0s;
  visibility: visible;
}

.header-right-info ul.header-right-menu li ul.message-menu li a,
.header-right-info ul.header-right-menu li ul.notification-menu li a {
  margin: 20px 20px;
  display: block;
  text-decoration: none;
  color: #fff;
}

.header-right-info ul.header-right-menu li .message-view a,
.header-right-info ul.header-right-menu li .notification-view a {
  display: block;
  color: #ccc;
  font-size: 14px;
  border-top: 1px solid #383838;
  padding: 15px 0px;
  text-align: center;
  text-decoration: none;
}

.header-right-info ul.header-right-menu>li>a {
  display: inline-block;
  color: #fff;
  padding: 0px 0px 0px 20px;
  font-size: 20px;
  text-decoration: none;
  position: relative;
}

.indicator-nt {
  position: absolute;
  height: 5px;
  width: 5px;
  background: #03a9f4;
  border-radius: 50%;
  top: -5px;
  right: 0px;
}

.indicator-ms {
  position: absolute;
  height: 5px;
  width: 5px;
  background: #03a9f4;
  border-radius: 50%;
  top: -5px;
  right: -7px;
}

.header-right-info .admin-name {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  position: relative;
  top: -2px;
  margin-left: 2px;
}

.header-right-info .nav>li>a>img {
  width: 26px;
  border-radius: 50%;
}

.header-right-info .author-project-icon {
  color: #fff;
  font-size: 10px;
  position: relative;
  top: -4px;
  margin-left: 5px;
}

.header-right-info .message-author {
  position: relative;
}

.header-top-menu .navbar-nav>li.open>a {
  color: #03a9f4;
}

.header-top-menu .navbar-nav>li.open>a {
  color: #fff;
}

.header-top-menu .navbar-nav>li>a:hover {
  color: #fff;
}

.header-top-area {
  position: fixed;
  background: -webkit-linear-gradient(178deg, #e12503 0%, #85060c 100%);
  background: linear-gradient(178deg, #e12503 0%, #85060c 100%);
  z-index: 99;
  left: 200px;
  right: 0;
  top: 0;
  margin: 0 auto;
  transition: all 0.3s;
}

.jqstooltip {
  width: auto !important;
  height: auto !important;
}

.mini-navbar .header-top-area {
  left: 80px;
  z-index: 9999;
}

.breadcome-list.single-page-breadcome {
  padding-top: 20px;
  padding-bottom: 20px;
}

.mg-b-pro-edt {
  margin-bottom: 15px;
}

.custom-product-edit {
  margin-top: 20px;
}

.product-edt-pix-wrap {
  padding: 40px 0px;
}

.pro-edt-img img {
  width: 60%;
}

.product-edt-remove button {
  margin-top: 20px;
  background-color: #e12503;
  border-color: #e12503;
}

/* -------------------- */

.header-top-area {
  background: #15D2EB;
}

.sidebar-nav .metismenu {
  background: #4360a2;
}

.sidebar-nav {
  background: #fff;
}

.sidebar-nav ul {
  background: #fff;
}

#sidebar.active .sidebar-nav ul.metismenu li ul.submenu-angle {
  position: absolute;
  right: -180px;
  top: 0px;
  text-align: left;
  width: 180px;
  background: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .175);
  box-shadow: 0 1px 4px rgba(0, 0, 0, .175);
}

#sidebar.active .sidebar-nav .metismenu a:hover,
#sidebar.active .sidebar-nav .metismenu a:focus,
#sidebar.active .sidebar-nav .metismenu a:active {
  background: #F6F8FA;
}

#sidebar.active .mCustomScrollBox {
  overflow: unset;
}

#sidebar.active .mCSB_container {
  overflow: unset;
}

.sidebar-nav .metismenu a {
  color: #000000;
  /* color:#8d9498; */
}

.sidebar-nav .metismenu a:hover,
.sidebar-nav .metismenu a:focus,
.sidebar-nav .metismenu a:active {
  background: #3282b8;
}

.header-top-menu .navbar-nav>li .dropdown-menu,
.header-right-info ul.header-right-menu li .author-message-top,
.header-right-info ul.header-right-menu li .notification-author,
.header-right-info ul.header-right-menu li .author-log,
.header-right-info ul.header-right-menu li .admintab-wrap.menu-setting-wrap.menu-setting-wrap-bg.dropdown-menu {
  background: #fff;
}

.header-top-menu .navbar-nav>li .dropdown-menu a:hover,
.header-right-info ul.header-right-menu li .dropdown-header-top.author-log li a:hover,
.header-right-info ul.header-right-menu li .dropdown-header-top.author-log li a:focus,
.header-drl-controller-btn.btn-info:active:focus,
.btn-info:active:hover {
  background: #f8fcfe;
  color: #4360a2;
}

.header-top-menu .navbar-nav>li.open>a {
  color: #fff;
}

.header-top-menu .navbar-nav>li>a:hover {
  color: #fff;
}

#sidebar {
  background: #4360a2;
}

#sidebar .sidebar-header {
  background: #4360a2;
}

#sidebar.active .sidebar-header {
  padding-top: 10px;
  position: relative;
  z-index: 9;
  padding-bottom: 10px;
}

.footer-copyright-area {
  background: #15D2EB;
  padding: 20px 0px;
  text-align: center;
}

p.middleContent {
  font-size: 16px;
}

p.middleContentBold {
  font-size: 16px;
  font-weight: bold;
}

.header-right-info ul.header-right-menu li .message-view a,
.header-right-info ul.header-right-menu li .notification-view a {
  border-top: 1px solid #F6F8FA;
}

.header-right-info .author-message-top:before,
.header-right-info .notification-author:before {
  border-bottom: 10px solid #fff;
}

.header-right-info ul.header-right-menu li.open>a {
  color: #fff;
}

/* 
/*----------------------------------------*/

/*  19. Mini Sidebar
/*----------------------------------------*/

#sidebar.active .sidebar-nav .metismenu {
  margin-top: 12px;
}

.mini-navbar .dropzone.dz-clickable .dz-message {
  padding: 32px 20px;
}

.mini-navbar #sidebar.active .sidebar-nav ul.metismenu li ul.submenu-angle.interface-mini-nb-dp {
  top: -30px;
}

.mini-navbar #sidebar.active .sidebar-nav ul.metismenu li ul.submenu-angle.chart-mini-nb-dp {
  top: -40px;
}

.mini-navbar #sidebar.active .sidebar-nav ul.metismenu li ul.submenu-angle.form-mini-nb-dp {
  top: -100px;
}

.mini-navbar #sidebar.active .sidebar-nav ul.metismenu li ul.submenu-angle.app-mini-nb-dp {
  top: -170px;
}

.mini-navbar #sidebar.active .sidebar-nav ul.metismenu li ul.submenu-angle.page-mini-nb-dp {
  top: -210px;
}

.sparkline-content p {
  line-height: 27px;
}

.sparkline-content.peity-ctn p {
  line-height: 26px;
}

.mini-navbar .sparkline-content p {
  font-size: 15px;
  line-height: 29px;
}

.form-group-inner:last-child {
  margin-bottom: 0px;
}

.note-editor.note-frame.panel.panel-default {
  margin-bottom: 0px;
}

.custon-tab-style1 p:last-child,
.edu-custon-design .admin-panel-content p:last-child {
  margin-bottom: 0px;
}

.edu-tab1 .nav-tabs {
  border-bottom: 0px solid #ddd;
}

*/
/*----------------------------------------*/

/*  20. Custom Scroll
/*----------------------------------------*/

.comment-scrollbar,
.timeline-scrollbar,
.messages-scrollbar,
.project-list-scrollbar {
  height: 580px;
}

.mCSB_outside+.mCSB_scrollTools {
  right: -15px;
  margin: 0px 0px;
}

.message-menu .mCSB_outside+.mCSB_scrollTools,
.notification-menu .mCSB_outside+.mCSB_scrollTools,
.left-custom-menu-adp-wrap .mCSB_outside+.mCSB_scrollTools {
  right: 0px;
  margin: 0px 0px;
}

.mCS-light-1.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #15D2EB;
}

.mCS-light-1.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #ccc;
}

/*-----------------------

/*----------------------------------------*/

/*  23. footer
/*----------------------------------------*/

.footer-copy-right p {
  margin: 0px;
  font-size: 15px;
  color: #000000;
}

.footer-copy-right a {
  color: #fff;
  text-decoration: none;
}