/*================================================================================
  Item Name: Kode
  Description: Premium Bootstrap Admin Template
  Author: Egemen Kapusuz
  Author URL: http://www.themeforest.net/user/egemem
================================================================================*/
html, body {
	height: 100%;
}

.blank1 { margin:0 auto; height:1px; font-size:1px; clear:both; overflow:hidden }
.blank2 { margin:0 auto; height:2px; font-size:1px; clear:both; overflow:hidden }
.blank3 { margin:0 auto; height:3px; font-size:1px; clear:both; overflow:hidden }
.blank5 { margin:0 auto; height:5px; font-size:1px; clear:both; overflow:hidden }
.blank8 { margin:0 auto; height:8px; font-size:1px; clear:both; overflow:hidden }
.blank10 { margin:0 auto; height:10px; font-size:1px; clear:both; overflow:hidden }
.blank11 { margin:0 auto; height:11px; font-size:1px; clear:both; overflow:hidden }
.blank12 { margin:0 auto; height:12px; font-size:1px; clear:both; overflow:hidden }
.blank13 { margin:0 auto; height:13px; font-size:1px; clear:both; overflow:hidden }
.blank14 { margin:0 auto; height:14px; font-size:1px; clear:both; overflow:hidden }
.blank15 { margin:0 auto; height:15px; font-size:1px; clear:both; overflow:hidden }
.blank16 { margin:0 auto; height:16px; font-size:1px; clear:both; overflow:hidden }
.blank18 { margin:0 auto; height:18px; font-size:1px; clear:both; overflow:hidden }
.blank20 { margin:0 auto; height:20px; font-size:1px; clear:both; overflow:hidden }
.blank23 { margin:0 auto; height:23px; font-size:1px; clear:both; overflow:hidden }
.blank25 { margin:0 auto; height:25px; font-size:1px; clear:both; overflow:hidden }
.blank30 { margin:0 auto; height:30px; font-size:1px; clear:both; overflow:hidden }
.blank35 { margin:0 auto; height:35px; font-size:1px; clear:both; overflow:hidden }
.blank50 { margin:0 auto; height:50px; font-size:1px; clear:both; overflow:hidden }



/**********************************/
/* Color Class */
.color1 {
	color: #37363e;
}
.color2 {
	color: #58666e;
}
.color3 {
	color: #e4e4e4;
}
.color4 {
	color: #f5f5f5;
}
.color5 {
	color: #399bff;
}
.color6 {
	color: #33577b;
}
.color7 {
	color: #26a65b;
}
.color8 {
	color: #51b7a3;
}
.color9 {
	color: #f39c12;
}
.color10 {
	color: #ef4836;
}
.color11 {
	color: #9a80b9;
}
.color12 {
	color: #a2ded0;
}
.color13 {
	color: #d2527f;
}
.color14 {
	color: #c78568;
}
.color15 {
	color: #e99844;
}
/* Color Class Background */
.color0-bg {
	background: #3d464d;
}
.color1-bg {
	background: #37363e;
}
.color2-bg {
	background: #58666e;
}
.color3-bg {
	background: #e4e4e4;
}
.color4-bg {
	background: #f5f5f5;
}
.color5-bg {
	background: #399bff;
}
.color6-bg {
	background: #33577b;
}
.color7-bg {
	background: #26a65b;
}
.color8-bg {
	background: #51b7a3;
}
.color9-bg {
	background: #f39c12;
}
.color10-bg {
	background: #ef4836;
}
.color11-bg {
	background: #9a80b9;
}
.color12-bg {
	background: #a2ded0;
}
.color13-bg {
	background: #d2527f;
}
.color14-bg {
	background: #c78568;
}
.color15-bg {
	background: #e99844;
}
/* Up - Down */
.color-up {
	color: #26a65b;
}
.color-down {
	color: #ef4836;
}
.color-fix {
	color: #399bff;
}
body {
	/*background:url(../images/g-bg4.jpg) repeat center top;*/
	color: #58666e;
	margin: 0;
	line-height: 1.7em;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	outline: 0;
	/*text-Shadow: 0 0 1px rgba(0, 0, 0, 0.2);*/
}
::-moz-selection {
 background: #D5EAFF;
}
::selection {
	background:#ebe9e4;
	/*background: #D5EAFF;*/
}
a {
	color: #399bff;
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: none;
}
b, strong {
	font-weight: 600;
}
/* Grid Normal *
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-right: 15px;
	padding-left: 15px;
}
.row {
	margin-right: -15px;
	margin-left: -15px;
}
/* Grid Widget *
.container-widget .col-xs-1, .container-widget .col-sm-1, .container-widget .col-md-1, .container-widget .col-lg-1, .container-widget .col-xs-2, .container-widget .col-sm-2, .container-widget .col-md-2, .container-widget .col-lg-2, .container-widget .col-xs-3, .container-widget .col-sm-3, .container-widget .col-md-3, .container-widget .col-lg-3, .container-widget .col-xs-4, .container-widget .col-sm-4, .container-widget .col-md-4, .container-widget .col-lg-4, .container-widget .col-xs-5, .container-widget .col-sm-5, .container-widget .col-md-5, .container-widget .col-lg-5, .container-widget .col-xs-6, .container-widget .col-sm-6, .container-widget .col-md-6, .container-widget .col-lg-6, .container-widget .col-xs-7, .container-widget .col-sm-7, .container-widget .col-md-7, .container-widget .col-lg-7, .container-widget .col-xs-8, .container-widget .col-sm-8, .container-widget .col-md-8, .container-widget .col-lg-8, .container-widget .col-xs-9, .container-widget .col-sm-9, .container-widget .col-md-9, .container-widget .col-lg-9, .container-widget .col-xs-10, .container-widget .col-sm-10, .container-widget .col-md-10, .container-widget .col-lg-10, .container-widget .col-xs-11, .container-widget .col-sm-11, .container-widget .col-md-11, .container-widget .col-lg-11, .container-widget .col-xs-12, .container-widget .col-sm-12, .container-widget .col-md-12, .container-widget .col-lg-12 {
	padding-right: 5px;
	padding-left: 5px;
}
.container-widget .row {
	margin-right: -5px;
	margin-left: -5px;
}
.container-widget .panel {
	margin-bottom: 10px;
}
.container-widget .widget {
	margin-bottom: 10px;
}
.container-default {
	padding: 0;
}
.container-widget {
	padding: 0;
	margin-left: -5px;
	margin-right: -5px;
}
.container-padding {
	padding-left: 20px;
	padding-right: 20px;
}
.container-no-padding {
	padding: 0px;
	margin: -20px -30px 0 -30px;
}
.container-mail {
	padding: 0px;
	margin: -20px -30px 0 -30px;
}


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

================================================================================= */
.g-bg1 {
	background-image: url(../images/g-bg1.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	min-width: 1200px;
}
.g-bg2 {
	background-color:#09C;
	background-image: url(../images/g-bg2.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.g-bg-color1 {
	background:#f5f5f5;
	background-image: url(../images/g-bg3.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: repeat;
}
.container {
	width:1200px;
}

.container .row {
	padding:0;
}
/* =================================================================================

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

.m-title1 h3,
.m-title1 h3 a{
	color:#88451a;
}


.m-title2 h3,
.m-title2 h3 a{
	color:#fff;
}


.m-title3 {
	border-bottom:1px solid #d1d1d0;
}
.m-title3 h3,
.m-title3 h3 a{
	color:#88451a;
}
.m-title3 h5 {
	margin-top:34px;
	margin-bottom:17px;
}
/* =================================================================================

================================================================================= */
.g-top {
	/*background: url(../images/g-bg4.jpg) repeat center;*/
}
.top-logo {
	text-align:center;
}
/*logo*/
.m-logo1 {
	text-indent:-99999px;
	height:104px;
	background:url(../images/logo1.png) no-repeat left center;
}


.m-top-login {
	width:100%;
	float:right;
	line-height:32px;
	margin-top:36px;
}
  .m-top-login a {
	  display:block;
	  color:#808080;
	  font-size:16px;
	  height:32px;
	  float:right;
	  margin-left:20px;
  }
  .m-top-login a:hover {
	  color:#754312;
  }
  .m-top-login .glyphicon {
	  display:block;
	  margin:0 10px 0 0;
	  background-repeat:no-repeat;
	  background-position:center;
	  width:32px;
	  float:left;
	  height:32px;
	  font-size:24px;
	  color:#754312;
  }
  .m-top-login .glyphicon-user2 {
	  background-image:url(../images/user-icon.png);
  }
  .m-top-login .glyphicon-user3 {
	  background-image:url(../images/user-icon.png);
  }

  .m-top-login .glyphicon-book2 {
	  background-image:url(../images/book-icon.png);
  }
  .m-top-login .glyphicon-off {
	  margin:0 ;
  }
  .m-top-login .off {
	  border-radius:4px;
	  text-align:center;
  }
  .m-top-login .off:hover {
	  background:#ff7251;
  }
  .m-top-login .off .glyphicon-off {
	  padding-top:4px;
  }
  .m-top-login .off:hover .glyphicon-off {
	  color:#fff;
  }
/* =================================================================================

================================================================================= */
/**/
.list-link {
	list-style:none;
	margin-left:-15px;
	padding-bottom:20px;
}
  .list-link li {
	  position: relative;
	  min-height: 1px;
	  padding-right: 15px;
	  padding-left: 15px;
	  float: left;
	  width: 16.66666667%;
	  font-size:16px;
	  line-height:24px;
  }
  .list-link li a {
	  color:#fff;
  }


.g-foot {
	background:#630;
	color:#fff;
	padding-top:20px;
	padding-bottom:10px;
	min-width: 1200px;
}

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

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

.m-search1 {
	padding:60px 0 20px 0;
}

  .m-search1 .form-area {
	  display:table;
	  width:100%;
  }

  .m-search1 .form-area .form-control,
  .m-search1 .form-area .btn{
	  height:50px;
  }
  .m-search1 .form-area .btn {
	  margin-top:-2px;
  }

  .m-search1 .input-group,
  .m-search1 .input-group2 {
	  width:80%;
	  margin:0 auto;
	  /*border:1px solid #ffdf97;
	  border-radius:6px;
	  background:#fff;*/
  }
  .m-search1 .input-group {
	  border:1px solid #562909;
	  border-radius:4px;
  }
  .m-search1 .input-group .input-group-btn {
	  padding: 0;
  }

  .m-search1 .input-group2 {
	  padding-left:10px;
  }
  .m-search1 .input-group2 .checkbox-inline {
	  padding:15px 10px;
	  color:#fff;
	  margin-left:10px;
  }
  .m-search1 .input-group2 .checkbox-inline input[type="checkbox"]{
	  padding:0;
	  height: auto;
      box-shadow:none;
  }

  .m-search1 .btn.glyphicon-search {
	  background:#c05b1e;
	  color:#fff;
	  font-size:20px;
  }

  .m-search1 .m-search-history {
	  width:80%;
	  margin: 0 auto;
	  padding:0 10px 20px 10px;
	  color:#ffe8b5;
  }
  .m-search1 .m-search-history a {
	  color:#ffe8b5;
  }
  .m-search1 .m-search-history a:hover {
	  color:#fff;
  }
 
  .m-search1 .m-input-change {
	  width:60%;
	  margin:0 auto;
	  padding:40px 0;
  }

  .home-wrap .m-home-btn .thumbnail {
	  width:130px;
	  height:130px;
	  padding:15px;
	  border:4px solid #fff;
	  background:#cfc19e;
	  margin:0 auto;
	  box-shadow:0 7px 10px rgba(0,0,0,0.5);
  }
  .home-wrap .m-home-btn .thumbnail img {
	  padding:0;
  }
  .home-wrap .m-home-btn h4.btn-title{
	  color:#ffdf97;
	  text-align:center;
  }

.g-nav {
	background: url(../images/g-bg5.jpg) repeat center #ab5520 ;
	border-color:#6f2d00;
	border-width:1px 0;
	border-style:solid;
	min-width: 1200px;
}
  .g-nav ul {
	  margin-bottom:0;
	  height:54px;
	  line-height:54px;
  }
  .g-nav ul li {
	  float:left;
	  list-style:none;
	  padding:0;
	  margin:0;
	  font-size:16px;
  }
  .g-nav ul li a {
	  padding:17px 40px;
	  color:#fff;
  }

  .g-nav ul li a.active,
  .g-nav ul li a:hover {
	  background:#6f2d00;
	  color:#fff;
	  font-weight:600;
  }


.g-sidebar1 {
	background:#fff;
	margin-top:30px;
	border:1px solid #dbdbdb;
	height:390px;
}
  .g-sidebar1 .list-group {
	  border:none;
	  background:none;
  }
  .g-sidebar1  .list-group-item {
	  position:relative;
	  background:none;
	  border-radius:0;
	  border-width:0 0 1px 0;
	  padding-top:12.5px;
	  padding-bottom:12.5px;
  }
  .g-sidebar1  .list-group-item:last-child {
	  border-width:0;
  }
  .g-sidebar1  .list-group-item:hover {
	  /*background-image:url(../images/g-bg4.jpg);*/
	  background-repeat:no-repeat;
  }
 
  .g-sidebar1  .list-group-item h5 {
	  font-weight:600;
	  margin-bottom:8px;
	  line-height:28px;
  }
  .g-sidebar1  .list-group-item h5 a {
	  background:#af531b;
	  padding:5px 0.5em 5px 2em;
	  margin-left:-18px;
	  background-image:url(../images/book2-icon.png);
	  background-repeat:no-repeat;
	  background-position:6px 6px;
	  color:#fff;
  }
  .g-sidebar1  .list-group-item h5 span.glyphicon {
	  width: auto ;
	  font-weight:lighter;
	  font-size:12px;
	  top:0;
  }
  .g-sidebar1  .list-group-item a {
	  color:#545353;
  }
  .g-sidebar1  .list-group-item p {
	  white-space:nowrap;
	  text-wrap:suppress;
      text-overflow:ellipsis;
	  overflow:hidden;
  }
  .g-sidebar1  .list-group-item p a {
	  margin-right:1em;
  }
  .g-sidebar1  .list-group-item p a:hover {
	  color:#6f2d00;
  }


.g-sidebar2 {
	position:relative;
	margin-top:30px;
	background:#88451a;
	border:1px solid #dbdbdb;
}

.g-sidebar2 h4 {
	padding-left:15px;
	margin-top:10px;
	font-weight:800;
	color:#fff;
}
.g-sidebar2  ul {
	list-style:none;
	padding:0;
	margin:0;
}
.g-sidebar2  ul li {
	line-height:40px;
	padding-left:15px;
	border-top:1px solid #CCC;
}
.g-sidebar2  ul li a {
	font-size:16px;
	color:#fff;
}
.g-sidebar2  ul li a .glyphicon {
	font-size:8px;
	padding-left:5px;
	top:0;
}
.g-sidebar2  ul li:hover,
.g-sidebar2  ul li:hover a  {
	color:#88451a;
}
.g-sidebar2  ul li.prosahover,
.g-sidebar2  ul li:hover {
	background:#f2e5d8;
}
.g-sidebar2  ul li.active {
	background:#f2e5d8;

}
.g-sidebar2  ul li.active a{
	font-size:16px;
	color:#88451a;
}
.g-sidebar2 ul li .prosmore {
	padding:0;
	position: absolute;
	z-index: 999;
	left: 100%;
	top: 0;
	background-color: #f2e5d8;
	border: 1px #dbdbdb solid;
	border-left: 0 none;
	width: 200px;
	min-height:100%;
	font-size:14px;
}
.g-sidebar2 ul li .prosmore h6  {
	padding:0 15px;
}

.g-sidebar2 ul li .prosmore h6 .glyphicon{
	padding-left:5px;
	top:0;
	color:#af531b;
	font-size:8px;
}
.g-sidebar2 ul li .prosmore h6 a {
	font-size:14px;
	color:#af531b;
}
.g-sidebar2 ul li .prosmore h6 a:hover {
	color:#FF5151;
}
.g-sidebar2 ul li .prosmore h6 a:active {
	color:#FF5151;
}

  .g-sidebar2 ul li .sidebar-list-4  {
	  display:block;
	  overflow:hidden;
	  width:100%;
	  background:#f2e5d8;
	  margin:0;
	  padding-left:15px;
  }
  .g-sidebar2 ul li .sidebar-list-4 li{
	  float:left;
	  border:0px ;
	  padding-left:0;
	  margin-right:14px;
  }
  .g-sidebar2 ul li .sidebar-list-4 li:hover {
	  background-color:transparent;
  }
  .g-sidebar2 ul li .sidebar-list-4 li a {
	  padding:0 ;
	  font-size:14px;
	  margin-left:0;
	  color:#858584;
  }
  .g-sidebar2 ul li .sidebar-list-4 li a:hover {
	  color:#FF5151;
  }


.m-crumb {
	margin:30px 0 20px 0;

	font-size:16px;
}
  .m-crumb a {
	  color:#88451a;
  }
  .m-crumb a:hover {
	  color:#af531b;
  }


.m-content-table1 {
	width:100%;
}
.m-content-table1 table {
	width:100%;
	font-size:14px;
	table-layout:fixed;
}
.m-content-table1 table th {
	text-align:center;
	background:#a54a13;
	color:#fff;
}
.m-content-table1 table tr {
	width:100%;
}
.m-content-table1 table td {
	white-space:nowrap;
	overflow:hidden;
	color:#858584;
	text-overflow:ellipsis;

}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
	border-color:#a9782c;
	border-bottom-color:#FFF;
}
.m-content-table1 table th.td-1 {
	color:#fff;
}
.m-content-table1 table .td-1 {
	width:24.5%;
	font-weight:bolder;
	color:#88451a;
}
.m-content-table1 table .td-2 {
	width:7.5%;
	text-align:center;
}
.m-content-table1 table .td-3 {
	width:13.3%;
	text-align:center;
}
.m-content-table1 table .td-4 {
	width:30%;
}
.m-content-table1 table .td-5 {
	width:25.6%;
	text-align:center;
}
.m-content-table1 table .td-5 a {
	padding:0 5px;
	color:#88451a;
}
  .m-content-table1 table .td-5 a .glyphicon {
	  margin-right:5px;
  }

.m-pager {
}
.m-pager .pager {
}
.m-pager .pager li {
}
.m-pager .pager li > a,
.m-pager .pager li > span {
border-radius:0;
border-radius: 4px;
color:#88451a;
border-color:#88451a;
}
.m-pager .pager li.active a{
background:#af531b;
color:#fff;
}
/*
.m-pager .pager > li:first-child > a,
.m-pager .pager > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.m-pager .pager > li:last-child > a,
.m-pager .pager > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}*/

.m-focus1 {
    margin-top:0px;
    height:480px;
}
.m-focus1 .carousel-inner {
    height:100%;
}
.m-focus1 .carousel-inner .item {
    height:100%;
}
.m-focus1 .carousel-inner > .item > img,
.m-focus1 .carousel-inner > .item > a > img ,
.m-focus1 .carousel-inner img {
    width:100%;
    height:258px;
}
.m-focus1 .carousel-caption{
    left:0;
    bottom:0;
    width:100%;
    height:274px;
    margin:0;
    padding:0;
    text-align:left;
}
.m-focus1 .carousel-caption h4 {
    color:#fff;
    width:100%;
    padding:10px 20px;
    text-align:left;
    font-weight:bold;
    margin:0 auto;
    background:rgba(0,0,0,0.5);
}
.m-focus1 .carousel-caption .m-text {
    margin:0 -15px;
    padding-top:0px;
    display:table;
}
.m-focus1 .carousel-caption .m-text a {
    color:#8a4e29;
}
.m-focus1 .carousel-caption .m-text h5,
.m-focus1 .carousel-caption .m-text p{
    font-size:12px;
    color:#8a4e29;
    text-shadow:none;
}
.m-focus1 .carousel-caption .m-text h5 {
    margin:5px auto;
    font-size:px;
    color:#8a4e29;
    font-weight:bolder;
}
.m-focus1 .carousel-caption .m-text p{
    line-height:20px;
    height:190px;
    overflow: hidden;
    color:#8a4e29;
}

.m-focus1 .carousel-control {
    height:258px;
}
.m-focus1 .carousel-control .glyphicon{
    top:50%;
}
.m-focus1 .carousel-control .glyphicon.glyphicon-chevron-left {
    left:40px;
}
.m-focus1 .carousel-control .glyphicon.glyphicon-chevron-right {
    right:40px;
}

.m-focus1 .carousel-indicators {
    width:auto;
    left: auto;
    bottom:49%;
    right:15px;
    margin:0;
}
.m-focus1 .carousel-indicators li {
    border:1px solid #e26113;
}
.m-focus1 .carousel-indicators li.active {
    background:#e26113;
}





.list-lined {
	display:table;
	margin-top:10px;
}

.list-lined  .nav-tabs li a {
	background:#fff;
	color:#8a4e29;
}
.list-lined .nav-tabs > li.active > a,
.list-lined .nav-tabs > li.active > a:hover,
.list-lined .nav-tabs > li.active > a:focus{
	background:#8a4e29;
	color:#fff;
}

.list-lined .tab-content {
	background:none;
	padding-top:8px;
	padding-left:0;
	padding-right:0;
}
.list-lined .tab-content ul {
	list-style:none;
	margin:0;
	padding:0;
}
.list-lined .tab-content li{
	width:100%;
	line-height:34px;
	font-size:14px;
	white-space:nowrap;
}
.list-lined .tab-content li .number {
	float:left;
	width:18px;
	height:18px;
	background:#CCC;
	line-height:18px;
	margin-top:9px;
	text-align:center;
	color:#fff;
	font-size:12px;
}
.list-lined .tab-content li:nth-child(1) .number,
.list-lined .tab-content li:nth-child(3) .number,
.list-lined .tab-content li:nth-child(2) .number {
	background:#8a4e29;
}
.list-lined .tab-content li a {
	color:#8a4e29;
	margin-left:10px;
	white-space:nowrap;
	overflow:hidden;
}



.list-lined .m-content2{
	width:100%;
	margin-top:10px;
}
.list-lined .m-content2 ul li {
	margin:10px auto;
	padding:10px 0;
}

  .list-lined .m-content2 .media-left {
  }
  .list-lined .m-content2 .media-left img {
	  width:100px;
	  height:auto;
  }

  .list-lined .m-content2 .media-body {
	  margin-left:10px;
  }

  .list-lined .m-content2 .media-body h4 {
	  color:#88451a;
	  font-weight:bold;
	  line-height:26px;
  }
    .list-lined .m-content2 .media-body h4 a{
         color:#88451a;
         font-weight:bold;
         line-height:26px;
     }
  .list-lined .m-content2 .media-body h6 {
	  color:#706f6f;
	  margin:0;
  }
  .list-lined .m-content2 .media-body h6 span {
	  color:#af531b;
  }

.media-search {
	margin-top:10px;
}
  .media-search ul li {
	  padding:25px 10px;
	  border-bottom:1px solid #d1d1d0;
  }
  .media-search ul li.media {
	  margin-top:0;
  }

  .media-search ul li:hover {
	  background:rgba(160,160,160,0.1);
  }
  .media-search .media-left {
	  padding-right:30px;
  }
  .media-search .media-left img {
	  width:155px;
	  height:194px;
  }

  .media-search .media-body {
	  margin-left:10px;
  }
  .media-search .media-body h2 a,
  .media-search .media-body h2 {
	  color:#88451a;
	  font-weight:bold;
	  line-height:26px;
	  margin:5px 0;
  }
  .media-search .media-body h2 span {
	  font-size:16px;
	  font-weight:normal;
	  margin-left:10px;
  }
  .media-search .media-body h6 {
	  color:#706f6f;
	  margin:5px 0;
  }
  .media-search .media-body h6 a {
	  color:#706f6f;
  }
  .media-search .media-body h6 a:hvoer {
	  color:#000;
  }
  .media-search .media-body h2 span,
  .media-search .media-body h6 span {
	  color:#af531b;
  }

  .media-search .media-body h6.m-text {
  }
  .media-search .media-body h6.m-text p{
	  text-indent:2em;
	  max-height:38px;
	  line-height:18px;
	  overflow:hidden;
  }
  .media-search .media-body .m-more .btn {
	  background:#88451a;
	  color:#fff;
  }
  .media-search .media-body .m-more .btn:hover {
	  background:#af531b;
  }


.m-book-content {
	margin-top:10px;
}

  .m-book-content .media-left {
  }
  .m-book-content .media-left img {
	  width:100%;
	  height:auto;
  }

  .m-book-content .media-body.col-xs-8 {
	  width: 66.66666667%;
  }

  .m-book-content .media-body h1 {
	  color:#88451a;
	  font-size:36px;
	  font-weight:bolder;
  }
  .m-book-content .media-body h1 span {
	  margin-left:10px;
	  font-size:18px;
	  color:#af531b;
  }
  .m-book-content .media-body h3 {
	  color:#88451a;
	  font-weight: normal;
	  line-height:26px;
	  margin:15px 0;
	  font-size:26px;
  }
  .m-book-content .media-body h1 span
  .m-book-content .media-body h3 span {
	  font-weight:normal;

  }
  .m-book-content .media-body h5 {
	  color:#706f6f;
	  margin:15px 0;
  }
  .m-book-content .media-body h1 a,
  .m-book-content .media-body h3 a,
  .m-book-content .media-body h5 a {
	  color:#706f6f;
  }
  .m-book-content .media-body h1 a:hover,
  .m-book-content .media-body h3 a:hover,
  .m-book-content .media-body h5 a:hover {
	  color:#88451a;
  }
  .m-book-content .media-body h3 span,
  .m-book-content .media-body h5 span {
	  color:#af531b;
  }

  .m-book-content .media-body h5.m-text {
  }
  .m-book-content .media-body h5.m-text p{
	  text-indent:2em;
	  max-height:38px;
	  line-height:18px;
	  overflow:hidden;
  }




.m-book-content .media-body .m-more a {
    font-size:14px;
    margin-right:20px;
    color:#8c8c8c;
}
.m-book-content .media-body .m-more .btn {
    background:#af531b;
    color:#fff;
    font-size:14px;
}
.m-book-content .media-body .m-more a.btn:hover {
    background:#e26113;
    color:#fff;
}
.m-book-content .media-body .m-more .glyphicon{
    margin-right:3px;
    font-size:20px;
    color:#8c8c8c;
    top:5px;
}
.m-book-content .media-body .m-more a:hover,
.m-book-content .media-body .m-more a:hover .glyphicon  {
    color:#e26113;
}

.m-book-content .media-body .m-more .glyphicon-star-empty{
    color:#8c8c8c;
}







  .m-book-content .jiathis_style {
	  font-size:14px;
	  display:inline-block;
  }
  .m-book-content .jiathis_style .jiathis_txt {
	  float:none;
  }
 
  .m-book-content .m-title3 {
	  border-color:#af531b;
  }
 
  .m-book-content .m-text p{
	  text-indent:2em;
	  font-size:16px;
	  line-height:30px;
	  margin-top:10px;
  }
 
  .m-book-content .m-list-content {
	  margin-top:10px;

  }
  .m-book-content .m-list-content ul {
	  list-style:none;
	  margin:0;
	  padding-left:0;
  }
  .m-book-content .m-list-content ul li {
	  font-size:16px;
	  line-height:30px;
  }
  .m-book-content .m-list-content ul li a {
	  color:#727272;
  }
  .m-book-content .m-list-content ul li a:hover {
	  color:#e26113;
  }
  .m-book-content .m-list-content ul li h5 {
	  font-size:16px;
	  line-height:30px;
  }
  .m-book-content .m-list-content ul li h5 a {
	  border-left: 4px solid #e26113;
	  padding-left:10px;
  }
  .m-book-content .m-list-content ul li p {
	  margin:0 1em;
  }
  
  .m-list-comment .mailbox-inbox{
	  border: none;
	  font-size:14px;
	  color:#8c8c8c;
  }

	.m-list-comment .mailbox-inbox .from {
		font-size:16px;
		color:#8c8c8c;
	}
	.m-list-comment .mailbox-inbox li a:hover {
		background:#ebe9e4;
	}
	
	.m-list-comment .write .title {
		border-top:1px solid #af531b;
		padding:20px 0;
		font-size:20px;
	}
	.m-list-comment .write .title img{
		width:60px;
		border-radius:50%;
		margin-right:20px;
	}
	.m-list-comment .write .btn-default {
	}

.m-btn-list {
}
.m-btn-list .img-btn a {
	display:block;
}
.m-btn-list .img-btn img {
	border-radius:6px;
	width:100%;
	border:1px solid #c6c6c5;
}

.list-book ul {
}
  .list-book li{
	  list-style:none;
  }
  .list-book .thumbnail {
	  border:none;
	  padding:0;
	  background:none;
  }
.list-book .thumbnail img {
    width:100%;
}
  .list-book .thumbnail .caption {
	  padding-left:0;
	  padding-right:0;
  }
  .list-book .thumbnail h5,
  .list-book .thumbnail h6 {
	  margin:0;
	  padding:0;
  }


  .list-book .thumbnail h5 {
	  color:#8a4e29;
	  margin:2px auto;
	  font-weight:bold;
  }
  .list-book .thumbnail h6 {
	  color:#8c8c8c;
  }

#top {
	height: 60px;
	background: #399bff;
	color: #fff;
	width: 100%;
	position: fixed;
	z-index: 900;
	top: 0;
}

.applogo {
	width: 250px;
	height: 60px;
	background: rgba(0, 0, 0, 0.14);
	color: #fff;
	position: relative;
	padding: 19px 0 0 0px;
	float: left;
	text-align: center;
}
.applogo .logo {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
}
/* =================================================================================
Sidebar Open Button - Show or Hide Sidebar
================================================================================= */

.sidebar-open-button:hover, .sidebar-open-button:active {
	background: rgba(255, 255, 255, 0.07);
}
.sidebar-open-button-mobile {
	height: 60px;
	display: none;
	font-size: 22px;
	width: 62px;
	text-align: center;
	float: left;
	color: rgba(0, 0, 0, 0.6);
	padding-top: 19px;
	border-right: 1px solid rgba(0, 0, 0, 0.14);
}
.sidebar-open-button-mobile:hover, .sidebar-open-button-mobile:active {
	background: rgba(255, 255, 255, 0.07);
}
/* =================================================================================
Searchbox - Top Search Input
================================================================================= */
.searchform {
	width: 220px;
	margin: 0 20px;
	float: left;
	padding-top: 14px;
	position: relative;
}
.searchbox {
	border-radius: 999px;
	border: none;
	height: 32px;
	width: 220px;
	padding-left: 20px;
	padding-right: 36px;
	background: rgba(255, 255, 255, 0.95);
	color: #37363e;
	box-shadow: inset none;
}
.searchbox:focus {
	background: #fff;
	box-shadow: none;
	border-top: none;
}
.searchbutton {
	border: none;
	color: rgba(0, 0, 0, 0.5);
	background: none;
	position: absolute;
	top: 18px;
	font-size: 16px;
	right: 15px;
}
/* =================================================================================
Top Menu
================================================================================= */
.topmenu {
	float: left;
	padding-top: 20px;
	padding-left: 0;
	font-weight: 600;
	margin-left: -7px;
}
.topmenu a {
	color: rgba(255, 255, 255, 0.9);
	padding: 7px;
}
.topmenu a:hover {
	color: #fff;
}
.topmenu li {
	display: inline;
}
/* =================================================================================
Sidepanel Open Button - Show or Hide Sidepanel
================================================================================= */
.sidepanel-open-button {
	height: 60px;
	font-size: 22px;
	display: block;
	width: 62px;
	text-align: center;
	float: right;
	color: rgba(0, 0, 0, 0.6);
	padding-top: 19px;
	border-left: 1px solid rgba(0, 0, 0, 0.14);
	z-index: 1;
}
.sidepanel-open-button:hover, .sidepanel-open-button:active {
	background: rgba(255, 255, 255, 0.05);
}
/* =================================================================================
Top Right
================================================================================= */
.top-right {
	line-height: 1.8em;
	float: right;
	padding-right: 20px;
	padding-left: 10px;
	padding-top: 15px;
	font-weight: 600;/* profile box */
  /* notifications */
  /* hd button */
}
.top-right .link {
	display: inline-block;
	padding-left: 8px;
	height: 30px;
}
.top-right .link a {
	display: block;
}
.top-right .dropdown-menu {
	min-width: 135px;
}
.top-right .dropdown-menu .list-title {
	text-align: center;
}
.top-right .dropdown-menu li {
	position: relative;
	display: block;
}
.top-right a {
	color: #fff;
}
.top-right .profilebox {
	color: rgba(255, 255, 255, 0.95);
}
.top-right .profilebox img {
	width: 32px;
	height: 31px;
	float: left;
	border-radius: 100%;
	margin-right: 7px;
	margin-top: -4px;
}
.top-right .profilebox .caret {
	margin-left: 5px;
	color: rgba(255, 255, 255, 0.5);
}
.top-right .profilebox:hover {
	color: #fff;
}
.top-right .notifications {
	color: #fff;
	padding: 4px 12px;
	font-weight: bold;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 999px;
}
.top-right .notifications:hover {
	background: rgba(0, 0, 0, 0.5);
}
.top-right .hdbutton {
	background: #fff;
	color: #404B5F;
	padding: 4px 16px;
	border-radius: 999px;
}
.top-right .hdbutton:hover {
	background: rgba(255, 255, 255, 0.95);
}
/* =================================================================================
Sidebar
================================================================================= */
.sidebar {
	width: 250px;
	position: absolute;
	top: 60px;
	left: 0;
	font-family: 'Montserrat', sans-serif;
	background: #3d464d;
	z-index: 0;
	font-size: 13px;
	font-weight: normal;
	z-index: 500;
	color: rgba(255, 255, 255, 0.8);
}
.sidebar .label {
	font-size: 10px;
	position: relative;
	line-height: 12px;
	padding: 2px 5px;
	position: absolute;
	right: 35px;
	top: 12px;
	font-weight: 600;
}
.sidebar .label-default {
	background: rgba(255, 255, 255, 0.2);
}
.sidebar-panel {
	background: none;
	margin: 0px 20px 0px 20px;
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding: 15px 0px;
}
.sidebar-panel li a {
	display: block;
	color: rgba(255, 255, 255, 0.6);
	padding: 9px 20px 9px 54px;
	margin-left: -20px;
	margin-right: -20px;
	position: relative;
}
.sidebar-panel li a .caret {
	position: absolute;
	right: 20px;
	top: 18px;
	color: rgba(255, 255, 255, 0.4);
}
.sidebar-panel li .icon {
	position: absolute;
	left: 20px;
	top: 8px;
	display: block;
	color: rgba(255, 255, 255, 0.6);
	font-size: 19px;
	border-radius: 3px;
	text-align: center;
	width: 24px;
	height: 24px;
	padding-top: 1px;
}
.sidebar-panel li a:hover, .sidebar-panel li a.active {
	color: #f2f2f2;
	background: rgba(0, 0, 0, 0.2);
}
.sidebar-panel li a:hover .icon, .sidebar-panel li a.active .icon {
	color: #fff;
}
.sidebar-panel li ul {
	display: none;
	padding: 0;
	background: rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 13px;
	margin: 0 -20px 0 -20px;
	font-weight: 400;
}
.sidebar-panel li ul li {
	position: relative;
	margin: 0;
}
.sidebar-panel li ul li a {
	margin: 0px;
	color: rgba(255, 255, 255, 0.6);
	padding: 9px 20px 9px 54px;
}
.sidebar-panel li ul li a:hover {
	background: rgba(0, 0, 0, 0.08);
}
.sidetitle {
	color: rgba(255, 255, 255, 0.5);
	font-size: 10px;
	padding: 0;
	margin: 0 0 5px 3px;
	letter-spacing: 0.4px;
}
.sidebar-plan {
	padding: 20px;
	font-size: 12px;
	bottom: 0;
}
.sidebar-plan .progress {
	height: 6px;
	background: rgba(0, 0, 0, 0.3);
	margin: 7px 0;
}
.sidebar-plan .progress-bar {
	background: #399bff;
}
.sidebar-plan .link {
	position: absolute;
	right: 20px;
	color: rgba(255, 255, 255, 0.6);
}
.sidebar-plan .link:hover {
	color: #fff;
}
.sidebar-plan .space {
	display: block;
	font-size: 11px;
	text-align: center;
	color: rgba(255, 255, 255, 0.5);
}
.sidebar-colorful .sidebar-panel li a .icon {
	font-size: 15px;
	color: #fff;
}
.sidebar-colorful .color1 {
	background: #399bff;
}
.sidebar-colorful .color2 {
	background: #33577b;
}
.sidebar-colorful .color3 {
	background: #26a65b;
}
.sidebar-colorful .color4 {
	background: #51b7a3;
}
.sidebar-colorful .color5 {
	background: #f39c12;
}
.sidebar-colorful .color6 {
	background: #ef4836;
}
.sidebar-colorful .color7 {
	background: #9a80b9;
}
.sidebar-colorful .color8 {
	background: #a2ded0;
}
.sidebar-colorful .color9 {
	background: #d2527f;
}
.sidebar-colorful .color10 {
	background: #c78568;
}
.sidebar-colorful .color11 {
	background: #e99844;
}
.sidebar-square .sidebar-panel li a .icon {
	font-size: 14px;
	border-radius: 0;
	background: rgba(0, 0, 0, 0.3);
}
.sidebar-no-icon .sidebar-panel li a {
	padding-left: 23px;
}
.sidebar-no-icon .sidebar-panel li a .icon {
	display: none;
}
/* =================================================================================
Sidepanel
================================================================================= */
.sidepanel {
	z-index: 9999;
	position: fixed;
	display: none;
	width: 300px;
	top: 60px;
	bottom: 0;
	right: 0;
	padding-top: 20px;
	overflow: auto;
	box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.2);
	background: #FBFBFD;
}
.sidepanel ul {
	padding: 0;
}
.sidepanel li {
	display: block;
}
.sidepanel li a:hover {
	background: rgba(0, 0, 0, 0.02);
}
.sidepanel .nav-tabs {
	font-size: 12px;
	font-weight: bold;
	display: block;
	width: 300px;
	position: fixed;
	background: #3d464d;
	z-index: 2;
	top: 60px;
	padding: 0;
}
.sidepanel .nav-tabs > li {
	float: left;
	margin-bottom: -1px;
	display: inline-block;
	border-right: none;
	width: 33.3333%;
	margin: 0;
}
.sidepanel .nav-tabs > li > a {
	margin-right: 0px;
	line-height: normal;
	color: #fff;
	display: block;
	padding: 10px 0;
	border: none;
	border-radius: 0px;
	text-align: center;
	margin-bottom: -1px;
	padding: 12px 0;
}
.sidepanel .nav-tabs > li > a:hover {
	border-color: none;
}
.sidepanel .nav-tabs > li.active > a, .sidepanel .nav-tabs > li.active > a:hover, .sidepanel .nav-tabs > li.active > a:focus {
	color: #399BFF;
	cursor: default;
	background-color: #fff;
	border: none;
}
.sidepanel-m-title {
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #37363e;
	padding: 16px 0;
	position: relative;
}
.sidepanel-m-title .left-icon, .sidepanel-m-title .right-icon {
	border: 1px solid #e1e1e1;
	color: #58666e;
	position: absolute;
	width: 26px;
	font-size: 13px;
	height: 26px;
	border-radius: 3px;
}
.sidepanel-m-title .left-icon a, .sidepanel-m-title .right-icon a {
	color: #58666e;
	display: block;
}
.sidepanel-m-title .left-icon a:hover, .sidepanel-m-title .right-icon a:hover {
	opacity: 0.7;
}
.sidepanel-m-title .left-icon {
	left: 0;
}
.sidepanel-m-title .right-icon {
	right: 0;
}
/* Today */
.today {
	padding: 0;
}
/* List with Title */
.list-w-title {
	margin: 0px -20px;
}
.list-w-title .label {
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
}
.list-w-title .date {
	position: absolute;
	right: 20px;
	font-size: 11px;
	color: #76757B;
	top: 23px;
}
.list-w-title a {
	display: block;
	position: relative;
	padding: 20px;
	border-bottom: 1px solid #E5E5E5;
	color: #7A8189;
}
.list-w-title h4 {
	margin: 5px 0;
	font-size: 13px;
	font-family: 'Montserrat', sans-serif;
}
/* General Sidepanel Title */
.gn-title {
	background: #E4E4E4;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	margin: 0 -20px;
	padding: 4px 0 4px 20px;
}
/* Todo List */
.todo-list li {
	padding: 5px 0 5px 20px;
}
/* Chat List */
#chat {
	position: relative;
}
#chat .group {
	font-size: 11px;
	margin: 0px -20px;
}
#chat .group .member {
	position: relative;
	line-height: 17px;
}
#chat .group .member a {
	display: block;
	padding: 10px 20px;
	color: #7A8893;
}
#chat .group .member a:hover {
	color: #3D464C;
}
#chat .group .member img {
	border-radius: 50%;
	height: 36px;
	width: 36px;
	float: left;
	margin-right: 10px;
	margin-top: 0px;
}
#chat .group .member b {
	font-weight: 600;
	display: block;
	font-size: 13px;
}
#chat .group .member .status {
	display: block;
	position: absolute;
	right: 20px;
	top: 50%;
	bottom: 50%;
	margin: -4px 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}
#chat .group .member .online {
	background: #3CA63F;
}
#chat .group .member .busy {
	background: #EA5944;
}
#chat .group .member .away {
	background: #E99844;
}
#chat .group .member .offline {
	background: #7B8994;
}
#chat .search {
	padding: 20px;
	border-top: 1px solid #E5E5E5;
	background: #fff;
	position: fixed;
	bottom: 0;
	width: 300px;
	margin-bottom: 0;
	margin-left: -20px;
}
/* =================================================================================
Content
================================================================================= */
.content {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 80px;
	margin-left: 250px;
	background: #f5f5f5;
}
/* =================================================================================
FOOTER
================================================================================= */
.footer {
	border-top: 1px solid #e2e2e2;
	margin-left: -30px;
	margin-right: -30px;
	margin-bottom: 0;
	padding: 10px;
	font-size: 11px;
	color: #666;
	background: rgba(0, 0, 0, 0.02);
}
.footer .col-md-6 {
	margin-bottom: 0;
}
/* =================================================================================
Page Header
================================================================================= */
.page-header {
	background: #fff;
	margin: -20px -30px 20px -30px;
	padding: 20px;
	border-bottom: none;
	position: relative;
}
.page-header .title {
	padding: 0;
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	line-height: normal;
	font-weight: normal;
	color: #37363e;
	padding-bottom: 6px;
}
.page-header .right {
	position: absolute;
	right: 20px;
	bottom: 20px;
	min-width: 500px;
	text-align: right;
}
.page-header .right .btn-group {
	float: right;
}
.page-header .right .btn {
	padding-left: 14px;
	padding-right: 14px;
	font-size: 13px;
}
.page-header .right .btn .fa {
	margin: 0 4px;
}
.page-header .right .btn .no-border {
	border: none;
}
.page-header .right .btn-group .btn {
	border: 1px solid #E8EBED;
}
.page-header .pagination {
	margin: 0;
}
.page-header .widget-inline-list {
	right: 0;
	bottom: -25px;
	position: relative !important;
}
/* Page loading */
.loading {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #3d464d;
	opacity: 0.99;
}
.loading img {
	width: 40px;
	height: 40px;
	position: absolute;
	left: 50%;
	right: 50%;
	bottom: 50%;
	top: 50%;
	margin: -20px;
}
/* =================================================================================
Presentation
================================================================================= */
.presentation {
	background: rgba(0, 0, 0, 0.05);
	margin: -20px -30px 30px -30px;
	padding: 70px 50px;
}
.presentation .titles .icon {
	color: #fff;
	border-radius: 3px;
	font-size: 36px;
	line-height: 0;
	padding: 8px 16px;
	text-align: center;
}
.presentation .titles .icon .fa {
	font-weight: inherit;
}
.presentation .titles h1 {
	font-size: 38px;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	margin: 30px 0 0px 0;
	color: #37363e;
}
.presentation .titles h4 {
	font-size: 24px;
	font-weight: 300;
	color: #777;
	margin: 0px;
}
.presentation .list {
	display: inline-block;
	float: right;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 2em;
	color: #37363e;
	right: 0;
}
.presentation .list a {
	border-bottom: 1px solid #ccc;
}
.presentation .list .fa {
	margin-right: 10px;
	color: #26a65b;
}
/* Icons Preview */
.fa-item {
	padding: 6px 0;
	position: relative;
	padding-left: 50px;
	font-size: 13px;
	color: #37363e;
	border-radius: 3px;
	border: 5px solid #fff;
}
.fa-item .fa {
	position: absolute;
	left: 10px;
	font-size: 20px;
	color: #444;
	display: block;
	width: 40px;
	text-align: center;
}
.fa-item:hover {
	color: #000;
	background: #f2f2f2;
	border-color: #f2f2f2;
}
.colorsheme {
	border-radius: 3px;
	margin-right: 5px;
	margin-bottom: 3px;
	float: left;
	width: 30px;
	height: 30px;
}
/* Kode Alert */
.kode-alert {
	color: #fff;
	position: relative;
	border-radius: 3px;
	text-align: left;
	margin-bottom: 10px;
	padding: 12px;
	padding-right: 30px;
}
.kode-alert a {
	color: inherit;
	text-decoration: underline;
	font-weight: 600;
}
.kode-alert h4 {
	font-size: 14px;
	margin: 0;
	color: inherit;
	font-weight: 600;
	line-height: normal;
}
.kode-alert .img {
	width: 40px;
	height: 40px;
	position: absolute;
	border-radius: 3px;
	left: 12px;
	top: 12px;
}
.kode-alert-img {
	padding-left: 65px;
	min-height: 64px;
}
.kode-alert-icon {
	padding-left: 40px;
}
.kode-alert-icon .fa {
	display: block;
	width: 20px;
	text-align: center;
	position: absolute;
	font-size: 15px;
	left: 12px;
	top: 17px;
}
.kode-alert .closed {
	position: absolute;
	right: 3px;
	text-decoration: none;
	font-weight: bold;
	top: 0px;
	font-size: 20px;
	color: rgba(255, 255, 255, 0.5);
	padding: 4px;
}
.kode-alert .closed:hover {
	color: #fff;
}
.kode-alert-click {
	cursor: pointer;
	padding-right: 12px;
}
.kode-alert .primary {
	outline: 0;
	border: none;
	background: rgba(0, 0, 0, 0.4);
	color: inherit;
	border-radius: 3px;
	padding: 4px 10px;
}
.kode-alert .cancel {
	outline: 0;
	border: none;
	background: rgba(255, 255, 255, 0.4);
	color: rgba(0, 0, 0, 0.8);
	border-radius: 3px;
	padding: 4px 10px;
}
.kode-alert .primary:hover, .kode-alert .cancel:hover {
	opacity: 0.9;
}
.kode-alert-top, .kode-alert-bottom, .kode-alert-top-left, .kode-alert-top-right, .kode-alert-bottom-left, .kode-alert-bottom-right, .kode-alert-fullscreen {
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
	position: fixed;
	display: none;
	z-index: 1000;
}
.kode-alert-top {
	top: 0;
	left: 0;
	right: 0;
}
.kode-alert-bottom {
	bottom: 0;
	left: 0;
	right: 0;
}
.kode-alert-top-left {
	top: 80px;
	left: 20px;
}
.kode-alert-top-right {
	top: 80px;
	right: 20px;
}
.kode-alert-bottom-left {
	bottom: 20px;
	left: 20px;
}
.kode-alert-bottom-right {
	bottom: 20px;
	right: 20px;
}
.kode-alert-fullsize {
	top: 50%;
	left: 50%;
	margin: -20px;
}
.alert1 {
	background: #399bff;
}
.alert2 {
	background: #33577b;
}
.alert3 {
	background: #26a65b;
}
.alert4 {
	background: #51b7a3;
}
.alert5 {
	background: #f39c12;
}
.alert6 {
	background: #ef4836;
}
.alert7 {
	background: #9a80b9;
}
.alert8 {
	background: #a2ded0;
	color: #444;
}
.alert8 .closed {
	color: inherit;
}
.alert8 a:hover.closed {
	color: inherit;
}
.alert9 {
	background: #d2527f;
}
.alert10 {
	background: #c78568;
}
.alert11 {
	background: #e99844;
}
.alert1-light {
	background: #d2e8ff;
	color: #00356c;
}
.alert2-light {
	background: #7ea3c9;
	color: #152433;
}
.alert3-light {
	background: #83e3aa;
	color: #13532e;
}
.alert4-light {
	background: #bde4dc;
	color: #2f7365;
}
.alert5-light {
	background: #fad9a4;
	color: #976008;
}
.alert6-light {
	background: #fac9c4;
	color: #b11e0e;
}
.alert7-light {
	background: #e8e3ef;
	color: #674b88;
}
.alert8-light {
	background: #edf9f6;
	color: #2f8571;
}
.alert9-light {
	background: #f2cbd9;
	color: #97274e;
}
.alert10-light {
	background: #f0dfd8;
	color: #935336;
}
.alert11-light {
	background: #f9e3cd;
	color: #b26515;
}
.alert1-light .closed, .alert2-light .closed, .alert3-light .closed, .alert4-light .closed, .alert5-light .closed, .alert6-light .closed, .alert7-light .closed, .alert8-light .closed, .alert9-light .closed, .alert10-light .closed, .alert11-light .closed {
	color: inherit;
	opacity: 0.6;
}
.alert1-light .closed:hover {
	color: inherit;
	opacity: 0.8;
}
/* =================================================================================
Mailbox
================================================================================= */
.mailbox .write {
	padding: 20px;
	background: #fff;
}
.mailbox-menu {
	background: #fff;
	overflow: hidden;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	position: relative;
}
.mailbox-menu .menu {
	padding: 11px 0;
	margin-bottom: 0;
}
.mailbox-menu .menu li {
	display: inline;
	color: #76747A;
	font-size: 13px;
	padding: 16px 0;
	border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.mailbox-menu .menu li .fa {
	font-size: 16px;
	color: #666;
	margin-right: 5px;
}
.mailbox-menu .menu li a {
	color: #76747A;
	border-radius: 3px;
	padding: 15px 19px;
}
.mailbox-menu .menu li a:hover {
	color: #333;
}
.mailbox-menu .menu li a:hover .fa {
	color: #333;
}
.mailbox-menu .menu li:last-child {
	margin-left: -1px;
}
.mailbox-inbox {
	background: #fff;
	border-right: 1px solid #ddd;
	padding: 0;
	left: 0;
	top: 0;
	color: #76747A;
}
.mailbox-inbox li {
	display: block;
}
.mailbox-inbox .item {
	display: block;
	padding: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.09);
	color: #76747A;
	position: relative;
	font-size: 12px;
}
.mailbox-inbox .item:hover {
	background: #E3F2FF;
}
.mailbox-inbox .item:hover .from {
	color: #37363E;
}
.mailbox-inbox .img {
	width: 40px;
	height: 40px;
	border-radius: 999px;
	float: left;
	margin-right: 10px;
}
.mailbox-inbox .from {
	font-size: 13px;
	display: block;
	color: #333;
}
.mailbox-inbox .date {
	position: absolute;
	font-size: 10px;
	right: 20px;
	top: 20px;
	opacity: 0.7;
}
.mailbox-inbox .search {
	padding: 23px 20px;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.mailbox-inbox .mailbox-search {
	border-radius: 999px;
	border: none;
	height: 32px;
	width: 100%;
	padding-left: 20px;
	padding-right: 36px;
	background: rgba(0, 0, 0, 0.07);
	color: #333;
	box-shadow: inset none;
}
.mailbox-inbox .mailbox-search:focus {
	background: rgba(0, 0, 0, 0.12);
	box-shadow: none;
	border-top: none;
}
.mailbox-inbox .searchbutton {
	right: 35px;
	top: 27px;
}
.panel-widget .mailbox-inbox {
	border: 0;
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: -20px;
}
.container-mailbox {
	position: relative;
}
.chat {
	border-left: 1px solid #ddd;
	margin-left: -1px;
}
.chat .title {
	height: 79px;
	padding: 12px 20px;
	background: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	position: relative;
}
.chat .title h1 {
	margin: 0;
	font-size: 19px;
}
.chat .title .btn-group {
	position: absolute;
	right: 20px;
	bottom: 20px;
}
.chat .conv {
	padding: 20px;
	background: #fff;
	margin-bottom: 0;
}
.chat .conv li {
	display: block;
	position: relative;
	padding-left: 70px;
	margin-bottom: 20px;
}
.chat .conv .img {
	border-radius: 999px;
	width: 50px;
	height: 50px;
	position: absolute;
	left: 0;
	top: 0;
}
.chat .conv .ballon {
	display: inline-table;
	padding: 14px 20px;
	border-radius: 20px;
	margin-bottom: 14px;
}
.chat .conv .color1 {
	background: #B9F98E;
	color: #0A451D;
}
.chat .conv .color2 {
	background: #B6DEFF;
	color: #153440;
}
.chat .conv .addition {
	padding: 5px 20px;
	background: #f2f2f2;
	display: inline-block;
	border-radius: 20px;
	border: 1px dashed #ccc;
	font-size: 12px;
}
.chat .conv .addition a {
	text-decoration: underline;
}
.chat .conv .addition .fa {
	margin-right: 6px;
	font-size: 14px;
}
.chat .conv .date {
	text-align: center;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	padding: 10px 0;
	font-size: 11px;
}
/* Changelog */
.changelogs .title {
	font-weight: 600;
}
.changelogs .version {
	font-size: 13px;
	font-family: 'Montserrat', sans-serif;
}
.changelogs .date {
	font-size: 12px;
	position: absolute;
	right: 20px;
	top: 20px;
}
.changelogs .update {
	position: relative;
	background: #fff;
	padding: 20px;
	border: 1px solid #e4e4e4;
	border-radius: 3px;
	margin-bottom: 20px;
}
.changelogs .list {
	font-size: 12px;
	margin-top: 10px;
	background: #f2f2f2;
	padding: 6px 10px;
	border-radius: 3px;
	border-left: 2px solid #ccc;
}
.changelogs .list h4 {
	margin: 0px;
	font-size: 14px;
}
.changelogs .list:hover {
	background: #eee;
}
/* Social Profile */
.social-top {
	height: 250px;
	padding: 20px 30px;
	border-bottom: 60px solid #fff;
	position: relative;
	background: url(../img/socialbg.jpg);
	background-size: cover;
}
.social-top .profile-img {
	width: 120px;
	height: 120px;
	border-radius: 999px;
	border: 4px solid #fff;
}
.social-top .name {
	margin: 0;
	color: #fff;
	bottom: 5px;
	position: absolute;
	left: 140px;
	top: 10px;
	font-size: 28px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.social-top .name .btn {
	margin-left: 6px;
	text-shadow: none;
}
.social-top .profile-text {
	position: absolute;
	margin: 0;
	height: 25px;
	overflow: hidden;
	font-size: 16px;
	top: 85px;
	left: 140px;
}
.social-top .profile-left {
	position: absolute;
	width: 90%;
	bottom: -52px;
}
.social-stats {
	padding: 0;
	margin: 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	right: 20px;
	bottom: 0;
	color: rgba(0, 0, 0, 0.8);
	position: absolute;
	background: rgba(255, 255, 255, 0.6);
}
.social-stats li {
	display: inline-block;
	width: 31.33333%;
	font-size: 12px;
	padding: 10px 20px;
	text-align: center;
}
.social-stats li b {
	display: block;
	font-weight: 600;
	font-size: 20px;
}
.social-content {
	padding: 20px 30px;
}
.status {
	margin: -20px;
}
.status .who {
	padding: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.status .who img {
	border-radius: 999px;
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 10px;
}
.status .who .name {
	display: block;
	font-size: 13px;
	font-weight: normal;
	line-height: normal;
}
.status .who .name b {
	color: #399bff;
}
.status .who .from {
	font-size: 12px;
	opacity: 0.7;
}
.status .text {
	padding: 20px;
	font-size: 13px;
	color: #37363e;
	line-height: 1.82em;
}
.status .image {
	padding: 20px;
}
.status .image img {
	width: 100%;
}
.status .links {
	margin: 0;
	padding: 15px 20px;
	border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.status .links .fa {
	font-size: 14px;
	margin-right: 2px;
	color: inherit;
}
.status .links li {
	display: inline;
	padding-right: 20px;
}
.status .comments {
	padding: 0 20px;
	font-size: 13px;
	border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.status .comments li {
	display: block;
	position: relative;
	padding: 15px 0 15px 40px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.status .comments li:last-child {
	border-bottom: none;
	padding-bottom: 5px;
}
.status .comments img {
	width: 30px;
	height: 30px;
	border-radius: 999px;
	position: absolute;
	left: 0px;
}
.status .comments .name {
	color: #58666e;
	display: block;
	font-weight: 600;
}
/* =================================================================================
Invoice
================================================================================= */
.invoice {
	background: #fff;
	position: relative;
	padding: 70px;
	border: 1px solid #ccc;
	font-family: 'Montserrat', sans-serif;
}
.invoice .logo {
	line-height: 26px;
	text-align: center;
	color: #76747A;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}
.invoice .logo img {
	margin-bottom: 10px;
}
.invoice .logo b {
	color: #37353E;
	font-weight: 500;
}
.invoice .line {
	border-bottom: 2px solid #E4E4E4;
	padding: 50px 0;
}
.invoice .line h4 {
	margin: 0;
	color: #76747A;
	font-weight: bold;
	font-size: 14px;
}
.invoice .line h2 {
	color: #37353E;
	font-weight: normal;
	font-size: 24px;
	margin: 0;
}
.invoice .table {
	margin-top: 40px;
	color: #37353E;
	font-size: 17px;
}
.invoice .table .title {
	font-size: 14px;
	color: #76747A;
}
.invoice .table p {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #76747A;
}
.invoice .table .total {
	margin: 0;
}
.invoice .table > thead > tr > th, .invoice .table > tbody > tr > th, .invoice .table > tfoot > tr > th, .invoice .table > thead > tr > td, .invoice .table > tbody > tr > td, .invoice .table > tfoot > tr > td {
	padding-left: 0px;
	padding-right: 0px;
}
.invoice .signature {
	border-bottom: 2px solid #E4E4E4;
	border-top: 2px solid #E4E4E4;
	margin: 20px 0;
	padding: 20px 0;
}
.invoice .bottomtext {
	font-size: 11px;
	font-family: 'Open Sans', sans-serif;
}
.invoice .invoicename {
	color: #E4E4E4;
	font-weight: bold;
	font-size: 30px;
	right: 50px;
	top: 50px;
	position: absolute;
}


.s-boxbg1 {
	background-color: rgba(85,37,0,0.5);
}
.m-boxtop {
	margin-bottom:8px;
}
.m-boxbottom {
	margin-top:8px;
}

.login-form {
	position:absolute;
	top:50%;
	width: 100%;
	height:486px;
	margin:-243px auto auto auto;
	text-shadow: none;
	font-size:16px;
}
.login-form form {
	border-radius: 3px;
	text-align: center;
	background-color: rgba(88,45,0,0.5);
}
.login-form form img {
	margin-bottom: 18px;
}
.login-form form .profile {
	border-radius: 999px;
}
.login-form form .top {
	width: 100%;
	text-align: center;
	padding: 30px 0;
	margin: 0 auto;
}

.login-form form .top .icon {
	width: auto;
	height: auto;
	margin: 0 auto;
}
.login-form form .top h1, .login-form form .top h4 {
	margin: 0;
}
.login-form form .top h1 {
	color: #37363E;
	font-size: 30px;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	margin-top: -14px;
}
.login-form form .top h4 {
	font-weight: normal;
	color: #76757B;
	font-size: 15px;
}
.login-form form .form-area {
	margin: 0 auto;
	width: 390px;
	padding: 40px;
}
.login-form form .form-area .group {
	position: relative;
	margin-bottom: 20px;
}
.login-form form .form-area .form-control {
	padding-left: 38px;
	height: 40px;
}
.login-form form .form-area .fa {
	position: absolute;
	top: 11px;
	left: 13px;
	font-size: 16px;
	color: #aa782d;
}
.login-form form .form-area .btn {
	height: 42px;
	font-weight: 600;
}
.login-form form .form-area .btn-login {
	width: 100%;
	background: #aa782d;
	border: 1px solid #ffe8b5;
	color: #ffe8b5;
}
.login-form form .form-area .checkbox {
	padding-left:20px;
	margin-bottom: 20px;
	text-align: left;
	color:#ffdf97;
	font-size:14px;
}
.login-form form .form-area .checkbox-primary input[type="checkbox"] {
	border-radius:4px;
	background-color: #ffe8b5;
	border-color: #754412;
	width:16px;
	height:16px;
}
.login-form .footer-links {
	color: #76757B;
	padding: 10px 5px;
}
.login-form .footer-links a {
	color: #76757B;
}
.login-form .footer-links a:hover {
	color: #37363e;
}



.g-page-read {
	  height:100%;
}


.m-read-box {
	  position:relative;
	  height:100%;
  }
  .m-wrap-read {
	  position:absolute;
	  width:80%;
	  height:88%;
	  top:6%;
	  background-color:transparent;
  }
  .m-left {
	  left:10%;
  }
  .m-right {
	  right:10%;
  }

.m-read-box  .nav-tabs {
	background:none;
	position:absolute;
	top:0;
	z-index:5;
}

.m-left .m-control {
	position:absolute;
	width:26px;
	height:60px;
	background:#006;
	bottom:20px;
	left:20px;
	z-index:1000;
}

.m-right .m-control-1 {
	position:absolute;
	right:-50px;
	bottom:20px;
	width:26px;
	height:100px;
	z-index:1000;
	background:#006;
}
.m-right .m-control-2 {
	position:absolute;
	right:20px;
	bottom:20px;
	width:26px;
	height:50px;
	z-index:1000;
	background:#006;
}
.m-right .m-h4{
	position:absolute;
	right:-50px;
	top:0;
	width:26px;
	height:100px;
	z-index:1000;
	padding-top:30px;
	font-size:18px;
	line-height:22px;
	color:#754412;
}
.m-read-box  .m-title-read1 {
	font-size:16px;
	color:#754412;
	padding:10px 15px;
	background-image:url(../images/m-tt-read.png);
	background-position:left center;
	background-repeat:no-repeat;
	background-color: transparent;
}
.m-read-box  .nav-tabs .m-title-read1,
.m-read-box  .nav-tabs .m-title-read1.active {
	font-size:16px;
	background-image:url(../images/m-tt-read.png);
	background-position:left center;
	background-repeat:no-repeat;
	background-color: transparent;
	border:none;
	padding:0;
}

  .m-read-box  .nav-tabs li.m-title-read1 a {
	  color:#977d63;
  }
  .m-read-box  .nav-tabs li.m-title-read1.active a{
	  color:#754412;
	  background:none;
	  font-weight:800;
  }



.m-read-box .m-wrap-read .m-read-content {
	position:absolute;
	border:none;
	width:100%;
	height:100%;
	top:0;
	background-color:transparent;
	padding:0;
	padding-top:44px;
	z-index:0;
}
.m-read-box .m-wrap-read .tab-pane,
.m-read-box .m-wrap-read iframe {
	border:none;
	background:#fff;
	height:100%;
}


.sidebar2 {
	position: absolute;
	width:74px;
	height:100%;
	left:0;
	top:0;
	background:#ffdf97;
}
.sidebar2 .sidebar-panel {
	padding:0;
	margin:0;
}
.sidebar2 .sidebar-panel li {
	margin:0;
}
.sidebar2 .sidetitle {
	width:100%;
	height:230px;
	background:url(../images/g-bg1.jpg) no-repeat;
	background-size:cover;
}
  .sidebar2 .sidebar-panel li.sidetitle {
	  margin-bottom:10px;
  }
  .sidebar2 .sidebar-panel li.sidetitle a {
	  padding:10px 24px;
  }
  .sidebar2 .sidetitle img {
  }
  .sidebar2 .sidebar-panel li a {
	  padding:8px 20px;
	  margin:0;
	  color:#804e1b;
  }
  .sidebar2 .sidebar-panel li a:hover {
	  color:#ffefcc;
  }
  .sidebar2 .sidebar-panel li .icon {
	  position:relative;
	  top:0;
	  left:0;
	  margin-bottom:10px;
  }
  .sidebar2 .sidebar-panel li i {
	  display:block;
	  width:30px;
	  height:30px;
	  background-position:center;
	  background-repeat:no-repeat;
  }
  .m-read-btn1 {
	  background-image:url(../images/m-read-btn1.png);
  }
  .m-read-btn2 {
	  background-image:url(../images/m-read-btn2.png);
  }
  .m-read-btn3 {
	  background-image:url(../images/m-read-btn3.png);
  }
  .m-read-btn4 {
	  background-image:url(../images/m-read-btn4.png);
  }
  .m-read-btn5 {
	  background-image:url(../images/m-read-btn5.png);
  }
  .m-read-btn6 {
	  background-image:url(../images/m-read-btn6.png);
  }
  .m-read-btn7 {
	  background-image:url(../images/m-read-btn7.png);
  }

.error-pages {
	text-align: center;
	padding-top: 100px;
}
.error-pages .icon {
	border-radius: 4px;
	margin-bottom: 20px;
}
.error-pages h1 {
	color: #37363e;
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
}
.error-pages h4 {
	color: #767279;
	font-weight: normal;
	font-size: 16px;
	margin-top: 10px;
}
.error-pages form {
	width: 400px;
	margin: 0px auto;
	margin-top: 30px;
	position: relative;
}
.error-pages form .form-control {
	padding-left: 34px;
	height: 40px;
}
.error-pages form .fa {
	position: absolute;
	left: 10px;
	top: 11px;
	font-size: 16px;
}
.error-pages .bottom-links {
	margin-top: 30px;
}
.error-pages .bottom-links a {
	margin: 0px 6px;
}
/* =================================================================================
Top Stats
================================================================================= */
.topstats {
	background: #fff;
	padding: 0;
	color: #76747A;
	position: relative;
	font-size: 12px;
	border-radius: 3px;
	margin-left: -5px;
	margin-right: -5px;
	text-shadow: none;
	padding: 12px 0;
}
.topstats li {
	display: block;
	text-align: center;
	margin: 10px 0;
}
.topstats .title {
	color: #37363e;
	font-weight: 600;
	font-size: 13px;
}
.topstats .title .fa {
	font-size: 15px;
	color: #000;
	margin-right: 4px;
	opacity: 0.4;
}
.topstats h3 {
	font-size: 28px;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: -1px;
	line-height: normal;
	margin: 1px 0;
}
.topstats h3 small {
	color: #37363e;
}
.topstats .diff b {
	font-weight: bold;
}
.topstats .diff .fa {
	margin-right: 2px;
}
.topstats .arrow {
	position: absolute;
	width: 0;
	height: 0;
	top: -18px;
	right: 5px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #fff transparent;
}
/* Charts */
.flotchart-container {
	box-sizing: border-box;
	width: 100%;
}
.flotchart-placeholder {
	width: 100%;
	height: 300px;
	font-size: 13px;
	line-height: 1.2em;
}
.legend table {
	border-spacing: 5px;
}
.easypie {
	display: inline-block;
	width: 95px;
	font-size: 12px;
	height: 95px;
	margin: 0 20px 20px 0px;
	vertical-align: top;
	position: relative;
	text-align: center;
	padding-top: 29px;
	border-radius: 999px;
}
.easypie span {
	display: block;
	font-size: 20px;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
}
.easypie canvas {
	position: absolute;
	left: 0;
	width: 95px;
	height: 95px;
	top: 0;
}
.rickshaw-chart {
	width: 100%;
}
/* Demo Css */
/* Demo sidebar */
.demo-sidebarmenu .sidebar {
	position: relative;
	top: 0;
	width: 100%;
}
.demo-sidebarmenu .sidebar .panel {
	position: relative;
}
/* Calendar */
.calendar-layout {
	background: #fff;
	margin: -20px -30px;
	margin-bottom: 0;
	padding: 30px 20px;
}
/* =================================================================================
Awesome Bootstrap Checkbox Rewrite
================================================================================= */
.checkbox-primary input[type="checkbox"]:checked + label::before {
	background-color: #399bff;
	border-color: #399bff;
}
.checkbox-primary input[type="checkbox"]:checked + label::after {
	color: #fff;
}
.checkbox-danger input[type="checkbox"]:checked + label::before {
	background-color: #ef4836;
	border-color: #ef4836;
}
.checkbox-danger input[type="checkbox"]:checked + label::after {
	color: #fff;
}
.checkbox-info input[type="checkbox"]:checked + label::before {
	background-color: #51b7a3;
	border-color: #51b7a3;
}
.checkbox-info input[type="checkbox"]:checked + label::after {
	color: #fff;
}
.checkbox-warning input[type="checkbox"]:checked + label::before {
	background-color: #f39c12;
	border-color: #f39c12;
}
.checkbox-warning input[type="checkbox"]:checked + label::after {
	color: #fff;
}
.checkbox-success input[type="checkbox"]:checked + label::before {
	background-color: #26a65b;
	border-color: #26a65b;
}
.checkbox-success input[type="checkbox"]:checked + label::after {
	color: #fff;
}
.radio-primary input[type="radio"] + label::after {
	background-color: #399bff;
}
.radio-primary input[type="radio"]:checked + label::before {
	border-color: #399bff;
}
.radio-primary input[type="radio"]:checked + label::after {
	background-color: #399bff;
}
.radio-danger input[type="radio"] + label::after {
	background-color: #ef4836;
}
.radio-danger input[type="radio"]:checked + label::before {
	border-color: #ef4836;
}
.radio-danger input[type="radio"]:checked + label::after {
	background-color: #ef4836;
}
.radio-info input[type="radio"] + label::after {
	background-color: #51b7a3;
}
.radio-info input[type="radio"]:checked + label::before {
	border-color: #51b7a3;
}
.radio-info input[type="radio"]:checked + label::after {
	background-color: #51b7a3;
}
.radio-warning input[type="radio"] + label::after {
	background-color: #f39c12;
}
.radio-warning input[type="radio"]:checked + label::before {
	border-color: #f39c12;
}
.radio-warning input[type="radio"]:checked + label::after {
	background-color: #f39c12;
}
.radio-success input[type="radio"] + label::after {
	background-color: #26a65b;
}
.radio-success input[type="radio"]:checked + label::before {
	border-color: #26a65b;
}
.radio-success input[type="radio"]:checked + label::after {
	background-color: #26a65b;
}
/* =================================================================================
Bootstrap Rewrite
================================================================================= */
a:focus, input, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: 0px;
}
/* Typography */
mark {
	background: #FBDDAC;
	padding: 2px 4px;
	border-radius: 3px;
}
code {
	background: #EDF6FF;
	padding: 2px 2px;
	color: #000;
	border: 1px solid #C3E1FF;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: inherit;
	font-weight: 400;
	line-height: 1.6;
	color: #37363e;
}
h1, .h1, h2, .h2, h3, .h3 {
	margin-top: 20px;
	margin-bottom: 10px;
	letter-spacing: -0.02em;
}
h4, .h4, h5, .h5, h6, .h6 {
	margin-top: 15px;
	margin-bottom: 10px;
}
h1, .h1 {
	font-size: 2.25em;
}
h2, .h2 {
	font-size: 2em;
}
h3, .h3 {
	font-size: 1.75em;
}
h4, .h4 {
	font-size: 1.5em;
}
h5, .h5 {
	font-size: 1.25em;
}
h6, .h6 {
	font-size: 1em;
}
.text-st {
	color: #666;
}
.lead {
	line-height: 1.7em;
}
blockquote {
	background: #f2f2f2;
	padding: 16px 20px;
	border-radius: 3px;
	border-left: 5px solid #ccc;
}
blockquote footer, blockquote small, blockquote .small {
	display: block;
	font-size: 80%;
	line-height: 1.42857143;
	color: inherit;
	opacity: 0.6;
}
.blockquote-reverse, blockquote.pull-right {
	border-right: 5px solid #ccc;
}
dt, dd {
	line-height: inherit;
}
.font-title {
	font-family: 'Montserrat', sans-serif;
}
.font-w-300 {
	font-weight: 300;
}
.font-w-400 {
	font-weight: 400;
}
.font-w-600 {
	font-weight: 600;
}
.font-w-700 {
	font-weight: 700;
}
.font-w-800 {
	font-weight: 800;
}
.font-title-tab {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}
/* Button General */
.btn {
	font-size: 14px;
	padding: 7px 20px 7px 20px;
	border: none;
	background: #e4e4e4;
	color: inherit;
	border-radius: 3px;
}
.btn:hover {
	background-color: #eeeeee;
	color: #666;
}
.btn:active, .btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	pointer-events: none;
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}
.btn-xs {
	font-size: 11px;
	padding: 3px 8px;
}
.btn-sm {
	font-size: 12px;
	padding: 5px 14px;
}
.btn-lg {
	font-size: 16px;
	padding: 10px 30px;
}
.btn-xl {
	font-size: 20px;
	padding: 14px 30px;
}
.btn .fa {
	font-size: 15px;
	margin-right: 5px;
}
.btn-icon {
	padding-left: 10px;
	padding-right: 10px;
}
.btn-icon .fa {
	margin: 0;
	font-size: normal;
}
.btn-rounded {
	border-radius: 999px;
}
.btn-square {
	border-radius: 0;
}
.btndiv .btn {
	margin-bottom: 10px;
}
/* Button Default */
.btn-default {
	background-color: #88451a;
	color: #fff;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
	background-color: #af531b;
	color: #fff;
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
	background: #208eff;
	box-shadow: none;
	color: #fff;
}
.btn-default .badge {
	color: #399bff;
	background-color: #fff;
}
/* Button Primary */
.btn-primary {
	background-color: #33577b;
	color: #fff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	background-color: #396189;
	color: #fff;
}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	background: #2c4a69;
	box-shadow: none;
	color: #fff;
}
.btn-primary .badge {
	color: #33577b;
	background-color: #fff;
}
/* Button white */
.btn-white {
	background-color: #e4e4e4;
	color: #666;
}
.btn-white:hover, .btn-white:focus, .btn-white.focus, .btn-white:active, .btn-white.active, .open > .dropdown-toggle.btn-white {
	background-color: #eeeeee;
	color: #666;
}
.btn-white:active, .btn-white.active, .open > .dropdown-toggle.btn-white {
	background: #d7d7d7;
	box-shadow: none;
	color: #666;
}
.btn-white .badge {
	color: #e4e4e4;
	background-color: #fff;
}
/* Button toggle */
.btn-toggle {
	background-color: #e4e4e4;
	color: #666;
	border-size: 4px;
	border-size: 5px;
}
.btn-toggle:hover, .btn-toggle:focus, .btn-toggle.focus, .btn-toggle:active, .btn-toggle.active, .open > .dropdown-toggle.btn-toggle {
	background-color: #eeeeee;
	color: #666;
}
.btn-toggle:active, .btn-toggle.active, .open > .dropdown-toggle.btn-toggle {
	background: #d7d7d7;
	box-shadow: none;
	color: #666;
}
.btn-toggle .badge {
	color: #e4e4e4;
	background-color: #fff;
}
/* Button light */
.btn-light {
	background-color: #fff;
	color: inherit;
	border: 1px solid #BDC4C9;
}
.btn-light:hover, .btn-light:focus, .btn-light.focus, .btn-light:active, .btn-light.active, .open > .dropdown-toggle.btn-light {
	background-color: #f9f9f9;
	color: inherit;
}
.btn-light:active, .btn-light.active, .open > .dropdown-toggle.btn-default {
	box-shadow: none;
	color: inherit;
}
/* Button Success */
.btn-success {
	background-color: #26a65b;
	color: #fff;
}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
	background-color: #2ab764;
	color: #fff;
}
.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
	background: #219150;
	box-shadow: none;
	color: #fff;
}
.btn-success .badge {
	color: #26a65b;
	background-color: #fff;
}
/* Button Info */
.btn-info {
	background-color: #51b7a3;
	color: #fff;
}
.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
	background-color: #5fbdab;
	color: #fff;
}
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
	background: #46a995;
	box-shadow: none;
	color: #fff;
}
.btn-info .badge {
	color: #51b7a3;
	background-color: #fff;
}
/* Button Warning */
.btn-warning {
	background-color: #f39c12;
	color: #fff;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
	background-color: #f4a425;
	color: #fff;
}
.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
	background: #e08e0b;
	box-shadow: none;
	color: #fff;
}
.btn-warning .badge {
	color: #f39c12;
	background-color: #fff;
}
/* Button Danger */
.btn-danger {
	background-color: #ef4836;
	color: #fff;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
	background-color: #f15949;
	color: #fff;
}
.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
	background: #ed321e;
	box-shadow: none;
	color: #fff;
}
.btn-danger .badge {
	color: #ef4836;
	background-color: #fff;
}
/* Button Color11 */
.btn-option1 {
	background-color: #9a80b9;
	color: #fff;
}
.btn-option1:hover, .btn-option1:focus, .btn-option1.focus, .btn-option1:active, .btn-option1.active, .open > .dropdown-toggle.btn-option1 {
	background-color: #a48dc0;
	color: #fff;
}
.btn-option1:active, .btn-option1.active, .open > .dropdown-toggle.btn-option1 {
	background: #8d70b0;
	box-shadow: none;
	color: #fff;
}
.btn-option1 .badge {
	color: #9a80b9;
	background-color: #fff;
}
/* Button Color12 */
.btn-option2 {
	background-color: #a2ded0;
	color: #333;
}
.btn-option2:hover, .btn-option2:focus, .btn-option2.focus, .btn-option2:active, .btn-option2.active, .open > .dropdown-toggle.btn-option2 {
	background-color: #b1e3d8;
	color: #333;
}
.btn-option2:active, .btn-option2.active, .open > .dropdown-toggle.btn-option2 {
	background: #8fd7c6;
	box-shadow: none;
	color: #333;
}
.btn-option2 .badge {
	color: #a2ded0;
	background-color: #fff;
}
/* Button Color13 */
.btn-option3 {
	background-color: #d2527f;
	color: #fff;
}
.btn-option3:hover, .btn-option3:focus, .btn-option3.focus, .btn-option3:active, .btn-option3.active, .open > .dropdown-toggle.btn-option3 {
	background-color: #d6628b;
	color: #fff;
}
.btn-option3:active, .btn-option3.active, .open > .dropdown-toggle.btn-option3 {
	background: #cd3e70;
	box-shadow: none;
	color: #fff;
}
.btn-option3 .badge {
	color: #d2527f;
	background-color: #fff;
}
/* Button Color14 */
.btn-option4 {
	background-color: #c78568;
	color: #fff;
}
.btn-option4:hover, .btn-option4:focus, .btn-option4.focus, .btn-option4:active, .btn-option4.active, .open > .dropdown-toggle.btn-option4 {
	background-color: #cd9177;
	color: #fff;
}
.btn-option4:active, .btn-option4.active, .open > .dropdown-toggle.btn-option4 {
	background: #c07655;
	box-shadow: none;
	color: #fff;
}
.btn-option4 .badge {
	color: #c78568;
	background-color: #fff;
}
/* Button Color15 */
.btn-option5 {
	background-color: #e99844;
	color: #fff;
}
.btn-option5:hover, .btn-option5:focus, .btn-option5.focus, .btn-option5:active, .btn-option5.active, .open > .dropdown-toggle.btn-option4 {
	background-color: #eba256;
	color: #fff;
}
.btn-option5:active, .btn-option5.active, .open > .dropdown-toggle.btn-option5 {
	background: #e68b2d;
	box-shadow: none;
	color: #fff;
}
.btn-option5 .badge {
	color: #e99844;
	background-color: #fff;
}