/*

* Theme Name:  FLATY

* Description: FLATY - Premium Responsive Admin Template

* Author:      ShaMSofT

* Version:     2.2.0

*/



/* ========================================================

   General

======================================================== */

/* Import Font */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);



html {

    min-height: 100%;

    position: relative;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

    text-rendering: optimizelegibility;

}

body {

    padding-bottom: 0;

    min-height: 100%;

    font-family: 'Open Sans';

    font-size: 13px;

    color: #393939;

    -webkit-font-smoothing: antialiased;

}



::-moz-selection {background: #3e4349; color: #fff; }

::selection      {background: #3e4349; color: #fff; }



[class*="fa-"], [class^="fa-"] {

    display: inline-block;

    text-align: center;

}

*:focus {

    outline: 0 !important;

}

.hidden-inline-xs {

    display: inline-block!important;

}

#main-container {

    padding: 0;

}

.container {

    max-width: 100% !important;

}



#btn-scrollup {

    background-color: #999;

    color: #444;

    opacity:0.3;

    position:fixed;

    bottom:25px;

    right:40px;

    display:none;

}

#btn-scrollup:hover {

    background-color: #999;

    opacity: 0.8;

}



/* ========================================================

   Typography

======================================================== */

a:hover,

a:focus,

a:active {

    text-decoration: none;

}

a:active {

    background-color: transparent;

}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

    font-family: 'Open Sans';

}

h1, h2, h3, h4, h5, h6 {

    margin: 5px 0;

}

h1 {

    font-size: 32px;

    font-weight: normal;

    margin: 13px 0;

}

h1.smaller {font-size: 31px;}

h1.bigger  {font-size: 33px;}

h1.block   {margin-bottom: 16px;}

h2 {

    font-size: 26px;

    font-weight: normal;

    margin: 10px 0;

}

h2.smaller {font-size: 25px;}

h2.bigger  {font-size: 27px;}

h2.block   {margin-bottom: 16px;}

h3 {

    font-size: 22px;

    font-weight: normal;

    margin: 8px 0;

}

h3.smaller {font-size: 21px;}

h3.bigger  {font-size: 23px;}

h3.block   {margin-bottom: 16px;}

h4 {

    font-size: 18px;

    font-weight: normal;

    margin: 7px 0;

}

h4.smaller {font-size: 17px;}

h4.bigger  {font-size: 19px;}

h4.block   {margin-bottom: 16px;}

h5 {

    font-size: 15px;

    font-weight: normal;

}

h5.smaller {font-size: 14px;}

h5.bigger  {font-size: 16px;}

h5.block   {margin-bottom: 16px;}

h6 {

    font-size: 13px;

    font-weight: normal;

}

h6.smaller {font-size: 12px;}

h6.bigger  {font-size: 14px;}

h6.block   {margin-bottom: 16px;}



.font-size-9 {font-size: 9px}

.font-size-11 {font-size: 11px}

.font-size-13 {font-size: 13px}

.font-size-15 {font-size: 15px}

.font-size-17 {font-size: 17px}

.font-size-19 {font-size: 19px}

.font-size-21 {font-size: 21px}

.font-size-23 {font-size: 23px}

.font-size-25 {font-size: 25px}



ul.iconic {

    list-style: none;

    padding-left: 15px;

}

ul.iconic > li > [class*="fa-"] {

    margin-right: 3px;

    width: 18px;

}

ul.iconic.inline > li > [class*="fa-"] {margin-right: 4px;}

ul.iconic.inline > li                    {margin-right: 4px;}

ul > li.list-divider {

    border-top: 1px solid #eee;

    margin: 10px;

    margin-bottom: 7px;

}

p                                        {margin: 0 0 10px;}

blockquote                               {margin: 20px;}

.well {

    -webkit-box-shadow: none;

            box-shadow: none;

    border-radius: 0;

}

pre,

pre.prettyprint {

    border-radius: 0;

}

pre.prettyprint ol {

    margin-left: 0;

}



hr.margin-10 {margin: 10px 0;}

hr.margin-0  {margin: 0;}



.vspace-10 {

    display: block;

    height: 10px;

}

.vspace-15 {

    display: block;

    height: 15px;

}

.vspace-20 {

    display: block;

    height: 20px;

}



.blue         {color: #368ee0;}

.light-blue   {color: #67c2ef;}

.green        {color: #393;}

.light-green  {color: #78cd51;}

.red          {color: #e51400;}

.light-red    {color: #fa603d;}

.orange       {color: #f8a31f;}

.light-orange {color: #fabb3d;}

.yellow       {color: #ebe810;}

.pink         {color: #f359a8;}

.magenta      {color: #a200ff;}

.lime         {color: #8cbf26;}

.gray         {color: #aaa;}



/* ========================================================

   TopNav

======================================================== */

.navbar {

    padding-left: 0;

    padding-right: 15px;

    margin-left: 0;

    margin-right: 0;

    margin-bottom: 0;

    position: relative;

    z-index: 990;

    border: 0;

    min-height: 40px;

    height: 40px;

    border-radius: 0;

}

.navbar.navbar-fixed {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

}

.navbar.navbar-fixed ~ #main-container { margin-top: 40px;}

.navbar .navbar-brand {

    font-size: 20px;

    text-shadow: none;

    padding-top: 9px;

    height: 40px;

    min-width: 200px;

}

.navbar .navbar-btn:focus,

.navbar .navbar-btn {

    line-height: 25px;

    outline: 0 !important;

    border-bottom: 0;

    padding-bottom: 5px;

    color: #fff;

    margin-top: 0;

    margin-left: 15px;

    font-size: 16px;

    -webkit-box-shadow: none;

            box-shadow: none;

    border-radius: 0;

    margin-bottom: 0;

}

.navbar .navbar-btn:hover     {text-decoration: none;}

.navbar .navbar-btn.collapsed {background-color: transparent;}

.navbar .nav > li > a,

.navbar .nav > li > a:hover,

.navbar .nav > li > a:focus {

    font-size: 13px;

    text-shadow: none;

}

.flaty-nav {

    height: 100%;

    padding-left: 10px;

}



.flaty-nav > li {

    line-height: 40px;

    max-height: 40px;

    padding: 0;

    position: relative;

    display: inline-block !important;

}

.flaty-nav > li:first-child,

.flaty-nav > li.no-border {

    border-left: none;

}

.flaty-nav > li > a {

    position: relative;

    display: block;

    height: 40px;

    padding: 3px 10px 0!important;

    white-space: nowrap;

}

.flaty-nav > li > a > [class*="fa-"] {

    font-size: 17px;

    display: inline-block;

    width: 20px;

    text-align: center;

}

.flaty-nav > li > a > .badge {

    position: relative;

    top: -10px;

    left: -9px;

    border-width: 2px;

    border-style: solid;

    padding-right: 5px;

    padding-left: 5px;

    margin-right: -10px;

    border-radius: 100%;

}

.flaty-nav .user-profile {

    padding-right: 0;

    display: inline-block;

    white-space: nowrap;

}

.flaty-nav .user-menu {

    line-height: 40px;

}

.flaty-nav .nav-user-photo {

    margin: -8px 8px 0 0;

    border-radius: 100%;

    border: 2px solid rgba(255,255,255,0.5);

    max-width: 33px!important;

}

.flaty-nav li:last-child a [class^="fa-"] {

    display: inline-block;

    width: 1.25em;

    text-align: center;

}





/* Dropdown-navbar ------------------------------------------ */

.dropdown-navbar {

    padding: 0;

    border: 0;

    top: 38px;

    border-radius: 0;

    -webkit-box-shadow: 0 4px 6px rgba(30, 30, 100, 0.25)!important;

            box-shadow: 0 4px 6px rgba(30, 30, 100, 0.25)!important;

}

.dropdown-navbar {

    min-width: 240px;

    max-width: 400px;

    left: auto;

    right: 0;

}

.dropdown-navbar > li {

    padding: 0 13px;

}

.dropdown-navbar > li:hover,

.dropdown-navbar > li.active {

    background-color: #eeeff3!important;

}

.dropdown-navbar > li.active > a,

.dropdown-navbar > li.active > a:hover {

    background-color: transparent;

    color: #444;

}

.dropdown-navbar > li.nav-header {

    text-shadow: none;

    padding: 0 15px;

    padding-right: 6px;

    font-size: 13px;

    font-weight: bold;

    text-transform: none;

}

.dropdown-navbar > li.nav-header > [class*="fa-"] {

    color: #fff;

    float: right;

    margin-top: 13px;

}

.dropdown-navbar > li > [class*="fa-"],

.dropdown-navbar > li > a > [class*="fa-"] {

    margin-right: 5px!important;

    color: #8f99aa;

    font-size: 14px;

}

.dropdown-navbar > li > a {

    padding: 10px 2px;

    margin: 0;

    font-size: 12px;

    line-height: 16px;

    color: #9ca7b9;

}

.dropdown-navbar > li > a:active,

.dropdown-navbar > li > a:hover {

    background: none;

    background-color: transparent;

    color: #8e99ab;

    background-image: none;

    filter: none;

}

.dropdown-navbar > li > a .progress {

    margin-bottom: 0;

    margin-top: 4px;

}

.dropdown-navbar > li > a .badge {

    line-height: 16px;

    padding-right: 4px;

    padding-left: 4px;

    font-size: 12px;

}

.dropdown-navbar > li.more {

    border-top: 1px solid #e9e9e9;

    background: #f7f8f9;

}

.dropdown-navbar > li.more > a {

    color: #4f99c6;

    text-align: center;

    font-size: 13px;

    padding-top: 9px;

    padding-bottom: 9px;

}

.dropdown-navbar > li.more > a > [class*="fa-"] {

    float: right;

    font-size: 16px;

    padding: 1px 0 2px 1px;

    margin-top: -3px;

    color: #4f99c6;

    border-radius: 100%;

}

.dropdown-navbar > li.more > a:hover {

    background-color: transparent;

    color: #4f99c6;

    text-decoration: none;

}

.dropdown-navbar > li.more > a:hover > [class*="fa-"] {

    text-decoration: none;

}

.navbar .nav > li > .dropdown-navbar:after,

.navbar .nav > li > .dropdown-navbar:before {

    display: none;

}

.user-profile .dropdown-navbar {

    min-width: 180px;

}



/* Navbar Message ------------------------------------------ */

.dropdown-navbar .msg {

    width: 320px;

    border-top: 1px solid #f5f6f7;

}

.dropdown-navbar .msg img {

    float: left;

    width: 40px;

    height: 40px;

    margin-right: 15px;

    border-radius: 100%;

}

.dropdown-navbar .msg div {

    margin-bottom: 20px;

}

.dropdown-navbar .msg .msg-title {

    font-weight: bold;

    color: #65707f;

    float: left;

}

.dropdown-navbar .msg .msg-time {

    float: right;

    color: #a2a7b0;

}

.dropdown-navbar .msg p {

    color: #b2b6c2;

    width: 250px;

    display: inline-block;

    white-space: normal;

    margin: 0;

}



/* Navbar Notification ------------------------------------------ */

.dropdown-navbar .notify {

    width: 270px;

    padding-left: 10px;

    border-top: 1px solid #f5f6f7;

    position: relative;

}

.dropdown-navbar .notify p {

    display: inline-block;

    padding-top: 5px;

    white-space: normal;

    margin-top: 0;

}

.dropdown-navbar .notify .badge {

    position: absolute;

    right: 5px;

    top: 12px;

    padding: 2px 7px;

}

.dropdown-navbar .notify [class*="fa-"] {

    display: inline-block;

    float: left;

    color: #fff;

    font-size: 14px;

    padding: 8px;

    border-radius: 100%;

    width: 30px;

    height: 30px;

}

.dropdown-navbar .notify img {

    float: left;

    width: 30px;

    height: 30px;

    margin-right: 5px;

    border-radius: 100%;

}

.dropdown-navbar .notify [class*="fa-"].pink   {background: #e36781;}

.dropdown-navbar .notify [class*="fa-"].green  {background: #74c054;}

.dropdown-navbar .notify [class*="fa-"].orange {background: #e0b447;}

.dropdown-navbar .notify [class*="fa-"].blue   {background: #66badf;}

.dropdown-navbar .notify [class*="fa-"].red    {background: #e51400;}

.dropdown-navbar .notify [class*="fa-"].yellow {background: #ebe810;}

.dropdown-navbar .notify [class*="fa-"].magenta{background: #a200ff;}

.dropdown-navbar .notify [class*="fa-"].gray   {background: #aaa;}

.dropdown-navbar .notify [class*="fa-"].lime   {background: #8cbf26;}



/* ========================================================

   Sidebar

======================================================== */

#sidebar {

    width: 200px;

    position: absolute;

}

#sidebar:before {

    content: "";

    display: block;

    width: 200px;

    position: fixed;

    bottom: 0;

    top: 0;

    z-index: 0; 

}

#sidebar.sidebar-fixed {

    position: fixed;

    z-index: 10;

}

#sidebar+#main-content {

    margin-left: 200px;

}

.navbar-collapse {

    padding-right: 0;

    padding-left: 0;

    border-top: 0;

    max-height: 500%;

}

.navbar-collapse.in {

    overflow-y: visible;

}



.container > .navbar-header,

.container > .navbar-collapse {

    margin-left: 0;

    margin-right: 0;

}

.nav-list li [class^="fa-"] {

    width: auto;

}

.nav-list {

    margin: 0;

    padding: 0;

    list-style: none;

}

.nav-list > li {

    display: block;

    padding: 0;

    margin: 0;

    border: 0;

    position: relative;

}

.nav-list .search-form {

    margin-top: 16px;

    margin-bottom: 16px;

}

.nav-list .search-pan {

    height: 38px;

}

.nav-list .search-pan input {

    border: 0;

    border-bottom: 1px solid rgba(255,255,255,0.3);

    padding: 0;

    margin-bottom: 0;

    padding: 8px 0 2px 0;

    margin-bottom: 5px;

    width: 156px;

    -webkit-box-shadow: none;

            box-shadow: none;

    border-radius: 0;

}

.nav-list .search-pan input::-webkit-input-placeholder  {color: #fff;}

.nav-list .search-pan input:-moz-placeholder            {color: #fff;}

.nav-list .search-pan input::-moz-placeholder           {color: #fff;}

.nav-list .search-pan input:-ms-input-placeholder       {color: #fff;}

.nav-list .search-pan button {

    background: transparent;

    padding-right: 0;

    border: 0;

}

.nav-list .search-pan button > i {

    padding: 8px 0;

}

.nav-list > li > a {

    display: block;

    height: 38px;

    line-height: 36px;

    margin:0;

    padding: 0 16px 0 7px!important;

    color: #fff!important;

    text-shadow: none!important;

    font-size: 13px;

    text-decoration: none;

}

.nav-list .search-pan button > i,

.nav-list > li > a > i {

    display: inline-block;

    vertical-align: middle;

    min-width: 30px;

    text-align: center;

    font-size: 18px;

    font-weight: normal;

}

.nav-list > li > a .arrow {

    display: inline-block;

    width: 14px!important;

    height: 14px;

    line-height: 14px;

    text-shadow: none;

    font-size: 18px;

    padding: 0;

    float: right;

    margin-top: 11px;

}

.nav-list > li.separator {

    height: 3px;

    background-color: transparent;

    position: static;

    margin: 1px 0;

    box-shadow: none;

}

.nav-list > li.open > a {

    font-weight: bold!important;

}

.nav-list > li.active > a,

.nav-list > li.active > a:hover,

.nav-list > li.active > a:focus,

.nav-list > li.active > a:active {

    font-weight: bold!important;

    font-size: 13px;

}

.nav-list > li.active > a > [class*="fa-"] {

    font-weight: normal;

}

.nav-list > li.active > a:after {

    display: block;

    content: "";

    position: absolute!important;

    right: 0;

    top: 4px;

    border: 8px solid transparent;

    border-width: 14px 10px;

}

.nav-list > li.active.open > a:after {

    display: none;

}

.nav-list > li.active .submenu,

.nav-list > li.open .submenu {

    display: block;

}

.nav-list > li .submenu {

    display: none;

    list-style: none;

    margin: 0;

    padding: 0;

    position: relative;

}

.nav-list > li .submenu > li {

    margin-left: 0;

    position: relative;

}

.nav-list > li .submenu > li > a,

.nav-list > li .submenu > li > span,

.nav-list > li .submenu > li > ul > li > a {

    display: block;

    position: relative;

    padding: 7px 0 8px 42px;

    margin: 0;

}

.nav-list > li .submenu > li > a:focus,

.nav-list > li .submenu > li > a:hover {

    text-decoration: none;

}

.nav-list > li .submenu > li:before,

.nav-list > li .submenu > li > ul > li:before {

    content: "";

    display: block;

    position: absolute;

    width: 9px;

    left: 25px;

    top: 17px;

    border-top: 1px dashed rgba(255,255,255,0.5);

}

.nav-list > li .submenu > li > ul > li:before {

    width: 22px;

}

.nav-list > li .submenu > li:after {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 22px;

    width: 0;

    border-left: 1px dashed rgba(255,255,255,0.5);

}

.nav-list > li .submenu > li > ul {

    list-style: none;

    padding: 0;

}

.nav-list > li .submenu > li > ul > li {

    position: relative;

}

.nav-list > li .submenu > li > ul > li > a {

    padding-left: 60px;

    font-size: 12px;

}

#sidebar-collapse {

    text-align: center;

    padding: 3px 0;

    position: relative;

}

#sidebar-collapse > [class*="fa-"] {

    display: inline-block;

    cursor: pointer;

    font-size: 14px;

    color: #fff;

    border: 1px solid rgba(255,255,255,0.2);

    padding: 1px 6px 1px 5px;

    line-height: 18px;

    border-radius: 100%;

    position: relative;

}

#sidebar-collapse:before {

    content: "";

    display: inline-block;

    height: 0;

    border-top: 1px solid rgba(255,255,255,0.2);

    position: absolute;

    left: 15px;

    right: 15px;

    top: 13px;

}



/* Collapsed Sidebar ------------------------------------------ */

#sidebar.sidebar-collapsed {

    width: 42px;

}

#sidebar.sidebar-collapsed:before {

    width: 42px;

}

#sidebar.sidebar-collapsed+#main-content {

    margin-left: 43px;

}

.sidebar-collapsed .nav-list {

    overflow: visible !important;

}

.sidebar-collapsed .nav-list > li > a {

    position: relative;

}

.sidebar-collapsed .nav-list > li.active > a:after {

    display: none;

}

.sidebar-collapsed .nav-list .search-pan input,

.sidebar-collapsed .nav-list > li > a > span {

    display: none;

    position: absolute;

    left: 42px;

    top: 0;

    width: 158px;

    height: 38px;

    line-height: 38px;

    z-index: 121;

    box-shadow: 2px 0 6px rgba(50, 50, 50, 0.2);

    padding-left: 12px;

}

.sidebar-collapsed .nav-list .search-pan input {

    height: 36px;

    line-height: 20px;

    padding-top: 10px;

    padding-bottom: 10px;

}

.sidebar-collapsed .nav-list > li > a.dropdown-toggle > span {

    box-shadow: none;

    border: 0;

    top: 0;

    left: 42px;

    width: 177px;

}

.sidebar-collapsed .nav-list > li > a .arrow {

    display: none;

}

.sidebar-collapsed .nav-list > li > a:hover:before {

    width: 2px;

}

.sidebar-collapsed .nav-list .search-form:hover .search-pan input,

.sidebar-collapsed .nav-list > li:hover > a > span {

    display: block;

}

.sidebar-collapsed .nav-list > li.active > a:after {

    border-width: 10px 6px;

    top: 8px;

}

.sidebar-collapsed .nav-list > li.active.open > a:after {

    display: block;

}

.sidebar-collapsed .nav-list > li .submenu > li > ul > li:before {

    width: 9px;

    left: 27px;

}

.sidebar-collapsed .nav-list > li .submenu > li > ul > li:after {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 24px;

    width: 0;

    border-left: 1px dashed rgba(255,255,255,0.5);

}

.sidebar-collapsed .nav-list > li.active.open > .submenu > li.active > a:after {

    display: none;

}

.sidebar-collapsed .nav-list > li > ul.submenu {

    position: absolute;

    z-index: 120;

    left: 44px;

    top: 0;

    width: 175px;

    box-shadow: 2px 0 6px rgba(50, 50, 50, 0.2);

    padding-top: 40px;

    padding-bottom: 2px;

    display: none!important;

}

.sidebar-collapsed .nav-list > li > ul.submenu > li:before,

.sidebar-collapsed .nav-list > li > ul.submenu > li:after {

    display: none;

}

.sidebar-collapsed .nav-list > li > ul.submenu li > a,

.sidebar-collapsed .nav-list > li > ul.submenu li > span {

    border-left: none;

    margin-left: 0;

    padding-left: 24px;

}

.sidebar-collapsed .nav-list > li > ul.submenu > li > ul > li > a {

    padding-left: 44px;

}

.sidebar-collapsed .nav-list > li > ul.submenu li > a > [class*="fa-"]:first-child {

    width: 16px;

}

.sidebar-collapsed .nav-list > li > ul.submenu li.active > a > [class*="fa-"]:first-child,

.sidebar-collapsed .nav-list > li > ul.submenu li:hover > a > [class*="fa-"]:first-child {

    left: 7px;

}

.sidebar-collapsed .nav-list > li:hover > ul.submenu {

    display: block!important;

}

.sidebar-collapsed #sidebar-collapse:before {

    left: 5px;

    right: 5px;

}

.sidebar-collapsed #sidebar-collapse > [class*="fa-"] {

    font-size: 13px;

    padding: 0 5px 0 4px;

    line-height: 15px;

    border-width: 1px;

}



/* Horizontal Menu ------------------------------------------ */

#nav-horizontal {

    padding-left: 0;

    float: left;

    height: 40px;

}

#nav-horizontal > li {

    padding-right: 0;

    display: inline-block;

    vertical-align: top;

}

#nav-horizontal > li > a {

    line-height: 40px;

    white-space: nowrap;

}

#nav-horizontal .dropdown-menu {

    left: 0;

    min-width: 170px;

}

#nav-horizontal > li > .dropdown-menu > li {

    position: relative;

}

#nav-horizontal > li > .dropdown-menu > li > ul {

    display: none;

    position: absolute;

    left: 170px;

    top: -2px;

}

#nav-horizontal .dropdown-menu > li:hover > ul {

    display: block;

}

#nav-horizontal [class*="fa-"] {

    margin-right: 5px;

}

#nav-horizontal .dropdown-menu [class*="fa-"] {

    display: inline-block;

    width: 15px;

    text-align: left;

}

#nav-horizontal .dropdown-menu .fa-angle-right {

    position: absolute;

    right: 0;

}



/* ========================================================

   Main Content

======================================================== */

#main-content {

    padding: 10px 20px 20px;

}

.page-title > div {

    margin-bottom: 20px;

}

.page-title > div h1 {

    font-size: 30px;

    text-shadow: 0 1px 0 rgba(150,150,150,0.6);

}

.page-title > div h1 > i {

    width: 35px;

    text-align: center;

}

.page-title > div h4 {

    font-size: 14px;

    margin-top: -5px;

    margin-left: 45px;

    color: #999;

    text-shadow: 0 1px 0 rgba(150,150,150,0.15);

}



/* ========================================================

   Boxes

======================================================== */

.box {

    margin-bottom: 20px;

}



.box .box-title {

    padding: 10px;

}



.box .box-title h3 {

    display: inline-block;

    line-height: 20px;

    margin: 0;

    color: #fff;

    white-space: nowrap;

}

.box .box-title h3 > i {

    margin-right: 10px;

}

.box .box-title .box-tool {

    display: inline-block;

    float: right;

    line-height: 20px;

    white-space: nowrap;

}

.box .box-title .box-tool > a {

    color: #fff;

    font-size: 16px;

    margin: 0 3px;

    opacity: 0.6;

    -webkit-transition: all 0.3s ease;

            transition: all 0.3s ease;

}

.box .box-title .box-tool > a:hover {

    text-decoration: none;

    opacity: 1;

}

.box .box-title .box-tool > a > i {

    display: inline-block;

}

.box .box-title .box-tool a.btn {

    margin-top: -3px;

    height: 30px;

    line-height: 18px;

}

.box .box-title .box-tool > .progress {

    margin-top: 7px;

}

.box .box-title .nav-tabs ~ .box-tool {

    float: right;

}



.box .box-content {

    padding: 10px;

    background: #fff;

}

.box .box-content.no-padding {

    padding: 0;

}





/*******

** Tab

*******/

.box-title .nav-tabs {

    border-bottom: 0;

    margin: 0;

    margin-right: 10px;

    padding-left: 0;

    margin-bottom: -10px;

}

.box-title h3 ~ .nav-tabs {

    float: right;

}

.box-title .nav-tabs > li {

    margin-bottom: 0;

}

.box-title .nav-tabs > li > a {

    margin-bottom: 0;

    padding-top: 4px;

    color: #fff;

    border-color: transparent;

    border-radius: 0;

}

.box-title .nav-tabs > li > a:hover {

    padding-bottom: 7px;

}

.box-title .nav-tabs > li.active > a:hover {

    padding-bottom: 8px;

}

.box-title .nav-tabs > li > a:hover {

    background: #fff;

    color: #444;

    text-shadow: none;

}

.box-title .nav-tabs > li.active > a,

.box-title .nav-tabs > li.active > a:hover {

    color: #444;

    text-shadow: none;

    border-color: transparent;

}

.box-title .nav-tabs > li.dropdown {

    background-color: #fff;

}

.box-title .nav-tabs > li.dropdown > a.dropdown-toggle {

    color: #444;

    text-shadow: none;

    cursor: pointer;

}

.box-title .nav-tabs > li.dropdown > a > .caret {

    border-top-color: #444;

    border-bottom-color: #444;

}

.box-title .nav-tabs > li.dropdown > a:hover {

    padding-bottom: 10px;

}

.box-title .nav-tabs > li.dropdown.open > a {

    border-color: #fff;

}

.box-title .nav-tabs > li.dropdown > .dropdown-menu > li {

    padding: 0;

}

.box-title .nav-tabs > li.dropdown > .dropdown-menu > li > a {

    padding: 5px 9px;

}

.box-title .nav-tabs > li.dropdown > .dropdown-menu > li > a:hover,

.box-title .nav-tabs > li.dropdown > .dropdown-menu > li.active > a {

    background-color: #efefef;

    color: #444;

}



/* ========================================================

   Tables

======================================================== */

.table-bordered,

.table-bordered thead:first-child tr:first-child > th:first-child,

.table-bordered tbody:first-child tr:first-child > td:first-child,

.table-bordered tbody:first-child tr:first-child > th:first-child,

.table-bordered thead:last-child tr:last-child > th:first-child,

.table-bordered tbody:last-child tr:last-child > td:first-child,

.table-bordered tbody:last-child tr:last-child > th:first-child,

.table-bordered tfoot:last-child tr:last-child > td:first-child,

.table-bordered tfoot:last-child tr:last-child > th:first-child,

.table-bordered caption + thead tr:first-child th:first-child,

.table-bordered caption + tbody tr:first-child td:first-child,

.table-bordered colgroup + thead tr:first-child th:first-child,

.table-bordered colgroup + tbody tr:first-child td:first-child {

    border-radius: 0!important;

}

.table thead > tr > th {

    border-bottom-width: 1px;

}

.table.fill-head thead {

    background: #efefef;

    color: #888;

}



.table-advance {



}

.table-advance thead {

    background: #efefef;

    border-left: 4px solid #efefef;

}

.table-advance i[class^="fa-"] {

    margin-right: 5px;

}

.table-advance tbody > tr:nth-child(even) > td,

.table-advance tbody > tr:nth-child(even) > th {

  background-color: #f6f6f6;

}

.table-advance tbody > tr {

    border-left: 4px solid #fff;

}

.table-advance tbody > tr:nth-child(even) {

    border-left: 4px solid #f6f6f6;

}

.table-advance th,

.table-advance td {

    border-top: 0;

    color: #888;

}



.table thead > tr > th > a.sort-asc,

.table thead > tr > th > a.sort-desc {

    display: block;

    position: relative;

    color: #888;

    padding-right: 15px;

}

.table thead > tr > th > a.sort-asc:after {

    content: "";

    position: absolute;

    right: 0;

    top: 0;

    width: 0;

    height: 0;

    border-bottom: 7px solid #ccc;

    border-left: 4px solid transparent;

    border-right: 4px solid transparent;

}

.table thead > tr > th > a.sort-desc:before {

    content: "";

    position: absolute;

    right: 0;

    top: 8px;

    width: 0;

    height: 0;

    border-top: 7px solid #ccc;

    border-left: 4px solid transparent;

    border-right: 4px solid transparent;

}

.table thead > tr > th > a.sort-active.sort-asc:after {

    border-bottom-color: #7a80dd;

}

.table thead > tr > th > a.sort-active.sort-desc:before {

    border-top-color: #7a80dd;

}



.table-advance .text-right {

    text-align: right;

}

.table-advance .text-center {

    text-align: center;

}



.table-big {

    width: 100%;

    margin-bottom: 15px;

    overflow-x: auto;

    overflow-y: hidden;

    border: 1px solid #ddd;

}

.table-big > .table {

    margin-bottom: 0;

    background-color: #fff;

}

.table-big > .table > thead > tr > th,

.table-big > .table > tbody > tr > th,

.table-big > .table > tfoot > tr > th,

.table-big > .table > thead > tr > td,

.table-big > .table > tbody > tr > td,

.table-big > .table > tfoot > tr > td {

    white-space: nowrap;

}

.table-big > .table-bordered {

    border: 0;

}

.table-big > .table-bordered > thead > tr > th:first-child,

.table-big > .table-bordered > tbody > tr > th:first-child,

.table-big > .table-bordered > tfoot > tr > th:first-child,

.table-big > .table-bordered > thead > tr > td:first-child,

.table-big > .table-bordered > tbody > tr > td:first-child,

.table-big > .table-bordered > tfoot > tr > td:first-child {

    border-left: 0;

}

.table-big > .table-bordered > thead > tr > th:last-child,

.table-big > .table-bordered > tbody > tr > th:last-child,

.table-big > .table-bordered > tfoot > tr > th:last-child,

.table-big > .table-bordered > thead > tr > td:last-child,

.table-big > .table-bordered > tbody > tr > td:last-child,

.table-big > .table-bordered > tfoot > tr > td:last-child {

    border-right: 0;

}

.table-big > .table-bordered > thead > tr:last-child > th,

.table-big > .table-bordered > tbody > tr:last-child > th,

.table-big > .table-bordered > tfoot > tr:last-child > th,

.table-big > .table-bordered > thead > tr:last-child > td,

.table-big > .table-bordered > tbody > tr:last-child > td,

.table-big > .table-bordered > tfoot > tr:last-child > td {

    border-bottom: 0;

}





.table-flag-blue    {border-left-color: #00bfdd!important;}

.table-flag-green   {border-left-color: #8dca35!important;}

.table-flag-red     {border-left-color: #fa5a35!important;}

.table-flag-orange  {border-left-color: #ffab00!important;}

.table-flag-yellow  {border-left-color: #fafd1d!important;}

.table-flag-lime    {border-left-color: #abfd1d!important;}

.table-flag-pink    {border-left-color: #fd1dc6!important;}

.table-flag-magenta {border-left-color: #a61dfd!important;}

.table-flag-gray    {border-left-color: #ccc!important;}

.table-flag-black   {border-left-color: #444!important;}



/* ========================================================

   Form

======================================================== */

select,

textarea,

input[type="text"],

input[type="password"],

input[type="datetime"],

input[type="datetime-local"],

input[type="date"],

input[type="month"],

input[type="time"],

input[type="week"],

input[type="number"],

input[type="email"],

input[type="url"],

input[type="search"],

input[type="tel"],

input[type="color"],

.uneditable-input,

.uneditable-textarea,

.form-group.warning input,

.form-group.warning select,

.form-group.warning textarea,

.form-group.error input,

.form-group.error select,

.form-group.error textarea,

.form-group.success input,

.form-group.success select,

.form-group.success textarea,

.form-group.info input,

.form-group.info select,

.form-group.info textarea,

.input-group input,

.input-group input,

.input-group select,

.input-group select,

.input-group .uneditable-input,

.input-group .uneditable-input,

.input-group .input-group-addon:first-child,

.input-group .btn:first-child,

.input-group input,

.input-group select,

.input-group .uneditable-input,

.input-group input + .btn-group .btn:last-child,

.input-group select + .btn-group .btn:last-child,

.input-group .uneditable-input + .btn-group .btn:last-child,

.input-group .input-group-addon:last-child,

.input-group .btn:last-child,

.input-group .btn-group:last-child > .dropdown-toggle,

.input-group.input-group input + .btn-group .btn,

.input-group.input-group select + .btn-group .btn,

.input-group.input-group .uneditable-input + .btn-group .btn,

.input-group.input-group .input-group-addon:first-child,

.input-group.input-group .btn:first-child,

.input-group.input-group .input-group-addon:last-child,

.input-group.input-group .btn:last-child,

input.search-query,

.form-search .input-group .search-query,

.form-search .input-group .btn,

.form-search .input-group .search-query,

.form-search .input-group .btn,

.form-control

{

    border-radius: 0;

    -webkit-box-shadow: none;

            box-shadow: none;

}



.form-control:focus,

.has-error .form-control:focus,

.has-success .form-control:focus,

.has-warning .form-control:focus,

textarea:focus,

input[type="text"]:focus,

input[type="password"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="date"]:focus,

input[type="month"]:focus,

input[type="time"]:focus,

input[type="week"]:focus,

input[type="number"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="search"]:focus,

input[type="tel"]:focus,

input[type="color"]:focus,

.uneditable-input:focus,

.uneditable-textarea:focus,

.form-group.warning input:focus,

.form-group.warning select:focus,

.form-group.warning textarea:focus,

.form-group.error input:focus,

.form-group.error select:focus,

.form-group.error textarea:focus,

.form-group.success input:focus,

.form-group.success select:focus,

.form-group.success textarea:focus,

.form-group.info input:focus,

.form-group.info select:focus,

.form-group.info textarea:focus,

input:focus:invalid:focus,

textarea:focus:invalid:focus,

select:focus:invalid:focus {

    -webkit-box-shadow: none;

            box-shadow: none;

}

select,

textarea,

input[type="text"],

input[type="password"],

input[type="datetime"],

input[type="datetime-local"],

input[type="date"],

input[type="month"],

input[type="time"],

input[type="week"],

input[type="number"],

input[type="email"],

input[type="url"],

input[type="search"],

input[type="tel"],

input[type="color"],

.uneditable-input,

.uneditable-textarea,

.input-group .input-group-addon,

.input-group .input-group-addon {

    border-color: #e5e5e5;

    color: #888;

}

select:focus,

textarea:focus,

input[type="text"]:focus,

input[type="password"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="date"]:focus,

input[type="month"]:focus,

input[type="time"]:focus,

input[type="week"]:focus,

input[type="number"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="search"]:focus,

input[type="tel"]:focus,

input[type="color"]:focus,

.uneditable-input:focus,

.uneditable-textarea:focus,

.form-control:focus {

    border-color: #bbb;

}

input[disabled],

select[disabled],

textarea[disabled],

input[readonly],

select[readonly],

textarea[readonly] {

    cursor: not-allowed;

    background-color: #f5f5f5;

}

label {

    font-weight: normal;

}

input[type="file"] {

    padding: 0;

    border: 1px solid #eee;

    background-color: #fff;

    box-shadow: none;

}

.help-inline,

.help-block {

    color: #bbb;

}

.help-inline:hover {

    color: #555;

}



.input-icon input {

    padding-right: 25px !important;

}



.input-icon .input-info,

.input-icon .input-error, 

.input-icon .input-warning, 

.input-icon .input-success {

    display: inline-block !important;

    position: relative !important;

    top: 7px;

    right: 25px !important;

    font-size: 16px;

}



.input-icon .input-info    {color:#27a9e3;}

.input-icon .input-error   {color:#B94A48;}

.input-icon .input-warning {color: #C09853;}

.input-icon .input-success {color: #468847;}



/* input with left aligned icons */

.input-icon.left i {

    color: #ccc;

    display: block !important;

    position: absolute !important;

    z-index: 1;

    margin: 7px 2px 6px 10px; 

    width: 16px;

    height: 16px;

    font-size: 16px;

    text-align: center;

}

.input-icon.left input {

    padding-left: 33px !important;

}



.input-group .btn {

    height: 34px;

}



.input-group > span.input-group-addon > i {

    margin-top: 2px;

}

.controls .text {

    display: block;

    margin-top: 5px;

    font-weight: 300;

    font-size: 14px;

    color: #888;

}



/***

Rows seperated form layout

***/

.form-row-separated .form-group {

    border-bottom: 1px solid #efefef;

    padding-bottom: 15px;

    padding-right: 10px;

    margin-left: -10px;

    margin-right: -10px;

}

.form-row-separated .form-group.last {

    border-bottom: 0;

    margin-bottom: 0;

}

.form-row-separated .help-inline,

.form-row-separated .help-block {

    padding-left: 0;

}



/***

Bordered form layout

***/



.form-horizontal.form-bordered .form-group:first-child {

    border-bottom: 1px solid #eee !important;

}

.form-horizontal.form-bordered .form-group {

    margin: 0;

    padding: 0;

    border-bottom: 1px solid #eee;

}

.form-horizontal.form-bordered .form-group.last {

    border-bottom: 0;

    padding-top: 10px;

    padding-bottom: 10px;

}

.box .form-horizontal.form-bordered .form-group {

    margin-left: -10px;

    margin-right: -10px;

}

.box .form-horizontal.form-bordered .form-group:first-child {

    margin-top: -10px;

}

.form-horizontal.form-bordered .form-group .controls {

    padding: 10px;

    position: relative;

    border-left: 1px solid #eee;

}

.form-horizontal.form-bordered .form-group .control-label {

    margin-top: 10px;

}

.form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even)             {background-color: #f9f9f9;}

.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even)           {background-color: #f9f9f9;}

.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) .controls {background-color: #fff;}

.form-horizontal.form-bordered .help-inline,

.form-horizontal.form-bordered .help-block {

  padding-left: 0;

}





/* ========================================================

   Elements

======================================================== */

/* Dropdown Menu ------------------------------------------ */

.dropdown-menu {

    padding: 0;

    box-shadow: 0 2px 5px rgba(30, 30, 100, 0.25);

    border-color: #cdcdcd;

    border-radius: 0;

}

.dropdown-menu > li {

    padding: 0 9px;

    position: relative;

}

.dropdown-menu > li:hover {

    background-color: #dcdcdc;

}

.dropdown-menu > li > [class*="fa-"],

.dropdown-menu > li > a > [class*="fa-"] {

    margin-right: 5px!important;

    font-size: 14px;

}

.dropdown-menu > li > a {

    padding: 6px 2px;

    margin: 0;

    font-size: 12px;

    line-height: 16px;

    color: #444;

    text-shadow: none;

}

.dropdown-menu > li > a:active,

.dropdown-menu > li > a:hover {

    background: none;

    background-color: transparent;

    color: #444;

    background-image: none;

    filter: none;

}

.dropdown-menu > li > a .badge {

    line-height: 16px;

    font-size: 12px;

    float: right;

    margin-top: -2px;

    padding: 2px 7px;

    position: absolute;

    right: 12px;

}

.btn-group.open .dropdown-toggle {

    -webkit-box-shadow: none;

            box-shadow: none;

}

.dropdown-primary li:hover a,

.dropdown-info li:hover a,

.dropdown-warning li:hover a,

.dropdown-danger li:hover a,

.dropdown-success li:hover a,

.dropdown-inverse li:hover a,

.dropdown-pink li:hover a,

.dropdown-lime li:hover a,

.dropdown-gray li:hover a,

.dropdown-magenta li:hover a {

    color: #fff;

}



.dropdown-primary li:hover {background-color: #4f99c6;}

.dropdown-info li:hover    {background-color: #6fb3e0;}

.dropdown-warning li:hover {background-color: #ffa24d;}

.dropdown-danger li:hover  {background-color: #dd6b58;}

.dropdown-success li:hover {background-color: #87b87f;}

.dropdown-inverse li:hover {background-color: #555;}

.dropdown-yellow li:hover  {background-color: #fee188;}

.dropdown-pink li:hover    {background-color: #d67097;}

.dropdown-lime li:hover    {background-color: #9ebd60;}

.dropdown-gray li:hover    {background-color: #888;}

.dropdown-magenta li:hover {background-color: #a25dc9;}





/* Button ------------------------------------------ */

.btn {

    background-image: none;

    filter: none;

    border: 0;

    text-shadow: none;

    -webkit-box-shadow: none;

            box-shadow: none;

    border-radius: 0!important;

}

.btn.active,

.btn:active,

.btn-group.open .btn.dropdown-toggle {

    -webkit-box-shadow: none;

            box-shadow: none;

}

.btn-xlarge {

  padding: 15px 25px;

  font-size: 21px;

}

.btn-xxlarge {

  padding: 19px 30px;

  font-size: 26px;

}

a.btn {

    color: #000;

}

.btn.btn-link {

    color: #428bca;

}



/* Circle Buttons */

.btn-circle {

    padding: 5px;

    line-height: 15px;

    border-radius: 100%!important;

}

.btn-circle i {

    width: 15px;

    height: 15px;

    font-size: 14px;

    display: table-cell; 

    vertical-align: middle; 

    text-align: center;

}

.btn-circle.btn-bordered {

    border: 1px solid #ddd;

}

.btn-circle.btn-bordered.thick {

    border-width: 2px;

}

.btn-circle.btn-xxlarge {

    padding: 12px;

    line-height: 24px;

}

.btn-circle.btn-xxlarge i {

    width: 24px;

    height: 24px;

    font-size: 23px;

}

.btn-circle.btn-xlarge {

    padding: 9px;

    line-height: 20px;

}

.btn-circle.btn-xlarge i {

    width: 20px;

    height: 20px;

    font-size: 19px;

}

.btn-circle.btn-lg {

    padding: 7px;

    line-height: 17px;

}

.btn-circle.btn-lg i {

    width: 17px;

    height: 17px;

    font-size: 16px;

}

.btn-circle.btn-sm {

    padding: 4px;

    line-height: 13px;

}

.btn-circle.btn-sm i {

    width: 13px;

    height: 13px;

    font-size: 12px;

}

.btn-circle.btn-xs {

    padding: 2px;

    line-height: 11px;

}

.btn-circle.btn-xs i {

    width: 11px;

    height: 11px;

    font-size: 10px;

}



.btn-group .btn-circle {

    margin-right: 5px;

}





.btn {

    background-color: #ebebeb;

}

.btn:hover,

.btn:active,

.btn-group.open .btn.dropdown-toggle,

.btn.active {

    background-color: #dcdcdc;

}

.btn.btn-primary {

    background: #000;



}

.btn.btn-primary:active,

.btn.btn-primary.active,

.btn-group.open .btn.btn-primary.dropdown-toggle,

.btn.btn-primary:hover {

  background: #333333; 



}

.btn.btn-info {

    background-color: #5ab4da;

}

.btn.btn-info:active,

.btn.btn-info.active,

.btn-group.open .btn.btn-info.dropdown-toggle,

.btn.btn-info:hover {

    background-color: #50a1c3;

}

.btn.btn-warning {

    background-color: #ff863d;

}

.btn.btn-warning:active,

.btn.btn-warning.active,

.btn-group.open .btn.btn-warning.dropdown-toggle,

.btn.btn-warning:hover {

    background-color: #fe6c14;

}

.btn.btn-danger {

    background-color: #fb3838;

}

.btn.btn-danger:active,

.btn.btn-danger.active,

.btn-group.open .btn.btn-danger.dropdown-toggle,

.btn.btn-danger:hover {

    background-color: #dc2a2a;

}

.btn.btn-success {

    background-color: #15b74e;

}

.btn.btn-success:active,

.btn.btn-success.active,

.btn-group.open .btn.btn-success.dropdown-toggle,

.btn.btn-success:hover {

    background-color: #11943f;

}

.btn.btn-inverse {

    background-color: #575757;

}

.btn.btn-inverse:active,

.btn.btn-inverse.active,

.btn-group.open .btn.btn-inverse.dropdown-toggle,

.btn.btn-inverse:hover {

    background-color: #333333;

}

.btn.btn-pink {

    background-color: #ea4c89;

}

.btn.btn-pink:active,

.btn.btn-pink.active,

.btn-group.open .btn.btn-pink.dropdown-toggle,

.btn.btn-pink:hover {

    background-color: #c73d72;

}

.btn.btn-yellow {

    background-color: #ffdd14;

}

.btn.btn-yellow:active,

.btn.btn-yellow.active,

.btn-group.open .btn.btn-yellow.dropdown-toggle,

.btn.btn-yellow:hover {

    background-color: #eccc11;

}

.btn.btn-magenta {

    background-color: #a200ff;

}

.btn.btn-magenta:active,

.btn.btn-magenta.active,

.btn-group.open .btn.btn-magenta.dropdown-toggle,

.btn.btn-magenta:hover {

    background-color: #8701d4;

}

.btn.btn-lime {

    background-color: #8cbf26;

}

.btn.btn-lime:active,

.btn.btn-lime.active,

.btn-group.open .btn.btn-lime.dropdown-toggle,

.btn.btn-lime:hover {

    background-color: #749f1f;

}

.btn.btn-gray {

    background-color: #aaa;

}

.btn.btn-gray:active,

.btn.btn-gray.active,

.btn-group.open .btn.btn-gray.dropdown-toggle,

.btn.btn-gray:hover {

    background-color: #888;

}

.btn.btn-link {

    background-color: transparent;

}

.btn.btn-link:hover {

    background-color: transparent;

}



.btn.btn-success,

.btn.btn-warning,

.btn.btn-info,

.btn.btn-primary,

.btn.btn-inverse,

.btn.btn-danger,

.btn.btn-pink,

.btn.btn-yellow,

.btn.btn-magenta,

.btn.btn-lime,

.btn.btn-gray {

    color: #fff;

}

.btn.btn-inverse > .caret,

.btn.btn-pink > .caret,

.btn.btn-yellow > .caret,

.btn.btn-magenta > .caret,

.btn.btn-lime > .caret,

.btn.btn-gray > .caret {

    border-top-color: #fff;

}



.btn.btn-circle.btn-bordered.btn-to-default:hover,

.btn.btn-circle.btn-bordered {

    background-color: transparent;

    border-color: #c5c5c5;

    color: #c5c5c5;

}

.btn.btn-circle.btn-bordered:hover {

    background-color: transparent;

    border-color: #aaa;

    color: #aaa;

}

.btn.btn-circle.btn-bordered.btn-to-primary:hover,

.btn.btn-circle.btn-bordered.btn-primary {

    background-color: transparent;

    border-color: #0090ff;

    color: #0090ff;

}

.btn.btn-circle.btn-bordered.btn-primary:hover {

    background-color: transparent;

    border-color: #017cdb;

    color: #017cdb;

}

.btn.btn-circle.btn-bordered.btn-to-info:hover,

.btn.btn-circle.btn-bordered.btn-info {

    background-color: transparent;

    border-color: #5ab4da;

    color: #5ab4da;

}

.btn.btn-circle.btn-bordered.btn-info:hover {

    background-color: transparent;

    border-color: #50a1c3;

    color: #50a1c3;

}

.btn.btn-circle.btn-bordered.btn-to-warning:hover,

.btn.btn-circle.btn-bordered.btn-warning {

    background-color: transparent;

    border-color: #ff863d;

    color: #ff863d;

}

.btn.btn-circle.btn-bordered.btn-warning:hover {

    background-color: transparent;

    border-color: #fe6c14;

    color: #fe6c14;

}

.btn.btn-circle.btn-bordered.btn-to-danger:hover,

.btn.btn-circle.btn-bordered.btn-danger {

    background-color: transparent;

    border-color: #fb3838;

    color: #fb3838;

}

.btn.btn-circle.btn-bordered.btn-danger:hover {

    background-color: transparent;

    border-color: #dc2a2a;

    color: #dc2a2a;

}

.btn.btn-circle.btn-bordered.btn-to-success:hover,

.btn.btn-circle.btn-bordered.btn-success {

    background-color: transparent;

    border-color: #15b74e;

    color: #15b74e;

}

.btn.btn-circle.btn-bordered.btn-success:hover {

    background-color: transparent;

    border-color: #11943f;

    color: #11943f;

}

.btn.btn-circle.btn-bordered.btn-to-inverse:hover,

.btn.btn-circle.btn-bordered.btn-inverse {

    background-color: transparent;

    border-color: #666;

    color: #666;

}

.btn.btn-circle.btn-bordered.btn-inverse:hover {

    background-color: transparent;

    border-color: #444;

    color: #444;

}

.btn.btn-circle.btn-bordered.btn-to-pink:hover,

.btn.btn-circle.btn-bordered.btn-pink {

    background-color: transparent;

    border-color: #ea4c89;

    color: #ea4c89;

}

.btn.btn-circle.btn-bordered.btn-pink:hover {

    background-color: transparent;

    border-color: #c73d72;

    color: #c73d72;

}

.btn.btn-circle.btn-bordered.btn-to-magenta:hover,

.btn.btn-circle.btn-bordered.btn-magenta {

    background-color: transparent;

    border-color: #a200ff;

    color: #a200ff;

}

.btn.btn-circle.btn-bordered.btn-magenta:hover {

    background-color: transparent;

    border-color: #8701d4;

    color: #8701d4;

}

.btn.btn-circle.btn-bordered.btn-to-yellow:hover,

.btn.btn-circle.btn-bordered.btn-yellow {

    background-color: transparent;

    border-color: #ffdd14;

    color: #ffdd14;

}

.btn.btn-circle.btn-bordered.btn-yellow:hover {

    background-color: transparent;

    border-color: #eccc11;

    color: #eccc11;

}

.btn.btn-circle.btn-bordered.btn-to-lime:hover,

.btn.btn-circle.btn-bordered.btn-lime {

    background-color: transparent;

    border-color: #8cbf26;

    color: #8cbf26;

}

.btn.btn-circle.btn-bordered.btn-lime:hover {

    background-color: transparent;

    border-color: #749f1f;

    color: #749f1f;

}

.btn.btn-circle.btn-bordered.btn-to-gray:hover,

.btn.btn-circle.btn-bordered.btn-gray {

    background-color: transparent;

    border-color: #a4a4a4;

    color: #a4a4a4;

}

.btn.btn-circle.btn-bordered.btn-gray:hover {

    background-color: transparent;

    border-color: #888;

    color: #888;

}





.btn.btn-circle.btn-bordered.btn-to-default:hover {

    background-color: transparent;

    border-color: #c5c5c5;

    color: #c5c5c5;

}

.btn.btn-circle.btn-bordered.btn-to-primary:hover {

    background-color: transparent;

    border-color: #0090ff;

    color: #0090ff;

}

.btn.btn-circle.btn-bordered.btn-to-info:hover {

    background-color: transparent;

    border-color: #5ab4da;

    color: #5ab4da;

}

.btn.btn-circle.btn-bordered.btn-to-warning:hover {

    background-color: transparent;

    border-color: #ff863d;

    color: #ff863d;

}

.btn.btn-circle.btn-bordered.btn-to-danger:hover {

    background-color: transparent;

    border-color: #fb3838;

    color: #fb3838;

}

.btn.btn-circle.btn-bordered.btn-to-success:hover {

    background-color: transparent;

    border-color: #15b74e;

    color: #15b74e;

}

.btn.btn-circle.btn-bordered.btn-to-inverse:hover {

    background-color: transparent;

    border-color: #666;

    color: #666;

}

.btn.btn-circle.btn-bordered.btn-to-pink:hover {

    background-color: transparent;

    border-color: #ea4c89;

    color: #ea4c89;

}

.btn.btn-circle.btn-bordered.btn-to-magenta:hover {

    background-color: transparent;

    border-color: #a200ff;

    color: #a200ff;

}

.btn.btn-circle.btn-bordered.btn-to-yellow:hover {

    background-color: transparent;

    border-color: #ffdd14;

    color: #ffdd14;

}

.btn.btn-circle.btn-bordered.btn-to-lime:hover {

    background-color: transparent;

    border-color: #8cbf26;

    color: #8cbf26;

}

.btn.btn-circle.btn-bordered.btn-to-gray:hover {

    background-color: transparent;

    border-color: #a4a4a4;

    color: #a4a4a4;

}





.btn.btn-circle.btn-bordered.btn-fill:hover {

    background-color: #ebebeb;

    border-color: #ddd;

    color: #666;

}

.btn.btn-circle.btn-bordered.btn-to-primary.btn-fill:hover {

    background-color: #6fd0f4;

    border-color: #4ac1ed;

    color: #fff;

}

.btn.btn-circle.btn-bordered.btn-to-info.btn-fill:hover {

    background-color: #b3e3f7;

    border-color: #97d8f4;

    color: #fff;

}

.btn.btn-circle.btn-bordered.btn-to-warning.btn-fill:hover {

    background-color: #f6a270;

    border-color: #f09057;

    color: #fff;

}

.btn.btn-circle.btn-bordered.btn-to-danger.btn-fill:hover {

    background-color: #fd5858;

    border-color: #f14343;

    color: #fff;

}

.btn.btn-circle.btn-bordered.btn-to-success.btn-fill:hover {

    background-color: #57ce81;

    border-color: #40bf6c;

    color: #fff;

}

.btn.btn-circle.btn-bordered.btn-to-inverse.btn-fill:hover {

    background-color: #666;

    border-color: #555;

    color: #fff;

}

.btn.btn-circle.btn-bordered.btn-to-pink.btn-fill:hover {

    background-color: #f17ca9;

    border-color: #ec5a92;

    color: #fff;

}

.btn.btn-circle.btn-bordered.btn-to-magenta.btn-fill:hover {

    background-color: #c06af1;

    border-color: #b251e9;

    color: #fff;

}

.btn.btn-circle.btn-bordered.btn-to-yellow.btn-fill:hover {

    background-color: #f2e077;

    border-color: #e8d355;

    color: #fff;

}

.btn.btn-circle.btn-bordered.btn-to-lime.btn-fill:hover {

    background-color: #bef05b;

    border-color: #b2eb40;

    color: #fff;

}

.btn.btn-circle.btn-bordered.btn-to-gray.btn-fill:hover {

    background-color: #bbb;

    border-color: #a7a7a7;

    color: #fff;

}



/* Panel ------------------------------------------ */

.panel {

    border-radius: 0;

}

.panel-heading {

    border-top-right-radius: 0;

    border-top-left-radius: 0;

}

.panel-footer {

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;

}

.panel-group .panel {

  border-radius: 0;

}



/* Label & Badge ------------------------------------------ */

.label,

.badge {

    background-color: #bbb;

    text-shadow: none;

}



.label {

    font-weight: normal;

    border-radius: 0;

}

.badge-small,

.label-small {

    font-size: 10px;

    padding: 1px 2px;

}

.badge-large,

.label-large {

    font-size: 13px;

    padding: 4px 6px;

}

.badge-xlarge,

.label-xlarge {

    font-size: 14px;

    padding: 6px 8px;

}

.badge-xxlarge,

.label-xxlarge {

    font-size: 15px;

    padding: 8px;

}



.label-warning,

.badge-warning {

    background-color: #ff702a;

}

.label-info,

.badge-info {

    background-color: #00bfdd;

}

.label-success,

.badge-success {

    background-color: #15b74e;

}

.label-important,

.badge-important { 

    background-color: #fe1010;

}

.label-inverse,

.badge-inverse {

    background-color: #222;

}

.label-gray,

.badge-gray {

    background-color: #888;

}

.label-pink,

.badge-pink {

    background-color: #ea4c89;

}

.label-yellow,

.badge-yellow {

    background-color: #ffdd14;

}

.label-lime,

.badge-lime {

    background-color: #8cbf26;

}

.label-magenta,

.badge-magenta {

    background-color: #a200ff;

}



/* Pagination ------------------------------------------ */

.pagination {

    margin: 10px 0;

}

.pager,

.pagination {

    margin: 0;

    padding: 0;

}

.pagination > li > a,

.pager > li > a {

    border-width: 0;

    border-radius: 0!important;

}

.pagination > li > a,

.pager > li > a {

    color: #777;

    background-color: #f4f4f4;

    border: 0;

    margin: 0;

}

.pagination > li > a:hover,

.pager > li > a:hover {

    background-color: #eee;

}

.pagination > li.disabled > a,

.pagination > li.disabled > a:hover,

.pager > li.disabled > a,

.pager > li.disabled > a:hover {

    background-color: #f9f9f9;

    border-width: 0;

}

.pagination > li.active > a,

.pagination > li.active > a:hover {

    background-color: #e9e9e9;

    color: #555;

}





.pagination.pagination-colory > li > a,

.pager.colory > li > a {

    color: #2283c5;

    background-color: #fafafa;

    margin: 0 -1px 0 0;

    border-color: #e0e8eb;

}

.pagination.pagination-colory li > a:hover,

.pager.colory > li > a:hover {

    background-color: #eaeff2;

}

.pagination.pagination-colory > li.disabled > a,

.pagination.pagination-colory > li.disabled > a:hover,

.pager.colory > li.disabled > a,

.pager.colory > li.disabled > a:hover {

    background-color: #f9f9f9;

    border-color: #d9d9d9;

}

.pagination.pagination-colory > li.active > a,

.pagination.pagination-colory > li.active > a:hover {

    background-color: #6faed9;

    border-color: #6faed9;

    color: #fff;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

}



.pagination-bullet > li > a {

    display: inline-block;

    width: 10px;

    height: 10px;

    background: #e1e1e1;

    padding: 0;

    margin: 0 5px;

    border: 0;

    border-radius: 100%!important;

}

.pagination-bullet > li > a:hover {

    background: #c2c2c2;

}

.pagination-bullet > li.active > a,

.pagination-bullet > li.active > a:hover {

    background: #959595;

    border: 0;

}

.pagination-xs > li > a,

.pagination-xs > li > span {

    font-size: 11px;

    padding: 4px 7px;

}

.pagination-bullet.pagination-lg > li > a {

    width: 12px;

    height: 12px;

}

.pagination-bullet.pagination-sm > li > a {

    width: 8px;

    height: 8px;

}

.pagination-bullet.pagination-xs > li > a {

    width: 7px;

    height: 7px;

    padding: 0;

}

/* Progressbar ------------------------------------------ */

.progress {

    background-image: none;

    background-color: #f0f3f3;

    filter: none;

    height: 12px;

    -webkit-box-shadow: none;

            box-shadow: none;

    border-radius: 0px;

}

.progress .bar + .bar,

.progress .bar {

    background-position: 0 50px;

    border: 0;

    -webkit-box-shadow: none;

            box-shadow: none;

}

.progress.progress-striped .bar {

    background-position: 0 0;

}

.progress .bar + .bar {

    border-left: 1px solid #f0f3f3;

}



.progress-xxlarge {height: 21px;}

.progress-xlarge  {height: 18px;}

.progress-large   {height: 15px;}

.progress-small   {height: 9px;}

.progress-smaller {height: 7px;}

.progress-mini    {height: 5px;}

.progress-minier  {height: 3px;}



/* Breadcrumb  ------------------------------------------ */

.breadcrumb {

    background: rgba(255,255,255,0.7);

    color: #999;

    border-radius: 0;

}

.breadcrumb i {

    margin-right: 5px;

}

.breadcrumb > li  > .divider {

    padding-right: 0;

    padding-left: 5px;

}

.breadcrumb a {

    color: #999;

}

.breadcrumb a:hover {

    color: #444;

    text-decoration: none;

}

.breadcrumb > li.active {

    color: #222;

}

.breadcrumb > li + li:before {

    display: none;

}

/* Tooltip  ------------------------------------------ */

.tooltip .tooltip-inner {

    border-radius: 0;

}



/* Popover ------------------------------------------ */

.popover {

    border-radius: 0;

}



/* Alert ------------------------------------------ */

.alert {

    border-radius: 0;

}

.alert p {

    margin: 9px 0;

}

/* Modal ------------------------------------------ */

.modal-content {

    border-radius: 0;

}



/* Typehead ------------------------------------------ */

.typeahead.dropdown-menu li a {

    color: #9ca7b9;

}

.typeahead.dropdown-menu li:hover {

    background-color: #eeeff3;

}

.typeahead.dropdown-menu .active > a,

.typeahead.dropdown-menu .active > a:hover {

    background-image: none;

    filter: none;

    background-color: transparent;

    color: #8e99ab;

}



/* Tile ------------------------------------------ */

.tile {

    display: block;

    position: relative;

    height: 120px;

    padding: 20px 10px 10px 10px;

    margin-bottom: 20px;

    color: #fff;

    overflow: hidden;

}

a.tile:hover {

    color: #fff;

}

.tile.tile-big {

    height: 260px;

}

.tile.tile-img {

    background-size: cover;

    background-repeat: no-repeat;

}

.tile p.title {

    font-size: 28px;

    margin-bottom: 2px;

	text-align:center;

	font-weight: 400;

	line-height:38px;

}

.tile.tile-img p.title {

   

    bottom: 5px;

    text-shadow: 1px 0 2px rgba(100,100,100,0.3);

    white-space: nowrap;

}

.tile .img {

    position: absolute;

    line-height: 130px;

    left: 10px;

}

.tile .img.img-bottom {

    bottom: 5px;

    left: auto;

    right: 10px;

    opacity: 0.7;

    line-height: 20px;

}

.tile .img.img-center {

    top: 15px;

    left: 50%;

    margin-left: -30px;

    line-height: 20px;

    width: 60px;

    text-align: center;

}

.tile .img.img-center > img {

    max-height: 50px;

}

.tile .img.img-center + p {

    margin-top: 20px;

}

.tile .img > [class*="fa-"] {

    font-size: 70px;

}

.tile .img.img-bottom > [class*="fa-"] {

    font-size: 20px;

}

.tile .img.img-center > [class*="fa-"] {

    font-size: 50px;

}

.tile .content {

    /*position: absolute;*/

    right: 10px;

    top: 25px;

}

.tile .content > p {

    text-align: center;

}

.tile .content > p.big {

    font-size: 28px;

    font-weight: 400;

    margin-bottom: 0;

}



.tile-active {

    height: 120px;

    overflow: hidden;

    margin-bottom: 20px;

}

.tile-active.tile-active-big {

    height: 260px;

}

.tile-active .tile {

    margin: 0;

    height: 120px;

}

.tile-active .tile.tile-big {

    height: 260px;

}





.tile,

.tile-light-blue {background-color: #009dc6;}

.tile-blue       {background-color: #0a59c0;}

.tile-dark-blue  {background-color: #381095;}

.tile-red        {background-color: #333333;}

.tile-orange     {background-color: #e79712;}

.tile-pink       {background-color: #65b11d;}

.tile-magenta    {background-color: #8b4787;}

.tile-green      {background-color: #575757;}

.tile-lime       {background-color: #575757;}



/* Tabs ------------------------------------------ */

.tabbable {

    margin-bottom: 15px;

}

.tabbable .nav-tabs {

    border-color: #ddd;

    margin-bottom: 0;

    margin-left: 0;

    position: relative;

    top: 1px;

}

.tabbable .nav-tabs > li.active > a,

.tabbable .nav-tabs > li.active > a:hover,

.tabbable .nav-tabs > li.active > a:focus {

    background-color: #fff;

    border-color: #ddd #ddd transparent;

    border-top: 2px solid #ddd;

    color: #333;

    line-height: 16px;

    margin-top: -1px;

    z-index: 12;

}



.tabbable .nav-tabs > li:first-child > a {

    margin-left: 0;

}

.tabbable .nav-tabs > li > a:hover {

    background-color: #fff;

    border-color: #ddd;

    color: #4c8fbd;

}

.tabbable .nav-tabs > li > a,

.tabbable .nav-tabs > li > a:focus {

    background-color: #f9f9f9;

    border-color: #ddd;

    border-radius: 0 0 0 0 !important;

    color: #999;

    line-height: 16px;

    margin-right: -1px;

    position: relative;

    z-index: 11;

}



.tabbable .nav-tabs > li > a .caret {

    border-top-color: #999;

    border-bottom-color: #999;

}

.tabbable .nav-tabs > li.active > a .caret {

    border-top-color: #333;

    border-bottom-color: #333;

}



.tabbable .tab-content {

    border: 1px solid #ddd;

    padding: 16px 12px;

    position: relative;

    z-index: 11;

}

.tabbable.tabs-below > .nav-tabs {

    border-bottom-width: 0;

    border-color: #ddd;

    margin-bottom: 0;

    margin-top: -1px;

    top: auto;

}

.tabbable.tabs-below > .nav-tabs > li > a,

.tabbable.tabs-below > .nav-tabs > li > a:hover,

.tabbable.tabs-below > .nav-tabs > li > a:focus {

    border-color: #ddd;

}

.tabbable.tabs-below > .nav-tabs > li.active > a,

.tabbable.tabs-below > .nav-tabs > li.active > a:hover,

.tabbable.tabs-below > .nav-tabs > li.active > a:focus {

    border-bottom: 2px solid #ddd;

    border-color: transparent #ddd #ddd;

    border-top-width: 1px;

    margin-top: 0;

}

.tabbable.tabs-left > .nav-tabs > li > a,

.tabbable.tabs-right > .nav-tabs > li > a {

    min-width: 60px;

}

.tabbable.tabs-left > .nav-tabs {

    border-color: #ddd;

    float: left;

    margin-bottom: 0;

    top: auto;

}

.tabbable.tabs-left > .nav-tabs > li {

    float: none;

}

.tabbable.tabs-left > .nav-tabs > li > a,

.tabbable.tabs-left > .nav-tabs > li > a:focus,

.tabbable.tabs-left > .nav-tabs > li > a:hover {

    border-color: #ddd;

    margin: 0 -1px 0 0;

}

.tabbable.tabs-left > .nav-tabs > li.active > a,

.tabbable.tabs-left > .nav-tabs > li.active > a:focus,

.tabbable.tabs-left > .nav-tabs > li.active > a:hover {

    border-color: #ddd transparent #ddd #ddd;

    border-left: 2px solid #ddd;

    border-top-width: 1px;

    margin: 0 -1px;

}

.tabbable.tabs-right > .nav-tabs {

    border-color: #ddd;

    float: right;

    margin-bottom: 0;

    top: auto;

}

.tabbable.tabs-right > .nav-tabs > li {

    float: none;

}

.tabbable.tabs-right > .nav-tabs > li > a,

.tabbable.tabs-right > .nav-tabs > li > a:focus,

.tabbable.tabs-right > .nav-tabs > li > a:hover {

    border-color: #ddd;

    margin: 0 -1px;

}

.tabbable.tabs-right > .nav-tabs > li.active > a,

.tabbable.tabs-right > .nav-tabs > li.active > a:focus,

.tabbable.tabs-right > .nav-tabs > li.active > a:hover {

    border-color: #ddd #ddd #ddd transparent;

    border-right: 2px solid #ddd;

    border-top-width: 1px;

    margin: 0 -2px 0 -1px;

}

.tabbable .nav-tabs > li > a > .badge {

    line-height: 8px;

    opacity: 0.7;

}

.tabbable .nav-tabs > li > a > [class*="fa-"] {

    opacity: 0.75;

}

.tabbable .nav-tabs > li.active > a > .badge,

.tabbable .nav-tabs > li.active > a > [class*="fa-"] {

    opacity: 1;

}

.tabbable .nav-tabs li [class*="fa-"],

.tabbable .nav-tabs li [class^="fa-"] {

    display: inline-block;

    text-align: center;

    width: 1.25em;

}

.tabbable .nav-tabs > li.open .dropdown-toggle {

    border-color: #bbb;

    color: #999;

}

.tabbable .nav-tabs > li.open .dropdown-toggle > [class*="fa-"] {

    color: #999 !important;

    opacity: 1;

}

.tabbable.tabs-left .tab-content,

.tabbable.tabs-right .tab-content {

    overflow: auto;

}



.tabbable .nav > li.active > .dropdown-toggle {

    cursor: pointer !important;

}

.tabbable .nav-pills .open .dropdown-toggle > [class*="fa-"],

.tabbable .nav > li.dropdown.open.active > a:hover > [class*="fa-"],

.tabbable .nav > li.dropdown.open.active > a:focus > [class*="fa-"] {

    color: #999 !important;

}

.tabbable .nav-tabs > li:not(.active):not(.open) > a:not(:hover) > .disabled[class*="fa-"]:first-child {

    color: #909090 !important;

}

.tabbable .dropdown-menu > li {

    padding: 0;

}

.tabbable .dropdown-menu > li > a {

    padding-left: 9px;

    padding-right: 9px;

}

.tabbable .dropdown-menu > li > a:hover,

.tabbable .dropdown-menu > .active > a,

.tabbable .dropdown-menu > .active > a:hover,

.tabbable .dropdown-menu > .active > a:focus {

    background-color: #eee;

    color: #333;

}



/*--------- Tabs Color -----------*/

.tabbable .active-blue > li.active > a,

.tabbable .active-blue > li.active > a:hover,

.tabbable .active-blue > li.active > a:focus {

    border-top-color: #419cf0;

}

.tabbable.tabs-below .active-blue > li.active > a,

.tabbable.tabs-below .active-blue > li.active > a:hover,

.tabbable.tabs-below .active-blue > li.active > a:focus {

    border-bottom-color: #419cf0;

}

.tabbable.tabs-left .active-blue > li.active > a,

.tabbable.tabs-left .active-blue > li.active > a:hover,

.tabbable.tabs-left .active-blue > li.active > a:focus {

    border-left-color: #419cf0;

}

.tabbable.tabs-right .active-blue > li.active > a,

.tabbable.tabs-right .active-blue > li.active > a:hover,

.tabbable.tabs-right .active-blue > li.active > a:focus {

    border-right-color: #419cf0;

}



.tabbable .active-red > li.active > a,

.tabbable .active-red > li.active > a:hover,

.tabbable .active-red > li.active > a:focus {

    border-top-color: #f73a28;

}

.tabbable.tabs-below .active-red > li.active > a,

.tabbable.tabs-below .active-red > li.active > a:hover,

.tabbable.tabs-below .active-red > li.active > a:focus {

    border-bottom-color: #f73a28;

}

.tabbable.tabs-left .active-red > li.active > a,

.tabbable.tabs-left .active-red > li.active > a:hover,

.tabbable.tabs-left .active-red > li.active > a:focus {

    border-left-color: #f73a28;

}

.tabbable.tabs-right .active-red > li.active > a,

.tabbable.tabs-right .active-red > li.active > a:hover,

.tabbable.tabs-right .active-red > li.active > a:focus {

    border-right-color: #f73a28;

}



.tabbable .active-green > li.active > a,

.tabbable .active-green > li.active > a:hover,

.tabbable .active-green > li.active > a:focus {

    border-top-color: #393;

}

.tabbable.tabs-below .active-green > li.active > a,

.tabbable.tabs-below .active-green > li.active > a:hover,

.tabbable.tabs-below .active-green > li.active > a:focus {

    border-bottom-color: #393;

}

.tabbable.tabs-left .active-green > li.active > a,

.tabbable.tabs-left .active-green > li.active > a:hover,

.tabbable.tabs-left .active-green > li.active > a:focus {

    border-left-color: #393;

}

.tabbable.tabs-right .active-green > li.active > a,

.tabbable.tabs-right .active-green > li.active > a:hover,

.tabbable.tabs-right .active-green > li.active > a:focus {

    border-right-color: #393;

}





/* Accordion ------------------------------------------ */

.accordion .panel {

    border: 0;

}

.accordion .panel-heading {

    padding: 0;

    border-bottom: 0;

    background-color: #f7f7f7;

}

.accordion .panel-heading .panel-title {

    font-size: 14px;

}

.accordion .panel-heading a {

    display: block;

    padding: 10px 15px;

}

.accordion.panel-group .panel-heading+.panel-collapse .panel-body {

    border-top: 0;

}

.accordion .accordion-toggle {

    font-weight: bold;

}

.accordion .accordion-toggle.collapsed {

    font-weight: normal;

}

.accordion .accordion-toggle .icon-chevron {

    margin-right: 5px;

    font-size: 13px;

}

.accordion .accordion-toggle .icon-chevron:before {

    content: "\f078";

}

.accordion .accordion-toggle.collapsed .icon-chevron:before {

    content: "\f054";

    color: #999;

}





/* ========================================================

   Pages

======================================================== */



/* Login ------------------------------------------ */

.login-page {

    padding: 80px 0;

}

.login-page:before {

    content: "";

    position: fixed;

    top: 0;

    bottom: 0;

    width: 100%;

    z-index: 1;

}

.login-page .login-wrapper {

    position: relative;

    z-index: 2;

}

.login-page .login-wrapper form { box-shadow:0 3px 25px rgb(0 0 0 / 1%);

    background-color: #fff;

    padding: 20px;

    width: 350px;

    margin: 0 auto;

}

.login-page form h3 {

    color: #fff;

    font-size: 25px;

    font-weight: 500;

    text-align: center;

}

.login-page form input {

    border: 0;

    background-color: #f5f6f7;

}

.login-page form input[type="text"],

.login-page form input[type="password"],

.login-page form button {

    padding: 15px 10px !important;

    height: auto !important;

    font-size: 16px;

}

.login-page form button {

    margin-top: 25px;

}

.login-page .hidden {

    display: none;

}

.login-page .login-wrapper form p.clearfix {

    white-space: nowrap;

}



/* Gallery ------------------------------------------ */

.gallery {

    display: inline-block;

    list-style: none;

    margin: 0;

    padding: 0;

}

.gallery > li {

    display: inline-block;

    margin: 5px;

    overflow: hidden;

    position: relative;

}

.gallery > li > a > div {

    display: block;

    position: relative;

}

.gallery > li > a > div > i {

    display: block;

    background-color: #222;

    opacity: 0;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-transition: all 0.7s ease;

            transition: all 0.7s ease;

}

.gallery > li:hover > a > div > i {

    opacity: 0.5;

}

.gallery > li > .gallery-tools {

    width: 100%;

    position: absolute;

    height: 30px;

    bottom: -30px;

    background-color: #222;

    opacity: 0.8;

    padding: 3px;

    text-align: center;

    -webkit-transition: all 0.7s ease;

            transition: all 0.7s ease;

}

.gallery > li:hover > .gallery-tools {

    bottom: 0;

}

.gallery > li > .gallery-tools > a {

    color: rgba(255,255,255,0.5);

    margin: 0 3px;

    font-size: 18px;

}

.gallery > li > .gallery-tools > a:hover {

    color: #fff;

}



.gallery-cat {

    min-width: 150px;

}

.gallery-sort {

    min-width: 100px;

}



/* Messages And Chat ------------------------------------------ */

.messages {

    margin: 0;

    padding: 10px;

    padding-bottom: 0;

    list-style: none;

}

.messages > li {

    margin-bottom: 15px;

}

.messages > li > img {

    float: left;

    width: 60px;

    height: 60px;

    border-radius: 100%;

}

.messages > li > div {

    background-color: #f7f8f9;

    padding: 10px;

    padding-top: 1px;

    margin-left: 80px;

    position: relative;

}

.messages > li > div:before {

    content: "";

    position: absolute;

    width: 0;

    height: 0;

    left: -10px;

    top: 19px;

    border-right: 10px solid #f7f8f9;

    border-top: 8px solid transparent;

    border-bottom: 8px solid transparent;

}

.messages > li > div h5 {

    font-weight: bold;

    display: inline-block;

}

.messages > li > div .time {

    margin-top: 5px;

    color: #999;

    float: right;

}

.messages.messages-stripped > li:nth-child(odd) > div        {background-color: #eef1f4;}

.messages.messages-stripped > li:nth-child(odd) > div:before {border-right-color: #eef1f4;}

.messages.messages-zigzag > li:nth-child(even) > img {

    float: right;

}

.messages.messages-zigzag > li:nth-child(even) > div {

    margin-right: 80px;

    margin-left: 0;

}

.messages.messages-zigzag > li:nth-child(even) > div:before {

    right: -10px;

    left: auto;

    border-left: 10px solid #f7f8f9;

    border-right: 0;

}

.messages.messages-zigzag > li:nth-child(even) > div h5    {float: right;}

.messages.messages-zigzag > li:nth-child(even) > div .time {float: none;}

.messages.messages-chat > li > div {

    padding-top: 0;

    padding-bottom: 2px;

}

.messages.messages-chat > li > div p {

    margin-bottom: 3px;

    line-height: 16px;

}

.messages li .messages-actions {

    position: absolute;

    bottom: 5px;

    right: 10px;

    opacity: 0;

    white-space: nowrap;

    -webkit-transition: all 0.3s ease;

            transition: all 0.3s ease;

}

.messages li:hover .messages-actions {

    opacity: 1;

}

.messages li .messages-actions a {

    font-size: 16px;

    margin: 0 3px;

}

.messages-input-form {

    position:relative;

    border:1px solid #ddd;

    margin-top: 10px;

}

.messages-input-form .input {

    margin-right: 90px;

}

.messages-input-form .input input[type="text"] {

    border:0;

    margin-bottom:0;

    display:block;

    padding: 4px 6px;

    height: 30px;

}

.messages-input-form .buttons {

    position:absolute;

    right:0;

    top:0;

    white-space: nowrap;

}

.messages-input-form .buttons a {

    color: #ccc;

    margin: 4px;

    line-height: 32px;

}

.messages-input-form .buttons a > i {

    font-size: 16px;

}

.messages-input-form .buttons a:hover {

    color: #555;

}

.messages-input-form .buttons .btn {

    margin-top: -5px;

    margin-right: 1px;

    height: 28px;

}



/* Search results ------------------------------------------ */

.search-results {



}

.search-results > ul {

    list-style: none;

    padding: 0;

    margin: 0;

}

.search-results li {

    border-bottom: 1px solid #eee;

    padding: 15px 0; 

}

.search-results li:last-child {

    border-bottom: 0;

}

.search-results li > .img-thumbnail {

    float: left;

    -webkit-box-shadow: none;

            box-shadow: none;

    border-radius: 0;

}

.search-results li > .info {

    margin-left: 110px;

}

.search-results li > .info > .url {

    color: #393;

}

.search-results li > .info > a {

    font-size: 16px;

}



.search-results.search-results-simple li > .info {

    margin-left: 0;

}



.search-results.search-results-advance li {

    background-color: #f9f9f9;

    border-bottom: 0;

    padding: 0;

    margin-bottom: 10px;

}

.search-results.search-results-advance li:hover {

    background-color: #f7f7f7;

}

.search-results.search-results-advance li > .info {

    padding: 10px 0;

    min-height: 80px;

}

.search-results.search-results-advance li > .info > p {

    margin-bottom: 0;

}

.search-results.search-results-advance li > .info > a + .url {

    display: inline;

    opacity: 0;

    -webkit-transition: all 0.3s ease;

            transition: all 0.3s ease;

}

.search-results.search-results-advance li:hover > .info > a + .url {

    opacity: 1;

}

.search-results.search-results-advance li > .img-thumbnail {

    border: 0;

    padding: 0;

    vertical-align: middle;

}



/* Invoice ------------------------------------------ */

.invoice .invoice-info {

    text-align: right;

    vertical-align: bottom;

}

.invoice .invoice-info > p {

    margin-bottom: 0;

}

.invoice .company-info {

    padding-left: 20px;

    padding-top: 20px;

}

.invoice .company-info > p > i {

    margin-right: 10px;

}

.invoice-amount {

    text-align: right;

}

.invoice-amount > p {

    font-size: 14px;

}

.invoice-amount > p > span {

    width: 60px;

    display: inline-block;

}



/* User Profile ------------------------------------------ */

.user-profile-info {



}

.user-profile-info > p > span:first-child {

    padding-right: 10px;

    color: #888;

}

/* Maps ------------------------------------------ */

.vmap,

.gmap {

    width: 100%;

    height: 350px;

}

.jqvmap-zoomin,

.jqvmap-zoomout {

    border-radius: 0;

    width: 16px;

    height: 16px;

}

/* Error ------------------------------------------ */

.error-page {

    padding: 80px 0;

}

.error-page:before {

    content: "";

    position: fixed;

    top: 0;

    bottom: 0;

    width: 100%;

    z-index: 1;

}

.error-page .error-wrapper {

    background-color: #fff;

    position: relative;

    z-index: 2;

    width: 450px;

    margin: 0 auto;

    padding: 20px;

}

.error-page h4 {

    font-size: 30px;

    font-weight: 300;

    margin-bottom: 30px;

}

.error-page h4 > span {

    color: #528eca;

    font-size: 80px;

    letter-spacing: -6px;

    float: right;

    margin-top: -30px;

}

.error-page h5 {

    font-size: 27px;

    font-weight: 300;

    margin-bottom: 30px;

}

.error-page h5 > span {

    color: #528eca;

    font-size: 70px;

    letter-spacing: -7px;

    float: right;

    margin-top: -20px;

}

.error-page form input {

    border: 0;

    background-color: #f5f6f7;

    width: 345px;

}

.error-page form input,

.error-page form button {

    padding: 15px 10px !important;

    height: auto !important;

    font-size: 16px;

}

.error-page form button {

    padding: 15px 20px !important;

}



/* Mail ------------------------------------------ */

.mail-page {



}

.mail-nav {

    width: 150px;

    float: left;

    overflow: hidden;

}

.mail-content {

    margin-left: 150px;

}

.mail-nav > ul,

.mail-toolbar,

.mail-list {

    list-style: none;

    padding: 0;

}

.mail-nav > ul > li {

    padding: 5px;

    color: rgba(150,150,150,0.7);

    width: 150px;

}

.mail-nav > ul > li.active > a {

    font-weight: bold;

    color: #434d55;

}

.mail-nav > ul > li > a {

    display: block;

    color: #7c8994;

}

.mail-nav > ul > li > a:hover {

    color: #434d55;

}

.mail-nav > ul a > [class*="fa-"] {

    margin-right: 5px;

    width: 20px;

    display: inline-block;

    text-align: left;

    font-size: 16px;

}

.mail-page a > [class*="mail-flag-"] {

    margin-right: 9px;

    display: inline-block;

    width: 14px;

    height: 14px;

    vertical-align: text-top;

}







.mail-toolbar {

    background-color: #fff;

    margin-bottom: 1px;

    padding: 10px;

}

.mail-toolbar > li {

    display: inline-block;

    padding-right: 25px;

}

.mail-toolbar > li > a,

.mail-toolbar > li > .btn-group > a {

    color: #444;

    font-size: 13px;

}

.mail-toolbar > li > .btn-group > a > .caret {

    border-top-color: #444;

}

.mail-toolbar > li > a:hover,

.mail-toolbar > li > .btn-group > a:hover,

.mail-toolbar > li > .btn-group.open > a {

    color: #428bca;

}

.mail-toolbar > li > .btn-group > a:hover > .caret,

.mail-toolbar > li > .btn-group.open > a > .caret {

    border-top-color: #428bca;

}

.mail-toolbar a > [class*="fa-"] {

    font-size: 16px;

    margin-right: 6px;

}

.mail-toolbar > li > .btn-group {

    vertical-align: baseline;

    white-space: nowrap;

}

.mail-toolbar > .mail-pagination {

    float: right;

    padding-right: 0;

    color: #bbb;

    font-style: italic;

    white-space: nowrap;

}

.mail-toolbar > .mail-pagination [class*="fa-"] {

    font-size: 14px;

}







.mail-list {

    background-color: #fff;

}

.mail-list > li {

    padding: 8px 10px;

    border-bottom: 1px solid #f5f5f5;

    position: relative;

    overflow: hidden;

    height: 35px;

}

.mail-list > li > [class*="mail-flag-"] {

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    width: 5px;

}

.mail-list > li > .ml-left {

    width: 60px;

    position: absolute;

    left: 10px;

}

.mail-list > li > .ml-left > input {

    margin-right: 10px;

}

.mail-list > li > .ml-right {

    width: 80px;

    position: absolute;

    right: 0;

    top: 0;

    bottom: 0;

    background-color: #fff;

    line-height: 35px;

    text-align: right;

    padding-right: 10px;

}

.mail-list > li:hover,

.mail-list > li:hover > .ml-right,

.mail-list > li.checked,

.mail-list > li.checked > .ml-right {

    background-color: #f8f8f8;

}

.mail-list > li > .ml-center {

    margin-left: 60px;

    white-space: nowrap;

    color: #444;

    display: block;

    margin-top: -8px;

    line-height: 34px;

}

.mail-list > li > .ml-center.unread {

    font-weight: bold;

}

.mail-list .mail-sender {

    width: 200px;

    display: inline-block;

}



.mail-compose {

    background-color: #fff;

    padding: 20px;

}

.mail-compose .wysihtml5-toolbar {

    height: 42px;

}



.mail-page [class*="fa-star"] {

    font-size: 15px;

    vertical-align: text-top;

    color: #ddd;

}

.mail-page [class*="fa-star"].starred {

    color: #ffab00;

}



.mail-msg-subject {

    background-color: #fff;

    padding: 10px;

    font-size: 16px;

}

.mail-msg-subject [class*="fa-star"] {

    vertical-align: top;

    margin-right: 15px;

}

.mail-messages {

    list-style: none;

    padding-left: 0;

}

.mail-messages > li {

    margin-top: 5px;

    background-color: #fff;

    padding: 0 10px;

}

.mail-msg-header {

    border-bottom: 1px solid #eee;

    padding: 10px 0;

}

.mail-msg-header > img {

    border-radius: 100%;

    max-width: 40px;

    max-height: 40px;

    vertical-align: top;

}

.mail-msg-header .msg-collapse {

    float: right;

    margin-left: 15px;

    line-height: 40px;

}

.mail-msg-header .msg-collapse a > [class*="fa-"] {

    font-size: 20px;

    display: inline-block;

    color: #ccc;

    -webkit-transition: all 0.3s ease;

            transition: all 0.3s ease;

}

.mail-msg-header .msg-collapse a:hover > [class*="fa-"] {

    color: #666;

}

.mail-msg-header .msg-sender-recver {

    margin-left: 10px;

    display: inline-block;

}

.mail-msg-header .msg-options {

    display: inline-block;

    float: right;

    text-align: right;

    margin-top: 0;

}

.mail-msg-header .msg-options a {

    color: #777;

    padding-left: 10px;

    font-size: 16px;

    text-align: right;

}

.mail-msg-header .msg-options a > [class*="fa-"] {

    vertical-align: baseline;

}

.mail-msg-content {

    padding: 20px 0;

}

.mail-msg-footer {

    padding: 10px 0;

    border-top: 1px solid #eee;

}

.mail-attachments {

    list-style: none;

    padding-left: 20px;

    white-space: nowrap;

}

.mail-attachments > li {

    padding: 5px 0;

}

.mail-attachments .atch-option {

    float: right;

}

.mail-attachments .atch-option a {

    margin-left: 15px;

}

.mail-attachments .atch-option-iconic {

    float: left;

}

.mail-attachments .atch-option-iconic a {

    margin-right: 10px;

    font-size: 15px;

    color: #999;

}

.mail-attachments .atch-option-iconic a:hover {

    color: #444;

}

.mail-messages > li.msg-reply {

    padding: 20px 15px;

}



.mail-page .dropdown-menu > li:hover {

    background-color: #eee;

}



.mail-flag-blue    {background-color: #00bfdd;}

.mail-flag-green   {background-color: #8dca35;}

.mail-flag-red     {background-color: #fa5a35;}

.mail-flag-orange  {background-color: #ffab00;}

.mail-flag-yellow  {background-color: #fafd1d;}

.mail-flag-lime    {background-color: #abfd1d;}

.mail-flag-pink    {background-color: #fd1dc6;}

.mail-flag-magenta {background-color: #a61dfd;}

.mail-flag-gray    {background-color: #ccc;}

.mail-flag-black   {background-color: #444;}



/* ========================================================

   Plugins Style

======================================================== */

/* Nice Scroll ------------------------------------------ */

.nicescroll-rails {

    background-color: rgba(140,140,140,0.15)!important;

    margin-right: 5px;

    border-radius: 5px;

    -webkit-transition: all 0.2s ease;

            transition: all 0.2s ease;

}

.nicescroll-rails > div {

    background-color: rgba(140,140,140,0.7)!important;

    border: 0!important;

    -webkit-transition: all 0.2s ease;

            transition: all 0.2s ease;

}

.nicescroll-rails:hover,

.nicescroll-rails:hover > div  {

    /*width: 13px!important;*/

}



/* Gritter ------------------------------------------ */

.gritter-top,

.gritter-bottom {

    display: none;

}

.gritter-item {

    padding: 10px;

    background-image: none;

    background-color: rgba(0,0,0,0.85);

}

.gritter-light .gritter-item {

    background-image: none;

    background-color: rgba(255,255,255,0.95);

    box-shadow: 0 0 6px #eee;

}



/* Chosen ------------------------------------------ */

.chosen-controls {

    margin-bottom: -4px !important;

}

.chosen-controls .help-inline {

    display: inline-block;

    margin-top  : 6px;  

}



.chosen-container {

    display: block;

    margin: 0;

    padding: 0 !important;

    box-shadow: none !important;

}



.chosen-container-single {

    margin: 0 !important;

    padding: 0 !important;  

}

.controls .chosen-container-single {

    float: left;

}

  

.chosen-container-single .chosen-single {

    box-shadow: none !important;

    background-image: none !important;

    filter:none !important;

    -webkit-box-shadow: none!important;

            box-shadow: none!important;

    border-radius: 0!important;

    height: 34px!important;

    line-height: 24px!important;

    padding: 4px 6px!important;

    border-color: #e5e5e5!important;

    margin: 0!important;

    color: #555!important;

}

.chosen-container-single .chosen-single b,

.chosen-container-single .chosen-single .search-choice-close {

    margin-top: 4px;

}

.error .chosen-container-single .chosen-single        {border-color: #B94A48;}

.error .chosen-container-single .chosen-single span   {color: #B94A48;}

.success .chosen-container-single .chosen-single      {border-color: #468847;}

.success .chosen-container-single .chosen-single span {color: #468847;}

.chosen-container-single .chosen-single > span        {margin-top: 1px;}

.chosen-container-single .chosen-single > abr         {margin-top: 3px;}

.chosen-container .chosen-drop {

    -webkit-box-shadow: 0 2px 6px rgba(30, 30, 100, 0.25)!important;

            box-shadow: 0 1px 6px rgba(30, 30, 100, 0.25)!important;

    border-radius: 0!important;

    border-color: #e5e5e5;

}

.chosen-container-single .chosen-search input,

.chosen-container-single .chosen-search input:focus,

.chosen-container-single .chosen-search input:active {

    border:1px solid #e5e5e5 !important;

    box-shadow: none!important;

    height: 28px;

    line-height: 25px;

}

.chosen-container .chosen-choices li.search-choice {

    background-image: none !important;

    filter:none !important;

    box-shadow: none !important;

    font-size: 12px !important;

    font-weight: 300 !important;

    text-shadow:none !important;

    background-color: #e8f3f7 !important;

    border: 0 !important;

    border-radius: 0!important;

}

.chosen-container .chosen-results .highlighted  {

    background-image: none !important;

    filter:none !important;

    background-color: #eeeff3 !important;

    color: #111 !important;

}

.chosen-container-multi .chosen-choices  {

    background-image: none !important;

    filter:none !important;

    box-shadow: none !important;

    border-color: #e5e5e5 !important;

    padding: 2px 1px 1px 1px !important;

}

.chosen-container-multi .chosen-choices .search-choice.search-choice-disabled {

    background-image: none !important;

    filter:none !important;

}

.chosen-x-multi .chosen-choices {

    box-shadow: none !important;

}

.chosen-container .group-result {

    color: #555 !important;

    font-size: 16px !important;

    font-weight: 400 !important;

}

.chosen-container.chosen-container-single-nosearch .chosen-results {

    margin-top: 4px;

}



/* Slider ------------------------------------------ */

.slider {

    margin: 9px 0;

}

.ui-slider {

    border: 0!important;

    background: #d9d9d9!important;

}

.ui-widget-header {

    background: #aaa!important;

}

.ui-slider-horizontal             {height: 2px!important;}

.ui-slider-vertical               {width: 2px!important;}

.ui-slider-horizontal.bar-large   {height: 4px!important;}

.ui-slider-vertical.bar-large     {width: 4px!important;}

.ui-slider-horizontal.bar-xlarge  {height: 7px!important;}

.ui-slider-vertical.bar-xlarge    {width: 7px!important;}

.ui-slider-horizontal.bar-xxlarge {height: 10px!important;}

.ui-slider-vertical.bar-xxlarge   {width: 10px!important;}

.ui-slider-handle {

    border: 0!important;

    width: 15px!important;

    height: 15px!important;

    background: #aaa!important;

    border-radius: 100%!important;

}

.ui-slider-handle:focus {

    outline: none;

}

.bar-large > .ui-slider-handle {

    width: 18px!important;

    height: 18px!important;

}

.bar-xlarge > .ui-slider-handle {

    width: 20px!important;

    height: 20px!important;

}

.bar-xxlarge > .ui-slider-handle {

    width: 24px!important;

    height: 24px!important;

}

.ui-slider-horizontal > .ui-slider-handle {

    top: -7px!important;

}

.ui-slider-vertical > .ui-slider-handle {

    left: -7px!important;

}

.slider-eq span {

    display: inline-block;

    height: 170px;

    margin: 0 10px;

}



.ui-slider.bar-blue    {background: #b9d3f1!important;}

.ui-slider.bar-green   {background: #9cedc3!important;}

.ui-slider.bar-red     {background: #feaea5!important;}

.ui-slider.bar-yellow  {background: #fcf7ac!important;}

.ui-slider.bar-orange  {background: #fbb485!important;}

.ui-slider.bar-pink    {background: #fea8fd!important;}

.ui-slider.bar-magenta {background: #c27bf4!important;}



.ui-slider.bar-blue > .ui-widget-header,

.ui-slider.handle-blue > .ui-slider-handle      {background: #4495f1!important;}

.ui-slider.bar-green > .ui-widget-header,

.ui-slider.handle-green > .ui-slider-handle     {background: #36c77b!important;}

.ui-slider.bar-red > .ui-widget-header,

.ui-slider.handle-red > .ui-slider-handle       {background: #fb5240!important;}

.ui-slider.bar-yellow > .ui-widget-header,

.ui-slider.handle-yellow > .ui-slider-handle    {background: #fbf040!important;}

.ui-slider.bar-orange > .ui-widget-header,

.ui-slider.handle-orange > .ui-slider-handle    {background: #fc812f!important;}

.ui-slider.bar-pink > .ui-widget-header,

.ui-slider.handle-pink > .ui-slider-handle      {background: #fb40f9!important;}

.ui-slider.bar-magenta > .ui-widget-header,

.ui-slider.handle-magenta > .ui-slider-handle   {background: #9b2be9!important;}



/* Knob & Circle Stats ------------------------------------------ */

.circle-stats {text-align: center; position: relative;}

.circle-stats-item {

    position: relative;

    background: rgba(255,255,255,0.7);

    border-radius: 50em; 

    width:120px; 

    height: 120px;

    margin: 10px auto;

}



.circle-stats-item i {

    font-size: 30px; 

    position: absolute; 

    top:30%; 

    margin-top: 0px; 

    width: 100%; 

    text-align: center

}



.circle-stats-item.blue .percent,

.circle-stats-item.blue i           {color:#87ceeb;}

.circle-stats-item.orange .percent,

.circle-stats-item.orange i         {color:#fc812f;}

.circle-stats-item.red .percent,

.circle-stats-item.red i            {color:#fb5240;}

.circle-stats-item.green .percent,

.circle-stats-item.green i          {color:#36c77b;}

.circle-stats-item.yellow .percent,

.circle-stats-item.yellow i         {color:#fbf040;}

.circle-stats-item.pink .percent,

.circle-stats-item.pink i           {color:#fb40f9;}

.circle-stats-item.magenta .percent,

.circle-stats-item.magenta i        {color:#9b2be9;}

.circle-stats-item.lime .percent,

.circle-stats-item.lime i           {color:#b9e672;}

.circle-stats-item.gray .percent,

.circle-stats-item.gray i           {color:#999;}

.circle-stats-item.black .percent,

.circle-stats-item.black i          {color:#444;}

        

.circle-stats-item input {

    cursor: default;

    box-shadow: none;

    border: none;

    height: auto;

    position: absolute;

    top:20px;

    left: 120px;

}



.circle-stats-item .percent {

    font: bold 24px arial;

    position: absolute;

    top:53%; 

    margin-left: 75px;

}

    

    

.circle-stats-item input:focus {

    outline: thin dotted 0;

    -webkit-box-shadow: none;

            box-shadow: none;

}

.lt-ie9 .knob,

.lt-ie9 .circle-stats {

    display: none;

}



/* Tags Input ------------------------------------------ */

div.tagsinput {

  height: 50px !important;

  margin: 0 !important;

  padding: 5px !important;

  overflow: auto !important;

}



div.tagsinput span.tag {

  background: #e8f3f7 !important;

  color: #333 !important;

  border: 0 !important;

  padding: 1px 5px !important;

  border-radius: 0 !important;

  margin-bottom: 4px !important;

}



div.tagsinput input {

  padding: 0 3px !important; 

}



div.tagsinput span.tag a {

  color: #aaa !important;

  font-size: 14px;

}

div.tagsinput span.tag a:hover {

  color: #555 !important;

}

div.tagsinput .not_valid {

  color: #fff !important;

  padding: 3px 6px !important;

  background-color: #ed6363 !important;

}

/* File Uploader ------------------------------------------ */

.fileupload .input-group .btn-file {

    padding: 0;

}

.fileupload .input-group .btn-file > .fileupload-new,

.fileupload .input-group .btn-file > .fileupload-exists {

    padding: 5px 10px;

    line-height: 30px;

}

.fileupload .input-group > a.fileupload-exists {

    padding: 0 10px;

    line-height: 30px;

}

.img-thumbnail {

    border-radius: 0 !important;

}

/* Bootstrap Time Picker ------------------------------------------ */

.bootstrap-timepicker {

    border-radius: 0 !important;

}

.bootstrap-timepicker table tr > td > a:hover {

    background-color: #f0f0f0;

    border-radius: 0 !important;

}

.bootstrap-timepicker table td input {

    height: 30px;

    padding: 3px;

    width: 34px;

    font-size: 14px;

    line-height: 1.428571429;

    color: #555555;

    vertical-align: middle;

    background-color: #fff;

    border: 1px solid #cccccc;

}

/* Date Picker ------------------------------------------ */

.datepicker {

    padding: 5px;

}

.datepicker td,

.datepicker th,

.datepicker td span {

    border-radius: 0;

}

.datepicker td.active,

.datepicker td.active:hover,

.datepicker td span.active {

    background-image: none;

}

.datepicker td.active:hover,

.datepicker td.active:hover:hover,

.datepicker td.active:active,

.datepicker td.active:hover:active,

.datepicker td.active.active,

.datepicker td.active:hover.active,

.datepicker td.active.disabled,

.datepicker td.active:hover.disabled,

.datepicker td.active[disabled],

.datepicker td.active:hover[disabled],

.datepicker td span.active:hover,

.datepicker td span.active:active,

.datepicker td span.active.active,

.datepicker td span.active.disabled,

.datepicker td span.active[disabled] {

    background-color: #3977f3;

}

.datepicker-months > table,

.datepicker-years > table {

    width: 163px;

}





/* Date Range Picker ------------------------------------------ */

.daterangepicker td,

.daterangepicker th {

    border-radius: 0;

}

.daterangepicker td {

  text-shadow: none !important;

}

.daterangepicker td.active {

  background-color: #4b8df8 !important;

  background-image: none !important;

  filter:none !important;

}

.daterangepicker th {

  font-weight: 400;

  font-size: 14px;

}

.daterangepicker .ranges > ul > li {

    border-radius: 0 !important;

}

.daterangepicker .ranges > ul > li:hover {

    border-color: #eee;

    color: #555;

    background-color: #eee;

}

.daterangepicker .ranges input {

    height: 25px;

    padding: 2px;

    font-size: 12px;

    line-height: 1.428571429;

    color: #555555;

    vertical-align: middle;

    background-color: #fff;

    border: 1px solid #cccccc;

}

.daterangepicker .ranges .range_inputs>div:nth-child(2) {

    padding-left: 0;

    margin-bottom: 10px;

}



/* Clock Face ------------------------------------------ */

.clockface .cell > div {

    border-radius: 0 !important;

}

.clockface .cell .inner.active,

.clockface .cell .outer.active {

    background-image: none !important;

    filter:none !important;

}

/* Bootstrap Switch ------------------------------------------ */

.switch,

.switch .switch-left {

    border-radius: 0 !important;

}

.switch .switch-left,

.switch .switch-right {

    background-image: none !important;

    filter: none !important;

}

/* Form Wizard ------------------------------------------ */

.form-wizard .progress {

    margin-bottom: 30px;

}

.form-wizard .steps {

    padding: 10px 0;

    margin-bottom: 15px;



}

.form-wizard .steps > li {

    margin-top: 3px;

    margin-bottom: 3px;

}

.form-wizard .steps .step {

    padding: 0;

    color: #555;

    background-color: transparent;

    border-radius: 0 !important;

}

.form-wizard .steps .step:hover {

    background-color: transparent;

    color: #555;

}

.form-wizard .step .number {

    background-color: #eee;

    display: inline-block;

    font-size: 16px;

    font-weight: 300;

    padding: 12px 15px !important;

    margin-right: 10px;

}

.form-wizard .step .desc {

    display: inline-block;

    font-size: 14px;

    font-weight: 300;

}

.form-wizard .steps-fill .step,

.form-wizard .steps-fill .step:hover {

    background-color: #f5f5f5;

}

.form-wizard .active .step .number {

    background-color: #0090ff;

    color: #fff;

}

.form-wizard .active .step .desc {

    font-weight: 400;

}

.form-wizard .steps-fill .active .step,

.form-wizard .steps-fill .active .step:hover {

    background-color: #5bb1f4;

    color: #fff;

}

.form-wizard .step i {

    display: none;

}

.form-wizard .done .step .number {

    background-color: #15b74e;

    color: #fff;

}

.form-wizard .done .step .desc {

    font-weight: 400;

}

.form-wizard .steps-fill .done .step,

.form-wizard .steps-fill .done .step:hover {

    background-color: #50d17e;

    color: #fff;

}

.form-wizard .done .step i {

    font-size: 12px;

    font-weight: normal;

    color: #999;

    display: inline-block;

}

.form-wizard .steps-fill .done .step i {

    color: #fff;

}

.nav-pills > li + li {

    margin-left: 0;

}



/* Chart ------------------------------------------ */

.chart,

.pie,

.bars {

    overflow: hidden;

    height: 300px;

}

#flotTip {

    background-color: #000;

    color: #fff;

    padding: 3px 7px;

    opacity: 0.7;

}

.legendLabel {

    white-space: nowrap;

}



/* Calendar ------------------------------------------ */

#calendar .fc-event {

    border: 0;

    border-radius: 0 !important;

}

#external-events .external-event {

    cursor: move;

    margin: 0 5px 5px 0;

}

#external-events input,

#external-events select {

    height: 30px;

    padding: 3px 6px;

    font-size: 12px;

    line-height: 1.428571429;

    color: #555555;

    vertical-align: middle;

    background-color: #fff;

    border: 1px solid #cccccc;

}

#event_box .label {

    display: inline-block;

    font-size: 100%;

}



/* Duall Listbox ------------------------------------------ */

.bootstrap-duallistbox-container .filter {

    height: 34px;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.428571429;

    color: #555555;

    vertical-align: middle;

    background-color: #fff;

    border: 1px solid #cccccc;

}

.bootstrap-duallistbox-container select {

    border-style: solid;

}



/* ========================================================

   Widgets

======================================================== */

/* Sparkline ------------------------------------------ */

.weekly-stats {

    margin: 0;

    padding: 0;

    list-style: none;

}

.weekly-stats li {

    font-size: 14px;

    margin-bottom: 19px;

}

.weekly-stats .inline-sparkline {

    margin-right: 10px;

}

.weekly-stats .value {

    font-size: 20px;

    color: #fa5833;

    margin-left: 5px;

}

.jqstooltip {

    height: auto !important;

    width: auto !important;

    border: 0 !important;

}

/* Todo List ------------------------------------------ */

.todo-list {

    margin: 0;

    padding: 0;

    list-style: none;

}

.todo-list > li {

    position: relative;

    border-bottom: 1px solid #f5f5f5;

    margin-bottom: 10px;

}

.todo-list > li:last-child {

    border-bottom: 0;

}

.todo-list > li > .todo-desc {

    margin-right: 100px;

}

.todo-list > li > .todo-desc .label {

    float: right;

}

.todo-list > li > .todo-actions {

    position: absolute;

    right: 0;

    top: 0;

    white-space: nowrap;

}

.todo-list > li > .todo-actions a {

    color: #aaa;

    font-size: 15px;

    margin: 0 3px;

}

.todo-list > li > .todo-actions a:hover {

    color: #555;

}

/* Tasks In Progress ------------------------------------------ */

.tasks-in-progress {

    margin: 0;

    padding: 0;

    list-style: none;

}.tasks-in-progress > li > p {

    margin-bottom: 4px;

}

.tasks-in-progress > li > p > span {

    float: right;

}

/* Things To Do ------------------------------------------ */

.things-to-do {

    margin: 0;

    padding: 0;

    list-style: none;

}

.things-to-do > li {

    border-bottom: 1px solid #f5f5f5;

    padding-top: 12px;

}

.things-to-do > li:last-child {

    border-bottom: 0;

}

.things-to-do > li p {

    font-size: 14px;

    line-height: 16px;

}

.things-to-do > li i {

    font-size: 30px;

    color: #a4c7e7;

    display: inline-block;

    width: 35px;

    text-align: left;

}

.things-to-do > li .value {

    font-size: 25px;

    color: #fa5833;

    margin-left: 10px;

    margin-right: 10px;

}

.things-to-do > li .btn {

    float: right;

}

/* Weekly Changes ------------------------------------------ */

.weekly-changes {

    margin: 0;

    padding: 0;

    list-style: none;

}

.weekly-changes > li {

    border-bottom: 1px solid #f5f5f5;

    padding-top: 12px;

}

.weekly-changes > li:last-child {

    border-bottom: 0;

}

.weekly-changes > li p {

    font-size: 15px;

}

.weekly-changes > li i {

    font-size: 15px;

    width: 15px;

}

.weekly-changes > li span {

    font-size: 23px;

    margin: 0 10px;

    display: inline-block;

    width: 60px;

    text-align: right;

}



/* Timeline ------------------------------------------ */

.timeline {

    position: relative;

    list-style: none;

    padding-left: 0;

}

.timeline:before {

    content: "";

    background-color: #40a9bc;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 50%;

    width: 4px;

    margin-left: -2px;

    z-index: 1;

}



.timeline > li {

    position: relative;

    width: 50%;

    margin-bottom: 40px;

    padding-right: 20px;

    float: left;

    clear: both;

}



.tl-content {

    display: inline-block;

    margin-top: 7px;

    padding: 8px;

    background-color: #fafafa;

    border: 1px solid #e2dfe6;

    color: #888;

    float: right;

    box-shadow: -1px 0px 2px #eee;

    text-align: justify;

}

.tl-content:after {

    content: "";

    width: 18px;

    height: 18px;

    background-color: #40a9bc;

    border-radius: 100%;

    border: 2px solid #fff;

    position: absolute;

    top: 13px;

    left: 100%;

    margin-left: -9px;

    z-index: 9;

}

.tl-content p {

    margin-bottom: 0;

}

.tl-content img {

    margin-right: 10px;

    float: left;

}

.tl-date {

    padding-bottom: 7px;

    color: #444;

}

.tl-numb-day {

    float: left;

    font-size: 40px;

    line-height: 33px;

    margin-right: 5px;

    font-weight: bold;

}

.tl-text-day {

    display: block;

    font-weight: bold;

    margin-right: 5px;

}

.tl-month {

    display: block;

    color: #888;

}

.tl-date-small .tl-numb-day {

    float: none;

    font-size: 14px;

    line-height: 15px;

}

.tl-date-small .tl-text-day,

.tl-date-small .tl-month {

    display: inline-block;

}

.tl-date-small .tl-text-day {

    float: left;

    font-weight: normal;

}

.tl-date-small .tl-text-day:after {

    content: ", ";

}



.tl-icon {

    position: absolute;

    left: 100%;

    margin-left: 15px;

    font-size: 28px;

    color: #40a9bc;

}

.tl-time {

    position: absolute;

    left: 100%;

    margin-left: 15px;

    margin-top: 35px;

    color: #777;

    font-size: 11px;

}

.tl-title {

    position: absolute;

    left: 100%;

    width: 85%;

    margin-left: 50px;

    margin-top: 12px;

    color: #40a9bc;

    font-weight: bold;

    font-size: 15px;

}

.tl-arrow, .tl-arrow:after {

    position: absolute;

    display: block;

    width: 0;

    height: 0;

    border-color: transparent;

    border-style: solid;

}

.tl-arrow {

    border-width: 8px;

    top: 23px;

    right: 13px;

    margin-top: -8px;

    border-right-width: 0;

    border-left-color: #ddd;

}

.tl-arrow:after {

    content: "";

    right: -6px;

    border-right-width: 0;

    border-left-color: #fff;

    bottom: -7px;

    border-width: 7px;

}



.timeline > li:nth-child(even) {

    padding-right: 0;

    padding-left: 20px;

    float: right;

}

.timeline > li:nth-child(even) .tl-content {

    float: left;

    box-shadow: 1px 0px 2px #eee;

}

.timeline > li:nth-child(even) .tl-content:after {

    left: 0;

    margin-left: -9px;

}

.timeline > li:nth-child(even) .tl-icon {

    left: auto;

    right: 100%;

    margin-left: 0;

    margin-right: 15px;

}

.timeline > li:nth-child(even) .tl-time {

    left: auto;

    right: 100%;

    margin-left: 0;

    margin-right: 15px;

}

.timeline > li:nth-child(even) .tl-title {

    left: auto;

    right: 100%;

    margin-left: 0;

    margin-right: 50px;

    text-align: right;

}

.timeline > li:nth-child(even) .tl-arrow {

    left: 13px;

    right: auto;

    margin-top: -8px;

    border-left-width: 0;

    border-right-width: 8px;

    border-right-color: #ddd;

}

.timeline > li:nth-child(even) .tl-arrow:after {

    left: 1px;

    right: auto;

    border-left-width: 0;

    border-right-width: 7px;

    border-right-color: #fff;

}

.timeline > li.clearfix {

    float: none;

}



/* ========================================================

   Footer

======================================================== */

#main-content > footer {

    background: rgba(255,255,255,0.6);

    padding: 12px 20px 3px;

    margin-top: 20px;

}

#main-content > footer p {

    text-align: center;

    color: #222;

}



/* ========================================================

   Animate

======================================================== */

@-webkit-keyframes top-down {

    0%, 45% {-webkit-transform: translateY(0);}

    5%, 15%, 25%, 35% {-webkit-transform: translateY(-5px);}

    10%, 20%, 30%, 40% {-webkit-transform: translateY(5px);}

}

@-moz-keyframes top-down {

    0%, 45% {-moz-transform: translateY(0);}

    5%, 15%, 25%, 35% {-moz-transform: translateY(-5px);}

    10%, 20%, 30%, 40% {-moz-transform: translateY(5px);}

}

@-o-keyframes top-down {

    0%, 45% {-o-transform: translateY(0);}

    5%, 15%, 25%, 35% {-o-transform: translateY(-5px);}

    10%, 20%, 30%, 40% {-o-transform: translateY(5px);}

}

@keyframes top-down {

    0%, 45% {transform: translateY(0);}

    5%, 15%, 25%, 35% {transform: translateY(-5px);}

    10%, 20%, 30%, 40% {transform: translateY(5px);}

}

.anim-top-down {

    -webkit-animation-duration: 2s;

       -moz-animation-duration: 2s;

         -o-animation-duration: 2s;

            animation-duration: 2s;

    -webkit-animation-iteration-count: 3;

       -moz-animation-iteration-count: 3;

         -o-animation-iteration-count: 3;

            animation-iteration-count: 3;

    -webkit-animation-name: top-down;

       -moz-animation-name: top-down;

         -o-animation-name: top-down;

            animation-name: top-down;

}



@-webkit-keyframes swing {

    5%  { -webkit-transform: rotate(20deg); }

    10% { -webkit-transform: rotate(-20deg); }

    15% { -webkit-transform: rotate(15deg); }

    20% { -webkit-transform: rotate(-15deg); }

    25% { -webkit-transform: rotate(10deg); }

    30% { -webkit-transform: rotate(-10deg); }

    35% { -webkit-transform: rotate(5deg); }

    40% { -webkit-transform: rotate(-5deg); }

    45% { -webkit-transform: rotate(0deg); }

}

@-moz-keyframes swing {

    5%  { -moz-transform: rotate(20deg); }

    10% { -moz-transform: rotate(-20deg); }

    15% { -moz-transform: rotate(15deg); }

    20% { -moz-transform: rotate(-15deg); }

    25% { -moz-transform: rotate(10deg); }

    30% { -moz-transform: rotate(-10deg); }

    35% { -moz-transform: rotate(5deg); }

    40% { -moz-transform: rotate(-5deg); }

    45% { -moz-transform: rotate(0deg); }

}

@-o-keyframes swing {

    5%  { -o-transform: rotate(20deg); }

    10% { -o-transform: rotate(-20deg); }

    15% { -o-transform: rotate(15deg); }

    20% { -o-transform: rotate(-15deg); }

    25% { -o-transform: rotate(10deg); }

    30% { -o-transform: rotate(-10deg); }

    35% { -o-transform: rotate(5deg); }

    40% { -o-transform: rotate(-5deg); }

    45% { -o-transform: rotate(0deg); }

}

@keyframes swing {

    5%  { transform: rotate(20deg); }

    10% { transform: rotate(-20deg); }

    15% { transform: rotate(15deg); }

    20% { transform: rotate(-15deg); }

    25% { transform: rotate(10deg); }

    30% { transform: rotate(-10deg); }

    35% { transform: rotate(5deg); }

    40% { transform: rotate(-5deg); }

    45% { transform: rotate(0deg); }

}

.anim-swing {

    -webkit-animation-duration: 2s;

       -moz-animation-duration: 2s;

         -o-animation-duration: 2s;

            animation-duration: 2s;

    -webkit-animation-iteration-count: 3;

       -moz-animation-iteration-count: 3;

         -o-animation-iteration-count: 3;

            animation-iteration-count: 3;

    -webkit-animation-fill-mode: both;

       -moz-animation-fill-mode: both;

         -o-animation-fill-mode: both;

            animation-fill-mode: both;

    -webkit-transform-origin: top center;

       -moz-transform-origin: top center;

         -o-transform-origin: top center;

            transform-origin: top center;

    -webkit-animation-name: swing;

       -moz-animation-name: swing;

         -o-animation-name: swing;

            animation-name: swing;

}



@-webkit-keyframes turn90 {

    100% { -webkit-transform: rotate(90deg); }

}

@-moz-keyframes turn90 {

    100% { -moz-transform: rotate(90deg); }

}

@-o-keyframes turn90 {

    100% { -o-transform: rotate(90deg); }

}

@keyframes turn90 {

    100% { transform: rotate(90deg); }

}

.anim-turn90 {

    -webkit-animation-duration: 0.4s;

       -moz-animation-duration: 0.4s;

         -o-animation-duration: 0.4s;

            animation-duration: 0.4s;

    -webkit-animation-name: turn90;

       -moz-animation-name: turn90;

         -o-animation-name: turn90;

            animation-name: turn90;

}



@-webkit-keyframes turn-90 {

    100% { -webkit-transform: rotate(-90deg); }

}

@-moz-keyframes turn-90 {

    100% { -moz-transform: rotate(-90deg); }

}

@-o-keyframes turn-90 {

    100% { -o-transform: rotate(-90deg); }

}

@keyframes turn-90 {

    100% { transform: rotate(-90deg); }

}

.anim-turn-90 {

    -webkit-animation-duration: 0.4s;

       -moz-animation-duration: 0.4s;

         -o-animation-duration: 0.4s;

            animation-duration: 0.4s;

    -webkit-animation-name: turn-90;

       -moz-animation-name: turn-90;

         -o-animation-name: turn-90;

            animation-name: turn-90;

}



@-webkit-keyframes turn180 {

    100% { -webkit-transform: rotate(180deg); }

}

@-moz-keyframes turn180 {

    100% { -moz-transform: rotate(180deg); }

}

@-o-keyframes turn180 {

    100% { -o-transform: rotate(180deg); }

}

@keyframes turn180 {

    100% { transform: rotate(180deg); }

}

.anim-turn180 {

    -webkit-animation-duration: 0.5s;

       -moz-animation-duration: 0.5s;

         -o-animation-duration: 0.5s;

            animation-duration: 0.5s;

    -webkit-animation-name: turn180;

       -moz-animation-name: turn180;

         -o-animation-name: turn180;

            animation-name: turn180;

}



/* ========================================================

   Skins

======================================================== */

/* Theme Setting */

#theme-setting {

    position: absolute;

    top: 60px;

    right: 0;

    z-index: 99;

    white-space: nowrap;

}

#theme-setting > a {

    display: inline-block;

    color: #999;

    vertical-align: top;

    background: rgba(255,255,255,0.7);

    padding: 10px;

}

#theme-setting > a:hover {

    text-decoration: none;

    color: #555;

}

#theme-setting ul {

    background: rgba(255,255,255,0.8);

    padding: 0;

    display: inline-block;

    list-style: none;

    margin: 0;

}

#theme-setting > ul {

    padding: 10px;

    margin-left: -3px;

    display: none;

}

#theme-setting > ul > li {

    padding: 4px 0;

    overflow: hidden;

    width: 317px;

}

#theme-setting > ul > li > span {

    font-size: 17px;

    display: inline-block;

    width: 70px;

    vertical-align: top;

}

#theme-setting > ul > li > a {

    display: inline-block;

    font-size: 15px;

    color: #000;

    margin-top: 5px;

}

#theme-setting > ul > li > a.hidden-inline-xs {

    margin-left: 15px;

}

#theme-setting > ul > li > a:hover {

    text-decoration: none;

}

#theme-setting ul.colors > li {

    display: inline-block;

    padding: 0 2px;

}

#theme-setting ul.colors a {

    display: inline-block;

    width: 20px;

    height: 20px;

    opacity: 0.3;

    border-radius: 100%;

}

#theme-setting ul.colors li.active a,

#theme-setting ul.colors li.active a:hover,

#theme-setting ul.colors a:hover {

    opacity: 1;

}

#theme-setting ul.colors a.blue        {background-color: #58b1fc;}

#theme-setting ul.colors a.red         {background-color: #ff6f6f;}

#theme-setting ul.colors a.green       {background-color: #47cf74;}

#theme-setting ul.colors a.orange      {background-color: #ffaf51;}

#theme-setting ul.colors a.yellow      {background-color: #f3d240;}

#theme-setting ul.colors a.pink        {background-color: #f359a8;}

#theme-setting ul.colors a.magenta     {background-color: #c48aff;}

#theme-setting ul.colors a.gray        {background-color: #ababab;}

#theme-setting ul.colors a.black       {background-color: #373b41;}



/***

- Default Skin

***/

.nav > li > a:hover,

.nav > li > a:focus,

.nav .open > a,

.nav .open > a:hover,

.nav .open > a:focus {

    background-color:#fff;

}

.navbar .nav > li > a,

.navbar .nav > li > a:hover,

.navbar .nav > li > a:focus,

.dropdown-navbar > li.nav-header,

.flaty-nav > li > a > [class*="fa-"],

.navbar .navbar-brand,

.nav-list .search-pan input,

.nav-list .search-pan button > i,

.nav-list > li > a,

.nav-list > li > a:focus,

.nav-list > li > a:hover,

.nav-list > li > a .arrow,

.nav-list > li a:hover > .arrow,

.nav-list > li.active > a > .arrow,

.nav-list > li.open > a > .arrow,

.nav-list > li.open > a,

.nav-list > li.active > a,

.nav-list > li.active > a:hover,

.nav-list > li.active > a:focus,

.nav-list > li.active > a:active,

.nav-list > li .submenu > li > a,

.nav-list > li .submenu > li > span,

.nav-list > li .submenu > li > ul > li > a,

#nav-horizontal.nav-xs > li a,

#sidebar-collapse > [class*="fa-"],

.sidebar-collapsed .nav-list > li.open:hover > a    {color: #fff;}



.navbar {

    background: #58b1fc;

}

.flaty-nav > li > a > .badge {

    border-color: #58b1fc;

}

.navbar .navbar-btn,

.navbar .navbar-btn:hover,

.navbar .navbar-btn:focus,

.navbar .navbar-btn.collapsed:hover,

.navbar .navbar-btn.collapsed:focus,

.flaty-nav > li.open,

.flaty-nav > li.active,

.flaty-nav > li:hover,

.dropdown-navbar > li.nav-header {

    background-color: #4ca4ee;

}

.dropdown-navbar > li.nav-header:hover {

    background-color: #4ca4ee!important;

}

.flaty-nav > li.open > a > .badge,

.flaty-nav > li:hover > a > .badge {

    border-color: #4ca4ee;

}



#sidebar:before,

.nav-list .search-form,

.nav-list .search-pan input,

#nav-horizontal.nav-xs > li > a,

.nav-list > li > a                                  {background-color: #400080;}    /* Sidebar Background */

.nav-list .search-form:hover,

.nav-list .search-form:hover .search-pan input,

.nav-list > li.open > a,

.nav-list > li.active > a,

.nav-list > li.active > a:hover,

.nav-list > li.active > a:focus,

.nav-list > li.active > a:active,

#nav-horizontal.nav-xs > li > a:hover,

#nav-horizontal.nav-xs > li > a:focus,

#nav-horizontal.nav-xs > li.open > a,

#nav-horizontal.nav-xs > li.active > a,

#nav-horizontal.nav-xs > li.active > a:hover,

#nav-horizontal.nav-xs > li.active > a:focus,

#nav-horizontal.nav-xs > li.active > a:active,

#sidebar-collapse > [class*="fa-"]:hover,

.sidebar-collapsed .nav-list > li:hover > a,

.sidebar-collapsed .nav-list .search-pan input,

.sidebar-collapsed .nav-list > li > a > span        {background-color: #a21180;}    /* LI: Hover */

.nav-list > li > a:focus,

.nav-list > li > a:hover                            {background-color: #a21180!important;}

#nav-horizontal.nav-xs > li .dropdown-menu,

#nav-horizontal.nav-xs > li .dropdown-navbar > li:hover,

.nav-list > li .submenu                             {background-color: #ef87b0!important;}    /* Submenu Background */

#sidebar-collapse > [class*="fa-"],

#nav-horizontal.nav-xs > li .dropdown-menu > li > a:focus,

#nav-horizontal.nav-xs > li .dropdown-menu > li > a:hover,

#nav-horizontal.nav-xs > li .dropdown-menu > li.active > a,

#nav-horizontal.nav-xs > li .dropdown-navbar > li.active,

.nav-list > li .submenu > li > ul > li > a:focus,

.nav-list > li .submenu > li > ul > li > a:hover,

.nav-list > li .submenu > li > ul > li.active > a,

.nav-list > li .submenu > li > a:focus,

.nav-list > li .submenu > li > a:hover,

.nav-list > li .submenu > li.active > a             {background-color: #ef87b0;}    /* Submenu Hover */

.nav-list > li.active > a:after                     {border-right-color: #e9f0f9;}

.login-page:before,

.error-page:before,

#main-content                                       {background: #f5f3f2;}          /* Content Background */



.box > .box-title {

    background-color: #b6d1f2;

    text-shadow: 0 1px 0 #aecef4;

}



/***

- Namely Skins

***/

.skin-red .navbar                                 {  background: #ff6f6f;}

.skin-red .flaty-nav > li > a > .badge            {border-color: #ff6f6f;}

.skin-red .navbar-btn,

.skin-red .navbar-btn:hover,

.skin-red .navbar-btn:focus,

.skin-red .navbar-btn.collapsed:hover,

.skin-red .navbar-btn.collapsed:focus,

.skin-red .flaty-nav > li.open,

.skin-red .flaty-nav > li.active,

.skin-red .flaty-nav > li:hover,

.skin-red .dropdown-navbar > li.nav-header        {background-color: #e85757;}

.skin-red .dropdown-navbar > li.nav-header:hover  {background-color: #e85757!important;}

.skin-red .flaty-nav > li.open > a > .badge,

.skin-red .flaty-nav > li:hover > a > .badge      {    border-color: #e85757;}

.skin-red #sidebar:before,

.skin-red .nav-list .search-form,

.skin-red .nav-list .search-pan input,

.skin-red #nav-horizontal.nav-xs > li > a,

.skin-red .nav-list > li > a                                  {background-color: #d62643;}    /* Sidebar Background */

.skin-red .nav-list .search-form:hover,

.skin-red .nav-list .search-form:hover .search-pan input,

.skin-red .nav-list > li.open > a,

.skin-red .nav-list > li.active > a,

.skin-red .nav-list > li.active > a:hover,

.skin-red .nav-list > li.active > a:focus,

.skin-red .nav-list > li.active > a:active,

.skin-red #nav-horizontal.nav-xs > li > a:hover,

.skin-red #nav-horizontal.nav-xs > li > a:focus,

.skin-red #nav-horizontal.nav-xs > li.open > a,

.skin-red #nav-horizontal.nav-xs > li.active > a,

.skin-red #nav-horizontal.nav-xs > li.active > a:hover,

.skin-red #nav-horizontal.nav-xs > li.active > a:focus,

.skin-red #nav-horizontal.nav-xs > li.active > a:active,

.skin-red #sidebar-collapse > [class*="fa-"]:hover,

.skin-red .sidebar-collapsed .nav-list > li:hover > a,

.skin-red .sidebar-collapsed .nav-list .search-pan input,

.skin-red .sidebar-collapsed .nav-list > li > a > span        {background-color: #b91b35;}    /* LI: Hover */

.skin-red .nav-list > li > a:focus,

.skin-red .nav-list > li > a:hover                            {background-color: #b91b35!important;}

.skin-red #nav-horizontal.nav-xs > li .dropdown-menu,

.skin-red #nav-horizontal.nav-xs > li .dropdown-navbar > li:hover,

.skin-red .nav-list > li .submenu                             {background-color: #d93953!important;}    /* Submenu Background */

.skin-red #sidebar-collapse > [class*="fa-"],

.skin-red #nav-horizontal.nav-xs > li .dropdown-menu > li > a:focus,

.skin-red #nav-horizontal.nav-xs > li .dropdown-menu > li > a:hover,

.skin-red #nav-horizontal.nav-xs > li .dropdown-menu > li.active > a,

.skin-red #nav-horizontal.nav-xs > li .dropdown-navbar > li.active,

.skin-red .nav-list > li .submenu > li > ul > li > a:focus,

.skin-red .nav-list > li .submenu > li > ul > li > a:hover,

.skin-red .nav-list > li .submenu > li > ul > li.active > a,

.skin-red .nav-list > li .submenu > li > a:focus,

.skin-red .nav-list > li .submenu > li > a:hover,

.skin-red .nav-list > li .submenu > li.active > a             {background-color: #cf364f;}    /* Submenu Hover */

.skin-red .nav-list > li.active > a:after                     {border-right-color: #fbeaed;}

.skin-red #main-content                                       {background: #fbeaed;}          /* Content Background */

.skin-red .box > .box-title {

    background-color: #f7a1a1;

    text-shadow: 0 1px 0 #f2abab;

}





.skin-green .navbar                                 {  background: #47cf74;}

.skin-green .flaty-nav > li > a > .badge            {border-color: #47cf74;}

.skin-green .navbar-btn,

.skin-green .navbar-btn:hover,

.skin-green .navbar-btn:focus,

.skin-green .navbar-btn.collapsed:hover,

.skin-green .navbar-btn.collapsed:focus,

.skin-green .flaty-nav > li.open,

.skin-green .flaty-nav > li.active,

.skin-green .flaty-nav > li:hover,

.skin-green .dropdown-navbar > li.nav-header        {background-color: #37ba63;}

.skin-green .dropdown-navbar > li.nav-header:hover  {background-color: #37ba63!important;}

.skin-green .flaty-nav > li.open > a > .badge,

.skin-green .flaty-nav > li:hover > a > .badge      {    border-color: #37ba63;}

.skin-green #sidebar:before,

.skin-green .nav-list .search-form,

.skin-green .nav-list .search-pan input,

.skin-green #nav-horizontal.nav-xs > li > a,

.skin-green .nav-list > li > a                                  {background-color: #1aa849;}    /* Sidebar Background */

.skin-green .nav-list .search-form:hover,

.skin-green .nav-list .search-form:hover .search-pan input,

.skin-green .nav-list > li.open > a,

.skin-green .nav-list > li.active > a,

.skin-green .nav-list > li.active > a:hover,

.skin-green .nav-list > li.active > a:focus,

.skin-green .nav-list > li.active > a:active,

.skin-green #nav-horizontal.nav-xs > li > a:hover,

.skin-green #nav-horizontal.nav-xs > li > a:focus,

.skin-green #nav-horizontal.nav-xs > li.open > a,

.skin-green #nav-horizontal.nav-xs > li.active > a,

.skin-green #nav-horizontal.nav-xs > li.active > a:hover,

.skin-green #nav-horizontal.nav-xs > li.active > a:focus,

.skin-green #nav-horizontal.nav-xs > li.active > a:active,

.skin-green #sidebar-collapse > [class*="fa-"]:hover,

.skin-green .sidebar-collapsed .nav-list > li:hover > a,

.skin-green .sidebar-collapsed .nav-list .search-pan input,

.skin-green .sidebar-collapsed .nav-list > li > a > span        {background-color: #0e8a37;}    /* LI: Hover */

.skin-green .nav-list > li > a:focus,

.skin-green .nav-list > li > a:hover                            {background-color: #0e8a37!important;}

.skin-green #nav-horizontal.nav-xs > li .dropdown-menu,

.skin-green #nav-horizontal.nav-xs > li .dropdown-navbar > li:hover,

.skin-green .nav-list > li .submenu                             {background-color: #34ab5c!important;}    /* Submenu Background */

.skin-green #sidebar-collapse > [class*="fa-"],

.skin-green #nav-horizontal.nav-xs > li .dropdown-menu > li > a:focus,

.skin-green #nav-horizontal.nav-xs > li .dropdown-menu > li > a:hover,

.skin-green #nav-horizontal.nav-xs > li .dropdown-menu > li.active > a,

.skin-green #nav-horizontal.nav-xs > li .dropdown-navbar > li.active,

.skin-green .nav-list > li .submenu > li > ul > li > a:focus,

.skin-green .nav-list > li .submenu > li > ul > li > a:hover,

.skin-green .nav-list > li .submenu > li > ul > li.active > a,

.skin-green .nav-list > li .submenu > li > a:focus,

.skin-green .nav-list > li .submenu > li > a:hover,

.skin-green .nav-list > li .submenu > li.active > a             {background-color: #2f9e54;}    /* Submenu Hover */

.skin-green .nav-list > li.active > a:after                     {border-right-color: #e9f7ee;}

.skin-green #main-content                                       {background: #e9f7ee;}          /* Content Background */

.skin-green .box > .box-title {

    background-color: #ade8a1;

    text-shadow: 0 1px 0 #b6e1ad;

}





.skin-orange .navbar                                 {  background: #ffaf51;}

.skin-orange .flaty-nav > li > a > .badge            {border-color: #ffaf51;}

.skin-orange .navbar-btn,

.skin-orange .navbar-btn:hover,

.skin-orange .navbar-btn:focus,

.skin-orange .navbar-btn.collapsed:hover,

.skin-orange .navbar-btn.collapsed:focus,

.skin-orange .flaty-nav > li.open,

.skin-orange .flaty-nav > li.active,

.skin-orange .flaty-nav > li:hover,

.skin-orange .dropdown-navbar > li.nav-header        {background-color: #f6a84c;}

.skin-orange .dropdown-navbar > li.nav-header:hover  {background-color: #f6a84c!important;}

.skin-orange .flaty-nav > li.open > a > .badge,

.skin-orange .flaty-nav > li:hover > a > .badge      {    border-color: #f6a84c;}

.skin-orange #sidebar:before,

.skin-orange .nav-list .search-form,

.skin-orange .nav-list .search-pan input,

.skin-orange #nav-horizontal.nav-xs > li > a,

.skin-orange .nav-list > li > a                                  {background-color: #f79828;}    /* Sidebar Background */

.skin-orange .nav-list .search-form:hover,

.skin-orange .nav-list .search-form:hover .search-pan input,

.skin-orange .nav-list > li.open > a,

.skin-orange .nav-list > li.active > a,

.skin-orange .nav-list > li.active > a:hover,

.skin-orange .nav-list > li.active > a:focus,

.skin-orange .nav-list > li.active > a:active,

.skin-orange #nav-horizontal.nav-xs > li > a:hover,

.skin-orange #nav-horizontal.nav-xs > li > a:focus,

.skin-orange #nav-horizontal.nav-xs > li.open > a,

.skin-orange #nav-horizontal.nav-xs > li.active > a,

.skin-orange #nav-horizontal.nav-xs > li.active > a:hover,

.skin-orange #nav-horizontal.nav-xs > li.active > a:focus,

.skin-orange #nav-horizontal.nav-xs > li.active > a:active,

.skin-orange #sidebar-collapse > [class*="fa-"]:hover,

.skin-orange .sidebar-collapsed .nav-list > li:hover > a,

.skin-orange .sidebar-collapsed .nav-list .search-pan input,

.skin-orange .sidebar-collapsed .nav-list > li > a > span        {background-color: #e88005;}    /* LI: Hover */

.skin-orange .nav-list > li > a:focus,

.skin-orange .nav-list > li > a:hover                            {background-color: #e88005!important;}

.skin-orange #nav-horizontal.nav-xs > li .dropdown-menu,

.skin-orange #nav-horizontal.nav-xs > li .dropdown-navbar > li:hover,

.skin-orange .nav-list > li .submenu                             {background-color: #f7a443!important;}    /* Submenu Background */

.skin-orange #sidebar-collapse > [class*="fa-"],

.skin-orange #nav-horizontal.nav-xs > li .dropdown-menu > li > a:focus,

.skin-orange #nav-horizontal.nav-xs > li .dropdown-menu > li > a:hover,

.skin-orange #nav-horizontal.nav-xs > li .dropdown-menu > li.active > a,

.skin-orange #nav-horizontal.nav-xs > li .dropdown-navbar > li.active,

.skin-orange .nav-list > li .submenu > li > ul > li > a:focus,

.skin-orange .nav-list > li .submenu > li > ul > li > a:hover,

.skin-orange .nav-list > li .submenu > li > ul > li.active > a,

.skin-orange .nav-list > li .submenu > li > a:focus,

.skin-orange .nav-list > li .submenu > li > a:hover,

.skin-orange .nav-list > li .submenu > li.active > a             {background-color: #f79e35;}    /* Submenu Hover */

.skin-orange .nav-list > li.active > a:after                     {border-right-color: #f7ece0;}

.skin-orange #main-content                                       {background: #f7ece0;}          /* Content Background */

.skin-orange .box > .box-title {

    background-color: #f8cd92;

    text-shadow: 0 1px 0 #f0cd9d;

}





.skin-yellow .navbar                                 {  background: #f3d240;}

.skin-yellow .flaty-nav > li > a > .badge            {border-color: #f3d240;}

.skin-yellow .navbar-btn,

.skin-yellow .navbar-btn:hover,

.skin-yellow .navbar-btn:focus,

.skin-yellow .navbar-btn.collapsed:hover,

.skin-yellow .navbar-btn.collapsed:focus,

.skin-yellow .flaty-nav > li.open,

.skin-yellow .flaty-nav > li.active,

.skin-yellow .flaty-nav > li:hover,

.skin-yellow .dropdown-navbar > li.nav-header        {background-color: #ebcc42;}

.skin-yellow .dropdown-navbar > li.nav-header:hover  {background-color: #ebcc42!important;}

.skin-yellow .flaty-nav > li.open > a > .badge,

.skin-yellow .flaty-nav > li:hover > a > .badge      {    border-color: #ebcc42;}

.skin-yellow #sidebar:before,

.skin-yellow .nav-list .search-form,

.skin-yellow .nav-list .search-pan input,

.skin-yellow #nav-horizontal.nav-xs > li > a,

.skin-yellow .nav-list > li > a                                  {background-color: #f5c701;}    /* Sidebar Background */

.skin-yellow .nav-list .search-form:hover,

.skin-yellow .nav-list .search-form:hover .search-pan input,

.skin-yellow .nav-list > li.open > a,

.skin-yellow .nav-list > li.active > a,

.skin-yellow .nav-list > li.active > a:hover,

.skin-yellow .nav-list > li.active > a:focus,

.skin-yellow .nav-list > li.active > a:active,

.skin-yellow #nav-horizontal.nav-xs > li > a:hover,

.skin-yellow #nav-horizontal.nav-xs > li > a:focus,

.skin-yellow #nav-horizontal.nav-xs > li.open > a,

.skin-yellow #nav-horizontal.nav-xs > li.active > a,

.skin-yellow #nav-horizontal.nav-xs > li.active > a:hover,

.skin-yellow #nav-horizontal.nav-xs > li.active > a:focus,

.skin-yellow #nav-horizontal.nav-xs > li.active > a:active,

.skin-yellow #sidebar-collapse > [class*="fa-"]:hover,

.skin-yellow .sidebar-collapsed .nav-list > li:hover > a,

.skin-yellow .sidebar-collapsed .nav-list .search-pan input,

.skin-yellow .sidebar-collapsed .nav-list > li > a > span        {background-color: #d5ad01;}    /* LI: Hover */

.skin-yellow .nav-list > li > a:focus,

.skin-yellow .nav-list > li > a:hover                            {background-color: #d5ad01!important;}

.skin-yellow #nav-horizontal.nav-xs > li .dropdown-menu,

.skin-yellow #nav-horizontal.nav-xs > li .dropdown-navbar > li:hover,

.skin-yellow .nav-list > li .submenu                             {background-color: #fcd634!important;}    /* Submenu Background */

.skin-yellow #sidebar-collapse > [class*="fa-"],

.skin-yellow #nav-horizontal.nav-xs > li .dropdown-menu > li > a:focus,

.skin-yellow #nav-horizontal.nav-xs > li .dropdown-menu > li > a:hover,

.skin-yellow #nav-horizontal.nav-xs > li .dropdown-menu > li.active > a,

.skin-yellow #nav-horizontal.nav-xs > li .dropdown-navbar > li.active,

.skin-yellow .nav-list > li .submenu > li > ul > li > a:focus,

.skin-yellow .nav-list > li .submenu > li > ul > li > a:hover,

.skin-yellow .nav-list > li .submenu > li > ul > li.active > a,

.skin-yellow .nav-list > li .submenu > li > a:focus,

.skin-yellow .nav-list > li .submenu > li > a:hover,

.skin-yellow .nav-list > li .submenu > li.active > a             {background-color: #f7d029;}    /* Submenu Hover */

.skin-yellow .nav-list > li.active > a:after                     {border-right-color: #f2ecd2;}

.skin-yellow #main-content                                       {background: #f2ecd2;}          /* Content Background */

.skin-yellow .box > .box-title {

    background-color: #f4f190;

    text-shadow: 0 1px 0 #edea95;

}





.skin-pink .navbar                                 {  background: #f359a8;}

.skin-pink .flaty-nav > li > a > .badge            {border-color: #f359a8;}

.skin-pink .navbar-btn,

.skin-pink .navbar-btn:hover,

.skin-pink .navbar-btn:focus,

.skin-pink .navbar-btn.collapsed:hover,

.skin-pink .navbar-btn.collapsed:focus,

.skin-pink .flaty-nav > li.open,

.skin-pink .flaty-nav > li.active,

.skin-pink .flaty-nav > li:hover,

.skin-pink .dropdown-navbar > li.nav-header        {background-color: #f347a0;}

.skin-pink .dropdown-navbar > li.nav-header:hover  {background-color: #f347a0!important;}

.skin-pink .flaty-nav > li.open > a > .badge,

.skin-pink .flaty-nav > li:hover > a > .badge      {    border-color: #f347a0;}

.skin-pink #sidebar:before,

.skin-pink .nav-list .search-form,

.skin-pink .nav-list .search-pan input,

.skin-pink #nav-horizontal.nav-xs > li > a,

.skin-pink .nav-list > li > a                                  {background-color: #ea3994;}    /* Sidebar Background */

.skin-pink .nav-list .search-form:hover,

.skin-pink .nav-list .search-form:hover .search-pan input,

.skin-pink .nav-list > li.open > a,

.skin-pink .nav-list > li.active > a,

.skin-pink .nav-list > li.active > a:hover,

.skin-pink .nav-list > li.active > a:focus,

.skin-pink .nav-list > li.active > a:active,

.skin-pink #nav-horizontal.nav-xs > li > a:hover,

.skin-pink #nav-horizontal.nav-xs > li > a:focus,

.skin-pink #nav-horizontal.nav-xs > li.open > a,

.skin-pink #nav-horizontal.nav-xs > li.active > a,

.skin-pink #nav-horizontal.nav-xs > li.active > a:hover,

.skin-pink #nav-horizontal.nav-xs > li.active > a:focus,

.skin-pink #nav-horizontal.nav-xs > li.active > a:active,

.skin-pink #sidebar-collapse > [class*="fa-"]:hover,

.skin-pink .sidebar-collapsed .nav-list > li:hover > a,

.skin-pink .sidebar-collapsed .nav-list .search-pan input,

.skin-pink .sidebar-collapsed .nav-list > li > a > span        {background-color: #da2482;}    /* LI: Hover */

.skin-pink .nav-list > li > a:focus,

.skin-pink .nav-list > li > a:hover                            {background-color: #da2482!important;}

.skin-pink #nav-horizontal.nav-xs > li .dropdown-menu,

.skin-pink #nav-horizontal.nav-xs > li .dropdown-navbar > li:hover,

.skin-pink .nav-list > li .submenu                             {background-color: #ee439b!important;}    /* Submenu Background */

.skin-pink #sidebar-collapse > [class*="fa-"],

.skin-pink #nav-horizontal.nav-xs > li .dropdown-menu > li > a:focus,

.skin-pink #nav-horizontal.nav-xs > li .dropdown-menu > li > a:hover,

.skin-pink #nav-horizontal.nav-xs > li .dropdown-menu > li.active > a,

.skin-pink #nav-horizontal.nav-xs > li .dropdown-navbar > li.active,

.skin-pink .nav-list > li .submenu > li > ul > li > a:focus,

.skin-pink .nav-list > li .submenu > li > ul > li > a:hover,

.skin-pink .nav-list > li .submenu > li > ul > li.active > a,

.skin-pink .nav-list > li .submenu > li > a:hover,

.skin-pink .nav-list > li .submenu > li > a:focus,

.skin-pink .nav-list > li .submenu > li.active > a             {background-color: #e94298;}    /* Submenu Hover */

.skin-pink .nav-list > li.active > a:after                     {border-right-color: #f9e7f0;}

.skin-pink #main-content                                       {background: #f9e7f0;}          /* Content Background */

.skin-pink .box > .box-title {

    background-color: #f49ed8;

    text-shadow: 0 1px 0 #f0a8d9;

}





.skin-magenta .navbar                                 {  background: #c48aff;}

.skin-magenta .flaty-nav > li > a > .badge            {border-color: #c48aff;}

.skin-magenta .navbar-btn,

.skin-magenta .navbar-btn:hover,

.skin-magenta .navbar-btn:focus,

.skin-magenta .navbar-btn.collapsed:hover,

.skin-magenta .navbar-btn.collapsed:focus,

.skin-magenta .flaty-nav > li.open,

.skin-magenta .flaty-nav > li.active,

.skin-magenta .flaty-nav > li:hover,

.skin-magenta .dropdown-navbar > li.nav-header        {background-color: #b275ef;}

.skin-magenta .dropdown-navbar > li.nav-header:hover  {background-color: #b275ef!important;}

.skin-magenta .flaty-nav > li.open > a > .badge,

.skin-magenta .flaty-nav > li:hover > a > .badge      {    border-color: #b275ef;}

.skin-magenta #sidebar:before,

.skin-magenta .nav-list .search-form,

.skin-magenta .nav-list .search-pan input,

.skin-magenta #nav-horizontal.nav-xs > li > a,

.skin-magenta .nav-list > li > a                                  {background-color: #a858fa;}    /* Sidebar Background */

.skin-magenta .nav-list .search-form:hover,

.skin-magenta .nav-list .search-form:hover .search-pan input,

.skin-magenta .nav-list > li.open > a,

.skin-magenta .nav-list > li.active > a,

.skin-magenta .nav-list > li.active > a:hover,

.skin-magenta .nav-list > li.active > a:focus,

.skin-magenta .nav-list > li.active > a:active,

.skin-magenta #nav-horizontal.nav-xs > li > a:hover,

.skin-magenta #nav-horizontal.nav-xs > li > a:focus,

.skin-magenta #nav-horizontal.nav-xs > li.open > a,

.skin-magenta #nav-horizontal.nav-xs > li.active > a,

.skin-magenta #nav-horizontal.nav-xs > li.active > a:hover,

.skin-magenta #nav-horizontal.nav-xs > li.active > a:focus,

.skin-magenta #nav-horizontal.nav-xs > li.active > a:active,

.skin-magenta #sidebar-collapse > [class*="fa-"]:hover,

.skin-magenta .sidebar-collapsed .nav-list > li:hover > a,

.skin-magenta .sidebar-collapsed .nav-list .search-pan input,

.skin-magenta .sidebar-collapsed .nav-list > li > a > span        {background-color: #8440c9;}    /* LI: Hover */

.skin-magenta .nav-list > li > a:focus,

.skin-magenta .nav-list > li > a:hover                            {background-color: #8440c9!important;}

.skin-magenta #nav-horizontal.nav-xs > li .dropdown-menu,

.skin-magenta #nav-horizontal.nav-xs > li .dropdown-navbar > li:hover,

.skin-magenta .nav-list > li .submenu                             {background-color: #b36ff8!important;}    /* Submenu Background */

.skin-magenta #sidebar-collapse > [class*="fa-"],

.skin-magenta #nav-horizontal.nav-xs > li .dropdown-menu > li > a:focus,

.skin-magenta #nav-horizontal.nav-xs > li .dropdown-menu > li > a:hover,

.skin-magenta #nav-horizontal.nav-xs > li .dropdown-menu > li.active > a,

.skin-magenta #nav-horizontal.nav-xs > li .dropdown-navbar > li.active,

.skin-magenta .nav-list > li .submenu > li > ul > li > a:focus,

.skin-magenta .nav-list > li .submenu > li > ul > li > a:hover,

.skin-magenta .nav-list > li .submenu > li > ul > li.active > a,

.skin-magenta .nav-list > li .submenu > li > a:focus,

.skin-magenta .nav-list > li .submenu > li > a:hover,

.skin-magenta .nav-list > li .submenu > li.active > a             {background-color: #ab61f6;}    /* Submenu Hover */

.skin-magenta .nav-list > li.active > a:after                     {border-right-color: #efe1fe;}

.skin-magenta #main-content                                       {background: #efe1fe;}          /* Content Background */

.skin-magenta .box > .box-title {

    background-color: #e1a1ef;

    text-shadow: 0 1px 0 #d7a4e2;

}





.skin-gray .navbar                                 {  background: #ababab;}

.skin-gray .flaty-nav > li > a > .badge            {border-color: #ababab;}

.skin-gray .navbar-btn,

.skin-gray .navbar-btn:hover,

.skin-gray .navbar-btn:focus,

.skin-gray .navbar-btn.collapsed:hover,

.skin-gray .navbar-btn.collapsed:focus,

.skin-gray .flaty-nav > li.open,

.skin-gray .flaty-nav > li.active,

.skin-gray .flaty-nav > li:hover,

.skin-gray .dropdown-navbar > li.nav-header        {background-color: #959595;}

.skin-gray .dropdown-navbar > li.nav-header:hover  {background-color: #959595!important;}

.skin-gray .flaty-nav > li.open > a > .badge,

.skin-gray .flaty-nav > li:hover > a > .badge      {    border-color: #959595;}

.skin-gray #sidebar:before,

.skin-gray .nav-list .search-form,

.skin-gray .nav-list .search-pan input,

.skin-gray #nav-horizontal.nav-xs > li > a,

.skin-gray .nav-list > li > a                                  {background-color: #767676;}    /* Sidebar Background */

.skin-gray .nav-list .search-form:hover,

.skin-gray .nav-list .search-form:hover .search-pan input,

.skin-gray .nav-list > li.open > a,

.skin-gray .nav-list > li.active > a,

.skin-gray .nav-list > li.active > a:hover,

.skin-gray .nav-list > li.active > a:focus,

.skin-gray .nav-list > li.active > a:active,

.skin-gray #nav-horizontal.nav-xs > li > a:hover,

.skin-gray #nav-horizontal.nav-xs > li > a:focus,

.skin-gray #nav-horizontal.nav-xs > li.open > a,

.skin-gray #nav-horizontal.nav-xs > li.active > a,

.skin-gray #nav-horizontal.nav-xs > li.active > a:hover,

.skin-gray #nav-horizontal.nav-xs > li.active > a:focus,

.skin-gray #nav-horizontal.nav-xs > li.active > a:active,

.skin-gray #sidebar-collapse > [class*="fa-"]:hover,

.skin-gray .sidebar-collapsed .nav-list > li:hover > a,

.skin-gray .sidebar-collapsed .nav-list .search-pan input,

.skin-gray .sidebar-collapsed .nav-list > li > a > span        {background-color: #565656;}    /* LI: Hover */

.skin-gray .nav-list > li > a:focus,

.skin-gray .nav-list > li > a:hover                            {background-color: #565656!important;}

.skin-gray #nav-horizontal.nav-xs > li .dropdown-menu,

.skin-gray #nav-horizontal.nav-xs > li .dropdown-navbar > li:hover,

.skin-gray .nav-list > li .submenu                             {background-color: #969696!important;}    /* Submenu Background */

.skin-gray #sidebar-collapse > [class*="fa-"],

.skin-gray #nav-horizontal.nav-xs > li .dropdown-menu > li > a:focus,

.skin-gray #nav-horizontal.nav-xs > li .dropdown-menu > li > a:hover,

.skin-gray #nav-horizontal.nav-xs > li .dropdown-menu > li.active > a,

.skin-gray #nav-horizontal.nav-xs > li .dropdown-navbar > li.active,

.skin-gray .nav-list > li .submenu > li > ul > li > a:focus,

.skin-gray .nav-list > li .submenu > li > ul > li > a:hover,

.skin-gray .nav-list > li .submenu > li > ul > li.active > a,

.skin-gray .nav-list > li .submenu > li > a:focus,

.skin-gray .nav-list > li .submenu > li > a:hover,

.skin-gray .nav-list > li .submenu > li.active > a             {background-color: #868686;}    /* Submenu Hover */

.skin-gray .nav-list > li.active > a:after                     {border-right-color: #e6e6e6;}

.skin-gray #main-content                                       {background: #e6e6e6;}          /* Content Background */

.skin-gray .box > .box-title {

    background-color: #bbb;

    text-shadow: 0 1px 0 #aaa;

}





.skin-black .navbar                                 {  background: #373b41;}

.skin-black .flaty-nav > li > a > .badge            {border-color: #373b41;}

.skin-black .navbar-btn,

.skin-black .navbar-btn:hover,

.skin-black .navbar-btn:focus,

.skin-black .navbar-btn.collapsed:hover,

.skin-black .navbar-btn.collapsed:focus,

.skin-black .flaty-nav > li.open,

.skin-black .flaty-nav > li.active,

.skin-black .flaty-nav > li:hover,

.skin-black .dropdown-navbar > li.nav-header        {background-color: #2b2f35;}

.skin-black .dropdown-navbar > li.nav-header:hover  {background-color: #2b2f35!important;}

.skin-black .flaty-nav > li.open > a > .badge,

.skin-black .flaty-nav > li:hover > a > .badge      {    border-color: #2b2f35;}

.skin-black #sidebar:before,

.skin-black .nav-list .search-form,

.skin-black .nav-list .search-pan input,

.skin-black #nav-horizontal.nav-xs > li > a,

.skin-black .nav-list > li > a                                  {background-color: #532282 ;}    /* Sidebar Background */

.skin-black .nav-list .search-form:hover,

.skin-black .nav-list .search-form:hover .search-pan input,

.skin-black .nav-list > li.open > a,

.skin-black .nav-list > li.active > a,

.skin-black .nav-list > li.active > a:hover,

.skin-black .nav-list > li.active > a:focus,

.skin-black .nav-list > li.active > a:active,

.skin-black #nav-horizontal.nav-xs > li > a:hover,

.skin-black #nav-horizontal.nav-xs > li > a:focus,

.skin-black #nav-horizontal.nav-xs > li.open > a,

.skin-black #nav-horizontal.nav-xs > li.active > a,

.skin-black #nav-horizontal.nav-xs > li.active > a:hover,

.skin-black #nav-horizontal.nav-xs > li.active > a:focus,

.skin-black #nav-horizontal.nav-xs > li.active > a:active,

.skin-black #sidebar-collapse > [class*="fa-"]:hover,

.skin-black .sidebar-collapsed .nav-list > li:hover > a,

.skin-black .sidebar-collapsed .nav-list .search-pan input,

.skin-black .sidebar-collapsed .nav-list > li > a > span        {background-color: #a21180;}    /* LI: Hover */

.skin-black .nav-list > li > a:focus,

.skin-black .nav-list > li > a:hover                            {background-color: #a21180!important;}

.skin-black #nav-horizontal.nav-xs > li .dropdown-menu,

.skin-black #nav-horizontal.nav-xs > li .dropdown-navbar > li:hover,

.skin-black .nav-list > li .submenu                             {background-color: #ef87b0!important;}    /* Submenu Background */

.skin-black #sidebar-collapse > [class*="fa-"],

.skin-black #nav-horizontal.nav-xs > li .dropdown-menu > li > a:focus,

.skin-black #nav-horizontal.nav-xs > li .dropdown-menu > li > a:hover,

.skin-black #nav-horizontal.nav-xs > li .dropdown-menu > li.active > a,

.skin-black #nav-horizontal.nav-xs > li .dropdown-navbar > li.active,

.skin-black .nav-list > li .submenu > li > ul > li > a:focus,

.skin-black .nav-list > li .submenu > li > ul > li > a:hover,

.skin-black .nav-list > li .submenu > li > ul > li.active > a,

.skin-black .nav-list > li .submenu > li > a:focus,

.skin-black .nav-list > li .submenu > li > a:hover,

.skin-black .nav-list > li .submenu > li.active > a             {background-color: #a21180;}    /* Submenu Hover */

.skin-black .nav-list > li.active > a:after                     {border-right-color: #a21180;}

.skin-black #main-content                                       {background: #d9d9d9;}          /* Content Background */

.skin-black .box > .box-title {

    background-color: #555;

    text-shadow: 0 1px 0 #444;

}







/***

- Responsive Sidebar

***/

@media (max-width: 979px) {

    #sidebar,

    #nav-horizontal.nav-xs,

    .navbar-blue #nav-horizontal.nav-xs,

    .skin-blue #nav-horizontal.nav-xs,

    .sidebar-blue #sidebar           {background-color: #4ca4ee;}

    .skin-red #sidebar,

    .navbar-red #nav-horizontal.nav-xs,

    .skin-red #nav-horizontal.nav-xs,

    .sidebar-red #sidebar            {background-color: #e85757;}

    .skin-green #sidebar,

    .navbar-green #nav-horizontal.nav-xs,

    .skin-green #nav-horizontal.nav-xs,

    .sidebar-green #sidebar          {background-color: #37ba63;}

    .skin-orange #sidebar,

    .navbar-orange #nav-horizontal.nav-xs,

    .skin-orange #nav-horizontal.nav-xs,

    .sidebar-orange #sidebar         {background-color: #f6a84c;}

    .skin-yellow #sidebar,

    .navbar-yellow #nav-horizontal.nav-xs,

    .skin-yellow #nav-horizontal.nav-xs,

    .sidebar-yellow #sidebar         {background-color: #f3d54e;}

    .skin-pink #sidebar,

    .navbar-pink #nav-horizontal.nav-xs,

    .skin-pink #nav-horizontal.nav-xs,

    .sidebar-pink #sidebar           {background-color: #f347a0;}

    .skin-magenta #sidebar,

    .navbar-magenta #nav-horizontal.nav-xs,

    .skin-magenta #nav-horizontal.nav-xs,

    .sidebar-magenta #sidebar        {background-color: #b275ef;}

    .skin-gray #sidebar,

    .navbar-gray #nav-horizontal.nav-xs,

    .skin-gray #nav-horizontal.nav-xs,

    .sidebar-gray #sidebar           {background-color: #959595;}

    .skin-black #sidebar,

    .navbar-black #nav-horizontal.nav-xs,

    .skin-black #nav-horizontal.nav-xs,

    .sidebar-black #sidebar          {background-color: #2b2f35;}

}







/***

- Static Navbar Style

***/

.navbar-blue.navbar                                  {  background: #58b1fc;}

.navbar-blue .flaty-nav > li > a > .badge            {border-color: #58b1fc;}

.navbar-blue .navbar-btn,

.navbar-blue .navbar-btn:hover,

.navbar-blue .navbar-btn:focus,

.navbar-blue .navbar-btn.collapsed:hover,

.navbar-blue .navbar-btn.collapsed:focus,

.navbar-blue .flaty-nav > li.open,

.navbar-blue .flaty-nav > li.active,

.navbar-blue .flaty-nav > li:hover,

.navbar-blue .dropdown-navbar > li.nav-header        {background-color: #4ca4ee;}

.navbar-blue .dropdown-navbar > li.nav-header:hover  {background-color: #4ca4ee!important;}

.navbar-blue .flaty-nav > li.open > a > .badge,

.navbar-blue .flaty-nav > li:hover > a > .badge      {    border-color: #4ca4ee;}

.navbar-blue #nav-horizontal.nav-xs > li > a         {background-color: #248dc1;}    /* Sidebar Background */

.navbar-blue #nav-horizontal.nav-xs > li > a:hover,

.navbar-blue #nav-horizontal.nav-xs > li > a:focus,

.navbar-blue #nav-horizontal.nav-xs > li.open > a,

.navbar-blue #nav-horizontal.nav-xs > li.active > a,

.navbar-blue #nav-horizontal.nav-xs > li.active > a:hover,

.navbar-blue #nav-horizontal.nav-xs > li.active > a:focus,

.navbar-blue #nav-horizontal.nav-xs > li.active > a:active                {background-color: #0e6390;}    /* LI: Hover */

.navbar-blue #nav-horizontal.nav-xs > li .dropdown-menu,

.navbar-blue #nav-horizontal.nav-xs > li .dropdown-navbar > li:hover      {background-color: #389bcf!important;}    /* Submenu Background */

.navbar-blue #nav-horizontal.nav-xs > li .dropdown-menu > li > a:focus,

.navbar-blue #nav-horizontal.nav-xs > li .dropdown-menu > li > a:hover,

.navbar-blue #nav-horizontal.nav-xs > li .dropdown-menu > li.active > a,

.navbar-blue #nav-horizontal.nav-xs > li .dropdown-navbar > li.active     {background-color: #3294c8;}    /* Submenu Hover */



.navbar-red.navbar                                  {  background: #ff6f6f;}

.navbar-red .flaty-nav > li > a > .badge            {border-color: #ff6f6f;}

.navbar-red .navbar-btn,

.navbar-red .navbar-btn:hover,

.navbar-red .navbar-btn:focus,

.navbar-red .navbar-btn.collapsed:hover,

.navbar-red .navbar-btn.collapsed:focus,

.navbar-red .flaty-nav > li.open,

.navbar-red .flaty-nav > li.active,

.navbar-red .flaty-nav > li:hover,

.navbar-red .dropdown-navbar > li.nav-header        {background-color: #e85757;}

.navbar-red .dropdown-navbar > li.nav-header:hover  {background-color: #e85757!important;}

.navbar-red .flaty-nav > li.open > a > .badge,

.navbar-red .flaty-nav > li:hover > a > .badge      {    border-color: #e85757;}

.navbar-red #nav-horizontal.nav-xs > li > a           {background-color: #d62643;}    /* Sidebar Background */

.navbar-red #nav-horizontal.nav-xs > li > a:hover,

.navbar-red #nav-horizontal.nav-xs > li > a:focus,

.navbar-red #nav-horizontal.nav-xs > li.open > a,

.navbar-red #nav-horizontal.nav-xs > li.active > a,

.navbar-red #nav-horizontal.nav-xs > li.active > a:hover,

.navbar-red #nav-horizontal.nav-xs > li.active > a:focus,

.navbar-red #nav-horizontal.nav-xs > li.active > a:active                {background-color: #b91b35;}    /* LI: Hover */

.navbar-red #nav-horizontal.nav-xs > li .dropdown-menu,

.navbar-red #nav-horizontal.nav-xs > li .dropdown-navbar > li:hover      {background-color: #d93953!important;}    /* Submenu Background */

.navbar-red #nav-horizontal.nav-xs > li .dropdown-menu > li > a:focus,

.navbar-red #nav-horizontal.nav-xs > li .dropdown-menu > li > a:hover,

.navbar-red #nav-horizontal.nav-xs > li .dropdown-menu > li.active > a,

.navbar-red #nav-horizontal.nav-xs > li .dropdown-navbar > li.active     {background-color: #cf364f;}    /* Submenu Hover */



.navbar-green.navbar                                  {  background: #47cf74;}

.navbar-green .flaty-nav > li > a > .badge            {border-color: #47cf74;}

.navbar-green .navbar-btn,

.navbar-green .navbar-btn:hover,

.navbar-green .navbar-btn:focus,

.navbar-green .navbar-btn.collapsed:hover,

.navbar-green .navbar-btn.collapsed:focus,

.navbar-green .flaty-nav > li.open,

.navbar-green .flaty-nav > li.active,

.navbar-green .flaty-nav > li:hover,

.navbar-green .dropdown-navbar > li.nav-header        {background-color: #37ba63;}

.navbar-green .dropdown-navbar > li.nav-header:hover  {background-color: #37ba63!important;}

.navbar-green .flaty-nav > li.open > a > .badge,

.navbar-green .flaty-nav > li:hover > a > .badge      {    border-color: #37ba63;}

.navbar-green #nav-horizontal.nav-xs > li > a         {background-color: #1aa849;}    /* Sidebar Background */

.navbar-green #nav-horizontal.nav-xs > li > a:hover,

.navbar-green #nav-horizontal.nav-xs > li > a:focus,

.navbar-green #nav-horizontal.nav-xs > li.open > a,

.navbar-green #nav-horizontal.nav-xs > li.active > a,

.navbar-green #nav-horizontal.nav-xs > li.active > a:hover,

.navbar-green #nav-horizontal.nav-xs > li.active > a:focus,

.navbar-green #nav-horizontal.nav-xs > li.active > a:active               {background-color: #0e8a37;}    /* LI: Hover */

.navbar-green #nav-horizontal.nav-xs > li .dropdown-menu,

.navbar-green #nav-horizontal.nav-xs > li .dropdown-navbar > li:hover     {background-color: #34ab5c!important;}    /* Submenu Background */

.navbar-green #nav-horizontal.nav-xs > li .dropdown-menu > li > a:focus,

.navbar-green #nav-horizontal.nav-xs > li .dropdown-menu > li > a:hover,

.navbar-green #nav-horizontal.nav-xs > li .dropdown-menu > li.active > a,

.navbar-green #nav-horizontal.nav-xs > li .dropdown-navbar > li.active    {background-color: #2f9e54;}    /* Submenu Hover */



.navbar-orange.navbar                                  {  background: #ef87b0;}

.navbar-orange .flaty-nav > li > a > .badge            {border-color: #ffaf51;}

.navbar-orange .navbar-btn,

.navbar-orange .navbar-btn:hover,

.navbar-orange .navbar-btn:focus,

.navbar-orange .navbar-btn.collapsed:hover,

.navbar-orange .navbar-btn.collapsed:focus,

.navbar-orange .flaty-nav > li.open,

.navbar-orange .flaty-nav > li.active,

.navbar-orange .flaty-nav > li:hover,

.navbar-orange .dropdown-navbar > li.nav-header        {background-color: #f6a84c;}

.navbar-orange .dropdown-navbar > li.nav-header:hover  {background-color: #f6a84c!important;}

.navbar-orange .flaty-nav > li.open > a > .badge,

.navbar-orange .flaty-nav > li:hover > a > .badge      {    border-color: #f6a84c;}

.navbar-orange #nav-horizontal.nav-xs > li > a         {background-color: #f79828;}    /* Sidebar Background */

.navbar-orange #nav-horizontal.nav-xs > li > a:hover,

.navbar-orange #nav-horizontal.nav-xs > li > a:focus,

.navbar-orange #nav-horizontal.nav-xs > li.open > a,

.navbar-orange #nav-horizontal.nav-xs > li.active > a,

.navbar-orange #nav-horizontal.nav-xs > li.active > a:hover,

.navbar-orange #nav-horizontal.nav-xs > li.active > a:focus,

.navbar-orange #nav-horizontal.nav-xs > li.active > a:active               {background-color: #e88005;}    /* LI: Hover */

.navbar-orange #nav-horizontal.nav-xs > li .dropdown-menu,

.navbar-orange #nav-horizontal.nav-xs > li .dropdown-navbar > li:hover     {background-color: #f7a443!important;}    /* Submenu Background */

.navbar-orange #nav-horizontal.nav-xs > li .dropdown-menu > li > a:focus,

.navbar-orange #nav-horizontal.nav-xs > li .dropdown-menu > li > a:hover,

.navbar-orange #nav-horizontal.nav-xs > li .dropdown-menu > li.active > a,

.navbar-orange #nav-horizontal.nav-xs > li .dropdown-navbar > li.active    {background-color: #f79e35;}    /* Submenu Hover */



.navbar-yellow.navbar                                  {  background: #f3d240;}

.navbar-yellow .flaty-nav > li > a > .badge            {border-color: #f3d240;}

.navbar-yellow .navbar-btn,

.navbar-yellow .navbar-btn:hover,

.navbar-yellow .navbar-btn:focus,

.navbar-yellow .navbar-btn.collapsed:hover,

.navbar-yellow .navbar-btn.collapsed:focus,

.navbar-yellow .flaty-nav > li.open,

.navbar-yellow .flaty-nav > li.active,

.navbar-yellow .flaty-nav > li:hover,

.navbar-yellow .dropdown-navbar > li.nav-header        {background-color: #ebcc42;}

.navbar-yellow .dropdown-navbar > li.nav-header:hover  {background-color: #ebcc42!important;}

.navbar-yellow .flaty-nav > li.open > a > .badge,

.navbar-yellow .flaty-nav > li:hover > a > .badge      {    border-color: #ebcc42;}

.navbar-yellow #nav-horizontal.nav-xs > li > a         {background-color: #f5c701;}    /* Sidebar Background */

.navbar-yellow #nav-horizontal.nav-xs > li > a:hover,

.navbar-yellow #nav-horizontal.nav-xs > li > a:focus,

.navbar-yellow #nav-horizontal.nav-xs > li.open > a,

.navbar-yellow #nav-horizontal.nav-xs > li.active > a,

.navbar-yellow #nav-horizontal.nav-xs > li.active > a:hover,

.navbar-yellow #nav-horizontal.nav-xs > li.active > a:focus,

.navbar-yellow #nav-horizontal.nav-xs > li.active > a:active               {background-color: #d5ad01;}    /* LI: Hover */

.navbar-yellow #nav-horizontal.nav-xs > li .dropdown-menu,

.navbar-yellow #nav-horizontal.nav-xs > li .dropdown-navbar > li:hover     {background-color: #fcd634!important;}    /* Submenu Background */

.navbar-yellow #nav-horizontal.nav-xs > li .dropdown-menu > li > a:focus,

.navbar-yellow #nav-horizontal.nav-xs > li .dropdown-menu > li > a:hover,

.navbar-yellow #nav-horizontal.nav-xs > li .dropdown-menu > li.active > a,

.navbar-yellow #nav-horizontal.nav-xs > li .dropdown-navbar > li.active    {background-color: #f7d029;}    /* Submenu Hover */



.navbar-pink.navbar                                  {  background: #f359a8;}

.navbar-pink .flaty-nav > li > a > .badge            {border-color: #f359a8;}

.navbar-pink .navbar-btn,

.navbar-pink .navbar-btn:hover,

.navbar-pink .navbar-btn:focus,

.navbar-pink .navbar-btn.collapsed:hover,

.navbar-pink .navbar-btn.collapsed:focus,

.navbar-pink .flaty-nav > li.open,

.navbar-pink .flaty-nav > li.active,

.navbar-pink .flaty-nav > li:hover,

.navbar-pink .dropdown-navbar > li.nav-header        {background-color: #f347a0;}

.navbar-pink .dropdown-navbar > li.nav-header:hover  {background-color: #f347a0!important;}

.navbar-pink .flaty-nav > li.open > a > .badge,

.navbar-pink .flaty-nav > li:hover > a > .badge      {    border-color: #f347a0;}

.navbar-pink #nav-horizontal.nav-xs > li > a         {background-color: #ea3994;}    /* Sidebar Background */

.navbar-pink #nav-horizontal.nav-xs > li > a:hover,

.navbar-pink #nav-horizontal.nav-xs > li > a:focus,

.navbar-pink #nav-horizontal.nav-xs > li.open > a,

.navbar-pink #nav-horizontal.nav-xs > li.active > a,

.navbar-pink #nav-horizontal.nav-xs > li.active > a:hover,

.navbar-pink #nav-horizontal.nav-xs > li.active > a:focus,

.navbar-pink #nav-horizontal.nav-xs > li.active > a:active               {background-color: #da2482;}    /* LI: Hover */

.navbar-pink #nav-horizontal.nav-xs > li .dropdown-menu,

.navbar-pink #nav-horizontal.nav-xs > li .dropdown-navbar > li:hover     {background-color: #ee439b!important;}    /* Submenu Background */

.navbar-pink #nav-horizontal.nav-xs > li .dropdown-menu > li > a:focus,

.navbar-pink #nav-horizontal.nav-xs > li .dropdown-menu > li > a:hover,

.navbar-pink #nav-horizontal.nav-xs > li .dropdown-menu > li.active > a,

.navbar-pink #nav-horizontal.nav-xs > li .dropdown-navbar > li.active    {background-color: #e94298;}    /* Submenu Hover */



.navbar-magenta.navbar                                  {  background: #c48aff;}

.navbar-magenta .flaty-nav > li > a > .badge            {border-color: #c48aff;}

.navbar-magenta .navbar-btn,

.navbar-magenta .navbar-btn:hover,

.navbar-magenta .navbar-btn:focus,

.navbar-magenta .navbar-btn.collapsed:hover,

.navbar-magenta .navbar-btn.collapsed:focus,

.navbar-magenta .flaty-nav > li.open,

.navbar-magenta .flaty-nav > li.active,

.navbar-magenta .flaty-nav > li:hover,

.navbar-magenta .dropdown-navbar > li.nav-header        {background-color: #b275ef;}

.navbar-magenta .dropdown-navbar > li.nav-header:hover  {background-color: #b275ef!important;}

.navbar-magenta .flaty-nav > li.open > a > .badge,

.navbar-magenta .flaty-nav > li:hover > a > .badge      {    border-color: #b275ef;}

.navbar-magenta #nav-horizontal.nav-xs > li > a         {background-color: #a858fa;}    /* Sidebar Background */

.navbar-magenta #nav-horizontal.nav-xs > li > a:hover,

.navbar-magenta #nav-horizontal.nav-xs > li > a:focus,

.navbar-magenta #nav-horizontal.nav-xs > li.open > a,

.navbar-magenta #nav-horizontal.nav-xs > li.active > a,

.navbar-magenta #nav-horizontal.nav-xs > li.active > a:hover,

.navbar-magenta #nav-horizontal.nav-xs > li.active > a:focus,

.navbar-magenta #nav-horizontal.nav-xs > li.active > a:active               {background-color: #8440c9;}    /* LI: Hover */

.navbar-magenta #nav-horizontal.nav-xs > li .dropdown-menu,

.navbar-magenta #nav-horizontal.nav-xs > li .dropdown-navbar > li:hover     {background-color: #b36ff8!important;}    /* Submenu Background */

.navbar-magenta #nav-horizontal.nav-xs > li .dropdown-menu > li > a:focus,

.navbar-magenta #nav-horizontal.nav-xs > li .dropdown-menu > li > a:hover,

.navbar-magenta #nav-horizontal.nav-xs > li .dropdown-menu > li.active > a,

.navbar-magenta #nav-horizontal.nav-xs > li .dropdown-navbar > li.active    {background-color: #ab61f6;}    /* Submenu Hover */



.navbar-gray.navbar                                  {  background: #ababab;}

.navbar-gray .flaty-nav > li > a > .badge            {border-color: #ababab;}

.navbar-gray .navbar-btn,

.navbar-gray .navbar-btn:hover,

.navbar-gray .navbar-btn:focus,

.navbar-gray .navbar-btn.collapsed:hover,

.navbar-gray .navbar-btn.collapsed:focus,

.navbar-gray .flaty-nav > li.open,

.navbar-gray .flaty-nav > li.active,

.navbar-gray .flaty-nav > li:hover,

.navbar-gray .dropdown-navbar > li.nav-header        {background-color: #959595;}

.navbar-gray .dropdown-navbar > li.nav-header:hover  {background-color: #959595!important;}

.navbar-gray .flaty-nav > li.open > a > .badge,

.navbar-gray .flaty-nav > li:hover > a > .badge      {    border-color: #959595;}

.navbar-gray #nav-horizontal.nav-xs > li > a         {background-color: #767676;}    /* Sidebar Background */

.navbar-gray #nav-horizontal.nav-xs > li > a:hover,

.navbar-gray #nav-horizontal.nav-xs > li > a:focus,

.navbar-gray #nav-horizontal.nav-xs > li.open > a,

.navbar-gray #nav-horizontal.nav-xs > li.active > a,

.navbar-gray #nav-horizontal.nav-xs > li.active > a:hover,

.navbar-gray #nav-horizontal.nav-xs > li.active > a:focus,

.navbar-gray #nav-horizontal.nav-xs > li.active > a:active               {background-color: #565656;}    /* LI: Hover */

.navbar-gray #nav-horizontal.nav-xs > li .dropdown-menu,

.navbar-gray #nav-horizontal.nav-xs > li .dropdown-navbar > li:hover     {background-color: #969696!important;}    /* Submenu Background */

.navbar-gray #nav-horizontal.nav-xs > li .dropdown-menu > li > a:focus,

.navbar-gray #nav-horizontal.nav-xs > li .dropdown-menu > li > a:hover,

.navbar-gray #nav-horizontal.nav-xs > li .dropdown-menu > li.active > a,

.navbar-gray #nav-horizontal.nav-xs > li .dropdown-navbar > li.active    {background-color: #868686;}    /* Submenu Hover */



.navbar-black.navbar                                  {  background: #373b41;}

.navbar-black .flaty-nav > li > a > .badge            {border-color: #373b41;}

.navbar-black .navbar-btn,

.navbar-black .navbar-btn:hover,

.navbar-black .navbar-btn:focus,

.navbar-black .navbar-btn.collapsed:hover,

.navbar-black .navbar-btn.collapsed:focus,

.navbar-black .flaty-nav > li.open,

.navbar-black .flaty-nav > li.active,

.navbar-black .flaty-nav > li:hover,

.navbar-black .dropdown-navbar > li.nav-header        {background-color: #2b2f35;}

.navbar-black .dropdown-navbar > li.nav-header:hover  {background-color: #2b2f35!important;}

.navbar-black .flaty-nav > li.open > a > .badge,

.navbar-black .flaty-nav > li:hover > a > .badge      {    border-color: #2b2f35;}

.navbar-black #nav-horizontal.nav-xs > li > a         {background-color: #17181b;}    /* Sidebar Background */

.navbar-black #nav-horizontal.nav-xs > li > a:hover,

.navbar-black #nav-horizontal.nav-xs > li > a:focus,

.navbar-black #nav-horizontal.nav-xs > li.open > a,

.navbar-black #nav-horizontal.nav-xs > li.active > a,

.navbar-black #nav-horizontal.nav-xs > li.active > a:hover,

.navbar-black #nav-horizontal.nav-xs > li.active > a:focus,

.navbar-black #nav-horizontal.nav-xs > li.active > a:active               {background-color: #000;}    /* LI: Hover */

.navbar-black #nav-horizontal.nav-xs > li .dropdown-menu,

.navbar-black #nav-horizontal.nav-xs > li .dropdown-navbar > li:hover     {background-color: #282b2f!important;}    /* Submenu Background */

.navbar-black #nav-horizontal.nav-xs > li .dropdown-menu > li > a:focus,

.navbar-black #nav-horizontal.nav-xs > li .dropdown-menu > li > a:hover,

.navbar-black #nav-horizontal.nav-xs > li .dropdown-menu > li.active > a,

.navbar-black #nav-horizontal.nav-xs > li .dropdown-navbar > li.active    {background-color: #1f2125;}    /* Submenu Hover */







/***

- Static Sidebar Style

***/

.sidebar-blue #sidebar:before,

.sidebar-blue .nav-list .search-form,

.sidebar-blue .nav-list .search-pan input,

.sidebar-blue .nav-list > li > a                                  {background-color: #248dc1;}    /* Sidebar Background */

.sidebar-blue .nav-list .search-form:hover,

.sidebar-blue .nav-list .search-form:hover .search-pan input,

.sidebar-blue .nav-list > li.open > a,

.sidebar-blue .nav-list > li.active > a,

.sidebar-blue .nav-list > li.active > a:hover,

.sidebar-blue .nav-list > li.active > a:focus,

.sidebar-blue .nav-list > li.active > a:active,

.sidebar-blue #sidebar-collapse > [class*="fa-"]:hover,

.sidebar-blue .sidebar-collapsed .nav-list > li:hover > a,

.sidebar-blue .sidebar-collapsed .nav-list .search-pan input,

.sidebar-blue .sidebar-collapsed .nav-list > li > a > span        {background-color: #0e6390;}    /* LI: Hover */

.sidebar-blue .nav-list > li > a:focus,

.sidebar-blue .nav-list > li > a:hover                            {background-color: #0e6390!important;}

.sidebar-blue .nav-list > li .submenu                             {background-color: #389bcf!important;}    /* Submenu Background */

.sidebar-blue #sidebar-collapse > [class*="fa-"],

.sidebar-blue .nav-list > li .submenu > li > ul > li > a:focus,

.sidebar-blue .nav-list > li .submenu > li > ul > li > a:hover,

.sidebar-blue .nav-list > li .submenu > li > ul > li.active > a,

.sidebar-blue .nav-list > li .submenu > li > a:focus,

.sidebar-blue .nav-list > li .submenu > li > a:hover,

.sidebar-blue .nav-list > li .submenu > li.active > a             {background-color: #3294c8;}    /* Submenu Hover */

.sidebar-blue .nav-list > li.active > a:after                     {border-right-color: #e9f0f9;}

.sidebar-blue #main-content                                       {background: #e9f0f9;}          /* Content Background */



.sidebar-red #sidebar:before,

.sidebar-red .nav-list .search-form,

.sidebar-red .nav-list .search-pan input,

.sidebar-red .nav-list > li > a                                  {background-color: #d62643;}    /* Sidebar Background */

.sidebar-red .nav-list .search-form:hover,

.sidebar-red .nav-list .search-form:hover .search-pan input,

.sidebar-red .nav-list > li.open > a,

.sidebar-red .nav-list > li.active > a,

.sidebar-red .nav-list > li.active > a:hover,

.sidebar-red .nav-list > li.active > a:focus,

.sidebar-red .nav-list > li.active > a:active,

.sidebar-red #sidebar-collapse > [class*="fa-"]:hover,

.sidebar-red .sidebar-collapsed .nav-list > li:hover > a,

.sidebar-red .sidebar-collapsed .nav-list .search-pan input,

.sidebar-red .sidebar-collapsed .nav-list > li > a > span        {background-color: #b91b35;}    /* LI: Hover */

.sidebar-red .nav-list > li > a:focus,

.sidebar-red .nav-list > li > a:hover                            {background-color: #b91b35!important;}

.sidebar-red .nav-list > li .submenu                             {background-color: #d93953!important;}    /* Submenu Background */

.sidebar-red #sidebar-collapse > [class*="fa-"],

.sidebar-red .nav-list > li .submenu > li > ul > li > a:focus,

.sidebar-red .nav-list > li .submenu > li > ul > li > a:hover,

.sidebar-red .nav-list > li .submenu > li > ul > li.active > a,

.sidebar-red .nav-list > li .submenu > li > a:focus,

.sidebar-red .nav-list > li .submenu > li > a:hover,

.sidebar-red .nav-list > li .submenu > li.active > a             {background-color: #cf364f;}    /* Submenu Hover */

.sidebar-red .nav-list > li.active > a:after                     {border-right-color: #fbeaed;}

.sidebar-red #main-content                                       {background: #fbeaed;}          /* Content Background */



.sidebar-green #sidebar:before,

.sidebar-green .nav-list .search-form,

.sidebar-green .nav-list .search-pan input,

.sidebar-green .nav-list > li > a                                  {background-color: #1aa849;}    /* Sidebar Background */

.sidebar-green .nav-list .search-form:hover,

.sidebar-green .nav-list .search-form:hover .search-pan input,

.sidebar-green .nav-list > li.open > a,

.sidebar-green .nav-list > li.active > a,

.sidebar-green .nav-list > li.active > a:hover,

.sidebar-green .nav-list > li.active > a:focus,

.sidebar-green .nav-list > li.active > a:active,

.sidebar-green #sidebar-collapse > [class*="fa-"]:hover,

.sidebar-green .sidebar-collapsed .nav-list > li:hover > a,

.sidebar-green .sidebar-collapsed .nav-list .search-pan input,

.sidebar-green .sidebar-collapsed .nav-list > li > a > span        {background-color: #0e8a37;}    /* LI: Hover */

.sidebar-green .nav-list > li > a:focus,

.sidebar-green .nav-list > li > a:hover                            {background-color: #0e8a37!important;}

.sidebar-green .nav-list > li .submenu                             {background-color: #34ab5c!important;}    /* Submenu Background */

.sidebar-green #sidebar-collapse > [class*="fa-"],

.sidebar-green .nav-list > li .submenu > li > ul > li > a:focus,

.sidebar-green .nav-list > li .submenu > li > ul > li > a:hover,

.sidebar-green .nav-list > li .submenu > li > ul > li.active > a,

.sidebar-green .nav-list > li .submenu > li > a:focus,

.sidebar-green .nav-list > li .submenu > li > a:hover,

.sidebar-green .nav-list > li .submenu > li.active > a             {background-color: #2f9e54;}    /* Submenu Hover */

.sidebar-green .nav-list > li.active > a:after                     {border-right-color: #e9f7ee;}

.sidebar-green #main-content                                       {background: #e9f7ee;}          /* Content Background */



.sidebar-orange #sidebar:before,

.sidebar-orange .nav-list .search-form,

.sidebar-orange .nav-list .search-pan input,

.sidebar-orange .nav-list > li > a                                  {background-color: #f79828;}    /* Sidebar Background */

.sidebar-orange .nav-list .search-form:hover,

.sidebar-orange .nav-list .search-form:hover .search-pan input,

.sidebar-orange .nav-list > li.open > a,

.sidebar-orange .nav-list > li.active > a,

.sidebar-orange .nav-list > li.active > a:hover,

.sidebar-orange .nav-list > li.active > a:focus,

.sidebar-orange .nav-list > li.active > a:active,

.sidebar-orange #sidebar-collapse > [class*="fa-"]:hover,

.sidebar-orange .sidebar-collapsed .nav-list > li:hover > a,

.sidebar-orange .sidebar-collapsed .nav-list .search-pan input,

.sidebar-orange .sidebar-collapsed .nav-list > li > a > span        {background-color: #e88005;}    /* LI: Hover */

.sidebar-orange .nav-list > li > a:focus,

.sidebar-orange .nav-list > li > a:hover                            {background-color: #e88005!important;}

.sidebar-orange .nav-list > li .submenu                             {background-color: #f7a443!important;}    /* Submenu Background */

.sidebar-orange #sidebar-collapse > [class*="fa-"],

.sidebar-orange .nav-list > li .submenu > li > ul > li > a:focus,

.sidebar-orange .nav-list > li .submenu > li > ul > li > a:hover,

.sidebar-orange .nav-list > li .submenu > li > ul > li.active > a,

.sidebar-orange .nav-list > li .submenu > li > a:focus,

.sidebar-orange .nav-list > li .submenu > li > a:hover,

.sidebar-orange .nav-list > li .submenu > li.active > a             {background-color: #f79e35;}    /* Submenu Hover */

.sidebar-orange .nav-list > li.active > a:after                     {border-right-color: #f7ece0;}

.sidebar-orange #main-content                                       {background: #f7ece0;}          /* Content Background */



.sidebar-yellow #sidebar:before,

.sidebar-yellow .nav-list .search-form,

.sidebar-yellow .nav-list .search-pan input,

.sidebar-yellow .nav-list > li > a                                  {background-color: #f5c701;}    /* Sidebar Background */

.sidebar-yellow .nav-list .search-form:hover,

.sidebar-yellow .nav-list .search-form:hover .search-pan input,

.sidebar-yellow .nav-list > li.open > a,

.sidebar-yellow .nav-list > li.active > a,

.sidebar-yellow .nav-list > li.active > a:hover,

.sidebar-yellow .nav-list > li.active > a:focus,

.sidebar-yellow .nav-list > li.active > a:active,

.sidebar-yellow #sidebar-collapse > [class*="fa-"]:hover,

.sidebar-yellow .sidebar-collapsed .nav-list > li:hover > a,

.sidebar-yellow .sidebar-collapsed .nav-list .search-pan input,

.sidebar-yellow .sidebar-collapsed .nav-list > li > a > span        {background-color: #d5ad01;}    /* LI: Hover */

.sidebar-yellow .nav-list > li > a:focus,

.sidebar-yellow .nav-list > li > a:hover                            {background-color: #d5ad01!important;}

.sidebar-yellow .nav-list > li .submenu                             {background-color: #fcd634!important;}    /* Submenu Background */

.sidebar-yellow #sidebar-collapse > [class*="fa-"],

.sidebar-yellow .nav-list > li .submenu > li > ul > li > a:focus,

.sidebar-yellow .nav-list > li .submenu > li > ul > li > a:hover,

.sidebar-yellow .nav-list > li .submenu > li > ul > li.active > a,

.sidebar-yellow .nav-list > li .submenu > li > a:focus,

.sidebar-yellow .nav-list > li .submenu > li > a:hover,

.sidebar-yellow .nav-list > li .submenu > li.active > a             {background-color: #f7d029;}    /* Submenu Hover */

.sidebar-yellow .nav-list > li.active > a:after                     {border-right-color: #f2ecd2;}

.sidebar-yellow #main-content                                       {background: #f2ecd2;}          /* Content Background */



.sidebar-pink #sidebar:before,

.sidebar-pink .nav-list .search-form,

.sidebar-pink .nav-list .search-pan input,

.sidebar-pink .nav-list > li > a                                  {background-color: #ea3994;}    /* Sidebar Background */

.sidebar-pink .nav-list .search-form:hover,

.sidebar-pink .nav-list .search-form:hover .search-pan input,

.sidebar-pink .nav-list > li.open > a,

.sidebar-pink .nav-list > li.active > a,

.sidebar-pink .nav-list > li.active > a:hover,

.sidebar-pink .nav-list > li.active > a:focus,

.sidebar-pink .nav-list > li.active > a:active,

.sidebar-pink #sidebar-collapse > [class*="fa-"]:hover,

.sidebar-pink .sidebar-collapsed .nav-list > li:hover > a,

.sidebar-pink .sidebar-collapsed .nav-list .search-pan input,

.sidebar-pink .sidebar-collapsed .nav-list > li > a > span        {background-color: #da2482;}    /* LI: Hover */

.sidebar-pink .nav-list > li > a:focus,

.sidebar-pink .nav-list > li > a:hover                            {background-color: #da2482!important;}

.sidebar-pink .nav-list > li .submenu                             {background-color: #ee439b!important;}    /* Submenu Background */

.sidebar-pink .nav-list > li .submenu > li > a:focus,

.sidebar-pink #sidebar-collapse > [class*="fa-"],

.sidebar-pink .nav-list > li .submenu > li > ul > li > a:focus,

.sidebar-pink .nav-list > li .submenu > li > ul > li > a:hover,

.sidebar-pink .nav-list > li .submenu > li > ul > li.active > a,

.sidebar-pink .nav-list > li .submenu > li > a:hover,

.sidebar-pink .nav-list > li .submenu > li.active > a             {background-color: #e94298;}    /* Submenu Hover */

.sidebar-pink .nav-list > li.active > a:after                     {border-right-color: #f9e7f0;}

.sidebar-pink #main-content                                       {background: #f9e7f0;}          /* Content Background */



.sidebar-magenta #sidebar:before,

.sidebar-magenta .nav-list .search-form,

.sidebar-magenta .nav-list .search-pan input,

.sidebar-magenta .nav-list > li > a                                  {background-color: #a858fa;}    /* Sidebar Background */

.sidebar-magenta .nav-list .search-form:hover,

.sidebar-magenta .nav-list .search-form:hover .search-pan input,

.sidebar-magenta .nav-list > li.open > a,

.sidebar-magenta .nav-list > li.active > a,

.sidebar-magenta .nav-list > li.active > a:hover,

.sidebar-magenta .nav-list > li.active > a:focus,

.sidebar-magenta .nav-list > li.active > a:active,

.sidebar-magenta #sidebar-collapse > [class*="fa-"]:hover,

.sidebar-magenta .sidebar-collapsed .nav-list > li:hover > a,

.sidebar-magenta .sidebar-collapsed .nav-list .search-pan input,

.sidebar-magenta .sidebar-collapsed .nav-list > li > a > span        {background-color: #8440c9;}    /* LI: Hover */

.sidebar-magenta .nav-list > li > a:focus,

.sidebar-magenta .nav-list > li > a:hover                            {background-color: #8440c9!important;}

.sidebar-magenta .nav-list > li .submenu                             {background-color: #b36ff8!important;}    /* Submenu Background */

.sidebar-magenta #sidebar-collapse > [class*="fa-"],

.sidebar-magenta .nav-list > li .submenu > li > ul > li > a:focus,

.sidebar-magenta .nav-list > li .submenu > li > ul > li > a:hover,

.sidebar-magenta .nav-list > li .submenu > li > ul > li.active > a,

.sidebar-magenta .nav-list > li .submenu > li > a:focus,

.sidebar-magenta .nav-list > li .submenu > li > a:hover,

.sidebar-magenta .nav-list > li .submenu > li.active > a             {background-color: #ab61f6;}    /* Submenu Hover */

.sidebar-magenta .nav-list > li.active > a:after                     {border-right-color: #efe1fe;}

.sidebar-magenta #main-content                                       {background: #efe1fe;}          /* Content Background */



.sidebar-gray #sidebar:before,

.sidebar-gray .nav-list .search-form,

.sidebar-gray .nav-list .search-pan input,

.sidebar-gray .nav-list > li > a                                  {background-color: #767676;}    /* Sidebar Background */

.sidebar-gray .nav-list .search-form:hover,

.sidebar-gray .nav-list .search-form:hover .search-pan input,

.sidebar-gray .nav-list > li.open > a,

.sidebar-gray .nav-list > li.active > a,

.sidebar-gray .nav-list > li.active > a:hover,

.sidebar-gray .nav-list > li.active > a:focus,

.sidebar-gray .nav-list > li.active > a:active,

.sidebar-gray #sidebar-collapse > [class*="fa-"]:hover,

.sidebar-gray .sidebar-collapsed .nav-list > li:hover > a,

.sidebar-gray .sidebar-collapsed .nav-list .search-pan input,

.sidebar-gray .sidebar-collapsed .nav-list > li > a > span        {background-color: #565656;}    /* LI: Hover */

.sidebar-gray .nav-list > li > a:focus,

.sidebar-gray .nav-list > li > a:hover                            {background-color: #565656!important;}

.sidebar-gray .nav-list > li .submenu                             {background-color: #969696!important;}    /* Submenu Background */

.sidebar-gray #sidebar-collapse > [class*="fa-"],

.sidebar-gray .nav-list > li .submenu > li > ul > li > a:focus,

.sidebar-gray .nav-list > li .submenu > li > ul > li > a:hover,

.sidebar-gray .nav-list > li .submenu > li > ul > li.active > a,

.sidebar-gray .nav-list > li .submenu > li > a:focus,

.sidebar-gray .nav-list > li .submenu > li > a:hover,

.sidebar-gray .nav-list > li .submenu > li.active > a             {background-color: #868686;}    /* Submenu Hover */

.sidebar-gray .nav-list > li.active > a:after                     {border-right-color: #e6e6e6;}

.sidebar-gray #main-content                                       {background: #e6e6e6;}          /* Content Background */



.sidebar-black #sidebar:before,

.sidebar-black .nav-list .search-form,

.sidebar-black .nav-list .search-pan input,

.sidebar-black .nav-list > li > a                                  {background-color: #17181b;}    /* Sidebar Background */

.sidebar-black .nav-list .search-form:hover,

.sidebar-black .nav-list .search-form:hover .search-pan input,

.sidebar-black .nav-list > li.open > a,

.sidebar-black .nav-list > li.active > a,

.sidebar-black .nav-list > li.active > a:hover,

.sidebar-black .nav-list > li.active > a:focus,

.sidebar-black .nav-list > li.active > a:active,

.sidebar-black #sidebar-collapse > [class*="fa-"]:hover,

.sidebar-black .sidebar-collapsed .nav-list > li:hover > a,

.sidebar-black .sidebar-collapsed .nav-list .search-pan input,

.sidebar-black .sidebar-collapsed .nav-list > li > a > span        {background-color: #000;}    /* LI: Hover */

.sidebar-black .nav-list > li > a:focus,

.sidebar-black .nav-list > li > a:hover                            {background-color: #000!important;}

.sidebar-black .nav-list > li .submenu                             {background-color: #282b2f!important;}    /* Submenu Background */

.sidebar-black #sidebar-collapse > [class*="fa-"],

.sidebar-black .nav-list > li .submenu > li > ul > li > a:focus,

.sidebar-black .nav-list > li .submenu > li > ul > li > a:hover,

.sidebar-black .nav-list > li .submenu > li > ul > li.active > a,

.sidebar-black .nav-list > li .submenu > li > a:focus,

.sidebar-black .nav-list > li .submenu > li > a:hover,

.sidebar-black .nav-list > li .submenu > li.active > a             {background-color: #1f2125;}    /* Submenu Hover */

.sidebar-black .nav-list > li.active > a:after                     {border-right-color: #d9d9d9;}

.sidebar-black #main-content                                       {background: #d9d9d9;}          /* Content Background */





/***

- Static Box Styles

***/

.box.box-blue > .box-title {

    background-color: #b6d1f2;

    text-shadow: 0 1px 0 #aecef4;

}

.box.box-red > .box-title {

    background-color: #f7a1a1;

    text-shadow: 0 1px 0 #f2abab;

}

.box.box-orange > .box-title {

    background-color: #f8cd92;

    text-shadow: 0 1px 0 #f0cd9d;

}

.box.box-green > .box-title {

    background-color: #ade8a1;

    text-shadow: 0 1px 0 #b6e1ad;

}

.box.box-yellow > .box-title {

    background-color: #f4f190;

    text-shadow: 0 1px 0 #edea95;

}

.box.box-pink > .box-title {

    background-color: #f49ed8;

    text-shadow: 0 1px 0 #f0a8d9;

}

.box.box-magenta > .box-title {

    background-color: #e1a1ef;

    text-shadow: 0 1px 0 #d7a4e2;

}

.box.box-gray > .box-title {

    background-color: #bbb;

    text-shadow: 0 1px 0 #aaa;

}

.box.box-black > .box-title {

    background-color: #a21180;

    text-shadow: 0 1px 0 #444;

}



/* ========================================================

   For Demonestration

======================================================== */

.grid-demo {

    margin-top: 15px;

    margin-left: 0;

    margin-right: 0;

}

.grid-demo > div {

    background-color: #fff;

    line-height: 29px;

    text-align: center;

    opacity: 0.8;

    border: 1px solid #ddd;

}

.grid-demo > div:hover {

    opacity: 1;

}

.tabbable {

    margin-top: 20px;

}

.demo-icon > div > a {

    padding-left: 25px;

    color: #333;

    cursor: text;

    line-height: 25px;

}

.demo-icon > div > a:hover {

    text-decoration: none;

}

.demo-icon > div > a > i {

    display: inline-block;

    width: 20px;

    text-align: left;

    cursor: default;

    font-size: 16px;

}

.demo-icon > div > a:hover > i {

    font-size: 18px;

}



.demo-glyphicons {

  padding-left: 0;

  padding-bottom: 1px;

  margin-bottom: 20px;

  list-style: none;

  overflow: hidden;

}

.demo-glyphicons li {

  float: left;

  width: 25%;

  height: 115px;

  padding: 10px;

  margin: 0 -1px -1px 0;

  font-size: 12px;

  line-height: 1.4;

  text-align: center;

  border: 1px solid #ddd;

}

.demo-glyphicons .glyphicon {

  display: block;

  margin: 5px auto 10px;

  font-size: 24px;

}

.demo-glyphicons li:hover {

  background-color: rgba(86,61,124,.1);

}
.midtebox{ padding:35px 0 15px 0; text-align:center}
.appointment-one__form-btn1 {
    margin-right: 10px;
    border: none;
    outline: none !important;
    background-color: transparent;
    border-radius: 3px;
    background-color: #532282;
    color: #FFFFFF !important;
    font-size: 16px;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    cursor: pointer;
    padding: 10px 20px;
    margin-top: 10px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}.appointment-one__form-btn {
    border: none;
    outline: none !important;
    background-color: transparent;
    border-radius: 3px;
    background-color: #ef87b0;
    color: #FFFFFF !important;
    font-size: 16px;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    cursor: pointer;
    padding: 10px 20px;
    margin-top: 10px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.appointment-one__form-btn1:hover{ background:#a21180}
.appointment-one__form-btn:hover{ background:#a21180}


@media (min-width: 768px) {

  .demo-glyphicons li {

    width: 12.5%;

  }

}
 
@media (max-width: 480px) { .midtebox a{ display:block;}

    .btn {

        margin-top: 2px;

        margin-bottom: 2px;

    }

    .input-group .btn {

        margin-top: 0;

        margin-bottom: 0;

    }

}