
/* share URL: http://www.20script.ir */

.bg-gradient-green {
  background-color: #1dc096;
  background-image: -webkit-linear-gradient(-425deg, #1dc096 40%, #1896a1);
  background-image: linear-gradient(155deg,#1dc096 40%, #1896a1);
}

.bg-gradient-blue {
  background-color: #1edcde;
  background-image: -webkit-linear-gradient(-425deg, #1edcde 40%, #1a86bf);
  background-image: linear-gradient(155deg,#1edcde 40%, #1a86bf);
}

body.leftMenu:after {
  background-color: transparent;
}

#header {
  background: white;
  border-bottom-color: white;
  webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
}

#wrapper {
  background: #252034;
}

#main {
  background: whitesmoke;
}

#nav {
  background-color: #008192;
  background-image: -webkit-linear-gradient(-425deg, #008192, #53c5d0 40%, #c9ddc7, #efb490);
  background-image: linear-gradient(155deg,#008192, #53c5d0 40%, #c9ddc7, #efb490);
}

.logo-area {
  background-color: #007888;
  border-bottom-color: #007888;
}

#nav-title {
  background-color: #007888;
  webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
}

.mm-ismenu {
  background: #00545f;
}

.mm-search {
  border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
}

.breadcrumb {
  border-bottom: 1px #dfdfdf solid;
  background: rgba(0, 0, 0, 0.05);
}

.avatar-slide .avatar-detail p a {
  color: #ffcc33;
}
.avatar-slide .avatar-detail span {
  background-color: rgba(255, 255, 255, 0.2);
}
.avatar-slide .avatar-link a em:before {
  border-color: #F00;
}
.avatar-slide .avatar-link a.btn {
  border-left: 1px rgba(0, 0, 0, 0.2) solid;
  border-radius: 0;
  background: rgba(0, 0, 0, 0.2);
}
.avatar-slide .avatar-link a.btn:hover {
  background: rgba(0, 0, 0, 0.2);
}

.panel {
  border: 1px solid #f5f5f5;
}

.widget-collapse.dark header {
  background: rgba(0, 0, 0, 0.2);
}
.widget-collapse.dark header a {
  color: white;
}

.dark .widget-mini-chart p {
  color: rgba(0, 0, 0, 0.4);
}

.mail-menu ul li.active a {
  border-left-color: #ffcc33;
  background: rgba(0, 0, 0, 0.2);
}
.mail-menu ul li a {
  color: #FFF;
}
.mail-menu ul li a:hover {
  background: rgba(0, 0, 0, 0.2);
  color: #FFF;
}

/*
00 - Corner-flip
------------------------------------------------------------*/
.corner-flip {
  position: relative;
}
.corner-flip .flip {
  border-bottom-color: whitesmoke;
}
