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

@import url(//fonts.googleapis.com/css?family=Kaushan+Script);

/*! 

 *   AdminLTE v1.2

 *   Author: AlmsaeedStudio.com

 *   License: Open source - MIT

 *           Please visit http://opensource.org/licenses/MIT for more information

!*/

/*

    Core: General style

----------------------------

*/

html,

body {

  overflow-x: hidden!important;

  font-family: 'Source Sans Pro', sans-serif;

  -webkit-font-smoothing: antialiased;

  min-height: 100%;

  background: #f9f9f9;

}

a {

  color: grey;

}

a:hover,

a:active,

a:focus {

  outline: none;

  text-decoration: none;

  color: grey;

}

/* Layouts */

.wrapper {

  min-height: 100%;

}

.wrapper:before,

.wrapper:after {

  display: table;

  content: " ";

}

.wrapper:after {

  clear: both;

}

/* Header */

body > .header {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  z-index: 1030;

}

/* Define 2 column template */

.right-side,

.left-side {

  min-height: 100%;

  display: block;

}

/*right side - contins main content*/

.right-side {

  background-color: #f9f9f9;

  margin-left: 225px;

}

/*left side - contains sidebar*/

.left-side {

  position: absolute;

  width: 225px;

  top: 0;

}

@media screen and (min-width: 992px) {

  .left-side {

    top: 50px;

  }

  /*Right side strech mode*/

  .right-side.strech {

    margin-left: 0;

  }

  .right-side.strech > .content-header {

    margin-top: 0px;

  }

  /* Left side collapse */

  .left-side.collapse-left {

    left: -220px;

  }

}

/*Give content full width on xs screens*/

@media screen and (max-width: 992px) {

  .right-side {

    margin-left: 0;

  }

}

/*

    By default the layout is not fixed but if you add the class .fixed to the body element

    the sidebar and the navbar will automatically become poisitioned fixed

*/

body.fixed > .header,

body.fixed .left-side,

body.fixed .navbar {

  position: fixed;

}

body.fixed > .header {

  top: 0;

  right: 0;

  left: 0;

}

body.fixed .navbar {

  left: 0;

  right: 0;

}

body.fixed .wrapper {

  margin-top: 50px;

}

/* Content */

.content {

  padding: 20px 15px;

  background: #f9f9f9;

  overflow: auto;

}

/* Utility */

/* H1 - H6 font */

h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

  font-family: 'Source Sans Pro', sans-serif;

}

/* Page Header */

.page-header {

  margin: 10px 0 20px 0;

  font-size: 22px;

}

.page-header > small {

  color: #666;

  display: block;

  margin-top: 5px;

}

/* All images should be responsive */

img {

  max-width: 100% !important;

}

.sort-highlight {

  background: #f4f4f4;

  border: 1px dashed #ddd;

  margin-bottom: 10px;

}

/* 10px padding and margins */

.pad {

  padding: 10px;

}

.margin {

  margin: 10px;

}

/* Display inline */

.inline {

  display: inline;

  width: auto;

}

/* Background colors */

.bg-red,

.bg-yellow,

.bg-aqua,

.bg-blue,

.bg-light-blue,

.bg-green,

.bg-navy,

.bg-teal,

.bg-olive,

.bg-lime,

.bg-orange,

.bg-fuchsia,

.bg-purple,

.bg-maroon,

.bg-black {

  color: #f9f9f9 !important;

}

.bg-gray {

  background-color: #eaeaec !important;

}

.bg-black {

  background-color: #FFF !important;

}

.bg-red {

  background-color: #f56954 !important;

}

.bg-yellow {

  background-color: #f39c12 !important;

}

.bg-aqua {

  background-color: #00c0ef !important;

}

.bg-blue {

  background-color: #0073b7 !important;

}

.bg-light-blue {

  background-color: grey !important;

}

.bg-green {

  background-color: #00a65a !important;

}

.bg-navy {

  background-color: #001f3f !important;

}

.bg-teal {

  background-color: #39cccc !important;

}

.bg-olive {

  background-color: #3d9970 !important;

}

.bg-lime {

  background-color: #01ff70 !important;

}

.bg-orange {

  background-color: #ff851b !important;

}

.bg-fuchsia {

  background-color: #f012be !important;

}

.bg-purple {

  background-color: #932ab6 !important;

}

.bg-maroon {

  background-color: #85144b !important;

}

/* Text colors */

.text-red {

  color: #f56954 !important;

}

.text-yellow {

  color: #f39c12 !important;

}

.text-aqua {

  color: #00c0ef !important;

}

.text-blue {

  color: #0073b7 !important;

}

.text-black {

  color: #222222 !important;

}

.text-light-blue {

  color: #3c8dbc !important;

}

.text-green {

  color: #00a65a !important;

}

.text-navy {

  color: #001f3f !important;

}

.text-teal {

  color: #39cccc !important;

}

.text-olive {

  color: #3d9970 !important;

}

.text-lime {

  color: #01ff70 !important;

}

.text-orange {

  color: #ff851b !important;

}

.text-fuchsia {

  color: #f012be !important;

}

.text-purple {

  color: #932ab6 !important;

}

.text-maroon {

  color: #85144b !important;

}

/*Hide elements by display none only*/

.hide {

  display: none !important;

}

/* Remove borders */

.no-border {

  border: 0px !important;

}

/* Remove padding */

.no-padding {

  padding: 0px !important;

}

/* Remove margins */

.no-margin {

  margin: 0px !important;

}

/* Remove box shadow */

.no-shadow {

  box-shadow: none!important;

}

/* Don't display when printing */

@media print {

  .no-print {

    display: none;

  }

  .left-side,

  .header,

  .content-header {

    display: none;

  }

  .right-side {

    margin: 0;

  }

}

/* Remove border radius */

.flat {

  -webkit-border-radius: 0 !important;

  -moz-border-radius: 0 !important;

  border-radius: 0 !important;

}

/* Change the color of the striped tables */

.table-striped > tbody > tr:nth-child(odd) > td,

.table-striped > tbody > tr:nth-child(odd) > th {

  background-color: #f3f4f5;

}

.table.no-border,

.table.no-border td,

.table.no-border th {

  border: 0;

}

/* .text-center in tables */

table.text-center,

table.text-center td,

table.text-center th {

  text-align: center;

}

.table.align th {

  text-align: left;

}

.table.align td {

  text-align: right;

}

.text-bold,

.text-bold.table td,

.text-bold.table th {

  font-weight: 700;

}

.border-radius-none {

  -webkit-border-radius: 0 !important;

  -moz-border-radius: 0 !important;

  border-radius: 0 !important;

}

/* _fix for sparkline tooltip */

.jqstooltip {

  padding: 5px!important;

  width: auto!important;

  height: auto!important;

}

/*

Gradient Background colors

*/

.bg-teal-gradient {

  background: #39cccc !important;

  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;

  background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;

  background: -moz-linear-gradient(center bottom, #39cccc 0%, #7adddd 100%) !important;

  background: -o-linear-gradient(#7adddd, #39cccc) !important;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;

  color: #fff;

}

.bg-light-blue-gradient {

  background: #3c8dbc !important;

  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;

  background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;

  background: -moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important;

  background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;

  color: #fff;

}

.bg-blue-gradient {

  background: #0073b7 !important;

  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;

  background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;

  background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important;

  background: -o-linear-gradient(#0089db, #0073b7) !important;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;

  color: #fff;

}

.bg-aqua-gradient {

  background: #00c0ef !important;

  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;

  background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;

  background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important;

  background: -o-linear-gradient(#14d1ff, #00c0ef) !important;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;

  color: #fff;

}

.bg-yellow-gradient {

  background: #f39c12 !important;

  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;

  background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;

  background: -moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important;

  background: -o-linear-gradient(#f7bc60, #f39c12) !important;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;

  color: #fff;

}

.bg-purple-gradient {

  background: #932ab6 !important;

  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #932ab6), color-stop(1, #b959d9)) !important;

  background: -ms-linear-gradient(bottom, #932ab6, #b959d9) !important;

  background: -moz-linear-gradient(center bottom, #932ab6 0%, #b959d9 100%) !important;

  background: -o-linear-gradient(#b959d9, #932ab6) !important;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b959d9', endColorstr='#932ab6', GradientType=0) !important;

  color: #fff;

}

.bg-green-gradient {

  background: #00a65a !important;

  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;

  background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;

  background: -moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important;

  background: -o-linear-gradient(#00ca6d, #00a65a) !important;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;

  color: #fff;

}

.bg-red-gradient {

  background: #f56954 !important;

  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f56954), color-stop(1, #f89384)) !important;

  background: -ms-linear-gradient(bottom, #f56954, #f89384) !important;

  background: -moz-linear-gradient(center bottom, #f56954 0%, #f89384 100%) !important;

  background: -o-linear-gradient(#f89384, #f56954) !important;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f89384', endColorstr='#f56954', GradientType=0) !important;

  color: #fff;

}

.bg-black-gradient {

  background: #222222 !important;

  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #222222), color-stop(1, #3c3c3c)) !important;

  background: -ms-linear-gradient(bottom, #222222, #3c3c3c) !important;

  background: -moz-linear-gradient(center bottom, #222222 0%, #3c3c3c 100%) !important;

  background: -o-linear-gradient(#3c3c3c, #222222) !important;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#222222', GradientType=0) !important;

  color: #fff;

}

.bg-maroon-gradient {

  background: #85144b !important;

  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #85144b), color-stop(1, #b11b64)) !important;

  background: -ms-linear-gradient(bottom, #85144b, #b11b64) !important;

  background: -moz-linear-gradient(center bottom, #85144b 0%, #b11b64 100%) !important;

  background: -o-linear-gradient(#b11b64, #85144b) !important;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b11b64', endColorstr='#85144b', GradientType=0) !important;

  color: #fff;

}

.connectedSortable {

  min-height: 100px;

}

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

    LESS Elements 0.9

  ---------------------------------------------------

    A set of useful LESS mixins

    More info at: http://lesselements.com

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

/*

    Components: navbar, logo and content header

-------------------------------------------------

*/

body > .header {

  position: relative;

  max-height: 100px;

  z-index: 1030;

}

body > .header .navbar {

  height: 50px;

  margin-bottom: 0;

  margin-left: 225px;

}

body > .header .navbar .sidebar-toggle {

  float: left;

  padding: 9px 5px;

  margin-top: 8px;

  margin-right: 0;

  margin-bottom: 8px;

  margin-left: 5px;

  background-color: transparent;

  background-image: none;

  border: 1px solid transparent;

  -webkit-border-radius: 0 !important;

  -moz-border-radius: 0 !important;

  border-radius: 0 !important;

}

body > .header .navbar .sidebar-toggle:hover .icon-bar {

  background: #f6f6f6;

}

body > .header .navbar .sidebar-toggle .icon-bar {

  display: block;

  width: 22px;

  height: 2px;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

}

body > .header .navbar .sidebar-toggle .icon-bar + .icon-bar {

  margin-top: 4px;

}

body > .header .navbar .nav > li.user > a {

  font-weight: bold;

}

body > .header .navbar .nav > li.user > a > .fa,

body > .header .navbar .nav > li.user > a > .glyphicon,

body > .header .navbar .nav > li.user > a > .ion {

  margin-right: 5px;

}

body > .header .navbar .nav > li > a > .label {

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  position: absolute;

  top: 7px;

  right: 2px;

  font-size: 10px;

  font-weight: normal;

  width: 15px;

  height: 15px;

  line-height: 1.0em;

  text-align: center;

  padding: 2px;

}

body > .header .navbar .nav > li > a:hover > .label {

  top: 3px;

}

body > .header .logo {

  float: left;

  font-size: 20px;

  line-height: 50px;

  text-align: center;

  padding: 0 10px;

  width: 225px;

  font-family: 'Kaushan Script', cursive;

  font-weight: 500;

  height: 50px;

  display: block;

}

body > .header .logo .icon {

  margin-right: 10px;

}

.right-side > .content-header {

  position: relative;

  padding: 15px 15px 10px 20px;

}

.right-side > .content-header > h1 {

  margin: 0;

  font-size: 24px;

}

.right-side > .content-header > h1 > small {

  font-size: 15px;

  display: inline-block;

  padding-left: 4px;

  font-weight: 300;

}

.right-side > .content-header > .breadcrumb {

  float: right;

  background: transparent;

  margin-top: 0px;

  margin-bottom: 0;

  font-size: 12px;

  padding: 7px 5px;

  position: absolute;

  top: 15px;

  right: 10px;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

}

.right-side > .content-header > .breadcrumb > li > a {

  color: #444;

  text-decoration: none;

}

.right-side > .content-header > .breadcrumb > li > a > .fa,

.right-side > .content-header > .breadcrumb > li > a > .glyphicon,

.right-side > .content-header > .breadcrumb > li > a > .ion {

  margin-right: 5px;

}

.right-side > .content-header > .breadcrumb > li + li:before {

  content: '>\00a0';

}

@media screen and (max-width: 767px) {

  .right-side > .content-header > .breadcrumb {

    position: relative;

    margin-top: 5px;

    top: 0;

    right: 0;

    float: none;

    background: #efefef;

  }

  .data_block{display: block;}

}

@media (max-width: 767px) {

  .navbar .navbar-nav > li {

    float: left;

  }

  .navbar-nav {

    margin: 0;

    float: left;

  }

  .navbar-nav > li > a {

    padding-top: 15px;

    padding-bottom: 15px;

    line-height: 20px;

  }

  .navbar .navbar-right {

    float: right;

  }

}

@media screen and (max-width: 560px) {

  body > .header {

    position: relative;

  }

  body > .header .logo,

  body > .header .navbar {

    width: 100%;

    float: none;

    position: relative!important;

  }

  body > .header .navbar {

    margin: 0;

  }

  body.fixed > .header {

    position: fixed;

  }

  body.fixed > .wrapper,

  body.fixed .sidebar-offcanvas {

    margin-top: 100px!important;

  }

}

/*

    Component: Sidebar

--------------------------

*/

.sidebar {

  margin-bottom: 5px;

}

.sidebar .sidebar-form input:focus {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  border-color: transparent!important;

}

.sidebar .sidebar-menu {

  list-style: none;

  margin: 0;

  padding: 0;

}

.sidebar .sidebar-menu > li {

  margin: 0;

  padding: 0;

}

.sidebar .sidebar-menu > li > a {

  padding: 12px 5px 12px 15px;

  display: block;

}

.sidebar .sidebar-menu > li > a > .fa,

.sidebar .sidebar-menu > li > a > .glyphicon,

.sidebar .sidebar-menu > li > a > .ion {

  width: 20px;

}

.sidebar .sidebar-menu .treeview-menu {

  display: none;

  list-style: none;

  padding: 0;

  margin: 0;

}

.sidebar .sidebar-menu .treeview-menu > li {

  margin: 0;

}

.sidebar .sidebar-menu .treeview-menu > li > a {

  padding: 5px 5px 5px 15px;

  display: block;

  font-size: 14px;

  margin: 0px 0px;

  margin-left:10px;

}

.sidebar .sidebar-menu .treeview-menu > li > a > .fa,

.sidebar .sidebar-menu .treeview-menu > li > a > .glyphicon,

.sidebar .sidebar-menu .treeview-menu > li > a > .ion {

  width: 20px;

}

.user-panel {

  padding: 10px;

}

.user-panel:before,

.user-panel:after {

  display: table;

  content: " ";

}

.user-panel:after {

  clear: both;

}

.user-panel > .image > img {

  width: 45px;

  height: 45px;

}

.user-panel > .info {

  font-weight: 600;

  padding: 5px 5px 5px 15px;

  font-size: 14px;

  line-height: 1;

}

.user-panel > .info > p {

  margin-bottom: 9px;

}

.user-panel > .info > a {

  text-decoration: none;

  padding-right: 5px;

  margin-top: 3px;

  font-size: 11px;

  font-weight: normal;

}

.user-panel > .info > a > .fa,

.user-panel > .info > a > .ion,

.user-panel > .info > a > .glyphicon {

  margin-right: 3px;

}

/*

 * Off Canvas

 * --------------------------------------------------

 *  Gives us the push menu effect

 */

@media screen and (max-width: 992px) {

  .relative {

    position: relative;

  }

  .row-offcanvas-right .sidebar-offcanvas {

    right: -220px;

  }

  .row-offcanvas-left .sidebar-offcanvas {

    left: -220px;

  }

  .row-offcanvas-right.active {

    right: 220px;

  }

  .row-offcanvas-left.active {

    left: 220px;

  }

  .sidebar-offcanvas {

    left: 0;

  }

  body.fixed .sidebar-offcanvas {

    margin-top: 50px;

    left: -220px;

  }

  body.fixed .row-offcanvas-left.active .navbar {

    left: 220px !important;

    right: 0;

  }

  body.fixed .row-offcanvas-left.active .sidebar-offcanvas {

    left: 0px;

  }

}

/* 

    Dropdown menus

----------------------------

*/

/*Dropdowns in general*/

.dropdown-menu {

  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);

  z-index: 2300;

}

.dropdown-menu > li > a > .glyphicon,

.dropdown-menu > li > a > .fa,

.dropdown-menu > li > a > .ion {

  margin-right: 10px;

}

.dropdown-menu > li > a:hover {

  background-color: #3c8dbc;

  color: #f9f9f9;

}

/*Drodown in navbars*/

.skin-blue .navbar .dropdown-menu > li > a {

  color: #444444;

}

/*

    Navbar custom dropdown menu

------------------------------------

*/

.navbar-nav > .notifications-menu > .dropdown-menu,

.navbar-nav > .messages-menu > .dropdown-menu,

.navbar-nav > .tasks-menu > .dropdown-menu {

  width: 280px;

  padding: 0 0 0 0!important;

  margin: 0!important;

  top: 100%;

  border: 1px solid #dfdfdf;

  -webkit-border-radius: 4px !important;

  -moz-border-radius: 4px !important;

  border-radius: 4px !important;

}

.navbar-nav > .notifications-menu > .dropdown-menu > li.header,

.navbar-nav > .messages-menu > .dropdown-menu > li.header,

.navbar-nav > .tasks-menu > .dropdown-menu > li.header {

  -webkit-border-top-left-radius: 4px;

  -webkit-border-top-right-radius: 4px;

  -webkit-border-bottom-right-radius: 0;

  -webkit-border-bottom-left-radius: 0;

  -moz-border-radius-topleft: 4px;

  -moz-border-radius-topright: 4px;

  -moz-border-radius-bottomright: 0;

  -moz-border-radius-bottomleft: 0;

  border-top-left-radius: 4px;

  border-top-right-radius: 4px;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0;

  background-color: #ffffff;

  padding: 7px 10px;

  border-bottom: 1px solid #f4f4f4;

  color: #444444;

  font-size: 14px;

}

.navbar-nav > .notifications-menu > .dropdown-menu > li.header:after,

.navbar-nav > .messages-menu > .dropdown-menu > li.header:after,

.navbar-nav > .tasks-menu > .dropdown-menu > li.header:after {

  bottom: 100%;

  left: 92%;

  border: solid transparent;

  content: " ";

  height: 0;

  width: 0;

  position: absolute;

  pointer-events: none;

  border-color: rgba(255, 255, 255, 0);

  border-bottom-color: #ffffff;

  border-width: 7px;

  margin-left: -7px;

}

.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,

.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,

.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {

  -webkit-border-top-left-radius: 0px;

  -webkit-border-top-right-radius: 0px;

  -webkit-border-bottom-right-radius: 4px;

  -webkit-border-bottom-left-radius: 4px;

  -moz-border-radius-topleft: 0px;

  -moz-border-radius-topright: 0px;

  -moz-border-radius-bottomright: 4px;

  -moz-border-radius-bottomleft: 4px;

  border-top-left-radius: 0px;

  border-top-right-radius: 0px;

  border-bottom-right-radius: 4px;

  border-bottom-left-radius: 4px;

  font-size: 12px;

  background-color: #f4f4f4;

  padding: 7px 10px;

  border-bottom: 1px solid #eeeeee;

  color: #444444;

  text-align: center;

}

.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,

.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,

.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {

  background: #f4f4f4;

  text-decoration: none;

  font-weight: normal;

}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu,

.navbar-nav > .messages-menu > .dropdown-menu > li .menu,

.navbar-nav > .tasks-menu > .dropdown-menu > li .menu {

  margin: 0;

  padding: 0;

  list-style: none;

  overflow-x: hidden;

}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,

.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {

  display: block;

  white-space: nowrap;

  /* Prevent text from breaking */

  border-bottom: 1px solid #f4f4f4;

}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,

.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {

  background: #f6f6f6;

  text-decoration: none;

}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {

  font-size: 12px;

  color: #444444;

}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon,

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa,

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {

  font-size: 20px;

  width: 50px;

  text-align: center;

  padding: 15px 0px;

  margin-right: 5px;

  /* Default background and font colors */

  background: #00c0ef;

  color: #f9f9f9;

  /* Fallback for browsers that doesn't support rgba */

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

}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.danger,

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.danger,

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.danger {

  background: #f56954;

}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.warning,

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.warning,

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.warning {

  background: #f39c12;

}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.success,

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.success,

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.success {

  background: #00a65a;

}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.info,

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.info,

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.info {

  background: #00c0ef;

}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {

  margin: 0px;

  line-height: 20px;

  padding: 10px 5px 10px 5px;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {

  margin: auto 10px auto auto;

  width: 40px;

  height: 40px;

  border: 1px solid #dddddd;

}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {

  padding: 0;

  margin: 0 0 0 45px;

  color: #444444;

  font-size: 15px;

}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {

  color: #999999;

  font-size: 10px;

  float: right;

}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {

  margin: 0 0 0 45px;

  font-size: 12px;

  color: #888888;

}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before,

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {

  display: table;

  content: " ";

}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {

  clear: both;

}

.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {

  padding: 10px;

}

.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 {

  font-size: 14px;

  padding: 0;

  margin: 0 0 10px 0;

  color: #666666;

}

.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress {

  padding: 0;

  margin: 0;

}

.navbar-nav > .user-menu > .dropdown-menu {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  padding: 1px 0 0 0;

  border-top-width: 0;

  width: 291px;

}

.navbar-nav > .user-menu > .dropdown-menu:after {

  bottom: 100%;

  right: 10px;

  border: solid transparent;

  content: " ";

  height: 0;

  width: 0;

  position: absolute;

  pointer-events: none;

  border-color: rgba(255, 255, 255, 0);

  border-bottom-color: #ffffff;

  border-width: 10px;

  margin-left: -10px;

}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {

  height: 175px;

  padding: 10px;

  background: grey;

  text-align: center;

}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {

  z-index: 5;

  height: 90px;

  width: 90px;

  border: 8px solid;

  border-color: transparent;

  border-color: rgba(255, 255, 255, 0.2);

}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {

  z-index: 5;

  color: #f9f9f9;

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

  font-size: 17px;

  text-shadow: 2px 2px 3px #333333;

  margin-top: 10px;

}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {

  display: block;

  font-size: 12px;

}

.navbar-nav > .user-menu > .dropdown-menu > li.user-body {

  padding: 15px;

  border-bottom: 1px solid #f4f4f4;

  border-top: 1px solid #dddddd;

}

.navbar-nav > .user-menu > .dropdown-menu > li.user-body:before,

.navbar-nav > .user-menu > .dropdown-menu > li.user-body:after {

  display: table;

  content: " ";

}

.navbar-nav > .user-menu > .dropdown-menu > li.user-body:after {

  clear: both;

}

.navbar-nav > .user-menu > .dropdown-menu > li.user-body > div > a {

  color: #0073b7;

}

.navbar-nav > .user-menu > .dropdown-menu > li.user-footer {

  background-color: #f9f9f9;

  padding: 10px;

}

.navbar-nav > .user-menu > .dropdown-menu > li.user-footer:before,

.navbar-nav > .user-menu > .dropdown-menu > li.user-footer:after {

  display: table;

  content: " ";

}

.navbar-nav > .user-menu > .dropdown-menu > li.user-footer:after {

  clear: both;

}

.navbar-nav > .user-menu > .dropdown-menu > li.user-footer .btn-default {

  color: #666666;

}

/* Add fade animation to dropdown menus */

.open > .dropdown-menu {

  animation-name: fadeAnimation;

  animation-duration: .7s;

  animation-iteration-count: 1;

  animation-timing-function: ease;

  animation-fill-mode: forwards;

  -webkit-animation-name: fadeAnimation;

  -webkit-animation-duration: .7s;

  -webkit-animation-iteration-count: 1;

  -webkit-animation-timing-function: ease;

  -webkit-animation-fill-mode: forwards;

  -moz-animation-name: fadeAnimation;

  -moz-animation-duration: .7s;

  -moz-animation-iteration-count: 1;

  -moz-animation-timing-function: ease;

  -moz-animation-fill-mode: forwards;

}

@keyframes fadeAnimation {

  from {

    opacity: 0;

    top: 120%;

  }

  to {

    opacity: 1;

    top: 100%;

  }

}

@-webkit-keyframes fadeAnimation {

  from {

    opacity: 0;

    top: 120%;

  }

  to {

    opacity: 1;

    top: 100%;

  }

}

/* Fix dropdown menu for small screens to display correctly on small screens */

@media screen and (max-width: 767px) {

  .navbar-nav > .notifications-menu > .dropdown-menu,

  .navbar-nav > .user-menu > .dropdown-menu,

  .navbar-nav > .tasks-menu > .dropdown-menu,

  .navbar-nav > .messages-menu > .dropdown-menu {

    position: absolute;

    top: 100%;

    right: 0;

    left: auto;

    border-right: 1px solid #dddddd;

    border-bottom: 1px solid #dddddd;

    border-left: 1px solid #dddddd;

    background: #ffffff;

  }

}

/* Fix menu positions on xs screens to appear correctly and fully */

@media screen and (max-width: 480px) {

  .navbar-nav > .notifications-menu > .dropdown-menu > li.header,

  .navbar-nav > .tasks-menu > .dropdown-menu > li.header,

  .navbar-nav > .messages-menu > .dropdown-menu > li.header {

    /* Remove arrow from the top */

  }

  .navbar-nav > .notifications-menu > .dropdown-menu > li.header:after,

  .navbar-nav > .tasks-menu > .dropdown-menu > li.header:after,

  .navbar-nav > .messages-menu > .dropdown-menu > li.header:after {

    border-width: 0px!important;

  }

  .navbar-nav > .tasks-menu > .dropdown-menu {

    position: absolute;

    right: -120px;

    left: auto;

  }

  .navbar-nav > .notifications-menu > .dropdown-menu {

    position: absolute;

    right: -170px;

    left: auto;

  }

  .navbar-nav > .messages-menu > .dropdown-menu {

    position: absolute;

    right: -210px;

    left: auto;

  }

}

/* 

   All form elements including input, select, textarea etc.

-----------------------------------------------------------------

*/

.form-control {

  -webkit-border-radius: 0px !important;

  -moz-border-radius: 0px !important;

  border-radius: 0px !important;

  box-shadow: none;

}

.form-control:focus {

  border-color: #3c8dbc !important;

  box-shadow: none;

}

.form-group.has-success label {

  color: #00a65a;

}

.form-group.has-success .form-control {

  border-color: #00a65a !important;

  box-shadow: none;

}

.form-group.has-warning label {

  color: #f39c12;

}

.form-group.has-warning .form-control {

  border-color: #f39c12 !important;

  box-shadow: none;

}

.form-group.has-error label {

  color: #f56954;

}

.form-group.has-error .form-control {

  border-color: #f56954 !important;

  box-shadow: none;

}

/* Input group */

.input-group .input-group-addon {

  border-radius: 0;

  background-color: #f4f4f4;

}

/* button groups */

.btn-group-vertical .btn.btn-flat:first-of-type,

.btn-group-vertical .btn.btn-flat:last-of-type {

  border-radius: 0;

}

/* Checkbox and radio inputs */

.checkbox,

.radio {

  padding-left: 0;

}

/* 

    Compenent: Progress bars

--------------------------------

*/

/* size variation */

.progress.sm {

  height: 10px;

}

.progress.xs {

  height: 7px;

}

/* Vertical bars */

.progress.vertical {

  position: relative;

  width: 30px;

  height: 200px;

  display: inline-block;

  margin-right: 10px;

}

.progress.vertical > .progress-bar {

  width: 100%!important;

  position: absolute;

  bottom: 0;

}

.progress.vertical.sm {

  width: 20px;

}

.progress.vertical.xs {

  width: 10px;

}

/* Remove margins from progress bars when put in a table */

.table tr > td .progress {

  margin: 0;

}

.progress-bar-light-blue,

.progress-bar-primary {

  background-color: #3c8dbc;

}

.progress-striped .progress-bar-light-blue,

.progress-striped .progress-bar-primary {

  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress-bar-green,

.progress-bar-success {

  background-color: #00a65a;

}

.progress-striped .progress-bar-green,

.progress-striped .progress-bar-success {

  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress-bar-aqua,

.progress-bar-info {

  background-color: #00c0ef;

}

.progress-striped .progress-bar-aqua,

.progress-striped .progress-bar-info {

  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress-bar-yellow,

.progress-bar-warning {

  background-color: #f39c12;

}

.progress-striped .progress-bar-yellow,

.progress-striped .progress-bar-warning {

  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

.progress-bar-red,

.progress-bar-danger {

  background-color: #f56954;

}

.progress-striped .progress-bar-red,

.progress-striped .progress-bar-danger {

  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

/*

    Component: Small boxes

*/

.small-box {

  position: relative;

  display: block;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  margin-bottom: 15px;

}

.small-box > .inner {

  padding: 10px;

}

.small-box > .small-box-footer {

  position: relative;

  text-align: center;

  padding: 3px 0;

  color: #fff;

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

  display: block;

  z-index: 10;

  background: rgba(0, 0, 0, 0.1);

  text-decoration: none;

}

.small-box > .small-box-footer:hover {

  color: #fff;

  background: rgba(0, 0, 0, 0.15);

}

.small-box h3 {

  font-size: 38px;

  font-weight: bold;

  margin: 0 0 10px 0;

  white-space: nowrap;

  padding: 0;

}

.small-box p {

  font-size: 15px;

}

.small-box p > small {

  display: block;

  color: #f9f9f9;

  font-size: 13px;

  margin-top: 5px;

}

.small-box h3,

.small-box p {

  z-index: 5px;

}

.small-box .icon {

  position: absolute;

  top: auto;

  bottom: 5px;

  right: 5px;

  z-index: 0;

  font-size: 90px;

  color: rgba(0, 0, 0, 0.15);

}

.small-box:hover {

  text-decoration: none;

  color: #f9f9f9;

}

.small-box:hover .icon {

  animation-name: tansformAnimation;

  animation-duration: .5s;

  animation-iteration-count: 1;

  animation-timing-function: ease;

  animation-fill-mode: forwards;

  -webkit-animation-name: tansformAnimation;

  -webkit-animation-duration: .5s;

  -webkit-animation-iteration-count: 1;

  -webkit-animation-timing-function: ease;

  -webkit-animation-fill-mode: forwards;

  -moz-animation-name: tansformAnimation;

  -moz-animation-duration: .5s;

  -moz-animation-iteration-count: 1;

  -moz-animation-timing-function: ease;

  -moz-animation-fill-mode: forwards;

}

@keyframes tansformAnimation {

  from {

    font-size: 90px;

  }

  to {

    font-size: 100px;

  }

}

@-webkit-keyframes tansformAnimation {

  from {

    font-size: 90px;

  }

  to {

    font-size: 100px;

  }

}

@media screen and (max-width: 480px) {

  .small-box {

    text-align: center;

  }

  .small-box .icon {

    display: none;

  }

  .small-box p {

    font-size: 12px;

  }

}

/*

    component: Boxes

-------------------------

*/

.box {

  position: relative;

  background: #ffffff;

  border-top: 2px solid #c1c1c1;

  margin-bottom: 20px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  width: 100%;

  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);

}

.box.box-primary {

  border-top-color: grey;

}

.box.box-info {

  border-top-color: #00c0ef;

}

.box.box-danger {

  border-top-color: #f56954;

}

.box.box-warning {

  border-top-color: #f39c12;

}

.box.box-success {

  border-top-color: #00a65a;

}

.box.height-control .box-body {

  max-height: 300px;

  overflow: auto;

}

.box .box-header {

  position: relative;

  -webkit-border-top-left-radius: 3px;

  -webkit-border-top-right-radius: 3px;

  -webkit-border-bottom-right-radius: 0;

  -webkit-border-bottom-left-radius: 0;

  -moz-border-radius-topleft: 3px;

  -moz-border-radius-topright: 3px;

  -moz-border-radius-bottomright: 0;

  -moz-border-radius-bottomleft: 0;

  border-top-left-radius: 3px;

  border-top-right-radius: 3px;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0;

  border-bottom: 0px solid #f4f4f4;

  color: #444;

}

.box .box-header:before,

.box .box-header:after {

  display: table;

  content: " ";

}

.box .box-header:after {

  clear: both;

}

.box .box-header > .fa,

.box .box-header > .glyphicon,

.box .box-header > .ion,

.box .box-header .box-title {

  display: inline-block;

  padding: 10px 10px 10px 10px;

  margin: 0;

  font-size: 20px;

  font-weight: 400;

  float: left;

  cursor: default;

}

.box .box-header a {

  color: #444;

}

.box .box-header > .box-tools {

  padding: 5px 10px 5px 5px;

}

.box .box-body {

  padding: 10px;

  -webkit-border-top-left-radius: 0;

  -webkit-border-top-right-radius: 0;

  -webkit-border-bottom-right-radius: 3px;

  -webkit-border-bottom-left-radius: 3px;

  -moz-border-radius-topleft: 0;

  -moz-border-radius-topright: 0;

  -moz-border-radius-bottomright: 3px;

  -moz-border-radius-bottomleft: 3px;

  border-top-left-radius: 0;

  border-top-right-radius: 0;

  border-bottom-right-radius: 3px;

  border-bottom-left-radius: 3px;

}

.box .box-body > table,

.box .box-body > .table {

  margin-bottom: 0;

}

.box .box-body.chart-responsive {

  width: 100%;

  overflow: hidden;

}

.box .box-body > .chart {

  position: relative;

  overflow: hidden;

  width: 100%;

}

.box .box-body > .chart svg,

.box .box-body > .chart canvas {

  width: 100%!important;

}

.box .box-body .fc {

  margin-top: 5px;

}

.box .box-body .fc-header-title h2 {

  font-size: 15px;

  line-height: 1.6em;

  color: #666;

  margin-left: 10px;

}

.box .box-body .fc-header-right {

  padding-right: 10px;

}

.box .box-body .fc-header-left {

  padding-left: 10px;

}

.box .box-body .fc-widget-header {

  background: #fafafa;

  box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.02);

}

.box .box-body .fc-grid {

  width: 100%;

  border: 0;

}

.box .box-body .fc-widget-header:first-of-type,

.box .box-body .fc-widget-content:first-of-type {

  border-left: 0;

  border-right: 0;

}

.box .box-body .fc-widget-header:last-of-type,

.box .box-body .fc-widget-content:last-of-type {

  border-right: 0;

}

.box .box-body .table {

  margin-bottom: 0;

}

.box .box-body .full-width-chart {

  margin: -19px;

}

.box .box-body.no-padding .full-width-chart {

  margin: -9px;

}

.box .box-footer {

  border-top: 1px solid #f4f4f4;

  -webkit-border-top-left-radius: 0;

  -webkit-border-top-right-radius: 0;

  -webkit-border-bottom-right-radius: 3px;

  -webkit-border-bottom-left-radius: 3px;

  -moz-border-radius-topleft: 0;

  -moz-border-radius-topright: 0;

  -moz-border-radius-bottomright: 3px;

  -moz-border-radius-bottomleft: 3px;

  border-top-left-radius: 0;

  border-top-right-radius: 0;

  border-bottom-right-radius: 3px;

  border-bottom-left-radius: 3px;

  padding: 10px;

  background-color: #ffffff;

}

.box.box-solid {

  border-top: 0px;

}

.box.box-solid > .box-header {

  padding-bottom: 0px!important;

}

.box.box-solid > .box-header .btn.btn-default {

  background: transparent;

}

.box.box-solid.box-primary > .box-header {

  color: #fff;

  background: #3c8dbc;

  background-color: #3c8dbc;

}

.box.box-solid.box-primary > .box-header a {

  color: #444;

}

.box.box-solid.box-info > .box-header {

  color: #fff;

  background: #00c0ef;

  background-color: #00c0ef;

}

.box.box-solid.box-info > .box-header a {

  color: #444;

}

.box.box-solid.box-danger > .box-header {

  color: #fff;

  background: #f56954;

  background-color: #f56954;

}

.box.box-solid.box-danger > .box-header a {

  color: #444;

}

.box.box-solid.box-warning > .box-header {

  color: #fff;

  background: #f39c12;

  background-color: #f39c12;

}

.box.box-solid.box-warning > .box-header a {

  color: #444;

}

.box.box-solid.box-success > .box-header {

  color: #fff;

  background: #00a65a;

  background-color: #00a65a;

}

.box.box-solid.box-success > .box-header a {

  color: #444;

}

.box.box-solid > .box-header > .box-tools .btn {

  border: 0;

  box-shadow: none;

}

.box.box-solid.collapsed-box .box-header {

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

}

.box.box-solid[class*='bg'] > .box-header {

  color: #fff;

}

.box .box-group > .box {

  margin-bottom: 5px;

}

.box .knob-label {

  text-align: center;

  color: #333;

  font-weight: 100;

  font-size: 12px;

  margin-bottom: 0.3em;

}

.box .todo-list {

  margin: 0;

  padding: 0px 0px;

  list-style: none;

}

.box .todo-list > li {

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  padding: 10px;

  background: #f3f4f5;

  margin-bottom: 2px;

  border-left: 2px solid #e6e7e8;

  color: #444;

}

.box .todo-list > li:last-of-type {

  margin-bottom: 0;

}

.box .todo-list > li.danger {

  border-left-color: #f56954;

}

.box .todo-list > li.warning {

  border-left-color: #f39c12;

}

.box .todo-list > li.info {

  border-left-color: #00c0ef;

}

.box .todo-list > li.success {

  border-left-color: #00a65a;

}

.box .todo-list > li.primary {

  border-left-color: #3c8dbc;

}

.box .todo-list > li > input[type='checkbox'] {

  margin: 0 10px 0 5px;

}

.box .todo-list > li .text {

  display: inline-block;

  margin-left: 5px;

  font-weight: 600;

}

.box .todo-list > li .label {

  margin-left: 10px;

  font-size: 9px;

}

.box .todo-list > li .tools {

  display: none;

  float: right;

  color: #f56954;

}

.box .todo-list > li .tools > .fa,

.box .todo-list > li .tools > .glyphicon,

.box .todo-list > li .tools > .ion {

  margin-right: 5px;

  cursor: pointer;

}

.box .todo-list > li:hover .tools {

  display: inline-block;

}

.box .todo-list > li.done {

  color: #999;

}

.box .todo-list > li.done .text {

  text-decoration: line-through;

  font-weight: 500;

}

.box .todo-list > li.done .label {

  background: #eaeaec !important;

}

.box .todo-list .handle {

  display: inline-block;

  cursor: move;

  margin: 0 5px;

}

.box .chat {

  padding: 5px 20px 5px 10px;

}

.box .chat .item {

  margin-bottom: 10px;

}

.box .chat .item:before,

.box .chat .item:after {

  display: table;

  content: " ";

}

.box .chat .item:after {

  clear: both;

}

.box .chat .item > img {

  width: 40px;

  height: 40px;

  border: 2px solid transparent;

  -webkit-border-radius: 50% !important;

  -moz-border-radius: 50% !important;

  border-radius: 50% !important;

}

.box .chat .item > img.online {

  border: 2px solid #00a65a;

}

.box .chat .item > img.offline {

  border: 2px solid #f56954;

}

.box .chat .item > .message {

  margin-left: 55px;

  margin-top: -40px;

}

.box .chat .item > .message > .name {

  display: block;

  font-weight: 600;

}

.box .chat .item > .attachment {

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  background: #f0f0f0;

  margin-left: 65px;

  margin-right: 15px;

  padding: 10px;

}

.box .chat .item > .attachment > h4 {

  margin: 0 0 5px 0;

  font-weight: 600;

  font-size: 14px;

}

.box .chat .item > .attachment > p,

.box .chat .item > .attachment > .filename {

  font-weight: 600;

  font-size: 13px;

  font-style: italic;

  margin: 0;

}

.box .chat .item > .attachment:before,

.box .chat .item > .attachment:after {

  display: table;

  content: " ";

}

.box .chat .item > .attachment:after {

  clear: both;

}

.box > .overlay,

.box > .loading-img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.box > .overlay {

  z-index: 1010;

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

}

.box > .overlay.dark {

  background: rgba(0, 0, 0, 0.5);

}

.box > .loading-img {

  z-index: 1020;

  background: transparent url('../img/ajax-loader1.gif') 50% 50% no-repeat;

}

/*

Component: timeline

--------------------

*/

.timeline {

  position: relative;

  margin: 0 0 30px 0;

  padding: 0;

  list-style: none;

}

.timeline:before {

  content: '';

  position: absolute;

  top: 0px;

  bottom: 0;

  width: 5px;

  background: #ddd;

  left: 30px;

  border: 1px solid #eee;

  margin: 0;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

}

.timeline > li {

  position: relative;

  margin-right: 10px;

  margin-bottom: 15px;

}

.timeline > li:before,

.timeline > li:after {

  display: table;

  content: " ";

}

.timeline > li:after {

  clear: both;

}

.timeline > li > .timeline-item {

  margin-top: 10px;

  border: 0px solid #dfdfdf;

  background: #fff;

  color: #555;

  margin-left: 60px;

  margin-right: 15px;

  padding: 5px;

  position: relative;

  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);

}

.timeline > li > .timeline-item > .time {

  color: #999;

  float: right;

  margin: 2px 0 0 0;

}

.timeline > li > .timeline-item > .timeline-header {

  margin: 0;

  color: #555;

  border-bottom: 1px solid #f4f4f4;

  padding: 5px;

  font-size: 16px;

  line-height: 1.1;

}

.timeline > li > .timeline-item > .timeline-header > a {

  font-weight: 600;

}

.timeline > li > .timeline-item > .timeline-body,

.timeline > li > .timeline-item > .timeline-footer {

  padding: 10px;

}

.timeline > li.time-label > span {

  font-weight: 600;

  padding: 5px;

  display: inline-block;

  background-color: #fff;

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

}

.timeline > li > .fa,

.timeline > li > .glyphicon,

.timeline > li > .ion {

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

  width: 30px;

  height: 30px;

  font-size: 15px;

  line-height: 30px;

  position: absolute;

  color: #666;

  background: #eee;

  border-radius: 50%;

  text-align: center;

  left: 18px;

  top: 0;

}

/*

    Component: Buttons

-------------------------

*/

.btn {

  font-weight: 500;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  border: 1px solid transparent;

  -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);

  -moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);

  box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09);

}

.btn.btn-default {

  background-color: #fafafa;

  color: #666;

  border-color: #ddd;

  border-bottom-color: #ddd;

}

.btn.btn-default:hover,

.btn.btn-default:active,

.btn.btn-default.hover {

  background-color: #f4f4f4!important;

}

.btn.btn-default.btn-flat {

  border-bottom-color: #d9dadc;

}

.btn.btn-primary {

  background-color: grey;

  border-color: grey;

}

.btn.btn-primary:hover,

.btn.btn-primary:active,

.btn.btn-primary.hover {

  background-color: grey;

}

.btn.btn-success {

  background-color: #00a65a;

  border-color: #008d4c;

}

.btn.btn-success:hover,

.btn.btn-success:active,

.btn.btn-success.hover {

  background-color: #008d4c;

}

.btn.btn-info {

  background-color: #00c0ef;

  border-color: #00acd6;

}

.btn.btn-info:hover,

.btn.btn-info:active,

.btn.btn-info.hover {

  background-color: #00acd6;

}

.btn.btn-danger {

  background-color: #f56954;

  border-color: #f4543c;

}

.btn.btn-danger:hover,

.btn.btn-danger:active,

.btn.btn-danger.hover {

  background-color: #f4543c;

}

.btn.btn-warning {

  background-color: #f39c12;

  border-color: #e08e0b;

}

.btn.btn-warning:hover,

.btn.btn-warning:active,

.btn.btn-warning.hover {

  background-color: #e08e0b;

}

.btn.btn-flat {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  border-width: 1px;

}

.btn:active {

  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

}

.btn:focus {

  outline: none;

}

.btn.btn-file {

  position: relative;

  width: 120px;

  height: 35px;

  overflow: hidden;

}

.btn.btn-file > input[type='file'] {

  display: block !important;

  width: 100% !important;

  height: 35px !important;

  opacity: 0 !important;

  position: absolute;

  top: -10px;

  cursor: pointer;

}

.btn.btn-app {

  position: relative;

  padding: 15px 5px;

  margin: 0 0 10px 10px;

  min-width: 80px;

  height: 60px;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  text-align: center;

  color: #666;

  border: 1px solid #ddd;

  background-color: #fafafa;

  font-size: 12px;

}

.btn.btn-app > .fa,

.btn.btn-app > .glyphicon,

.btn.btn-app > .ion {

  font-size: 20px;

  display: block;

}

.btn.btn-app:hover {

  background: #f4f4f4;

  color: #444;

  border-color: #aaa;

}

.btn.btn-app:active,

.btn.btn-app:focus {

  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

}

.btn.btn-app > .badge {

  position: absolute;

  top: -3px;

  right: -10px;

  font-size: 10px;

  font-weight: 400;

}

.btn.btn-social-old {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  opacity: 0.9;

  padding: 0;

}

.btn.btn-social-old > .fa {

  padding: 10px 0;

  width: 40px;

}

.btn.btn-social-old > .fa + span {

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

}

.btn.btn-social-old span {

  padding: 10px;

}

.btn.btn-social-old:hover {

  opacity: 1;

}

.btn.btn-circle {

  width: 30px;

  height: 30px;

  line-height: 30px;

  padding: 0;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

}

/* 

    Component: callout

------------------------

*/

.callout {

  margin: 0 0 20px 0;

  padding: 15px 30px 15px 15px;

  border-left: 5px solid #eee;

}

.callout h4 {

  margin-top: 0;

}

.callout p:last-child {

  margin-bottom: 0;

}

.callout code,

.callout .highlight {

  background-color: #fff;

}

.callout.callout-danger {

  background-color: #fcf2f2;

  border-color: #dFb5b4;

}

.callout.callout-warning {

  background-color: #fefbed;

  border-color: #f1e7bc;

}

.callout.callout-info {

  background-color: #f0f7fd;

  border-color: #d0e3f0;

}

.callout.callout-danger h4 {

  color: #B94A48;

}

.callout.callout-warning h4 {

  color: #C09853;

}

.callout.callout-info h4 {

  color: #3A87AD;

}

/* 

    Component: alert

------------------------

*/

.alert {

  padding-left: 30px;

  margin-left: 15px;

  position: relative;

  margin-top:20px;

}

.alert > .fa,

.alert > .glyphicon {

  position: absolute;

  left: -15px;

  top: -15px;

  width: 35px;

  height: 35px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  line-height: 35px;

  text-align: center;

  background: inherit;

  border: inherit;

}

/*

    Component: Navs

*/

/* NAV PILLS */

.nav.nav-pills > li > a {

  border-top: 3px solid transparent;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  color: #444;

}

.nav.nav-pills > li > a > .fa,

.nav.nav-pills > li > a > .glyphicon,

.nav.nav-pills > li > a > .ion {

  margin-right: 5px;

}

.nav.nav-pills > li.active > a,

.nav.nav-pills > li.active > a:hover {

  background-color: #f6f6f6;

  border-top-color: #3c8dbc;

  color: #444;

}

.nav.nav-pills > li.active > a {

  font-weight: 600;

}

.nav.nav-pills > li > a:hover {

  background-color: #f6f6f6;

}

.nav.nav-pills.nav-stacked > li > a {

  border-top: 0;

  border-left: 3px solid transparent;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  color: #444;

}

.nav.nav-pills.nav-stacked > li.active > a,

.nav.nav-pills.nav-stacked > li.active > a:hover {

  background-color: #f6f6f6;

  border-left-color: #3c8dbc;

  color: #444;

}

.nav.nav-pills.nav-stacked > li.header {

  border-bottom: 1px solid #ddd;

  color: #777;

  margin-bottom: 10px;

  padding: 5px 10px;

  text-transform: uppercase;

}

/* NAV TABS */

.nav-tabs-custom {

  margin-bottom: 20px;

  background: #fff;

  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);

}

.nav-tabs-custom > .nav-tabs {

  margin: 0;

  border-bottom-color: #f4f4f4;

}

.nav-tabs-custom > .nav-tabs > li {

  border-top: 3px solid transparent;

  margin-bottom: -2px;

  margin-right: 5px;

}

.nav-tabs-custom > .nav-tabs > li > a {

  -webkit-border-radius: 0 !important;

  -moz-border-radius: 0 !important;

  border-radius: 0 !important;

}

.nav-tabs-custom > .nav-tabs > li > a,

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

  background: transparent;

  margin: 0;

}

.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,

.nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,

.nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {

  border-color: transparent;

}

.nav-tabs-custom > .nav-tabs > li.active {

  border-top-color: #3c8dbc;

}

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

.nav-tabs-custom > .nav-tabs > li.active:hover > a {

  background-color: #fff;

}

.nav-tabs-custom > .nav-tabs > li.active > a {

  border-top: 0;

  border-left-color: #f4f4f4;

  border-right-color: #f4f4f4;

}

.nav-tabs-custom > .nav-tabs > li:first-of-type {

  margin-left: 0px;

}

.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {

  border-left-width: 0;

}

.nav-tabs-custom > .nav-tabs.pull-right {

  float: none!important;

}

.nav-tabs-custom > .nav-tabs.pull-right > li {

  float: right;

}

.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {

  margin-right: 0px;

}

.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {

  border-left-width: 1px;

  border-right-width: 0px;

}

.nav-tabs-custom > .nav-tabs > li.header {

  font-weight: 400;

  line-height: 35px;

  padding: 0 10px;

  font-size: 20px;

  color: #444;

  cursor: default;

}

.nav-tabs-custom > .nav-tabs > li.header > .fa,

.nav-tabs-custom > .nav-tabs > li.header > .glyphicon,

.nav-tabs-custom > .nav-tabs > li.header > .ion {

  margin-right: 10px;

}

.nav-tabs-custom > .tab-content {

  background: #fff;

  padding: 10px;

}

/* Nav tabs bottom */

.tabs-bottom.nav-3 li a {

  width: 3333.33333333% !important;

}

.tabs-bottom li a {

  border: 0;

}

/* PAGINATION */

.pagination > li > a {

  background: #fafafa;

  color: #666;

  -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);

  -moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);

  box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09);

}

.pagination > li:first-of-type a,

.pagination > li:last-of-type a {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

}

/*

    Component: Mailbox

*/

.mailbox .table-mailbox {

  border-left: 1px solid #ddd;

  border-right: 1px solid #ddd;

  border-bottom: 1px solid #ddd;

}

.mailbox .table-mailbox tr.unread > td {

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

  color: #000;

  font-weight: 600;

}

.mailbox .table-mailbox tr > td > .fa.fa-star,

.mailbox .table-mailbox tr > td > .fa.fa-star-o,

.mailbox .table-mailbox tr > td > .glyphicon.glyphicon-star,

.mailbox .table-mailbox tr > td > .glyphicon.glyphicon-star-empty {

  color: #f39c12;

  cursor: pointer;

}

.mailbox .table-mailbox tr > td.small-col {

  width: 30px;

}

.mailbox .table-mailbox tr > td.name {

  width: 150px;

  font-weight: 600;

}

.mailbox .table-mailbox tr > td.time {

  text-align: right;

  width: 100px;

}

.mailbox .table-mailbox tr > td {

  white-space: nowrap;

}

.mailbox .table-mailbox tr > td > a {

  color: #444;

}

@media screen and (max-width: 767px) {

  .mailbox .nav-stacked > li:not(.header) {

    float: left;

    width: 50%;

  }

  .mailbox .nav-stacked > li:not(.header).header {

    border: 0!important;

  }

  .mailbox .search-form {

    margin-top: 10px;

  }

}

/*

    Page: locked screen

*/

/* ADD THIS CLASS TO THE <HTML> TAG */

.lockscreen {

  background: url(../img/blur-background09.jpg) repeat center center fixed;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}

/* Remove the background from the body element */

.lockscreen > body {

  background: transparent;

}

/* We will put the dynamically generated digital clock here */

.lockscreen .headline {

  color: #fff;

  text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5);

  font-weight: 300;

  -webkit-font-smoothing: antialiased !important;

  opacity: 0.8;

  margin: 10px 0 30px 0;

  font-size: 90px;

}

@media screen and (max-width: 480px) {

  .lockscreen .headline {

    font-size: 60px;

    margin-bottom: 40px;

  }

}

/* User name [optional] */

.lockscreen .lockscreen-name {

  text-align: center;

  font-weight: 600;

  font-size: 16px;

}

/* Will contain the image and the sign in form */

.lockscreen-item {

  padding: 0;

  background: #fff;

  position: relative;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  margin: 10px auto;

  width: 290px;

}

.lockscreen-item:before,

.lockscreen-item:after {

  display: table;

  content: " ";

}

.lockscreen-item:after {

  clear: both;

}

/* User image */

.lockscreen-item > .lockscreen-image {

  position: absolute;

  left: -10px;

  top: -30px;

  background: #fff;

  padding: 10px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  z-index: 10;

}

.lockscreen-item > .lockscreen-image > img {

  width: 70px;

  height: 70px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

}

/* Contains the password input and the login button */

.lockscreen-item > .lockscreen-credentials {

  margin-left: 80px;

}

.lockscreen-item > .lockscreen-credentials input {

  border: 0 !important;

}

.lockscreen-item > .lockscreen-credentials .btn {

  background-color: #fff;

  border: 0;

}

/* Extra to give the user an option to navigate the website [optional]*/

.lockscreen-link {

  margin-top: 30px;

  text-align: center;

}

/* 

    Page: register and login

*/

.form-box {

  width: 400px;

  margin: 50px auto 0 auto;

}

.form-box .header {

  -webkit-border-top-left-radius: 4px;

  -webkit-border-top-right-radius: 4px;

  -webkit-border-bottom-right-radius: 0;

  -webkit-border-bottom-left-radius: 0;

  -moz-border-radius-topleft: 4px;

  -moz-border-radius-topright: 4px;

  -moz-border-radius-bottomright: 0;

  -moz-border-radius-bottomleft: 0;

  border-top-left-radius: 4px;

  border-top-right-radius: 4px;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0;

  background: grey;

  box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.2);

  padding: 20px 10px;

  text-align: center;

  font-size: 26px;

  font-weight: 300;

  color: #fff;

}

.form-box .body,

.form-box .footer {

  padding: 10px 20px;

  background: #fff;

  color: #444;

}

.form-box .body > .form-group,

.form-box .footer > .form-group {

  margin-top: 20px;

}

.form-box .body > .form-group > input,

.form-box .footer > .form-group > input {

  border-color: #fff;

}

.form-box .body > .btn,

.form-box .footer > .btn {

  margin-bottom: 10px;

}

.form-box .footer {

  -webkit-border-top-left-radius: 0;

  -webkit-border-top-right-radius: 0;

  -webkit-border-bottom-right-radius: 4px;

  -webkit-border-bottom-left-radius: 4px;

  -moz-border-radius-topleft: 0;

  -moz-border-radius-topright: 0;

  -moz-border-radius-bottomright: 4px;

  -moz-border-radius-bottomleft: 4px;

  border-top-left-radius: 0;

  border-top-right-radius: 0;

  border-bottom-right-radius: 4px;

  border-bottom-left-radius: 4px;

}

@media (max-width: 767px) {

  .form-box {

    width: 90%;

  }

}

/* 

    Page: 404 and 500 error pages

------------------------------------

*/

.error-page {

  width: 600px;

  margin: 20px auto 0 auto;

}

@media screen and (max-width: 767px) {

  .error-page {

    width: 100%;

  }

}

.error-page > .headline {

  float: left;

  font-size: 100px;

  font-weight: 300;

}

@media screen and (max-width: 767px) {

  .error-page > .headline {

    float: none;

    text-align: center;

  }

}

.error-page > .error-content {

  margin-left: 190px;

  display: block;

}

@media screen and (max-width: 767px) {

  .error-page > .error-content {

    margin-left: 0;

  }

}

.error-page > .error-content > h3 {

  font-weight: 300;

  font-size: 25px;

}

@media screen and (max-width: 767px) {

  .error-page > .error-content > h3 {

    text-align: center;

  }

}

@media (max-width:320px){

.right-side > .content-header > h1 {

  font-size: 13px;

	}

}

@media (max-width:360px){

.right-side > .content-header > h1 {

  font-size: 16px;

	}

}

@media (min-width:768px) and (max-width:800px){

.right-side > .content-header > h1 {

  font-size: 16px;

	}

}



.error-page:before,

.error-page:after {

  display: table;

  content: " ";

}

.error-page:after {

  clear: both;

}

/* 

    Page: Invoice

*/

.invoice {

  position: relative;

  width: 90%;

  margin: 10px auto;

  background: #fff;

  border: 1px solid #f4f4f4;

}

.invoice-title {

  margin-top: 0;

}

/* Enhancement for printing */

@media print {

  .invoice {

    width: 100%;

    border: 0;

    margin: 0;

    padding: 0;

  }

  .invoice-col {

    float: left;

    width: 33.3333333%;

  }

  .table-responsive {

    overflow: auto;

  }

  .table-responsive > .table tr th,

  .table-responsive > .table tr td {

    white-space: normal!important;

  }

}

/* 

    Skins

    -----

*/

/* 

    Skin Blue 

    ---------

*/

/* skin-blue navbar */

.skin-blue .navbar {

  background-color: grey;

}

.skin-blue .navbar .nav a {

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

}

.skin-blue .navbar .nav > li > a:hover,

.skin-blue .navbar .nav > li > a:active,

.skin-blue .navbar .nav > li > a:focus,

.skin-blue .navbar .nav .open > a,

.skin-blue .navbar .nav .open > a:hover,

.skin-blue .navbar .nav .open > a:focus {

  background: rgba(0, 0, 0, 0.1);

  color: #f6f6f6;

}

.skin-blue .navbar .navbar-right > .nav {

  margin-right: 10px;

}

.skin-blue .navbar .sidebar-toggle .icon-bar {

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

}

.skin-blue .navbar .sidebar-toggle:hover .icon-bar {

  background: #f6f6f6 !important;

}

/* skin-blue logo */

.skin-blue .logo {

  background-color: #367fa9;

  color: #f9f9f9;

}

.skin-blue .logo > a {

  color: #f9f9f9;

}

.skin-blue .logo:hover {

  background: #357ca5;

}

/* skin-blue content header */

.skin-blue .right-side > .content-header {

  background: #fbfbfb;

  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);

}

/* Skin-blue user panel */

.skin-blue .user-panel > .image > img {

  border: 1px solid #dfdfdf;

}

.skin-blue .user-panel > .info,

.skin-blue .user-panel > .info > a {

  color: #555555;

}

/* skin-blue sidebar */

.skin-blue .sidebar {

  border-bottom: 1px solid #fff;

}

.skin-blue .sidebar > .sidebar-menu > li {

  border-top: 1px solid #fff;

  border-bottom: 1px solid #dbdbdb;

}

.skin-blue .sidebar > .sidebar-menu > li:first-of-type {

  border-top: 1px solid #dbdbdb;

}

.skin-blue .sidebar > .sidebar-menu > li:first-of-type > a {

  border-top: 1px solid #fff;

}

.skin-blue .sidebar > .sidebar-menu > li > a {

  margin-right: 1px;

}

.skin-blue .sidebar > .sidebar-menu > li > a:hover,

.skin-blue .sidebar > .sidebar-menu > li.active > a {

  color: #222;

  background: #f9f9f9;
 text-decoration: none;
}

.skin-blue .sidebar > .sidebar-menu > li > .treeview-menu {

  margin: 0 1px;

  background: #f9f9f9;
 text-decoration: none;

}

.skin-blue .left-side {

  background: #f4f4f4;

  -webkit-box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.1);

  box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.07);

}

.skin-blue .sidebar a {

  color: #555555;

}

.skin-blue .sidebar a:hover {

  text-decoration: none;

}

.skin-blue .treeview-menu > li > a {

  color: #777;

}

.skin-blue .treeview-menu > li.active > a,

.skin-blue .treeview-menu > li > a:hover {

  color: #111;

}

.skin-blue .sidebar-form {

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  border: 1px solid #dbdbdb;

  margin: 10px 10px;

}

.skin-blue .sidebar-form input[type="text"],

.skin-blue .sidebar-form .btn {

  box-shadow: none;

  background-color: #fafafa;

  border: 1px solid #fafafa;

  height: 35px;

}

.skin-blue .sidebar-form input[type="text"] {

  color: #666;

  -webkit-border-top-left-radius: 2px !important;

  -webkit-border-top-right-radius: 0 !important;

  -webkit-border-bottom-right-radius: 0 !important;

  -webkit-border-bottom-left-radius: 2px !important;

  -moz-border-radius-topleft: 2px !important;

  -moz-border-radius-topright: 0 !important;

  -moz-border-radius-bottomright: 0 !important;

  -moz-border-radius-bottomleft: 2px !important;

  border-top-left-radius: 2px !important;

  border-top-right-radius: 0 !important;

  border-bottom-right-radius: 0 !important;

  border-bottom-left-radius: 2px !important;

}

.skin-blue .sidebar-form input[type="text"]:focus,

.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  background-color: #fff;

  color: #666;

}

.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  border-left-color: #fff;

}

.skin-blue .sidebar-form .btn {

  color: #999;

  -webkit-border-top-left-radius: 0 !important;

  -webkit-border-top-right-radius: 2px !important;

  -webkit-border-bottom-right-radius: 2px !important;

  -webkit-border-bottom-left-radius: 0 !important;

  -moz-border-radius-topleft: 0 !important;

  -moz-border-radius-topright: 2px !important;

  -moz-border-radius-bottomright: 2px !important;

  -moz-border-radius-bottomleft: 0 !important;

  border-top-left-radius: 0 !important;

  border-top-right-radius: 2px !important;

  border-bottom-right-radius: 2px !important;

  border-bottom-left-radius: 0 !important;

}

/*

    Skin Black

    --------

*/

/* skin-black navbar */

.skin-black .navbar {

  background-color: #ffffff;

  border-bottom: 1px solid #eee;

}

.skin-black .navbar .nav a {

  color: #333333;

}

.skin-black .navbar .nav > li > a:hover,

.skin-black .navbar .nav > li > a:active,

.skin-black .navbar .nav > li > a:focus,

.skin-black .navbar .nav .open > a,

.skin-black .navbar .nav .open > a:hover,

.skin-black .navbar .nav .open > a:focus {

  background: #ffffff;

  color: #999999;

}

.skin-black .navbar .navbar-right > .nav {

  margin-right: 10px;

}

.skin-black .navbar .sidebar-toggle .icon-bar {

  background: #333333;

}

.skin-black .navbar .sidebar-toggle:hover .icon-bar {

  background: #999999 !important;

}

/* skin-black logo */

.skin-black .logo {

  background-color: #333333;

  color: #f9f9f9;

}

.skin-black .logo > a {

  color: #f9f9f9;

}

.skin-black .logo:hover {

  background: #303030;

}

/* skin-black content header */

.skin-black .right-side > .content-header {

  background: transparent;

  box-shadow: none;

}

/* Skin-red user panel */

.skin-black .user-panel > .image > img {

  border: 1px solid #444;

}

.skin-black .user-panel > .info,

.skin-black .user-panel > .info > a {

  color: #eee;

}

/* skin-black sidebar */

.skin-black .sidebar {

  border-bottom: 1px solid #333;

}

.skin-black .sidebar > .sidebar-menu > li {

  border-top: 1px solid #333;

  border-bottom: 0px solid #444;

}

.skin-black .sidebar > .sidebar-menu > li:first-of-type {

  border-top: 1px solid #444;

}

.skin-black .sidebar > .sidebar-menu > li:first-of-type > a {

  border-top: 0px solid #333;

}

.skin-black .sidebar > .sidebar-menu > li > a {

  margin-right: 1px;

}

.skin-black .sidebar > .sidebar-menu > li > a:hover,

.skin-black .sidebar > .sidebar-menu > li.active > a {

  color: #f6f6f6;

  background: #444;

}

.skin-black .sidebar > .sidebar-menu > li > .treeview-menu {

  margin: 0 1px;

  background: #444;

}

.skin-black .left-side {

  background: #333;

}

.skin-black .sidebar a {

  color: #eee;

}

.skin-black .sidebar a:hover {

  text-decoration: none;

}

.skin-black .treeview-menu > li > a {

  color: #ccc;

}

.skin-black .treeview-menu > li.active > a,

.skin-black .treeview-menu > li > a:hover {

  color: #fff;

}

.skin-black .sidebar-form {

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  border: 0px solid #555;

  margin: 10px 10px;

}

.skin-black .sidebar-form input[type="text"],

.skin-black .sidebar-form .btn {

  box-shadow: none;

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

  border: 0 solid rgba(255, 255, 255, 0.1);

  height: 35px;

  outline: none;

}

.skin-black .sidebar-form input[type="text"] {

  color: #666;

  -webkit-border-top-left-radius: 2px !important;

  -webkit-border-top-right-radius: 0 !important;

  -webkit-border-bottom-right-radius: 0 !important;

  -webkit-border-bottom-left-radius: 2px !important;

  -moz-border-radius-topleft: 2px !important;

  -moz-border-radius-topright: 0 !important;

  -moz-border-radius-bottomright: 0 !important;

  -moz-border-radius-bottomleft: 2px !important;

  border-top-left-radius: 2px !important;

  border-top-right-radius: 0 !important;

  border-bottom-right-radius: 0 !important;

  border-bottom-left-radius: 2px !important;

}

.skin-black .sidebar-form input[type="text"]:focus,

.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  background-color: #444;

  border: 0;

}

.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  border-left: 0;

}

.skin-black .sidebar-form .btn {

  color: #999;

  -webkit-border-top-left-radius: 0 !important;

  -webkit-border-top-right-radius: 2px !important;

  -webkit-border-bottom-right-radius: 2px !important;

  -webkit-border-bottom-left-radius: 0 !important;

  -moz-border-radius-topleft: 0 !important;

  -moz-border-radius-topright: 2px !important;

  -moz-border-radius-bottomright: 2px !important;

  -moz-border-radius-bottomleft: 0 !important;

  border-top-left-radius: 0 !important;

  border-top-right-radius: 2px !important;

  border-bottom-right-radius: 2px !important;

  border-bottom-left-radius: 0 !important;

  border-left: 0;

}

/*!

 * iCheck v1.0.1, http://git.io/arlzeA

 * =================================

 * Powerful jQuery and Zepto plugin for checkboxes and radio buttons customization

 *

 * (c) 2013 Damir Sultanov, http://fronteed.com

 * MIT Licensed

 */

/* iCheck plugin Minimal skin, black

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

.icheckbox_minimal,

.iradio_minimal {

  display: inline-block;

  *display: inline;

  vertical-align: middle;

  margin: 0;

  padding: 0;

  width: 20px;

  height: 21px;

  background: rgba(255, 255, 255, 0.7) url(iCheck/minimal/minimal.png) no-repeat;

  border: none;

  cursor: pointer;

}

.icheckbox_minimal {

  background-position: 0 0;

}

.icheckbox_minimal.hover {

  background-position: -20px 0;

}

.icheckbox_minimal.checked {

  background-position: -40px 0;

}

.icheckbox_minimal.disabled {

  background-position: -60px 0;

  cursor: default;

}

.icheckbox_minimal.checked.disabled {

  background-position: -80px 0;

}

.iradio_minimal {

  background-position: -100px 0;

}

.iradio_minimal.hover {

  background-position: -120px 0;

}

.iradio_minimal.checked {

  background-position: -140px 0;

}

.iradio_minimal.disabled {

  background-position: -160px 0;

  cursor: default;

}

.iradio_minimal.checked.disabled {

  background-position: -180px 0;

}

/* Retina support */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {

  .icheckbox_minimal,

  .iradio_minimal {

    background-image: url('iCheck/minimal/minimal@2x.png');

    -webkit-background-size: 200px 20px;

    background-size: 200px 20px;

  }

}

.pace .pace-progress {

  background: grey;

  position: fixed;

  z-index: 2000;

  top: 0;

  left: 0;

  height: 2px;

  -webkit-transition: width 1s;

  -moz-transition: width 1s;

  -o-transition: width 1s;

  transition: width 1s;

}

.pace-inactive {

  display: none;

}

/*

 * Social Buttons for Bootstrap

 *

 * Copyright 2013-2014 Panayiotis Lipiridis

 * Licensed under the MIT License

 *

 * https://github.com/lipis/bootstrap-social

 *

 * Note: this file has been altered to work correctly with AdminLTE

 */

.btn-social {

  position: relative;

  padding-left: 44px !important;

  text-align: left;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.btn-social :first-child {

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  width: 32px !important;

  line-height: 34px !important;

  font-size: 1.6em!important;

  text-align: center;

  border-right: 1px solid rgba(0, 0, 0, 0.2);

}

.btn-social.btn-lg {

  padding-left: 60px !important;

}

.btn-social.btn-lg :first-child {

  line-height: 45px;

  width: 45px;

  font-size: 1.8em;

}

.btn-social.btn-sm {

  padding-left: 38px !important;

}

.btn-social.btn-sm :first-child {

  line-height: 28px;

  width: 28px;

  font-size: 1.4em;

}

.btn-social.btn-xs {

  padding-left: 30px !important;

}

.btn-social.btn-xs :first-child {

  line-height: 20px;

  width: 20px;

  font-size: 1.2em;

}

.btn-social-icon {

  position: relative;

  padding-left: 44px !important;

  text-align: left;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  height: 34px;

  width: 34px;

  padding: 0;

}

.btn-social-icon :first-child {

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  width: 32px !important;

  line-height: 34px !important;

  font-size: 1.6em!important;

  text-align: center;

  border-right: 1px solid rgba(0, 0, 0, 0.2);

}

.btn-social-icon.btn-lg {

  padding-left: 60px !important;

}

.btn-social-icon.btn-lg :first-child {

  line-height: 45px;

  width: 45px;

  font-size: 1.8em;

}

.btn-social-icon.btn-sm {

  padding-left: 38px !important;

}

.btn-social-icon.btn-sm :first-child {

  line-height: 28px;

  width: 28px;

  font-size: 1.4em;

}

.btn-social-icon.btn-xs {

  padding-left: 30px !important;

}

.btn-social-icon.btn-xs :first-child {

  line-height: 20px;

  width: 20px;

  font-size: 1.2em;

}

.btn-social-icon :first-child {

  border: none;

  text-align: center;

  width: 100%!important;

}

.btn-social-icon.btn-lg {

  height: 45px;

  width: 45px;

  padding-left: 0;

  padding-right: 0;

}

.btn-social-icon.btn-sm {

  height: 30px;

  width: 30px;

  padding-left: 0;

  padding-right: 0;

}

.btn-social-icon.btn-xs {

  height: 22px;

  width: 22px;

  padding-left: 0;

  padding-right: 0;

}

.btn-bitbucket {

  color: #ffffff;

  background-color: #205081;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-bitbucket:hover,

.btn-bitbucket:focus,

.btn-bitbucket:active,

.btn-bitbucket.active,

.open .dropdown-toggle.btn-bitbucket {

  color: #ffffff;

  background-color: #183c60;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-bitbucket:active,

.btn-bitbucket.active,

.open .dropdown-toggle.btn-bitbucket {

  background-image: none;

}

.btn-bitbucket.disabled,

.btn-bitbucket[disabled],

fieldset[disabled] .btn-bitbucket,

.btn-bitbucket.disabled:hover,

.btn-bitbucket[disabled]:hover,

fieldset[disabled] .btn-bitbucket:hover,

.btn-bitbucket.disabled:focus,

.btn-bitbucket[disabled]:focus,

fieldset[disabled] .btn-bitbucket:focus,

.btn-bitbucket.disabled:active,

.btn-bitbucket[disabled]:active,

fieldset[disabled] .btn-bitbucket:active,

.btn-bitbucket.disabled.active,

.btn-bitbucket[disabled].active,

fieldset[disabled] .btn-bitbucket.active {

  background-color: #205081;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-bitbucket .badge {

  color: #205081;

  background-color: #ffffff;

}

.btn-dropbox {

  color: #ffffff;

  background-color: #1087dd;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-dropbox:hover,

.btn-dropbox:focus,

.btn-dropbox:active,

.btn-dropbox.active,

.open .dropdown-toggle.btn-dropbox {

  color: #ffffff;

  background-color: #0d70b7;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-dropbox:active,

.btn-dropbox.active,

.open .dropdown-toggle.btn-dropbox {

  background-image: none;

}

.btn-dropbox.disabled,

.btn-dropbox[disabled],

fieldset[disabled] .btn-dropbox,

.btn-dropbox.disabled:hover,

.btn-dropbox[disabled]:hover,

fieldset[disabled] .btn-dropbox:hover,

.btn-dropbox.disabled:focus,

.btn-dropbox[disabled]:focus,

fieldset[disabled] .btn-dropbox:focus,

.btn-dropbox.disabled:active,

.btn-dropbox[disabled]:active,

fieldset[disabled] .btn-dropbox:active,

.btn-dropbox.disabled.active,

.btn-dropbox[disabled].active,

fieldset[disabled] .btn-dropbox.active {

  background-color: #1087dd;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-dropbox .badge {

  color: #1087dd;

  background-color: #ffffff;

}

.btn-facebook {

  color: #ffffff;

  background-color: #3b5998;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-facebook:hover,

.btn-facebook:focus,

.btn-facebook:active,

.btn-facebook.active,

.open .dropdown-toggle.btn-facebook {

  color: #ffffff;

  background-color: #30487b;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-facebook:active,

.btn-facebook.active,

.open .dropdown-toggle.btn-facebook {

  background-image: none;

}

.btn-facebook.disabled,

.btn-facebook[disabled],

fieldset[disabled] .btn-facebook,

.btn-facebook.disabled:hover,

.btn-facebook[disabled]:hover,

fieldset[disabled] .btn-facebook:hover,

.btn-facebook.disabled:focus,

.btn-facebook[disabled]:focus,

fieldset[disabled] .btn-facebook:focus,

.btn-facebook.disabled:active,

.btn-facebook[disabled]:active,

fieldset[disabled] .btn-facebook:active,

.btn-facebook.disabled.active,

.btn-facebook[disabled].active,

fieldset[disabled] .btn-facebook.active {

  background-color: #3b5998;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-facebook .badge {

  color: #3b5998;

  background-color: #ffffff;

}

.btn-flickr {

  color: #ffffff;

  background-color: #ff0084;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-flickr:hover,

.btn-flickr:focus,

.btn-flickr:active,

.btn-flickr.active,

.open .dropdown-toggle.btn-flickr {

  color: #ffffff;

  background-color: #d6006f;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-flickr:active,

.btn-flickr.active,

.open .dropdown-toggle.btn-flickr {

  background-image: none;

}

.btn-flickr.disabled,

.btn-flickr[disabled],

fieldset[disabled] .btn-flickr,

.btn-flickr.disabled:hover,

.btn-flickr[disabled]:hover,

fieldset[disabled] .btn-flickr:hover,

.btn-flickr.disabled:focus,

.btn-flickr[disabled]:focus,

fieldset[disabled] .btn-flickr:focus,

.btn-flickr.disabled:active,

.btn-flickr[disabled]:active,

fieldset[disabled] .btn-flickr:active,

.btn-flickr.disabled.active,

.btn-flickr[disabled].active,

fieldset[disabled] .btn-flickr.active {

  background-color: #ff0084;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-flickr .badge {

  color: #ff0084;

  background-color: #ffffff;

}

.btn-foursquare {

  color: #ffffff;

  background-color: #0072b1;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-foursquare:hover,

.btn-foursquare:focus,

.btn-foursquare:active,

.btn-foursquare.active,

.open .dropdown-toggle.btn-foursquare {

  color: #ffffff;

  background-color: #005888;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-foursquare:active,

.btn-foursquare.active,

.open .dropdown-toggle.btn-foursquare {

  background-image: none;

}

.btn-foursquare.disabled,

.btn-foursquare[disabled],

fieldset[disabled] .btn-foursquare,

.btn-foursquare.disabled:hover,

.btn-foursquare[disabled]:hover,

fieldset[disabled] .btn-foursquare:hover,

.btn-foursquare.disabled:focus,

.btn-foursquare[disabled]:focus,

fieldset[disabled] .btn-foursquare:focus,

.btn-foursquare.disabled:active,

.btn-foursquare[disabled]:active,

fieldset[disabled] .btn-foursquare:active,

.btn-foursquare.disabled.active,

.btn-foursquare[disabled].active,

fieldset[disabled] .btn-foursquare.active {

  background-color: #0072b1;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-foursquare .badge {

  color: #0072b1;

  background-color: #ffffff;

}

.btn-github {

  color: #ffffff;

  background-color: #444444;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-github:hover,

.btn-github:focus,

.btn-github:active,

.btn-github.active,

.open .dropdown-toggle.btn-github {

  color: #ffffff;

  background-color: #303030;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-github:active,

.btn-github.active,

.open .dropdown-toggle.btn-github {

  background-image: none;

}

.btn-github.disabled,

.btn-github[disabled],

fieldset[disabled] .btn-github,

.btn-github.disabled:hover,

.btn-github[disabled]:hover,

fieldset[disabled] .btn-github:hover,

.btn-github.disabled:focus,

.btn-github[disabled]:focus,

fieldset[disabled] .btn-github:focus,

.btn-github.disabled:active,

.btn-github[disabled]:active,

fieldset[disabled] .btn-github:active,

.btn-github.disabled.active,

.btn-github[disabled].active,

fieldset[disabled] .btn-github.active {

  background-color: #444444;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-github .badge {

  color: #444444;

  background-color: #ffffff;

}

.btn-google-plus {

  color: #ffffff;

  background-color: #dd4b39;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-google-plus:hover,

.btn-google-plus:focus,

.btn-google-plus:active,

.btn-google-plus.active,

.open .dropdown-toggle.btn-google-plus {

  color: #ffffff;

  background-color: #ca3523;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-google-plus:active,

.btn-google-plus.active,

.open .dropdown-toggle.btn-google-plus {

  background-image: none;

}

.btn-google-plus.disabled,

.btn-google-plus[disabled],

fieldset[disabled] .btn-google-plus,

.btn-google-plus.disabled:hover,

.btn-google-plus[disabled]:hover,

fieldset[disabled] .btn-google-plus:hover,

.btn-google-plus.disabled:focus,

.btn-google-plus[disabled]:focus,

fieldset[disabled] .btn-google-plus:focus,

.btn-google-plus.disabled:active,

.btn-google-plus[disabled]:active,

fieldset[disabled] .btn-google-plus:active,

.btn-google-plus.disabled.active,

.btn-google-plus[disabled].active,

fieldset[disabled] .btn-google-plus.active {

  background-color: #dd4b39;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-google-plus .badge {

  color: #dd4b39;

  background-color: #ffffff;

}

.btn-instagram {

  color: #ffffff;

  background-color: #3f729b;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-instagram:hover,

.btn-instagram:focus,

.btn-instagram:active,

.btn-instagram.active,

.open .dropdown-toggle.btn-instagram {

  color: #ffffff;

  background-color: #335d7e;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-instagram:active,

.btn-instagram.active,

.open .dropdown-toggle.btn-instagram {

  background-image: none;

}

.btn-instagram.disabled,

.btn-instagram[disabled],

fieldset[disabled] .btn-instagram,

.btn-instagram.disabled:hover,

.btn-instagram[disabled]:hover,

fieldset[disabled] .btn-instagram:hover,

.btn-instagram.disabled:focus,

.btn-instagram[disabled]:focus,

fieldset[disabled] .btn-instagram:focus,

.btn-instagram.disabled:active,

.btn-instagram[disabled]:active,

fieldset[disabled] .btn-instagram:active,

.btn-instagram.disabled.active,

.btn-instagram[disabled].active,

fieldset[disabled] .btn-instagram.active {

  background-color: #3f729b;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-instagram .badge {

  color: #3f729b;

  background-color: #ffffff;

}

.btn-linkedin {

  color: #ffffff;

  background-color: #007bb6;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-linkedin:hover,

.btn-linkedin:focus,

.btn-linkedin:active,

.btn-linkedin.active,

.open .dropdown-toggle.btn-linkedin {

  color: #ffffff;

  background-color: #005f8d;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-linkedin:active,

.btn-linkedin.active,

.open .dropdown-toggle.btn-linkedin {

  background-image: none;

}

.btn-linkedin.disabled,

.btn-linkedin[disabled],

fieldset[disabled] .btn-linkedin,

.btn-linkedin.disabled:hover,

.btn-linkedin[disabled]:hover,

fieldset[disabled] .btn-linkedin:hover,

.btn-linkedin.disabled:focus,

.btn-linkedin[disabled]:focus,

fieldset[disabled] .btn-linkedin:focus,

.btn-linkedin.disabled:active,

.btn-linkedin[disabled]:active,

fieldset[disabled] .btn-linkedin:active,

.btn-linkedin.disabled.active,

.btn-linkedin[disabled].active,

fieldset[disabled] .btn-linkedin.active {

  background-color: #007bb6;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-linkedin .badge {

  color: #007bb6;

  background-color: #ffffff;

}

.btn-tumblr {

  color: #ffffff;

  background-color: #2c4762;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-tumblr:hover,

.btn-tumblr:focus,

.btn-tumblr:active,

.btn-tumblr.active,

.open .dropdown-toggle.btn-tumblr {

  color: #ffffff;

  background-color: #1f3346;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-tumblr:active,

.btn-tumblr.active,

.open .dropdown-toggle.btn-tumblr {

  background-image: none;

}

.btn-tumblr.disabled,

.btn-tumblr[disabled],

fieldset[disabled] .btn-tumblr,

.btn-tumblr.disabled:hover,

.btn-tumblr[disabled]:hover,

fieldset[disabled] .btn-tumblr:hover,

.btn-tumblr.disabled:focus,

.btn-tumblr[disabled]:focus,

fieldset[disabled] .btn-tumblr:focus,

.btn-tumblr.disabled:active,

.btn-tumblr[disabled]:active,

fieldset[disabled] .btn-tumblr:active,

.btn-tumblr.disabled.active,

.btn-tumblr[disabled].active,

fieldset[disabled] .btn-tumblr.active {

  background-color: #2c4762;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-tumblr .badge {

  color: #2c4762;

  background-color: #ffffff;

}

.btn-twitter {

  color: #ffffff;

  background-color: #55acee;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-twitter:hover,

.btn-twitter:focus,

.btn-twitter:active,

.btn-twitter.active,

.open .dropdown-toggle.btn-twitter {

  color: #ffffff;

  background-color: #309aea;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-twitter:active,

.btn-twitter.active,

.open .dropdown-toggle.btn-twitter {

  background-image: none;

}

.btn-twitter.disabled,

.btn-twitter[disabled],

fieldset[disabled] .btn-twitter,

.btn-twitter.disabled:hover,

.btn-twitter[disabled]:hover,

fieldset[disabled] .btn-twitter:hover,

.btn-twitter.disabled:focus,

.btn-twitter[disabled]:focus,

fieldset[disabled] .btn-twitter:focus,

.btn-twitter.disabled:active,

.btn-twitter[disabled]:active,

fieldset[disabled] .btn-twitter:active,

.btn-twitter.disabled.active,

.btn-twitter[disabled].active,

fieldset[disabled] .btn-twitter.active {

  background-color: #55acee;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-twitter .badge {

  color: #55acee;

  background-color: #ffffff;

}

.btn-vk {

  color: #ffffff;

  background-color: #587ea3;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-vk:hover,

.btn-vk:focus,

.btn-vk:active,

.btn-vk.active,

.open .dropdown-toggle.btn-vk {

  color: #ffffff;

  background-color: #4a6a89;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-vk:active,

.btn-vk.active,

.open .dropdown-toggle.btn-vk {

  background-image: none;

}

.btn-vk.disabled,

.btn-vk[disabled],

fieldset[disabled] .btn-vk,

.btn-vk.disabled:hover,

.btn-vk[disabled]:hover,

fieldset[disabled] .btn-vk:hover,

.btn-vk.disabled:focus,

.btn-vk[disabled]:focus,

fieldset[disabled] .btn-vk:focus,

.btn-vk.disabled:active,

.btn-vk[disabled]:active,

fieldset[disabled] .btn-vk:active,

.btn-vk.disabled.active,

.btn-vk[disabled].active,

fieldset[disabled] .btn-vk.active {

  background-color: #587ea3;

  border-color: rgba(0, 0, 0, 0.2);

}

.btn-vk .badge {

  color: #587ea3;

  background-color: #ffffff;

}

img.img-loader {

    margin: 0 0 0 5px;

    display: inline-block;

}

div.dataTables_filter label {

    font-weight: normal;

    float: right;

}

div.dataTables_filter input {

    width: 16em;

}

.error-message:before {

    clear: both;

    content: "";

}

.error-message {

    width: 100%;

    color: red;

}

.success-message {

    width: 100%;

    color: green;

}

.error {

    border: solid 1px red;

}





table.calender-table {

    border-collapse: collapse;

    border-right: 1px solid #CCC;

    border-bottom: 1px solid #CCC;



}



table.calender-table td {

    border: 1px solid #CCC;

    border-right: none;

    border-bottom: none;

    background: #e1e1e1;

    color: #000000;

    font-size: 16px;

    width: 34px;

    height: 34px;

    float: left;

    line-height: 36px;

    display: inline-block;

    text-align: center;

    font-family: 'Open Sans', sans-serif;

}



table.calender-table .calblock{

    float:none;

}



.calender-table .onecal{

    vertical-align:top;

    background-color: #E9ECEF;

}



.calender-table .cal{

    border-style:solid;

    border-width:thin;

    border-color:#E9ECEF;

    float:left;

    padding:3px;

}



.calender-table .days{

    background-color: #ffffff;

}

.calender-table .days td {

    background-color: #ffffff;

    color: #000000;

    display: block;

    font-size: 16px;

    font-weight: bold;

    text-align: center;

    text-align: center;

}

.calender-table .hasday{

    background-color: #c4e8fc;

    position: relative;

}

.calender-table .hasday:hover {

    background: #3C8DBC;

    color: #ffffff;

    cursor: pointer;

}

.calender-table .has-holiday {

    background: #3C8DBC;

    color: #ffffff;

}

.calender-table .noday{

    background-color: #ffffff;

}



.calender-table th {

    background: none repeat scroll 0 0 #3C8DBC;

    border-radius: 5px;

    color: white;

    font-family: 'Open Sans', sans-serif;

    font-size: 19px;

    padding-bottom: 10px;

    padding-top: 10px;

    text-align: center;

    width: 100%;

}

.white-popup {

    position: relative;

    background: #FFF;

    padding: 20px;

    width: auto;

    max-width: 500px;

    margin: 20px auto;

}

.calender-table .hasday span {

    position: absolute;

    top: 0;

    right: 0;

    line-height: 10px;

    font-size: 10px;

    display: block;

    padding: 2px;

    background: #FFF;

    border: 1px #d4d4d4 solid;

    color: black;

}

.calender-table .has-event {

    background: #da2128;

    color: #ffffff;

}

.cuurent-balance{

	margin-left: 85px;

    margin-top: -50px;

	font-size:20px;

}

.cuurent-balance-employee{

	margin-left: 85px;

    margin-top: 20px;

	font-size:20px;

}

.buttonaddnew{

	background: none repeat scroll 0 0 #3c8dbc;

    border-radius: 10px;

    color: #fff;

    cursor: pointer;

    float: right;

    margin-bottom: 10px;

    margin-right: 15px;

    padding: 15px;

	margin-top:-10px;

}

.loaderimage{

	position: absolute;

	width:120px;

    z-index: 9;

	top: 50%;

	left: 50%;

	margin: -50px 0px 0px -50px;

}

.box-bottom-border{

	border-bottom:1px dotted #3c8dbc;

}

.form-group.bottom{

	padding-bottom: 10px	

}

.leftside{

	float:left;

}

.rightside{

	float:right;

}

.div_content{

	width:58%;

	/*border:1px solid;*/	

	background-color:#F4F4F4;

	border-radius:10px;

	padding-top:10px;

}

.clearcls{

	margin-left:-45px;

}

/*Custome CSS*/

.addbtncls{

	margin-left:45px;

}

.paddingaction{

	padding:5px;

}

.rememberme{

	width:58%; float:left;		

}

.forgotpass{

	width:42%; float:left;	

}

.chktoppadding{

	padding-top:10px;	

}

.loginheader{

	width:100%; height:100px; background-color:#f8f8f8;	

}

.padding15{

	padding:5px;

	text-align:center;

	

}

.viewaction{

	width:125px;

}

.ajaxaction{

	width:150px;

}

.margin15{

	margin-left:-15px;

}

.bg-singin-me {

  background-color: grey !important;

  color:#ffffff;

}

.bg-singin-me:hover {

  background-color: grey !important;

  color:#ffffff;

}

.thwidthpageview{

	width:90px;

}

.getconfirmationcls{

	color: #3e8433;

    float: right;

    font-size: 13px;

    font-weight: bold;

}

.form-box-thankyou {

  border-radius: 10px;

    margin: 50px auto 0;

    padding: 20px;

    width: 485px;

	border:1px solid #CCC

	

}

.remebercheckbox{

	float:left

}

.keepsignin{

	float: left; 

	width: 62%

}

.imageclass{

	margin-left:5px;

}

/*Auto complate style*/

.typeahead-devs, .tt-hint,.country,.allcountry  {

 	border: 2px solid #CCCCCC;

    border-radius: 8px 8px 8px 8px;

    font-size: 14px;

    height: 30px;

    line-height: 20px;

    outline: medium none;

    padding-left: 10px;

	padding-top: 5px;

    width: 492px;

}

@media (max-width:320px){

.clearcls{

	margin-left:0px;

}

.addbtncls{

	margin-left:97px;

}





}



.tt-dropdown-menu {

  width: 492px;

  margin-top: 5px;

  padding: 8px 12px;

  background-color: #fff;

  border: 1px solid #ccc;

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

  border-radius: 8px 8px 8px 8px;

  font-size: 16px;

  color: #111;

  background-color: #F1F1F1;

}

.multiplepictures1{

	margin-left: 5px;float:left; margin-top:0px;position:absolute;cursor:pointer

}

.multiplepictures2{

	border-radius:5px; margin-left:10px; float:left

}

/*Loader styles*/

.block_innerdiv{background-image:url(../img/ajax-loader-black.gif);height:66px;width:66px;display:inline-block;z-index:1102;}

.block_outerdiv{width:100%;opacity:0.7;display:none;position:absolute;z-index:1102;margin:0 auto;text-align:center;background-image:url(../img/trans-bg.png);ackground-repeat:repeat;}

.disabled{

 cursor:not-allowed;

}

.startlable{

	width:160px;

}
.seal_box{
    background-color: #ececec;
    border: 1px solid #ccc;
    float: left;
    margin: 0 10px 10px 11px;
    padding: 10px;
    width: 31%;
}
.seal_main_box .seal_box label{
    background-color: #fff;
    margin: 0 0 15px;
    padding: 5px 12px;
    width: 100%;
	color:#000;
}
.seal_main_box label{
    background-color: #f3f3f3;
	color:#f4543c;
    margin: 0 0 15px;
    padding: 5px 12px;
    width: 100%;
	color:#f4543c;
	float:left;
	width:100%;
	padding:7px;
}
.seal_main_box .form-group{
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.text14_white{
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
}
.transaction_pricebox_add{
    background-color: #f6f6f6;
    color: #b51916;
    float: left;
    font-size: 19px;
    margin-right: 10px;
    min-height: 113px;
    padding: 0;
    width: 26%;
}
.transaction_pricebox_add2{
    background-color: #f6f6f6;
    color: #b51916;
    float: left;
    font-size: 19px;
    min-height: 113px;
    padding: 0;
    width: 44%;
}
.team-profile{
    border: 1px solid #ccc;
    float: left;
    margin: 20px 20px 20px 0;
    padding: 3px;
    width: 30%;
}
.team-profile h3{
    background-color: #808080;
    color: #fff;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 16px;
    line-height: normal;
    margin: 0 0 10px 0;
    min-height: inherit;
    padding: 8px 0;
    text-align: center;
    text-transform: uppercase;
}
.team_profile_list{
    float: left;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 16px;
    line-height: normal;
    padding: 6px 10px;
    width: 100%;
	border-bottom:1px dotted #ccc;
}
.team_profile_list span{
    float: right;
    width: 100px;
}
.team_profile_btn{
    float: left;
    padding: 8px 10px;
    width: 100%;
}
.team_profile_btn a{
    border-radius: 0;
    float: left;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 14px;
    line-height: normal;
    padding: 5px 8px;
	margin:0 0 0 4px;
}
.team_profile_btn button{
    border-radius: 0;
    float: left;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 14px;
    line-height: normal;
    padding: 5px 15px;
}
.set_count{
    background-color: #ececec;
    border-radius: 30px;
    float: left;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 19px;
    font-weight: normal;
    line-height: normal;
    margin: 0 15px 0 0;
    padding: 6px 13px;
}
.booking-item{
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    padding: 8px;
}
.booking-item h3{
    background-color: #808080;
    color: #fff;
    float: left;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 19px;
    line-height: normal;
    margin: 0 0 20px;
    padding: 6px 20px;
    width: 100%;
}
.booking-item .quarter{
	float:left;
	width:100%;
}
.qr_heading{
    background-color: #ececec;
    float: left;
    font-size: 18px;
    margin:20px 0 20px;
    padding: 7px 10px;
    width: 100%;
}
.qr_listing td{
    border: 1px solid #f0f0f0;
    padding: 6px 10px;
}
.course_list{
    border: 1px solid #ccc;
    border-radius: 3px;
    float: left;
    font-family: arial;
    font-size: 13px;
    margin: 10px 20px 10px 0;
    padding: 10px;
    width: 30%;
}
.course_list label{
    float: left;
    font-weight: bold;
    margin: 0 0 4px;
    width: 40%;
}
.course_list span{
    float: left;
    margin: 0 0 4px;
    width: 60%;
}
.course_main{
    float: left;
    font-family: arial;
    font-size: 16px;
    height: auto;
    line-height: 30px;
    width: 100%;
	margin:20px 0px;
}
.course_main label{
    float: left;
    margin: 0;
    width: 20%;
}
.course_main span{
    float: left;
    margin: 0;
    width: 70%;
	color:#000;
}

/*OCT-18*/
.courses_list_box ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.courses_list_box ul.tabs li{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #222;
    cursor: pointer;
    float: left;
    margin: 0 5px 10px 0;
    padding: 0;
    width: 30%;
}
.courses_list_box ul.tabs li.current{
	background: #ededed;
	color: #222;
}

/*.courses_list_box .tab-content{
    background: #ededed none repeat scroll 0 0;
    display: none;
    float: right;
    padding: 15px;
    position: absolute;
    right: 24px;
    top: 80px;
    width: 40%;
	min-height:600px;
}*/
.courses_list_box .tab-content {
    background: #ededed none repeat scroll 0 0;
    display: none;
    float: right;
    max-height: 660px;
    min-height: 600px;
    overflow-y: scroll;
    padding: 15px;
    position: absolute;
    right: 24px;
    top: 80px;
    width: 40%;
}
.courses_list_box .tab-content.current{
	display: inherit;
}
.courses_list_box .team-profile{
	border:1px solid #ccc;
	width:100%;
	float:left;
	padding:5px;
	margin:0px;
}
.courses_list_box .tabs{
    width: 62%;
}
.courses_img{
    background-color: #ececec;
    float: left;
    margin: 0 0 10px;
    min-height: 130px;
    text-align: center;
    width: 100%;
}
.courses_big_img{
    background-color: #ffffff;
    float: left;
    margin: 0 0 10px;
    min-height: 240px;
    text-align: center;
    width: 100%;
}
.courses_list_box .courses_img img{
	max-height:145px;
}
.courses_pagination_box {
	padding:20px;
}
.courses_pagination_box a{
    background-color: #eeeeee;
    color: #000;
    line-height: normal;
    padding: 6px 10px;
}
.courses_pagination_box a:hover{
	background-color:#000;
	color:#fff;
}
.rewards_box .rewards_box .col-md-3{
	width:20%;
}
.rewards_box .credit_points_list{
    background-color: #15bdc3;
    padding: 0 0 5px;
}
.rewards_box .credit_points_list:hover{
    box-shadow: 0 0 15px #9c9c9c;
}
.rewards_box figcaption {
    background-color: #009da3;
    color: #fff;
    line-height: normal;
    margin: 0 0 20px;
    padding: 8px 0;
	text-align:center;
}
.credit_points_img{
    min-height: 183px;
    padding: 0 5px;
    width: 100%;
}
.rewards_box figcaption h3 {
    font-size: 14px;
    margin: 0;
    padding: 0;
}
.rewards_box figcaption p {
    margin: 0;
    padding: 0;
}
.main-container .subscription_box {
    height: 180px;
    text-align: center;
}
.subscription_box span{
    font-size: 31px;
    text-align: center;
    width: 100%;
}
.subscription_box a{
    background-color: #404040;
    border-radius: 5px;
    color: #fff;
    font-size: 19px;
    line-height: normal;
    margin: 30px 0 0;
    padding: 5px 20px;
    text-transform: uppercase;
    width: auto;
}
.sale_message{
    background-color: orange;
    color: #fff;
    float: left;
    font-size: 16px;
    line-height: normal;
    margin: 0 0 10px;
    padding: 7px 20px;
    width: auto;
}

.plan_name_box{
    background-color: #00bcd4;
    color: #fff;
    float: left;
    font-size: 18px;
    margin: 9px 0 0;
    padding: 4px 16px;
    text-align: left;
    width: 60%;
}
.plan_list{
    background-color: #00bcd4;
    float: left;
    height: auto;
    margin: 40px 0 10px 0;
    padding: 0;
    text-align: left;
    width: 100%;
}
.plan_img{
    float: left;
    margin: -15px 0 0;
    width: 90px;
}
.plan_left{
    float: right;
    text-align: left;
    width: 100%;
}
.learner_name{
    color: #00bcd4;
    float: left;
    font-size: 18px;
    padding: 0 0 25px;
    width: 100%;
}
.plan_box_list{
	float:left;
	width:100%;
	height:auto;
	margin:0 0 10px 0;
}
.reviews_box{
	float:left;
	width:100%;
}
.plan_box1{
    background-color: #92ca45;
    border: 1px solid #7eb631;
    float: left;
    height: auto;
    line-height: normal;
    min-height: 180px;
    width: 20%;
}
.rate_count{
    color: #fff;
    float: left;
    font-size: 34px;
    font-weight: bold;
    height: auto;
    margin: 20px 0 0;
    text-align: center;
    text-shadow: 1px 1px 0 #6da61f;
    width: 100%;
}
.rate_text{
    color: #ffe400;
    float: left;
    height: auto;
    text-align: center;
    text-shadow: 1px 1px 0 #7db62f;
    width: 100%;
	min-height:23px;
}
.rate_star{
	float:left;
	width:100%;
	height:auto;
	text-align:center;
}
.plan_box2{
    background-color: #f8fafb;
    float: right;
    line-height: normal;
    margin: 0;
    min-height: 160px;
    padding: 10px 20px;
    text-align: left;
    width: 78%;
}
.plan_box2_content{
	float:left;
	width:70%;
	height:auto;
}
.plan_box2_heading{
    color: #00bcd4;
    float: left;
    font-size: 18px;
    height: auto;
    margin: 10px 0;
    width: 100%;
}
.plan_box2_text{
    float: left;
    font-size: 14px;
    height: auto;
    width: 100%;
}
.rating_box{
    float: right;
    height: auto;
    width: 25%;
}
.rating_heading{
    float: left;
    height: auto;
    margin: 0;
    width: 100%;
}
.seal_setting_box .panel-heading{
	background-color: #f56954;
    border-color: #e55944;
	color:#fff;
	width:100%;
	float:left;
	height:auto;
}
.seal_leftbox{
    float: left;
    margin: 0 0 20px;
    padding: 0 19px;
    width: 60%;
}
.seal_leftbox label{
    float: left;
    margin: 5px 0 0;
    width: 30%;
}
.seal_leftbox select{
    border: 1px solid #ccc;
    font-size: 15px;
    margin: 2px 0 0 20px;
    padding: 3px 10px;
	float:left;
	width:120px;
}
/*-------------------------PREMIUMCATELOG-START-----------------------*/
.left_filter{
	float:left;
	width:20%;
	height:auto;
}
.left_filter_contnet{
	float:left;
	width:100%;
	height:auto;
	margin:10px 0;
}
.left_filter .panel{
	float:left;
	padding:1px;
}
.filter_list{
    float: left;
    height: auto;
    margin: 0 0 7px;
    width: 100%;
}
.filter_list input{
    float: left;
    margin: 3px 10px 0;
    padding: 0;
}
.filter_list label{
    float: left;
    line-height: normal;
    margin: 0;
    padding: 0;
    width: 61%;
}
.filter_list .label_count{
    color: #d54934;
    float: right;
    margin: 0 10px 0 0;
}
.showmore_btn{
    float: left;
    height: auto;
    margin: 5px 0 15px;
    text-align: center;
    width: 100%;
}
.showmore_btn a{
    background-color: #f0f0f0;
    border-radius: 3px;
    color: #000;
    height: auto;
    line-height: normal;
    margin: 0;
    padding: 5px 11px;
    text-align: center;
    width: auto;
}
.showmore_btn a:hover{
    background-color: #909090;
    color: #fff;
}
.right_filter{
    float: right;
    height: auto;
    width: 78%;
}
.heading_26{
    float: left;
    font-size: 26px;
    height: auto;
    line-height: normal;
    margin: 0 0 20px;
    width: 100%;
}
.specializations_listing{
    border-bottom: 1px dashed #dcdcdc;
    float: left;
    height: auto;
    margin: 0;
    padding: 10px 0;
    width: 100%;
}
.specializations_listing:hover{
	background-color:#f6f6f6;
}
.specializations_img{
    float: left;
    height: auto;
    text-align: center;
    width: 18%;
}
.specializations_right{
    float: right;
    height: auto;
    width: 80%;
}
.specializations_heading{
    float: left;
    font-size: 21px;
    height: auto;
    line-height: normal;
    margin: 0 0 10px;
    width: 100%;
}
.specializations_course{
    background-color: #ececec;
    float: left;
    height: auto;
    line-height: normal;
    margin: 0 20px 0 0;
    padding: 5px 10px;
    width: auto;
}
.specializations_text{
    float: left;
    padding: 5px 10px 5px 0px;
	text-align:justify;
}
.specializations_star{
    float: left;
    padding: 4px 10px 10px;
    width: 100%;
}
.active_filter_box{
	float:left;
	width:60%;
	height:auto;
}
.active_filter_box label{
    color: #e55944;
    float: left;
    font-size: 19px;
    height: auto;
    margin: 0 10px 0 0;
    width: auto;
}
.active_filter_list{
    background-color: #7e7e7e;
    border: 1px solid #6e6e6e;
    border-radius: 4px;
    color: #fff;
    float: left;
    height: auto;
    line-height: normal;
    margin: 0 10px 6px 0;
    padding: 2px 10px 3px;
    width: auto;
}
.active_filter_text{
    float: left;
    height: auto;
    width: auto;
}
.active_close_btn{
    background-color: #181818;
    border-radius: 20px;
    color: #efefef;
    float: right;
    font-size: 12px;
    height: auto;
    line-height: normal;
    margin: 0 0 0 10px;
    padding: 2px 7px;
    width: auto;
}
.search_box{
    border: 1px solid #ccc;
    float: right;
    height: auto;
    width: 35%;
}
.catlog_text{
    float: left;
    height: auto;
    width: 22%;
}
.catlog_text a{
    background-color: #ececec;
    color: #000;
    float: left;
    font-size: 15px;
    padding: 7px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.catlog_search{
    background-color: #fff;
    border: 0 none;
    float: left;
    height: auto;
    padding: 9px 10px;
    width: 78%;
}
.catlog_search_go{
    background-color: #f56954;
    border: 0 none;
    color: #fff;
    float: right;
    font-size: 15px;
    height: auto;
    padding: 7px 11px;
    text-transform: uppercase;
    width: auto;
}
.specializations_buy_btn{
    background-color: #f56954;
    border: 0 none;
    border-radius: 2px;
    color: #fff;
    float: left;
    font-size: 14px;
    height: auto;
    padding: 3px 13px;
    text-transform: uppercase;
    width: auto;
}
.specializations_buy_btn:hover{
    background-color: #15bdc3;
	color:#fff;
}





















/*-------------------------PREMIUMCATELOG-END-----------------------*/


@media screen and (max-width: 800px) {
.transaction_pricebox_add{
    float: left;
    margin: 0 0 10px;
    width: 100%;
}
.team-profile{
    margin: 0 10px 20px 0;
    width: 48%;
}
.team_profile_list span{
	width:38%;
}
.team_profile_btn a{
    margin: 0;
    padding: 5px;
    width: 50%;
}
.team_profile_btn button{
    margin: 0 0 10px;
    width: 100%;
}
.rewards_box .rewards_box .col-md-3 {
    width: 100%;
}

.active_filter_box{
	width:100%;
}
.search_box{
	width:100%;
}
.left_filter{
	width:100%;
}
.right_filter{
	width:100%;
}
.specializations_img{
	width:100%;
}
.specializations_right{
	width:100%;
	text-align:center;
}
.specializations_course{
	width:100%;
}





}

@media screen and (max-width: 550px) {
.team-profile{
	width:100%;
	margin:0 0px 20px 0;
}
.rewards_box .rewards_box .col-md-3 {
    width: 95%;
}
}