/*
=========================================================================
Lanceng - Responsive Admin Template
Exclusive on Wrapbootstrap (http://wrapbootstrap.com)

Author				Isoh Design Studio
URL					http://isohdesign.com
Designer			Ari Rusmanto (http://twitter.com/arirusmanto)
Version				1.1.1
Update Released		March 13, 2014
=========================================================================
*/


/*
=========================================================================
BOOTSTRAP LITLE CUSTOM
=========================================================================
*/

/* Import font from Google Font (Open sans) */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeue.eot');
    src: url('../fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaNeue.woff') format('woff'),
         url('../fonts/HelveticaNeue.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'quicksand_bold-webfont';
    src: url('../fonts/quicksand_bold-webfont.eot');
    src: url('../fonts/quicksand_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quicksand_bold-webfont.woff') format('woff'),
         url('../fonts/quicksand_bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'quicksand_book-webfont';
    src: url('../fonts/quicksand_book-webfont.eot');
    src: url('../fonts/quicksand_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quicksand_book-webfont.woff') format('woff'),
         url('../fonts/quicksand_book-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'oxygen_bold';
    src: url('../fonts/oxygen-bold-webfont.eot');
    src: url('../fonts/oxygen-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oxygen-bold-webfont.woff2') format('woff2'),
         url('../fonts/oxygen-bold-webfont.woff') format('woff'),
         url('../fonts/oxygen-bold-webfont.svg#oxygenregular') format('svg');
    font-weight: normal;
    font-style: normal;

} 
/** Body style reset **/
body{
	background: #fff;
	padding-top: 50px;
	margin: 0; -webkit-text-size-adjust: 100%;
	font-family: 'Open Sans', Arial;
}

/** Heading style reset **/
h1,h2,h3,h4,h5,h6{font-family: 'Open Sans', Arial;}

.logo.pull-left.col-md-2 > h1 {
    margin-bottom: 0;
    margin-top: 4px;
}

/** Make container auto **/
.container{width: auto;}

/** Navbar style reset **/
blockquote.reply-message{
	font-size: 14px;
}
.modal{z-index: 9999996;}
.modal-backdrop {
  z-index: 9999995;
}
.navbar{
	margin: 0 0 0 -15px;
	z-index: 999993;
	border-radius: 0;
}
.navbar-collapse{
	padding:0;
	margin: 0;
}
.navbar-default {
	background-color: #fff;
	border: none;
}
.nav.navbar-nav.top-navbar li {position:relative;}
.nav.navbar-nav.top-navbar li a {
	cursor: pointer;
	color: #4C5264;
}
.nav.navbar-nav.top-navbar li span.absolute {
	position:absolute;
	top: 5px;
	left: 25px;
	border-radius: 10px;
	padding: 5px;
	z-index: 999;
}
.dropdown-menu{
	top: 97%;
	z-index: 999992;
}
.dropdown-menu.dropdown-message ul{white-space: inherit;}
.dropdown-menu.dropdown-message li a{
	word-wrap:normal|break-word;
	white-space: inherit;
	width: 300px;
	border-bottom: 1px solid #ddd;
}
.dropdown-menu.dropdown-message li.dropdown-footer a{
	  display: block;
	  padding: 10px 20px 6px;
	  font-size: 12px;
	  line-height: 1.428571429;
	  color: #999999;
	  border-top: 1px solid #ddd;
	  border-bottom: none;
}
.dropdown-menu.dropdown-message li:hover.dropdown-footer a{background: #fff;}
.dropdown-menu.dropdown-message li p{font-size: 11px;}
.dropdown-menu.dropdown-message li p i{color: #65BD77}
.dropdown-menu.dropdown-message .dropdown-message-scroll{padding: 0px;}
.dropdown-menu.dropdown-message .dropdown-message-scroll li{padding: 5px 20px;}
.dropdown-menu.dropdown-message .dropdown-message-scroll a,
.dropdown-menu.dropdown-message .dropdown-message-scroll strong{
	text-decoration: none;
	border-bottom: none;
}
.dropdown-menu.dropdown-message .dropdown-message-scroll .unread{background: #FFFCE0;}
.dropdown-menu.dropdown-message .dropdown-message-scroll a:hover{color: #000}
.dropdown-header.notif-header{
	font-size: 14px;
	padding: 5px 20px 3px;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #555555;
	background-color: #fafafa;
	border-bottom: none;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	color: #555555;
	background-color: #fafafa;
}

/** Breadcrumb **/
.breadcrumb{
	padding: 0;
	background: transparent;
	font-size: 12px;
	margin: 0;
}

/** Progress bar **/
.progress-bar {
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
}
.progress.progress-xs {
	height: 5px;
	margin-top: 30px;
	margin-bottom: 20px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.progress.progress-xs.for-modal {
	margin-top: 10px;
	margin-bottom: 20px;
}
.progress.progress-xs .progress-bar {
	font-size: 11px;
	line-height: 16px;
	color: #ffffff;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
}
.progress.progress-xs.progress-striped .progress-bar {background-size: 10px 10px;}
.progress.progress-sm {
	height: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.progress.progress-sm.progress-striped .progress-bar {background-size: 15px 15px;}


/** Tables **/
.table > thead > tr > th {
	vertical-align: middle;
	border-bottom: 1px solid #dddddd;
}

/** Form **/
.form-control{
	font-size: 13px;
	border-radius: 0;
	border-color: #ddd;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
}
.form-control:focus {
	border-color: #dadada;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(102, 175, 233, 0);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(102, 175, 233, 0);
}
.form-group .checkbox{margin-left: 0; padding-left: 0;}

/** Button **/
.btn{border-radius: 2px;}


/** List group **/
.list-group-item:first-child {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}
.list-group-item:last-child {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

/** Alert **/
.alert {border-radius: 0px;}



/*
=========================================================================
BASIC SELECTOR
=========================================================================
*/

/* === MISC === */
span.new-circle {
	border-radius: 10px;
	padding: 2px 5px;
	font-weight: 400;
}
img.xs-avatar{
	width: 40px;
	padding: 3px;
	background: #fff;
	border: 1px solid #ddd;
	margin: 0px 4px 0 0;
}
img.ava-dropdown{
	float: left;
	margin: 7px 10px 0 0;
}
i.i-xs{font-size: 10px;}
.clear{clear: both}

/** LOADING ANIMATION **/
#loading{
	margin: auto;
	position: fixed;
	top: 0; left: 0; bottom: 0; right: 0;
	z-index: 999999999;
	background:#fff;
}
.spinner {
  margin: 0 auto;
  width: 36px;
  height: 36px;
  position: relative;
}
.cube1, .cube2 {
  background-color: #1B1E24;
  width: 7.5px;
  height: 7.5px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: cubemove 2s infinite ease-in-out;
  animation: cubemove 2s infinite ease-in-out;
}
.cube2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
@-webkit-keyframes cubemove {
  25% { -webkit-transform: translateX(24px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform: translateX(24px) translateY(24px) rotate(-180deg) }
  75% { -webkit-transform: translateX(0px) translateY(24px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform: rotate(-360deg) }
}
@keyframes cubemove {
  25% { 
    transform: translateX(24px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(24px) rotate(-90deg) scale(0.5);
  } 50% { 
    transform: translateX(24px) translateY(24px) rotate(-179deg);
    -webkit-transform: translateX(24px) translateY(24px) rotate(-179deg);
  } 50.1% { 
    transform: translateX(24px) translateY(24px) rotate(-180deg);
    -webkit-transform: translateX(24px) translateY(24px) rotate(-180deg);
  } 75% { 
    transform: translateX(0px) translateY(24px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(24px) rotate(-270deg) scale(0.5);
  } 100% { 
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}
.loading-inner{
	position: absolute;
	top: 50%;
	margin: 0 auto;
	left: 0;
	right: 0;
}



/* === BUTTONS AND ICONS COLOR === */
.btn-facebook{background: #45619D;border-color: #4D6CAD;}
.btn-facebook:hover{background: #395289;border-color: #4D6CAD;}
.btn-twitter{background: #00ACEE;border-color: #00B7FC;}
.btn-twitter:hover{background: #03A0DE;border-color: #00B7FC;}
.btn-gplus{background: #D54636;border-color: #B22E21;}
.btn-gplus:hover{background: #BF392E;border-color: #B22E21;}
.btn-vimeo{background: #1BB6EC;border-color: #0AA0D3;}
.btn-vimeo:hover{background: #12ADE3;border-color: #0AA0D3;}
.btn-pinterest{background: #CD1F28;border-color: #B70F17;}
.btn-pinterest:hover{background: #C9121A;border-color: #B70F17;}
.btn-instagram{background: #4E3D35;border-color: #392C24;}
.btn-instagram:hover{background: #483931;border-color: #392C24;}

i.success{color: #65BD77;}
i.warning{color: #F39C12}
i.info{color: #3498DB}
i.danger{color: #E85344}


/* === MASTER PAGE SELECTORS === */
.page {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.rows, .col, .page {
	overflow: hidden;
	position: absolute;
}
.rows {
	left: 0;
	right: 0;
}
.rows-content-header {
	left: 0;
	right: 0;
	position: absolute;
}
.col {top: 0; bottom: 0;}
.scroll-x { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.scroll-y { overflow-y: auto; -webkit-overflow-scrolling: touch; }
.fill, .pane {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}
.pane { display: none; }

/* === LEFT COLUMN (SIDEBAR) === */
.left {
	width: 225px;
	background: #1B1E24;
	margin-left: -15px;
	overflow: hidden;
	position: absolute;
	top: 0; bottom: 0;
	left: 15px;
}
.header.sidebar{
	background: #000;
	position: absolute;
	right: 0;
	z-index: 1;
	top: 0px;
}
.header.sidebar .logo{
	padding: 14px 20px;
	color: #fff;
}
.header.sidebar .logo img {
    height: 48px;
    margin-right: 2px;
    margin-top: -12px;
}
.header.sidebar .logo h1{
	font-size: 16px;
	margin: 0;
	padding: 0;
	color: #fff;
	font-family: 'Open Sans', Arial;
	font-weight: 600;
	letter-spacing: -1px;
	padding-left:40px;
}
.header.sidebar .logo h1 a{color: #8B91A0;}
.header.sidebar .logo h1 a:hover{
	text-decoration: none;
	color: #fff;
}

/* === LEFT COLUMN (SIDEBAR USER PROFILE) === */
.sidebar-inner{}
.sidebar-inner .media{
	padding: 0px 30px 15px;
	margin: 20px -15px 0 -15px;
	border-bottom: 1px solid #1F2429;
	color: #fff;
}
.sidebar-inner .media a{
	cursor: pointer;
	font-size: 11px;
	margin: 0 5px 0 0;
	color: #8B91A0;
}
.sidebar-inner .media a:hover{
	color: #fff;
	text-decoration: none;
}
.sidebar-inner .media .pull-left{margin: 3px 10px 0 3px;}
.sidebar-inner .media .media-object{width: 57px;}

/* === LEFT COLUMN (SEARCH FORM) === */
.sidebar-inner #search{padding: 15px;}
.sidebar-inner #search form{position: relative;}
.sidebar-inner #search form i{
	color: #909090;
	position: absolute;
	top: 10px;
	right: 10px;
}
.sidebar-inner #search .search{
	border-radius: 0;
	border-color: #121515;
	background: #313940;
	padding-right: 25px;
	font-size: 12px;
	color: #909090;
	-webkit-transition:All 0.25s ease;
	-moz-transition:All 0.25s ease;
	-o-transition:All 0.25s ease;
}
.sidebar-inner #search .search:focus{
	border-color: #121515;
	background: #fdfdfd;
	-webkit-box-shadow: inset 0 1px 1px rgba(2, 0, 0, 0.075), 0 0 8px rgba(1, 1, 1, 0.3);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(1, 1, 1, 0.3);
}

/* === LEFT COLUMN (SIDEBAR VERTICAL MENU) === */
#sidebar-menu,
#sidebar-menu ul,
#sidebar-menu li,
#sidebar-menu a {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	font-weight: normal;
	text-decoration: none;
	line-height: 1;
	font-size: 16px;
	position: relative;
    font-family: 'oxygen_bold' !important;
}
#sidebar-menu a {line-height: 1.3;}
#sidebar-menu {
	width: 100%;
	border-top: 1px solid #1F2429;
}
#sidebar-menu > ul > li > a {
	font-size: 14px;
	display: block;
	color: #8B91A0;
	border-left: 4px solid transparent;
	padding: 10px 15px;
	-webkit-transition:All 0.25s ease;
	-moz-transition:All 0.25s ease;
	-o-transition:All 0.25s ease;
}
#sidebar-menu > ul > li > a:hover {
	color: #fff;
	background: #121515;
	/*padding-left: 20px;*/
	border-left-color: #1c8a96;
}
#sidebar-menu > ul > li > a > i {
	margin-right: 5px;
	color: #D3D6DB;
}
#sidebar-menu > ul > li > a > i.fa.fa-angle-double-down.i-right {opacity: 0.45}
#sidebar-menu > ul > li > a > i.i-right {
	margin: 3px 0 0 0;
	float: right;
}
#sidebar-menu > ul > li > a > i.yellow.i-right {color: #EBC85E;}
#sidebar-menu > ul > li > a:hover {text-decoration: none;}
#sidebar-menu > ul > li.active > a {
	color: #fff;
	background: #121515;
}
#sidebar-menu > ul > li.active > a:hover {
	color: #fff;
	background: #121515;
	padding: 10px 15px;
}
#sidebar-menu > ul > li.selected > a {
	color: #fff;
	background: #121515;
	padding-left: 20px;
}
#sidebar-menu > ul > li  > a span.label{float: right;}
#sidebar-menu > ul > li  > a span.label.span-left{
	float: none;
	margin-left: 5px;
}
#sidebar-menu span.cnt {
	position: absolute;
	top: 8px;
	right: 15px;
	padding: 0;
	margin: 0;
	background: none;
}

/* === LEFT COLUMN (SIDEBAR VERTICAL SUBMENU) === */
#sidebar-menu ul ul {
	display: none;
	border-bottom: 1px solid #121515;
	background: #22262E;
}
#sidebar-menu ul ul.visible {display: block;}
#sidebar-menu ul ul li {border-top: 0;}
#sidebar-menu ul ul a {
	padding: 10px 25px;
	display: block;
	color: #D3D6DB;
	font-size: 13px;
	-webkit-transition:All 0.4s ease;
	-moz-transition:All 0.4s ease;
	-o-transition:All 0.4s ease;
}
#sidebar-menu ul ul a:hover {
	color: #fff;
	background: #121515;
}
#sidebar-menu ul ul li.active a {
	color: #fff;
	background: #121515;
}
#sidebar-menu ul ul a i {margin-right: 5px;}

/* === LEFT COLUMN (SIDEBAR FOOTER) === */
.footer.rows {
	height: 50px;
	bottom: 0;
	background: #0F1215;
	color: #E8EAED;
	padding: 15px;
}
.footer.rows .progress.progress-xs{
	margin: 9px 70px 9px 0;
	overflow: visible;
	position: relative;
}
.footer.rows .progress.progress-xs .progress-precentage{
	display: block;
	position: absolute;
	right: -20px;
	top: -12px;
	padding: 7px 5px;
	border-radius: 50%;
	background: #212121;
	color: #8B91A0;
}
.footer.rows .progress.progress-xs .btn{
	display: block;
	position: absolute;
	right: -70px;
	top: -14px;
	background: #212121;
	color: #8B91A0;
	border: none;
}

/* === RIGHT COLUMN (CONTENT) === */
.right{
	left: 225px;
	right: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
}

/* === RIGHT COLUMN (CONTENT HEADER / NAV) === */
.header.rows { height: 50px;}
.header.rows-content-header { height: 50px;}
.header.content{background: #FFFFFF; border-bottom: 1px solid #E5E9EC}

/* === RIGHT COLUMN (CONTENT BODY) === */
.body.rows {
	top: 50px;
	bottom: 50px;
}
.body.content.rows {
	top: 50px;
	bottom: 0px;
	background: #E5E9EC;
	padding: 20px;
	font-size: 13px;
}
.button-menu-mobile{
	display: none;
	position: absolute;
	left: 0;
	top: 0px;
	z-index: 99999;
	padding: 10px 15px;
	height: 50px;
	font-size: 14px;
	background: #1B1E24;
	color: #A5B2BC;
	border: none;
}
footer{
	padding: 17px;
	font-size: 12px;
	border-top: 1px solid #B9C1CB;
	margin-top: 40px;
    background: #786f71;
    color:#fff;
    position:fixed !important;
    bottom: 0px;
    width: 100%;
    z-index: 1;
}
footer a,footer a:hover
{
    color:#fff;
    text-decoration: none !important;
}

/* === RIGHT COLUMN (PAGE HADING / PAGE TITLE) === */
.page-heading{
	margin: 0px 0 25px;
	padding: 5px 0;
}
.page-heading h1{
	margin: 0;
	padding: 0;
	font-weight: 400;
	font-size: 24px;
}

/* === BOXES === */
.box-info{
	position:relative;
	padding: 15px;
	background: #fff;
	color: #5b5b5b;
	margin-bottom: 20px;
	-webkit-transition:All 0.4s ease;
	-moz-transition:All 0.4s ease;
	-o-transition:All 0.4s ease;
}
.box-info:hover{color: #393E48;}
.box-info:before,
.box-info:after {
  display: table;
  content: " ";
}
.box-info:after {clear: both;}
.box-info .des-thumbnail{padding: 20px;}
.box-info .img-wrap{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.box-info .img-wrap img{width: 100%;}
.box-info .icon-box{
	width: 65px;
	font-size: 30px;
	display: block;
	float: left;
}
.box-info h2{
	padding: 0 15px 15px 15px;
	margin: 5px -15px 20px -15px;
	font-weight: 400;
	font-size: 16px;
	display: block;
	color: #5b5b5b;
	border-bottom: 1px solid #ddd;
}
.box-info h2.no-style{
	padding:0px;
	margin: 20px 0px 10px 0px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 30px;
	border-bottom: none;
}
.box-info.box-messages h2{border-bottom: none;}
.box-info .statistic-chart{padding: 0 0 30px 0;}
.box-info.full{padding: 0px;}
.box-info.full .box-footer{padding: 20px 20px 15px 20px;}
.box-info.full .box-footer a,
.box-info.full .box-footer a:hover{
	color: #1B1E24;
	text-decoration: none;
}
.box-info .nav-tabs {background: #1B1E24;}
.box-info .nav-tabs > li > a {
	margin-right: 0px;
	line-height: 1.428571429;
	font-size: 14px;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: none;
	border-radius: 0px 0px 0 0;
	margin: 0;
	color: #8B91A0;
	-webkit-transition:All 0.4s ease;
	-moz-transition:All 0.4s ease;
	-o-transition:All 0.4s ease;
}

.box-info .nav-tabs > li > a i {color: #fff;}
.box-info .media-list{margin-top: 30px;}
.box-info .media-list a{color: #1B1E24;}
.box-info .media-list a:hover{
	color: #212121;
	text-decoration: none;
}
.box-info .media-list .media{
	padding: 5px 20px;
	border-bottom: 1px solid #eaeaea;
}
.box-info .media-list li:last-child.media{border-bottom: none;}
.box-info .media-list .media .media-heading a{
	font-size: 14px;
	font-weight: 600;
	color: #1B1E24;
	margin-right: 5px;
}
.box-info .media-list .media .media-heading small{
	color: #65BD77;
	font-size: 11px;
}
.box-info .media-list .media p{color: #909090;}
.box-info .media-list .media .media-object{width: 50px;}
.box-info .media-list{}
.box-info .nav-tabs > li.active > a,
.box-info .nav-tabs > li.active > a:hover,
.box-info .nav-tabs > li.active > a:focus {
	cursor: default;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: none;
	background-color: #ffffff;
	color: #1B1E24;
}
.box-info .nav-tabs > li.active > a i,
.box-info .nav-tabs > li.active > a:hover i,
.box-info .nav-tabs > li.active > a:focus i {color: #212121;}
.box-info .additional-box{
	position: absolute;
	top: 10px;
	right: 15px;
	z-index: 99999;
}
.box-info .additional-btn{
	position: absolute;
	top: 17px;
	right: 15px;
	z-index: 10;
}
.kl_imClone .box-info .additional-btn, .kl_imClone .btn-group.bootstrap-select.form-control.kl_thePrestation{z-index: 9;}
/*.box-info .btn-group{z-index: 9999;}*/
.box-info table .btn-group{z-index: 1;}
.box-info .additional-btn .dropdown-menu{z-index: 999999;}
.box-info .additional-btn a.additional-icon{
	color: #909090;
	margin-left: 10px;
	cursor: pointer;
}
.box-info .additional-btn a:hover.additional-icon{text-decoration: none;}

.box-info.success{
	background: #65BD77;
	color: #fff;
}
.box-info.success h2{
	color: #2C7439;
	border-bottom-color: #3B934B;
}
.box-info.success:hover{color: #DEFFE5;}
.box-info.success .additional-btn a.additional-icon{color: #3B934B;}
.box-info.success .additional-btn a:hover.additional-icon{color: #2C7439;}
.box-info.success .text-box h3{color: #215F2E}
.box-info.success .progress-bar-success {background-color: #215F2E;}
.box-info.success i.success {color: #215F2E;}

.box-info.danger{
	background: #D9534F;
	color: #fff;
}
.box-info.danger h2{
	color: #791C1A;
	border-bottom-color: #791C1A;
}
.box-info.danger:hover{color: #fff;}
.box-info.danger .additional-btn a.additional-icon{color: #791C1A;}
.box-info.danger .additional-btn a:hover.additional-icon{color: #791C1A;}
.box-info.danger .text-box h3{color: #791C1A}
.box-info.danger .progress-bar-danger {background-color: #791C1A;}
.box-info.danger i.danger {color: #791C1A;}

.box-info.info{
	background: #4393D8;
	color: #fff;
}
.box-info.info h2{
	color: #15558B;
	border-bottom-color: #15558B;
}
.box-info.info:hover{color: #DEFFE5;}
.box-info.info .additional-btn a.additional-icon{color: #15558B;}
.box-info.info .additional-btn a:hover.additional-icon{color: #15558B;}
.box-info.info .text-box h3{color: #15558B}
.box-info.info .progress-bar-info {background-color: #15558B;}
.box-info.info i.info {color: #15558B;}

.box-info.warning{
	background: #F7CB17;
	color: #fff;
}
.box-info.warning h2{
	color: #9D5D03;
	border-bottom-color: #9D5D03;
}
.box-info.warning:hover{color: #DEFFE5;}
.box-info.warning .additional-btn a.additional-icon{color: #9D5D03;}
.box-info.warning .additional-btn a:hover.additional-icon{color: #9D5D03;}
.box-info.warning .text-box h3{color: #9D5D03}
.box-info.warning .progress-bar-warning {background-color: #9D5D03;}
.box-info.warning i.warning {color: #9D5D03;}

.box-info .additional{
	padding: 0 15px;
	background: #fff;
	color: #909090;
	margin: 15px -15px -15px -15px;
}
.box-info .additional .list-box-info{margin: 0 -15px;}
.box-info .additional .list-box-info ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.box-info .additional .list-box-info ul li{
	background: #fff;
	padding: 15px 20px;
	color: #909090;
	border-bottom: 1px solid #ddd;
}
.box-info .additional .list-box-info ul li span.label{
	float: right;
	font-size: 13px;
}
.box-info .additional .list-box-info ul li:last-child{border-bottom: 1px solid #fff;}
.box-info.full h2{
	padding: 15px;
	margin: 5px 0px 20px 0px;
}
.box-info table{margin: 0;}
.box-info table tr th,
.box-info table tr td{
	padding-left: 12px;
	padding-right: 12px;
}

.box-info .text-box h3{
	padding: 0;
	margin: 5px 0;
	font-weight: 600;
	font-size: 20px;
	display: block;
	color: #4C5264
}
.box-info .text-box p{font-size: 14px;}






/*
=========================================================================
WIDGET SELECTOR
=========================================================================
*/

/* === QUICK POST === */
p.quick-post {margin: 10px 5px;}
p.quick-post i {
	color: #909090;
	margin: 5px;
	cursor: pointer;
}
p.quick-post.message i {margin: 0 2px;}
p.quick-post.message {
	margin: 3px 0px;
	padding: 0;
	text-align: right;
}

/* === CHAT === */
.chat-widget{
	height: 300px;
	margin-bottom: 20px;
}
form.input-chat{margin-top: 20px;}
.chat-widget .media-list{margin: 0;}
.chat-widget .media-list .media{border-bottom: none;}
.chat-widget .media-list .media .media-object{
	width: 50px;
	padding: 4px;
	border: 1px solid #eaeaea
}
.chat-widget .media-list .media .media-body{
	background: #f7f7f7;
	border-radius: 3px;
	padding: 10px;
	color: #677179;
}
.chat-widget .media-list .media .media-body p.time{
	text-align: right;
	color: #909090;
	font-size: 11px;
	font-style: italic;
}
.chat-widget .media-list .media .media-body.success{background: #EDFFED;}
.chat-widget .media-list .media .media-body.warning{background: #FFFCE0;}
.chat-widget .media-list .media .media-body.danger{background: #FFE8E8;}
.chat-widget .media-list .media .media-body.info{background: #E5F5FF;}




/*
=========================================================================
ELEMENT SELECTOR
=========================================================================
*/

/** Typography **/
.the-notes{
	padding: 15px 15px 15px 30px;
	border-left: 4px solid #909090;
	margin-bottom: 20px;
}
.the-notes.default{background: #fff;}
.the-notes.success{
	background: #fff;
	border-left-color: #65BD77;
}
.the-notes.warning{
	background: #fff;
	border-left-color: #F7CB17;
}
.the-notes.danger{
	background: #fff;
	border-left-color: #D9534F;
}
.the-notes.info{
	background: #fff;
	border-left-color: #4393D8;
}
.the-notes.success h4{color: #65BD77;}
.the-notes.warning h4{color: #F7CB17;}
.the-notes.danger h4{color: #D9534F;}
.the-notes.inf h4{color: #4393D8;}





/*
=========================================================================
FORM SELECTOR
=========================================================================
*/
/** Form Element **/
.selectpicker{
	border-radius: 0;
	font-size: 13px;
}


/** Form Wizard **/
#myWizard {}
.easyWizardSteps {
	list-style:none;
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0;
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
	background: #fafafa;
}
.easyWizardSteps li {
	font-size:18px;
	display:inline-block;
	padding:10px 20px;
	color:#B0B1B3;
	margin-right:0px;
}
.easyWizardSteps li span {
	font-size:20px;
	padding: 2px 10px;
	border-radius: 50%;
	margin-top: -5px;
}
.easyWizardSteps li.current span {
	background: #65BD77;
	color: #fff;
}
.easyWizardSteps li.current {
	color:#2C7439;
	background: #fff;
}
.easyWizardButtons {overflow:hidden;padding:10px;}
.easyWizardButtons button, .easyWizardButtons .submit {cursor:pointer}
.easyWizardButtons .prev {float:left}
.easyWizardButtons .next, .easyWizardButtons .submit {float:right}
.notes{
	padding: 15px;
	border: 1px dashed #ddd;
}
section.step{padding: 0 30px;}






/*
=========================================================================
TABLE SELECTOR
=========================================================================
*/






/*
=========================================================================
GALLERY SELECTOR
=========================================================================
*/
.gallery-wrap{margin: 10px -10px;}
.gallery-wrap:before,
.gallery-wrap:after {
  display: table;
  content: " ";
}
.gallery-wrap:after {clear: both;}
.gallery-wrap .column{
	float: left;
	width: 20%;
	margin: 0;
	padding: 0;
}
.gallery-wrap .column-4{
	float: left;
	width: 25%;
	margin: 0;
	padding: 0;
}
.gallery-wrap .column-3{
	float: left;
	width: 33.33333333333333%;
	margin: 0;
	padding: 0;
}
.gallery-wrap .column .inner,
.gallery-wrap .column-4 .inner,
.gallery-wrap .column-3 .inner{
	margin: 10px;
	position: relative;
	overflow: hidden;
	-webkit-transition:All 0.4s ease;
	-moz-transition:All 0.4s ease;
	-o-transition:All 0.4s ease;
}
.gallery-wrap .column .inner:hover,
.gallery-wrap .column-4 .inner:hover,
.gallery-wrap .column-3 .inner:hover{
	-webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.5);
}
.gallery-wrap .column .inner a .img-wrap,
.gallery-wrap .column-3 .inner a .img-wrap,
.gallery-wrap .column-4 .inner a .img-wrap{
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}
.gallery-wrap .column .inner .img-wrap{
	height: 100px;
	overflow: hidden;
	background: #ddd;
}
.gallery-wrap .column-3 .inner .img-wrap{
	height: 200px;
	overflow: hidden;
	background: #ddd;
}
.gallery-wrap .column-4 .inner .img-wrap{
	height: 150px;
	overflow: hidden;
	background: #ddd;
}
.gallery-wrap .column .inner .img-frame,
.gallery-wrap .column-3 .inner .img-frame,
.gallery-wrap .column-4 .inner .img-frame{
	padding: 5px;
	background: #fff;
	display: block;
	position: relative;
	-webkit-transition:All 0.4s ease;
	-moz-transition:All 0.4s ease;
	-o-transition:All 0.4s ease;
}
.gallery-wrap .column .inner:hover .img-frame,
.gallery-wrap .column-3 .inner:hover .img-frame,
.gallery-wrap .column-4 .inner:hover .img-frame{background: #fff;}

.gallery-wrap .column .inner:hover .img-frame.success,
.gallery-wrap .column-3 .inner:hover .img-frame.success,
.gallery-wrap .column-4 .inner:hover .img-frame.success{background: #65BD77;}

.gallery-wrap .column .inner:hover .img-frame.warning,
.gallery-wrap .column-3 .inner:hover .img-frame.warning,
.gallery-wrap .column-4 .inner:hover .img-frame.warning{background: #EBC85E;}

.gallery-wrap .column .inner:hover .img-frame.danger,
.gallery-wrap .column-3 .inner:hover .img-frame.danger,
.gallery-wrap .column-4 .inner:hover .img-frame.danger{background: #D73D3D;}

.gallery-wrap .column .inner:hover .img-frame.info,
.gallery-wrap .column-3 .inner:hover .img-frame.info,
.gallery-wrap .column-4 .inner:hover .img-frame.info{background: #67B0D1;}

.gallery-wrap .column .inner .img-wrap img,
.gallery-wrap .column-4 .inner .img-wrap img,
.gallery-wrap .column-3 .inner .img-wrap img{width: 100%;}

.gallery-wrap .column .inner .caption-hover,
.gallery-wrap .column-4 .inner .caption-hover,
.gallery-wrap .column-3 .inner .caption-hover{
	position: absolute;
	bottom: -100px;
	left: 0;
	right: 0;
	text-align: center;
	color: #909090;
	padding: 10px;
	background: #fff;
	-webkit-transition:All 0.4s ease;
	-moz-transition:All 0.4s ease;
	-o-transition:All 0.4s ease;
}

.gallery-wrap .column .inner .caption-hover.success,
.gallery-wrap .column-4 .inner .caption-hover.success,
.gallery-wrap .column-3 .inner .caption-hover.success{
	color: #2C7439;
	background: #65BD77;
}

.gallery-wrap .column .inner .caption-hover.danger,
.gallery-wrap .column-4 .inner .caption-hover.danger,
.gallery-wrap .column-3 .inner .caption-hover.danger{
	color: #790D0D;
	background: #D73D3D;
}

.gallery-wrap .column .inner .caption-hover.warning,
.gallery-wrap .column-4 .inner .caption-hover.warning,
.gallery-wrap .column-3 .inner .caption-hover.warning{
	color: #B27C05;
	background: #EBC85E;
}

.gallery-wrap .column .inner .caption-hover.info,
.gallery-wrap .column-4 .inner .caption-hover.info,
.gallery-wrap .column-3 .inner .caption-hover.info{
	color: #0A487C;
	background: #67B0D1;
}

.gallery-wrap .column .inner:hover .caption-hover,
.gallery-wrap .column-4 .inner:hover .caption-hover,
.gallery-wrap .column-3 .inner:hover .caption-hover{bottom: 0px;}

.gallery-wrap .column .inner .caption-static,
.gallery-wrap .column-4 .inner .caption-static,
.gallery-wrap .column-3 .inner .caption-static{
	position: relative;
	text-align: center;
	color: #909090;
	padding: 10px;
	background: #fff;
	margin: 0;
}

.gallery-wrap .column .inner a:hover,
.gallery-wrap .column-4 .inner a:hover,
.gallery-wrap .column-3 .inner a:hover{text-decoration: none;}

.gallery-wrap .column .inner .caption-static.success,
.gallery-wrap .column-4 .inner .caption-static.success,
.gallery-wrap .column-3 .inner .caption-static.success{
	color: #2C7439;
	background: #65BD77;
}

.gallery-wrap .column .inner .caption-static.danger,
.gallery-wrap .column-4 .inner .caption-static.danger,
.gallery-wrap .column-3 .inner .caption-static.danger{
	color: #790D0D;
	background: #D73D3D;
}

.gallery-wrap .column .inner .caption-static.warning,
.gallery-wrap .column-4 .inner .caption-static.warning,
.gallery-wrap .column-3 .inner .caption-static.warning{
	color: #B27C05;
	background: #EBC85E;
}

.gallery-wrap .column .inner .caption-static.info,
.gallery-wrap .column-4 .inner .caption-static.info,
.gallery-wrap .column-3 .inner .caption-static.info{
	color: #0A487C;
	background: #67B0D1;
}


/* === GALLERY (ZOOM) === */
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {opacity: 0.8;}
.mfp-fade.mfp-bg.mfp-removing {opacity: 0;}
.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1;}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0;}





/*
=========================================================================
GRAPH / CHART SELECTOR
=========================================================================
*/






/*
=========================================================================
READY PAGES
=========================================================================
*/

/** Login, Register, Forgot Password, Lock Screen and Error Page **/
.full-content-center{
	width: 100%;
	max-width: 500px;
	margin: 5% auto;
	text-align: center;
}
.full-content-center img.logo-login{
	width: 70px;
	margin-right: 10px;
	background: #272C31;
}
body.full-content{
	background : #E5E9EC;
	padding-top: 0px;
}
.full-content-center h1{
	font-size: 150px;
	font-weight: 600;
}
.login-wrap{
	margin: 20px 10%;
	text-align: left;
}
.login-wrap i{margin-right: 5px;}
.login-wrap .checkbox{
	margin-left: 0;
	padding-left: 0;
}
.login-wrap .btn-block{margin: 5px 0;}
.login-wrap .login-input{position: relative;}
.login-wrap .login-input .text-input{padding-left: 30px;}
.login-wrap .login-input i.overlay{
	position: absolute;
	left: 10px;
	top: 10px;
	color: #aaa;
}
.ava-lock-screen img{
	width: 100px;
	margin: 10px 0 0 10px;
}

/** Search Results **/
.box-info .media-list.search-result .media a{color: #46C45F;}
.box-info .media-list.search-result .media .media-heading a{color: #1279D1;}
.box-info .media-list.search-result .media .media-heading span{
	font-size: 12px;
	font-weight: 400;
	padding: 3px 5px;
}
.box-info .media-list.search-result .media .media-object{width: 100px;}

/** FAQ **/
ul.faq {
	list-style: none;
	padding-left: 10px;
	margin: 20px 0 50px;
}
ul.faq li i{margin-right: 5px;}
ul.faq li{margin: 10px 0;}
ul.faq li a.faq-question{
	cursor: pointer;
	display: block;
	font-size: 14px;
}
ul.faq li .faq-answer{margin: 10px 15px;}


/** Pricing table **/
table.pricing-table-style-1{
	text-align: center;
	background: #fff;
}
table.pricing-table-style-1 thead tr th {
	padding: 15px;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}
table.pricing-table-style-1 thead tr th.best-choice {
	color: #A2A7B7;
	background: #0F1215;
	border-bottom-color: #000;
}
table.pricing-table-style-1 tbody tr td.best-choice {
	background: #1B1E24;
	font-weight: 600;
	font-size: 15px;
	color: #fafafa;
	border-top-color: #000;
}
table.pricing-table-style-1 tbody tr td.td-success {
	background: #65BD77;
	font-weight: 600;
	color: #2C7439;
	text-align: right;
	border-top-color: #55AD67;
}
table.pricing-table-style-1 thead tr th.th-success {
	color: #65BD77;
	background: #55AD67;
	border-bottom-color: #55AD67;
}
.la-pricing-table{
	margin: 30px 0;
	text-align: center;
}
.la-pricing-table:before,
.la-pricing-table:after {
	display: table;
	content: " ";
}
.la-pricing-table:after {clear: both;}
.la-pricing-table .la-col-4{
	float: left;
	margin: 20px 0 20px 0;
	padding: 0;
	width: 25%;
	border: 3px solid transparent;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	position: relative;
	overflow: hidden;
}
.la-pricing-table .la-col-4:hover{border-color: #434D58;}
.la-pricing-table .la-col-4 i.bg-big{
	position: absolute;
	font-size: 210px;
	opacity: .05;
	top: 20%;
	left: 0;
	right: 0;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.la-pricing-table .la-col-4:hover i.bg-big{
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-o-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	opacity: 0;
}
.la-pricing-table .la-col-4 ul{
	list-style: none;
	padding:0;
	margin: 0;
	background: #fff;
}
.la-pricing-table .la-col-4 ul li{
	padding: 10px 20px;
	display: block;
	font-size: 13px;
}
.la-pricing-table .la-col-4 ul li.la-package{
	font-size: 24px;
	font-weight: 600;
	background: #121515;
	color: #fff;
}
.la-pricing-table .la-col-4 ul li.la-price{
	font-size: 18px;
	font-weight: 600;
	color: #8E98AD;
	background: #434D58;
	margin: 0 20px;
}
.la-pricing-table .la-col-4 ul li.la-price i{font-size: 13px;}

/* === PRICING TABLES SUCCESS === */
.la-pricing-table .la-col-4.success{}
.la-pricing-table .la-col-4:hover.success{border-color: #2C7439;}
.la-pricing-table .la-col-4.success ul {background: #65BD77;}
.la-pricing-table .la-col-4.success ul li{color: #fff;}
.la-pricing-table .la-col-4.success ul li.la-package{
	color: #BCF5C6;
	background: #2C7439;
}
.la-pricing-table .la-col-4.success ul li.la-price{
	color: #fff;
	background: #3E984D;
}

/* === PRICING TABLES DANGER === */
.la-pricing-table .la-col-4.danger{}
.la-pricing-table .la-col-4:hover.danger{border-color: #B42424;}
.la-pricing-table .la-col-4.danger ul {background: #D73D3D;}
.la-pricing-table .la-col-4.danger ul li{color: #fff;}
.la-pricing-table .la-col-4.danger ul li.la-package{
	color: #FFB4B4;
	background: #B42424;
}
.la-pricing-table .la-col-4.danger ul li.la-price{
	color: #fff;
	background: #C42E2E;
}

/* === PRICING TABLES INFO === */
.la-pricing-table .la-col-4.info{}
.la-pricing-table .la-col-4:hover.info{border-color: #1F6AAA;}
.la-pricing-table .la-col-4.info ul {background: #529DDE;}
.la-pricing-table .la-col-4.info ul li{color: #fff;}
.la-pricing-table .la-col-4.info ul li.la-package{
	color: #C6E5FF;
	background: #1F6AAA;
}
.la-pricing-table .la-col-4.info ul li.la-price{
	color: #fff;
	background: #2E71AD;
}

/* === PRICING TABLES WARNING === */
.la-pricing-table .la-col-4.warning{}
.la-pricing-table .la-col-4:hover.warning{border-color: #F08600;}
.la-pricing-table .la-col-4.warning ul {background: #EBC85E;}
.la-pricing-table .la-col-4.warning ul li{color: #fff;}
.la-pricing-table .la-col-4.warning ul li.la-package{
	color: #FFF5C9;
	background: #F08600;
}
.la-pricing-table .la-col-4.warning ul li.la-price{
	color: #fff;
	background: #FFAA00;
}

/** Invoice **/
.icon-print{
	position: absolute;
	top: 10px;
	right: 20px;
	font-size: 22px;
}
.icon-print a{color: #909090;}
.icon-print a:hover{
	color: #212121;
	text-decoration: none;
}
.company-column{
	padding: 15px;
	border: 1px dashed #ddd;
	margin-bottom: 20px;
}

.bill-to{
	padding: 15px;
	margin-bottom: 20px;
	background: #E5E9EC;
}


/** User profile **/
.user-profile-sidebar{margin: 0 0 20px 0;}
.user-profile-sidebar .user-identity{margin: 20px 0 0 0;}
.user-profile-sidebar img{width: 90px;}
.account-status-data{
	text-align: center;
	padding: 10px 0;
	border-top: 1px dashed #ddd;
	border-bottom: 1px dashed #ddd;
	margin: 10px 0 20px 0;
}
.account-status-data h5{
	font-size: 11px;
	line-height: 150%;
	color: #909090
}
.user-button{ margin: 15px 0;}
.user-button .btn{ margin: 5px 0;}

#social{
	padding: 10px;
	background: #E5E9EC;
	text-align: center;
}
#social a:hover{text-decoration: none;}

.fa-circle.facebook{color: #5471AE;}
.fa-circle.twitter{color: #4EC6F6;}
.fa-circle.gplus{color: #E24E3E;}
.fa-circle.tumblr{color: #4D77A3;}
.fa-circle.linkedin{color: #3097CE;}
.user-profile-content{margin: 30px 15px;}








/*
=========================================================================
ICONS SHOWCASE
=========================================================================
*/
.icon-showcase i {margin-right: 5px;}
.bs-glyphicons {
	padding-left: 0;
	padding-bottom: 1px;
	margin-bottom: 20px;
	list-style: none;
	overflow: hidden;
}
.bs-glyphicons li {
	float: left;
	width: 25%;
	height: 115px;
	padding: 10px;
	margin: 0 -1px -1px 0;
	font-size: 12px;
	line-height: 1.4;
	text-align: center;
	border: 1px solid #ddd;
}
.bs-glyphicons .glyphicon {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 24px;
}
.bs-glyphicons .glyphicon-class {
	display: block;
	text-align: center;
	word-wrap: break-word; /* Help out IE10+ with class names */
}
.bs-glyphicons li:hover {background-color: rgba(86,61,124,.1);}

@media (min-width: 768px) {
	.bs-glyphicons li {width: 12.5%;}
}





/*
=========================================================================
MESSAGES
=========================================================================
*/
.menu-message{margin: 20px 0;}
.table-message tr.unread{
	font-weight: 600;
	background: #FFFCE0;
}
.table-hover > tbody > tr:hover.unread > td{background: #FCF5BF;}
.table-message > tbody > tr > td > a{
	display: block;
	color: #5b5b5b;
}
.table-message > tbody > tr > td > a:hover{text-decoration: none;}
.data-table-toolbar{margin: 15px 0;}
.data-table-toolbar span.paging-status{
	font-weight: bold;
	margin: 10px 10px 0 0;
}
.input-message{margin-top: -1px;}
hr.dashed {
	height: 1px;
	background: transparent;
	border-top: none;
	border-bottom: 1px dashed #ddd;
}
.data-table-toolbar{
	margin: 15px 0;
	padding: 0 15px;
}
.toolbar-btn-action{text-align: right;}





/*
=========================================================================
UPDATE FOR VERSION 1.1
=========================================================================
*/
/** PRICING TABLES **/
.pricing-tables{
	text-align: center;
	position: relative;
	margin: 30px 0;
	color: #353535;
	-webkit-transition:All 0.25s ease;
	-moz-transition:All 0.25s ease;
	-o-transition:All 0.25s ease;
}
.pricing-tables:hover{
	box-shadow: 0 0 0 5px rgba(255,255,255,1);
}
.pricing-tables .the-box{
	margin: 0;
	background: #fff;
}
.pricing-tables .header{
	padding: 5px 0 70px;
	background: #D6D6D6;
}
.pricing-tables .circle-price-wrap{
	width: 150px;
	height: 150px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 60px;
	left: 50%;
	margin-left: -75px;
	border: 3px solid #D6D6D6;
}
.pricing-tables .circle-price-wrap h2{
	font-size: 40px;
	padding: 15px 0 ;
}
.pricing-tables .circle-price-wrap h2 small{
	font-size: 14px;
	color: #909090;
	display: block;
}
.pricing-tables table.table-inner{
	margin: 100px 0 0 0;
	padding: 0;
}

.pricing-tables table.table-inner > tbody:first-child > tr:first-child > td {border-top: 0;}
.pricing-tables table.table-inner > thead > tr > th,
.pricing-tables table.table-inner > tbody > tr > th,
.pricing-tables table.table-inner > tfoot > tr > th,
.pricing-tables table.table-inner > thead > tr > td,
.pricing-tables table.table-inner > tbody > tr > td,
.pricing-tables table.table-inner > tfoot > tr > td {
	padding: 15px;
	font-size: 16px;
	vertical-align: middle;
	border-top: 1px dotted #dddddd;
}

.pricing-tables:hover.best-choice{box-shadow: 0 0 0 5px rgba(62,152,77,1);}
.pricing-tables.best-choice .header{
	background: #3E984D;
	color: #fff;
}
.pricing-tables.best-choice .circle-price-wrap{border: 3px solid #3E984D;}
.pricing-tables.best-choice .circle-price-wrap h2{color: #3E984D;}
.pricing-tables.best-choice .circle-price-wrap h2 small{color: #3E984D;}
.pricing-tables.best-choice table.table-inner{
	margin: 100px 0 0 0;
	padding: 0;
}
.pricing-tables.best-choice table.table-inner > tbody:first-child > tr:first-child > td {border-top: 0;}



/** Jumbotron **/
.container .jumbotron,
.jumbotron{
	border-radius: 0;
}
.jumbotron.bg-white{
	background: #fff;
}
.jumbotron.sm {
  padding: 20px;
  margin-bottom: 20px;
  color: inherit;
}
.jumbotron.sm p {
  margin-bottom: 20px;
  font-size: 16px;
}

.jumbotron.xs {
  padding: 15px;
  margin-bottom: 15px;
  color: inherit;
}
.jumbotron.xs p {
  margin-bottom: 15px;
  font-size: 14px;
}
.jumbotron.dashed {
	background: #fff;
	border: 1px dashed #ddd;
}
.jumbotron.rounded {
	border-radius: 15px;
}
@media screen and (min-width: 768px) {
  .jumbotron.sm {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .jumbotron.sm h1,
  .jumbotron.sm .h1 {
    font-size: 40px;
	margin-top: 0px;
  }
  .jumbotron.xs {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .jumbotron.xs h1,
  .jumbotron.xs .h1 {
    font-size: 30px;
	margin-top: 0px;
  }
}


/** User profile style 2 **/
.user-profile-2{
	text-align: center;
	position:relative;
}
.user-profile-2 .header-cover{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 130px;
	overflow: hidden;
	z-index: 1;
}
.user-profile-2 .header-cover.primary{
	background-color: #428BCA;
}
.user-profile-2 .header-cover img{
	width: 100%;
}
.user-profile-2 .user-profile-inner{
	z-index: 2;
	position: relative;
}
.user-profile-2 .user-profile-inner h4.white{
	color: #fff;
}
.user-profile-2 .user-profile-inner img.profile-avatar{
	box-shadow: 0 0 0 5px rgba(255,255,255,1);
	-moz-box-shadow: 0 0 0 5px rgba(255,255,255,1);
	-webkit-box-shadow: 0 0 0 5px rgba(255,255,255,1);
	border: none;
}
.user-profile-2 .avatar-wrap {
	margin: 15px auto;
	border: 2px solid rgba(1,1,1,.4);
	padding: 3px;
	border-radius: 50%;
	width: 100px;
	height: 100px;
}
.user-profile-2 .avatar-wrap img.profile-avatar{
	display: block;
	width: 90px;
	border-radius: 50%;
}
.user-profile-2 .list-group{
	text-align: left;
	margin-top: 20px;
}

/** Timeline **/
.the-timeline{margin-bottom: 40px;}
.the-timeline .post-to-timeline{
	margin: 15px 0;
}
.the-timeline .post-to-timeline textarea{
	height: 50px;
	resize: none;
	margin-bottom: 10px;
}
.the-timeline ul{
	padding: 0;
	list-style: none;
	margin: 0 15px 0 30px;
	border-left: 2px solid #ddd;
}
.the-timeline ul li{
	padding: 5px 15px;
	display: block;
	margin: 20px 0 20px 35px;
	background: #E5E9EC;
	position: relative;
	border-left: 4px solid transparent;
}
.the-timeline ul li:hover{
	border-left-color: #1B1E24;
}
.the-timeline ul li p{
	margin: 0;
	padding: 0;
}
.the-timeline ul li .the-date{
	position: absolute;
	left: -64px;
	top:0;
	width: 50px;
	height: 50px;
	background: #1B1E24;
	border-radius: 50%;
	text-align: center;
	line-height: 130%;
}
.the-timeline ul li .the-date span{
	color: #fff;
	font-size: 18px;
	display: block;
	margin-top: 8px;
}
.the-timeline ul li .the-date small{
	color: #fff;
	font-size: 12px;
	display: block;
}

.kl_the-timline .kl_event_buttons .kl_evbuttons{
	display:block !important;
}
.kl_the-timline ul li li
{
    min-height: 5px !important;
    margin:0px !important;
    padding: 0px !important;
    border-left:0px !important;
}
.kl_the-timline ul li ul
{
    border-left:0px;
    margin-bottom: 10px;
}
.the-timeline ul li li:hover{
	border-left:0px !important;
}
/** Video iframe responsive **/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 15px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
iframe {
	width: 100%;
	border: none;
}


/** Weather widget **/
.weather-widget{position: relative;}
.weather-widget i{margin-right: 5px;}
.weather-widget .overlay-weather-info{
	position: absolute;
	z-index: 1;
	top: 15px;
	left: 15px;
	right: 15px;
}
.weather-widget .overlay-weather-info .weather-info-city{
	color: #fff;
	margin: 20px 0;
}
.weather-widget .overlay-weather-info .weather-info-city h4{
	font-size: 16px;
	font-weight: 600;
}
.weather-widget .overlay-weather-info h4{
	color: #fff;
	font-weight: 400;
}
.weather-widget .overlay-weather-info .weather-info-city h1{
	font-weight: 600;
	padding: 0;
	margin: 0;
}
.weather-widget .overlay-weather-info i.weather-icon{font-size: 70px;}


/** Social button and icon **/
/** SOCIAL BUTTON ICONS **/
/** Button Facebook **/
.btn-facebook {
	background-color: #4B66A0;
	border-color: #4B66A0;
	color: #fff;
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
	background-color: #3B5A98;
	border-color: #3B5A98;
	color: #fff;
}
.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: #6C89C1;
	border-color: #6C89C1;
	color: #fff;
}
.btn-facebook .badge {color: #3B5A98;}


/** Button Twitter **/
.btn-twitter {
	background-color: #55ACEE;
	border-color: #55ACEE;
	color: #fff;
}
.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
	background-color: #3490D3;
	border-color: #3490D3;
	color: #fff;
}
.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: #7CC1F5;
	border-color: #7CC1F5;
	color: #fff;
}
.btn-twitter .badge {color: #3490D3;}


/** Button Googleplus **/
.btn-google-plus {
	background-color: #D24333;
	border-color: #D24333;
	color: #fff;
}
.btn-google-plus:hover,
.btn-google-plus:focus,
.btn-google-plus:active,
.btn-google-plus.active,
.open .dropdown-toggle.btn-google-plus {
	background-color: #BC2C1F;
	border-color: #BC2C1F;
	color: #fff;
}
.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: #F0675A;
	border-color: #F0675A;
	color: #fff;
}
.btn-google-plus .badge {color: #BC2C1F;}


/** Button Dribbble **/
.btn-dribbble {
	background-color: #E04C86;
	border-color: #E04C86;
	color: #fff;
}
.btn-dribbble:hover,
.btn-dribbble:focus,
.btn-dribbble:active,
.btn-dribbble.active,
.open .dropdown-toggle.btn-dribbble {
	background-color: #D33471;
	border-color: #D33471;
	color: #fff;
}
.btn-dribbble:active,
.btn-dribbble.active,
.open .dropdown-toggle.btn-dribbble {
	background-image: none;
}
.btn-dribbble.disabled,
.btn-dribbble[disabled],
fieldset[disabled] .btn-dribbble,
.btn-dribbble.disabled:hover,
.btn-dribbble[disabled]:hover,
fieldset[disabled] .btn-dribbble:hover,
.btn-dribbble.disabled:focus,
.btn-dribbble[disabled]:focus,
fieldset[disabled] .btn-dribbble:focus,
.btn-dribbble.disabled:active,
.btn-dribbble[disabled]:active,
fieldset[disabled] .btn-dribbble:active,
.btn-dribbble.disabled.active,
.btn-dribbble[disabled].active,
fieldset[disabled] .btn-dribbble.active {
	background-color: #F571A5;
	border-color: #F571A5;
	color: #fff;
}
.btn-dribbble .badge {color: #D33471;}


/** Button Flickr **/
.btn-flickr {
	background-color: #0162DB;
	border-color: #0162DB;
	color: #fff;
}
.btn-flickr:hover,
.btn-flickr:focus,
.btn-flickr:active,
.btn-flickr.active,
.open .dropdown-toggle.btn-flickr {
	background-color: #0555BF;
	border-color: #0555BF;
	color: #fff;
}
.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: #2983F7;
	border-color: #2983F7;
	color: #fff;
}
.btn-flickr .badge {color: #0555BF;}


/** Button Pinterest **/
.btn-pinterest {
	background-color: #CC2127;
	border-color: #CC2127;
	color: #fff;
}
.btn-pinterest:hover,
.btn-pinterest:focus,
.btn-pinterest:active,
.btn-pinterest.active,
.open .dropdown-toggle.btn-pinterest {
	background-color: #B70F12;
	border-color: #B70F12;
	color: #fff;
}
.btn-pinterest:active,
.btn-pinterest.active,
.open .dropdown-toggle.btn-pinterest {
	background-image: none;
}
.btn-pinterest.disabled,
.btn-pinterest[disabled],
fieldset[disabled] .btn-pinterest,
.btn-pinterest.disabled:hover,
.btn-pinterest[disabled]:hover,
fieldset[disabled] .btn-pinterest:hover,
.btn-pinterest.disabled:focus,
.btn-pinterest[disabled]:focus,
fieldset[disabled] .btn-pinterest:focus,
.btn-pinterest.disabled:active,
.btn-pinterest[disabled]:active,
fieldset[disabled] .btn-pinterest:active,
.btn-pinterest.disabled.active,
.btn-pinterest[disabled].active,
fieldset[disabled] .btn-pinterest.active {
	background-color: #E53B3E;
	border-color: #E53B3E;
	color: #fff;
}
.btn-pinterest .badge {color: #B70F12;}


/** Button Youtube **/
.btn-youtube {
	background-color: #D92623;
	border-color: #D92623;
	color: #fff;
}
.btn-youtube:hover,
.btn-youtube:focus,
.btn-youtube:active,
.btn-youtube.active,
.open .dropdown-toggle.btn-youtube {
	background-color: #C91212;
	border-color: #C91212;
	color: #fff;
}
.btn-youtube:active,
.btn-youtube.active,
.open .dropdown-toggle.btn-youtube {
	background-image: none;
}
.btn-youtube.disabled,
.btn-youtube[disabled],
fieldset[disabled] .btn-youtube,
.btn-youtube.disabled:hover,
.btn-youtube[disabled]:hover,
fieldset[disabled] .btn-youtube:hover,
.btn-youtube.disabled:focus,
.btn-youtube[disabled]:focus,
fieldset[disabled] .btn-youtube:focus,
.btn-youtube.disabled:active,
.btn-youtube[disabled]:active,
fieldset[disabled] .btn-youtube:active,
.btn-youtube.disabled.active,
.btn-youtube[disabled].active,
fieldset[disabled] .btn-youtube.active {
	background-color: #F04343;
	border-color: #F04343;
	color: #fff;
}
.btn-youtube .badge {color: #C91212;}


/** Button Dropbox **/
.btn-dropbox {
	background-color: #1473C3;
	border-color: #1473C3;
	color: #fff;
}
.btn-dropbox:hover,
.btn-dropbox:focus,
.btn-dropbox:active,
.btn-dropbox.active,
.open .dropdown-toggle.btn-dropbox {
	background-color: #0864B2;
	border-color: #0864B2;
	color: #fff;
}
.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: #2E90E3;
	border-color: #2E90E3;
	color: #fff;
}
.btn-dropbox .badge {color: #0864B2;}


/** Button Foursquare **/
.btn-foursquare {
	background-color: #0086BE;
	border-color: #0086BE;
	color: #fff;
}
.btn-foursquare:hover,
.btn-foursquare:focus,
.btn-foursquare:active,
.btn-foursquare.active,
.open .dropdown-toggle.btn-foursquare {
	background-color: #0571A0;
	border-color: #0571A0;
	color: #fff;
}
.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: #2CA0CE;
	border-color: #2CA0CE;
	color: #fff;
}
.btn-foursquare .badge {color: #0571A0;}


/** Button Github **/
.btn-github {
	background-color: #3B3B3B;
	border-color: #3B3B3B;
	color: #fff;
}
.btn-github:hover,
.btn-github:focus,
.btn-github:active,
.btn-github.active,
.open .dropdown-toggle.btn-github {
	background-color: #212121;
	border-color: #212121;
	color: #fff;
}
.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: #5F5F5F;
	border-color: #5F5F5F;
	color: #fff;
}
.btn-github .badge {color: #212121;}


/** Button Linkedin **/
.btn-linkedin {
	background-color: #0085AE;
	border-color: #0085AE;
	color: #fff;
}
.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active,
.btn-linkedin.active,
.open .dropdown-toggle.btn-linkedin {
	background-color: #036C8E;
	border-color: #036C8E;
	color: #fff;
}
.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: #24A7D3;
	border-color: #24A7D3;
	color: #fff;
}
.btn-linkedin .badge {color: #036C8E;}


/** Button Tumblr **/
.btn-tumblr {
	background-color: #3E5A70;
	border-color: #3E5A70;
	color: #fff;
}
.btn-tumblr:hover,
.btn-tumblr:focus,
.btn-tumblr:active,
.btn-tumblr.active,
.open .dropdown-toggle.btn-tumblr {
	background-color: #2E485D;
	border-color: #2E485D;
	color: #fff;
}
.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: #586F81;
	border-color: #586F81;
	color: #fff;
}
.btn-tumblr .badge {color: #2E485D;}


/** Button Vimeo **/
.btn-vimeo {
	background-color: #1BB6EC;
	border-color: #1BB6EC;
	color: #fff;
}
.btn-vimeo:hover,
.btn-vimeo:focus,
.btn-vimeo:active,
.btn-vimeo.active,
.open .dropdown-toggle.btn-vimeo {
	background-color: #0D9DD1;
	border-color: #0D9DD1;
	color: #fff;
}
.btn-vimeo:active,
.btn-vimeo.active,
.open .dropdown-toggle.btn-vimeo {
	background-image: none;
}
.btn-vimeo.disabled,
.btn-vimeo[disabled],
fieldset[disabled] .btn-vimeo,
.btn-vimeo.disabled:hover,
.btn-vimeo[disabled]:hover,
fieldset[disabled] .btn-vimeo:hover,
.btn-vimeo.disabled:focus,
.btn-vimeo[disabled]:focus,
fieldset[disabled] .btn-vimeo:focus,
.btn-vimeo.disabled:active,
.btn-vimeo[disabled]:active,
fieldset[disabled] .btn-vimeo:active,
.btn-vimeo.disabled.active,
.btn-vimeo[disabled].active,
fieldset[disabled] .btn-vimeo.active {
	background-color: #4BCBFA;
	border-color: #4BCBFA;
	color: #fff;
}
.btn-vimeo .badge {color: #0D9DD1;}


/** SOCIAL ICONS COLORS **/
.icon-facebook{color: #4B66A0}
a .icon-facebook{color: #4B66A0}
a:hover .icon-facebook ,
a:focus .icon-facebook {
	text-decoration: none;
	color: #3B5A98;
}

.icon-twitter{color: #55ACEE}
a .icon-twitter {color: #55ACEE}
a:hover .icon-twitter,
a:focus .icon-twitter{
	text-decoration: none;
	color: #3490D3;
}

.icon-google-plus{color: #D24333}
a .icon-google-plus{color: #D24333}
a:hover .icon-google-plus,
a:focus .icon-google-plus{
	text-decoration: none;
	color: #BC2C1F;
}

.icon-dribbble{color: #E04C86}
a .icon-dribbble{color: #E04C86}
a:hover .icon-dribbble,
a:focus .icon-dribbble{
	text-decoration: none;
	color: #D33471;
}

.icon-flickr{color: #0162DB}
a .icon-flickr {color: #0162DB}
a:hover .icon-flickr,
a:focus .icon-flickr{
	text-decoration: none;
	color: #0555BF;
}

.icon-pinterest{color: #CC2127}
a .icon-pinterest{color: #CC2127}
a:hover .icon-pinterest,
a:focus .icon-pinterest{
	text-decoration: none;
	color: #B70F12;
}

.icon-youtube{color: #D92623}
a .icon-youtube{color: #D92623}
a:hover .icon-youtube,
a:focus .icon-youtube{
	text-decoration: none;
	color: #C91212;
}

.icon-dropbox{color: #1473C3}
a .icon-dropbox {color: #1473C3}
a:hover .icon-dropbox,
a:focus .icon-dropbox{
	text-decoration: none;
	color: #0864B2;
}

.icon-foursquare{color: #0086BE}
a .icon-foursquare{color: #0086BE}
a:hover .icon-foursquare,
a:focus .icon-foursquare{
	text-decoration: none;
	color: #0571A0;
}

.icon-github{color: #3B3B3B}
a .icon-github{color: #3B3B3B}
a:hover .icon-github,
a:focus .icon-github{
	text-decoration: none;
	color: #212121;
}

.icon-linkedin{color: #0085AE}
a .icon-linkedin{color: #0085AE}
a:hover .icon-linkedin,
a:focus .icon-linkedin{
	text-decoration: none;
	color: #036C8E;
}

.icon-tumblr{color: #3E5A70}
a .icon-tumblr{color: #3E5A70}
a:hover .icon-tumblr,
a:focus .icon-tumblr{
	text-decoration: none;
	color: #2E485D;
}

.icon-vimeo{color: #1BB6EC}
a .icon-vimeo{color: #1BB6EC}
a:hover .icon-vimeo,
a:focus .icon-vimeo {
	text-decoration: none;
	color: #0D9DD1;
}


/** Weather icons **/
.iconExamples:before,
.iconExamples:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.iconExamples:after {
  clear: both;
}
.iconExamples:before,
.iconExamples:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.iconExamples:after {
  clear: both;
}
.iconExamples h2 {
  font-family: "aktiv-grotesk-std";
  font-weight: 200;
  color: #3b6ab5;
}
.iconExamples .example {
  text-align: center;
  margin: 10px 3px;
}
.iconExamples .example:before,
.iconExamples .example:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.iconExamples .example:after {
  clear: both;
}
.iconExamples .example:before,
.iconExamples .example:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.iconExamples .example:after {
  clear: both;
}
.iconExamples .example .icon {
  font-size: 20px;
  float: left;
  width: 35px;
}
.iconExamples .example .class {
  text-align: center;
  font-size: 17px;
  float: left;
  margin-top: 0px;
  font-weight: 400;
  margin-left: 10px;
  color: #333333;
}
.weatherseparator {
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 50px;
}
.weatherseparator:before,
.weatherseparator:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.weatherseparator:after {
  clear: both;
}
.weatherseparator:before,
.weatherseparator:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.weatherseparator:after {
  clear: both;
}

.table-responsive .table a {
    color: black;
}

.error-message {
    color: red;
}

.form-error {
    border: 1px solid red;
}

.select2-container.select2-container-multi.js-example-basic-multiple {
    width: 100%;
}

.fleche {
   background: white none repeat scroll 0 0;
    color: #909090;
    font-size: 25px;
    height: 24px;
    position: absolute;
    right: -12px;
    top: 12px;
    width: 25px;
    z-index: -1;
}

.box-info.kl_toCloneLeft.inactive {
    background: #eee none repeat scroll 0 0;
   
}
/*.kl_toClone.box-info
{
    position:static !important;
}
.dynamic-list .box-info
{
   position:static !important; 
}*/
.inactive .fleche {
    background: #eee none repeat scroll 0 0;
    color: #eee;
    display: none !important;
}

.active .fleche {
    display:  block;
}

.pagination .disabled {
    display: none !important;
}


.kl_theMani.pull-right {
    /*margin-bottom: 6px;
    margin-right: 12px;*/
  /*  margin-top:-55px; */
}

.kl_movedown.inactive {
    color: gray;
    cursor: not-allowed;        
}

.kl_moveup.inactive {
    color: gray;
    cursor: not-allowed;    
}


.QSDQSDqdsradiossss > label, .kl_theSeparateRadio > label{
    margin-right: 15px;
}

.QSDQSDqdsradiossss input[type="radio"], .kl_theSeparateRadio input[type="radio"] {
    margin-right: 5px !important;
    margin-right: 5px;
}


.kl_toCloneLeft, .kl_fisrtRigth {
    border: 1px solid #ddd;
}

.kl_theFiltre .bootstrap-select {
    width: 35% !important;
}

.kl_theFiltrePre .bootstrap-select{
    width: 50% !important;
}

.kl_AddEtape, .kl_add_interv {
    border: 1px solid #ddd;
    cursor: pointer;
}
.kl_removeSelAll{
	margin-right:30px;
}
/*********************************/
.kl_containertable table thead{
    color:#fff !important;
    background: #3f4667;
    
}
.kl_containertable table thead tr th a
{
    color:#fff !important;
    font-family: HelveticaNeue;
   /* display:block; */
   display:inline-block;
}
.kl_containertable table thead tr th
{
    font-family: HelveticaNeue;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
     .kl_containertable table thead tr th a{display:inline-block !important; }
     /*.kl_containertable table thead tr th.actions{ padding-top:0px !important;}*/
} 
@-moz-document url-prefix(){
  /*  .kl_containertable table thead tr th.actions{ padding-top:0px !important;}*/
}

 /*   .kl_containertable table thead tr th.actions{ padding-top:0px !important;}*/

/*.kl_containertable table thead tr th.actions
{
    padding-top:0px !important;
}*/

.kl_theFormFiltre .form-group .form-control.search
{
   background: #afb3b7 !important;
   color:#fff;
   border-radius: 20px;
   height: 33px !important; 
   width:194px;
   border:0px !important;
}
.kl_theFormFiltre .form-control.search::-moz-placeholder
{
    color:#fff;
    font-style: italic;
}
.kl_theFormFiltre .form-control.search::-webkit-input-placeholder
{
    color:#fff;
    font-style: italic;
}

.kl_theFormFiltre .form-control.search:-ms-input-placeholder
{
    color:#fff;
    font-style: italic;
}
.kl_theFormFiltre .kl_theFiltre .span2::-moz-placeholder
{
    color: #fff;
} 
.kl_theFormFiltre .kl_theFiltre .span2::-webkit-input-placeholder
{
    color: #fff;
} 
.kl_theFormFiltre .kl_theFiltre .span2:-ms-input-placeholder
{
    color: #fff;
} 
.kl_theFormFiltre .form-group .kl_submit
{
    background: #1a4f93 !important;
    border-radius: 3px !important;
    padding: 5px 21px 7px !important;
}
.kl_theFormFiltre .form-group select
{
    background: #afb3b7;
    border-radius: 20px;
    border:0px !important;
    color:#fff;
}
.kl_theFormFiltre .bootstrap-select.form-control .selectpicker
{
    background: #afb3b7;
    border-radius: 20px;
    border:0px !important;
    color:#fff;
    width:200px;
   min-height: 33px !important; 
}
.box-info.full.kl_box_info h2
{
    /*background: #e5e9ec;*/
    margin-bottom: 0px;
    border-bottom:0px;
    margin-top:0px;
    padding-left: 0;
    padding-bottom: 21px !important;
}
.kl_theFormFiltre .bootstrap-select
{
    background: #e5e9ec;
}
/*.box-info.full.kl_box_info
{
    padding: 0px !important;
}*/
.body.content.rows.kl_parent_page
{
    padding: 0px !important;
    background: #e5e9ec !important;
	margin-bottom:53px !important;
}
.kl_feulle_de_route{ padding:20px;}
.table-box{ width:100%;}
.fa-icon-elt i{ font-size:24px;}
.kl_signature{ padding-top:16px;}
.box-info.transparent{ background:none; margin-bottom:0px;}
.btn.btn-sm.md-trigger.label-primary{ color:#fff;}
.box-info.transparent h2{ margin-bottom:7px;}
.kl_parent_page .kl_box_info
{
    padding: 20px;
    background: #e5e9ec;
}
.kl_parent_page .kl_custom_page
{
    background: #1c8a96 !important;
    margin-bottom: 0 !important;
    padding: 14px 21px !important;
}
.kl_custom_page .kl_breadcrumbs
{
    color: #fff;
    font-size:13px;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
    margin-bottom: 10px;
    padding-left: 0px !important;
     font-family: 'HelveticaNeue';
}
.kl_custom_page .kl_breadcrumbs a
{
    color:#fff;
}
.kl_custom_page .kl_breadcrumbs a:hover
{
    text-decoration: none !important;
}
.kl_custom_page .kl_title_page h1
{
    font-size:32px !important;
     color:#fff;
     font-family: 'HelveticaNeue';
     font-weight: bold;
}
.kl_custom_page .kl_title_page h1 small
{
    font-size: 18px;
    color:#e3e3e3;
    font-family: 'HelveticaNeue';
}
.kl_custom_page .kl_title_page span {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    display: inline-block;
    height: 7px;
    margin-bottom: 5px;
    margin-left: 9px;
    margin-top: 0;
    width: 7px;
}
/*.kl_custom_page .kl_title_page h1 small:before
{
    content:".";
    font-size: 35px;
    color:#fff;
}*/

.kl_custom_page .kl_title_page
{
    padding-left: 0px !important;
}
.kl_containertable table
{
    background: #fff;
}
.kl_containertable table tbody tr:nth-child(odd)
{
    background: #f7f7f7;
    /* color:#98939a; */
}
.kl_containertable table tbody tr:nth-child(odd):hover >td
{
   /* background: #fff !important;*/
   background-color: #fcfcfc !important;
}
.kl_containertable table tbody tr:nth-child(even)
{
    background: #fff;
}
.kl_nombreTab
{
   /* background: url(../img/picto-membres.png) no-repeat left center;
    padding-left: 58px;*/
    color: #485759;
    /* margin-left:46px; */
    font-family: 'HelveticaNeue';
    min-height:38px;
    
}
.kl_nombreTab i {
    font-size: 35px;
}
.kl_nombreTab.pull-left > div {
    float: left;
    padding-left: 15px;
}
.kl_nombreTab span,.kl_numerique span
{
    font-weight: bold;
}
.kl_numerique
{
    background: url(../img/picto-numeriques.png) no-repeat left center;
    padding-left: 50px;
    color: #485759;
    font-family: 'HelveticaNeue';
    margin-left:46px;
}
.kl_theFormFiltre
{
    float:left;
    margin-bottom: 7px;
    width:100%;
}
.kl_theFormFiltre .btn-group.bootstrap-select.form-control
{
    width:auto !important;
}
.kl_theFormFiltre .kl_theFiltre .span2
{
     background: #afb3b7 none repeat scroll 0 0;
    border: 0 none !important;
    border-radius: 20px;
    color: #fff;
    height: 33px !important;
    width: 139px;
    margin-left:5px;
} 
.kl_theFormFiltre .kl_theFiltre .span2::-moz-placeholder
{
    color: #fff;
}
.kl_theFormFiltre .kl_theFiltre
{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.kl_form_evenement .bootstrap-select.form-control .selectpicker
{
    width:175px !important;
    margin-left: 4px;
}
.kl_form_evenement .kl_theFiltre
{
    margin-bottom: 5px;
}
.kl_removeSelAll
{
    margin-top: 5px;
    margin-bottom: 5px;
}
.row.kl_container_edit {
    padding: 20px;
}
.kl_datePicker
{
    margin-top:5px;
    margin-left: -5px;
}
.kl_containertable table thead .icheckbox_minimal-grey
{
    top:11px;
}
.kl_picto_footer
{
    background: url(../img/picto-footer.png) no-repeat;
    width: 16px;
    height: 18px;
    display: block;
}
.kl_footerClient .kl_picto_footer
{
    background: url(../img/picto-footer-blanc.png) no-repeat;
    width: 16px;
    height: 18px;
    display: block;
}
footer span
{
    float: left;
    margin-left:12px;
}
.kl_btn_modale
{
    background: #000 !important;
    border:0 !important;
}
.note-image-dialog.modal
{
    overflow: hidden;
}
.note-image-dialog .modal-dialog
{
    width: 80%;
}
.modal-backdrop 
{
    display:none;
}
.modal
{
    background: rgba(0,0,0,.7);
}

.col-sm-2.kl_hr {
    padding-right: 0 !important;
    width: 14%;
}

.actions {
    font-family: HelveticaNeue;
}
.kl_theFormFiltre .kl_theFiltre .kl_datePicker{margin-top: 0px;}
.kl_the-timline ul li{min-height:75px;}

.kl_show{
	display:block;	
}
.kl_hide{
	display:none;	
}
.kl_liste_style{
	padding-left:0;
}
.kl_liste_style > li {
    list-style-type: none !important;
}
.kl_InitFilter{
	 background-color: #afb3b7;
	 color:#FFFFFF;
     margin-left:5px;
}
.kl_title_view
{
    font-size:24px !important;
    color:#544545;
}
.kl_list_equipes ul
{
    padding-left: 15px !important;
    border-left:1px solid #544545;  
    margin-left:15px; 
    margin-bottom: 0;
    min-height:30px; 
    padding-top: 5px;
    padding-bottom: 5px;        
}
.kl_list_equipes ul li
{
    list-style-type: none;
    font-size:13px;
    color:#544545;
}
.kl_font-edit 
{
    font-size:18px;
    color:#544545;
}
.kl_font-edit i
{
    margin-right: 19px;
    font-size:26px;
}
.kl_entete_feuille
{
    background: #92c2c9;
    padding-top: 15px;
    padding-bottom: 12px;
    margin-bottom: 18px;
}
.kl_bg-gris
{
    background: #cccdd0;
    padding-top: 15px;
    padding-bottom: 5px;
    min-height: 92px;
}
.kl_compte_clients
{
    font-size:18px;
    color:#544545;
    line-height: 32px;
}
.kl_compte_clients span
{
    font-size:30px;
    min-width: 40px;
    margin-right: 5px;
    font-family: 'HelveticaNeue';
    display:inline-block;
}
.kl_compte_clients .kl_theNbrPrestationTxt, .kl_compte_clients .kl_theNbrClientTxt
{
    font-size:18px !important;
}
.kl_compte_clients .kl_theNbrPrestation
{
    font-size:30px;
    min-width: 40px;
}
.kl_compte_agents 
{
    font-size:18px;
    padding-left: 15px;
    padding-top: 31px;
    background: url(../img/bg-clouds.jpg) no-repeat left bottom #cccdd0;
}
.kl_vert
{
    color:#5fb760;
    font-weight:bold;
}
.kl_noir{
    color: black;
    font-weight: bold;
}
.kl_theRow button{
    margin-right: 10px;
}
.kl_compte_agents i
{
    font-size:30px;
}
.kl_margin_agent20
{
    margin-left:20px;
    margin-right:20px;
}
.kl_date_agent
{
    font-size:13px;
    line-height: 11px;
}
.progress_bar_fdr .progress
{
    margin-top:0px !important;
    background: #e4e5e7 !important;
}
.progress_bar_fdr
{
    font-size:18px;
    font-family: 'HelveticaNeue';
    margin-left:25px;
    margin-right:30px;
    
}
.kl_text_helv20
{
    font-size:16px;
    font-family: 'HelveticaNeue';
    line-height: 21px;
}
.kl_compte_agent
{
    padding-right: 0 !important;
}
.text-italic
{
    font-style: italic;
    font-family: 'HelveticaNeue';
}
/*.kl_facheck_vert i
{
    color:#3cf60a;
    font-size:30px;
}*/
.kl_facheck_vert
{
    color:#3cf60a;
    font-size:30px;
}
.kl_blocCommentaire
{
    margin-top:56px;
    
}
.kl_blocCommentaire h1
{
    font-size:18px !important;
    font-family: 'HelveticaNeue';
    font-weight:bold;
    
}
.kl_boucleCommentaire
{
    margin-top:25px;
}
.kl_commentaire_ok
{
    background: #2d7f8d;
    color:#fff;
    font-size:15px;
    padding: 15px;
}

.kl_commentaire_com{
    background: #153B80;
    color:#fff;
    font-size:15px;
    padding: 15px;
}
.kl_commentaire_com .kl_commentaire {
    background: #2a5095 none repeat scroll 0 0;
    border-radius: 10px;
    padding: 5px 13px 8px;
}

.kl_commentaire_com .kl_commentaire i {
    color: white;
    font-size: 25px;
    margin-right: 25px;
}

.kl_commentaire_ok span
{
    font-weight: bold;
}
.kl_boucleCommentaire ul li
{
    list-style-type: none;
    margin-bottom:5px;
}
.kl_boucleCommentaire ul
{
    padding-left: 0px;
}
.kl_commentaire_nok
{
    background: #dd7985;
    color:#fff;
    font-size:15px;
    padding: 15px;
}
.kl_commentaire_ok .kl_commentaire
{
    border-radius: 10px;
    background: #1a6572;
    padding:4px 13px 8px 13px;
    margin-top:10px;
}
.kl_commentaire_ok .kl_commentaire i
{
    color:#96bfc6 !important;
    margin-right:25px;
    font-size:25px;
}
.kl_commentaire_nok .kl_commentaire
{
    border-radius: 10px;
    background: #c24d5b;
    padding:5px 13px 8px 13px;
}
.kl_commentaire_nok .kl_commentaire i
{
    color:#e1a6ad !important;
    margin-right:25px;
    font-size:25px;
    
}
.kl_commentaires
{
    background: #CCCDD0;
    color:#544545;
    font-size:15px;
    padding: 15px;
}
.kl_commentaires .kl_commentaire i
{
    color:#544545 !important;
    margin-right:25px;
    font-size:25px;
}
/*.kl_facheck_red span
{
    color:#ff0000;
    font-size:30px;
}*/
.kl_facheck_red
{
    color:#ff0000 !important;
    font-size:30px;
}

.kl_facheck_red.glyphicon.glyphicon-ban-circle {
    color: #ff0000;
    font-size:30px;
}

.kl_commentaire_nok .kl_cont_commentaireLeft
{
    padding-left: 0px;
    
}
.kl_commentaire_ok .kl_cont_commentaireLeft {
    padding-left: 0;
}
.kl_commentaires .kl_cont_commentaireLeft {
    padding-left: 0;
}
.kl_commentaire_nok .kl_cont_commentaireright
{
    padding-right: 0px;
    border-left: 1px solid #e28d97;
}
.kl_commentaires .kl_commentaire
{
    border-radius: 10px;
    background: #AFB0B4;
    padding:5px 13px 8px 13px;
}
.kl_commentaire div
{
    width:88%;
}
.kl_contSignature
{
    margin-top:-4px;
    background: #cccdd0 url(../img/bg-signature.jpg) no-repeat left center;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-right: 32px;
    padding-left: 60px;
}
.kl_leftSignature
{
    color:#786f71;
    font-family: 'HelveticaNeue';
    padding-top:8px;
}
.kl_clearFiltre a
{
    text-decoration: underline;
    font-size:12px;
    color:#544545;
}
.kl_clearFiltre
{
    padding-left: 38px;
    margin-top:31px;
}
.kl_contSignature .btn.btn-primary {
    background: #1a4f93 none repeat scroll 0 0;
    border-radius: 5px;
}
.kl_contSignature .btn.btn-primary i
{
    margin-right:5px;
}
.kl_margin-right
{
    margin-right:12px;
}
@media (max-width: 1119px)
{
    .kl_compte_agent{padding-left:0px;margin-top:15px;}
}
@media (max-width: 991px)
{
    .kl_compte_agent{padding-left:0px;margin-top:15px;}
    .kl_commentaire_nok .kl_cont_commentaireright{padding-left: 0px;margin-top:15px; border-left:0px; padding-right:15px;}
}
.kl_red
{
    color:#ff0000;
}
.kl_comm 
{
    padding-top: 3px;
}
.kl_editFdr a
{
    /*background: #1A4F93;
    border-radius: 5px;*/
    padding: 6px 12px;
    color:#fff;
}
.kl_editFdr a:hover
{
    text-decoration:none;
}
.kl_editFdr
{
    padding-top: 16px;
}
/*.kl_contdetail
{
    position:static !important;
 */
.pull-left.kl_list_equipes
{
    /*width:65%;*/
    
}    
.kl_nomDeLequipe
{
    
}
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th{background-color: #fcfcfc !important;}
@media (max-width: 1300px) 
{
    .kl_nomDeLequipe{font-size:14px;font-weight:bold;}
    .kl_compte_clients span,.kl_compte_clients .kl_theNbrPrestation{min-width:5px !important;}
}
@media (max-width: 991px) 
{
    .kl_font-edit{margin-bottom:12px;}
}
@media (min-width: 991px) and (max-width: 1200px) 
{
    .kl_blocGris .kl_compte_agent{margin-top:0px !important;}
    .kl_compte_clients .kl_theNbrPrestationTxt{font-size:14px !important;}
    .kl_bg-gris{padding-left: 5px; padding-top: 12px;}
    
} 
@media (min-width: 991px) and (max-width: 1268px)
{
    .kl_compte_agent{padding-right:0px !important;}
    .kl_blocGris{background: #cccdd0 none repeat scroll 0 0;}
} 
/* de Patrocik */

/* Fin de Patrick */
/*client*/
.container.kl_container_client,.kl_topClient .container,.kl_breadcrumbs_client .container,.kl_containerBody_client .container {width: 1170px;}
.kl_container_client .rows-content-header{position:static;}
.kl_container_client .kl_parent_page{position:static;}
.kl_tooltipsClients{padding-top: 0px;}
.kl_header_client h3{text-transform:uppercase;}
.kl_topClient{background: #000; color:#fff;}
.kl_bodyClient.kl_parent_page{position: static !important;}
.kl_topClient .container{padding:23px 25px 36px 50px; background: url(../img/bg-top-client.png) no-repeat left center;}
.kl_topClient h2{text-transform: uppercase; font-size:20px !important; font-family: 'quicksand_bold-webfont';}
/*.kl_topClient div{ font-family: 'quicksand_book-webfont';}*/
.kl_topClient a{color:#fff; }
.kl_topClient	{font-family: Open Sans,Arial;}
.kl_header_client .top-navbar li a{color:#8b8989 !important; }
.kl_header_client .top-navbar{margin-top:10px;}
.kl_breadcrumbs_client .container li a{color:#9e9d9d}
.kl_breadcrumbs_client .container li a:hover{text-decoration: none;}
.kl_breadcrumbs_client .container li{list-style-type: none; float: left; margin-right:5px;}
.kl_breadcrumbs_client .container ul{padding-left: 0px;}
.kl_breadcrumbs_client .container li a i{font-size:15px}
.kl_breadcrumbs_client{ padding-top: 15px; padding-bottom: 15px;background: #e8e8e8; margin-top:17px; margin-bottom: 17px;}
.body.content.rows.kl_parent_page.kl_bodyClient{background: #eeeeef !important;}
.kl_contVert .kl_entete{background: #37bc9b; padding: 20px;}
.kl_contVert .kl_entete h1{color:#fff; font-size:18px !important; margin:0px;}
.kl_contVert .kl_entete a{text-decoration: none; color:#6fefcf !important;}
.kl_contVert .kl_subTitle{background: url(../img/bg-vert.jpg) no-repeat left #24866e; color:#fff; padding-left: 90px; font-size:14px; padding-top: 33px; padding-bottom: 33px; padding-right: 10px;}
.kl_the-timeline .kl_the-date
{
    background: #1b1e24 none repeat scroll 0 0;
    border-radius: 50%;
    height: 60px;
    line-height: 130%;
    text-align: center;
    top: 0;
    width: 60px;
    color:#fff;
    padding-top: 1px;
}
.kl_the-timeline .kl_the-date span
{
    color: #fff;
    display: block;
    font-size: 18px;
    margin-top: 12px;
}
.kl_ligneVert
{
    padding: 15px;
    background: #fbfbfb;
    border-top:1px solid #eeeeef;
    
}
.kl_ligneVert.kl_DateExiste {
    border-top: 0 none;
    padding: 5px 15px;
}
.kl_DateExiste .kl_the-timeline {
    visibility: hidden;
}
.kl_ligneVert .media-body
{
    background: #e1edea none repeat scroll 0 0;
    border-radius: 3px;
    color: #677179;
    padding: 10px;
    position:relative;
    min-height:43px;
    font-size:14px;
}
.kl_usersVert
{
    color: #24866e;
    font-size: 14px;
    text-transform:uppercase;
    margin-bottom:5px;
}
.media-body .kl_triangle
{
    background: url(../img/triangle-vert.png) no-repeat;
    width: 16px;
    height:6px;
    position: absolute;
    top: -6px;
    left:3px
}

/*.btn-group.bootstrap-select.form-control.kl_theClient.kl_add.dropup, .btn-group.bootstrap-select.form-control.kl_theClient.kl_add, .btn-group.bootstrap-select.form-control.kl_thePrestation
{
    z-index: 10;
}
*/

.kl_ligneVert .kl_voirDetails
{
    background: url(../img/voir-plus.png) no-repeat 90px center #24866e !important;
    color:#fff;
    margin-top:25px;
    padding-right: 40px;
    font-size:14px;
}
.kl_contImages .kl_pictures
{
    background: url(../img/faPictures.png) no-repeat left center ;
    padding-left: 42px;
    min-height:30px;
}
.media-body.kl_contImages
{
    margin-top:5px;
    background: #e8e8eb;
    padding-bottom: 5px;
    padding-top: 5px;
    
}
.kl_pictures img{border:2px solid #ceced0;}
.kl_ligneVert.kl_btnVoirTout
{
    border-bottom:0px;
    background: #f6f6f7 !important;
}
.kl_ligneVert.kl_btnVoirTout a
{
    color:#474748;
    font-size:14px;
    text-decoration: underline;
    background: url(../img/flecheRight.png) no-repeat;
    padding-left: 25px;
    padding-bottom: 5px;
}
.kl_contBleu .kl_entete
{
    background: #00b1e1 none repeat scroll 0 0;
    padding: 20px;
}
.kl_contBleu .kl_subTitle {
    background: #229dbe url("../img/bg-bleu.jpg") no-repeat scroll left center;
    color: #fff;
    font-size: 14px;
    padding: 17px 10px 26px 90px;
  }
    .kl_contBleu .kl_subTitle.kl_subtitleInterne{
    background: #229dbe url("../img/bg-bleu.jpg") no-repeat scroll left -11px;
    color: #fff;
    font-size: 14px;
    min-height: 78px;
    padding: 27px 10px 26px 90px;
}
.kl_contBleu .kl_entete a {
    color: #4ed9ff !important;
    text-decoration: none;
}
.kl_interention
{
    background: url("../img/bg-ligne-bleu.png") no-repeat left ;
    padding-left: 43px;
}
.kl_contBleu .kl_ligneVert
{
    padding-left: 26px;
}
.kl_download
{
    background: url("../img/bg-btnTelecharger.png") 75px center  no-repeat #229dbe !important;
    color:#fff;
    border:0px !important;
    margin-left:10px;
    padding-right: 29px;
    font-size:12px;
    padding-left: 6px;
}
.kl_interention i
{
    background: url("../img/fleche-italic.png") left center no-repeat;
    padding-left: 15px;
}
.kl_contOrange .kl_entete
{
    background: #f6bb42;
}
.kl_contOrange .kl_entete a
{
    color:#fcebc8 !important;
}
.kl_contOrange .kl_subTitle
{
    background: #dca024 url("../img/bg-orange.jpg") no-repeat scroll left center;
}
.kl_contentVert .kl_ligneOrange
{
    padding: 20px 25px;
}
.kl_ligneOrange .media-body
{
    background: #f9f3e7 none repeat scroll 0 0;
    padding-bottom: 5px;
    padding-top: 5px;
    border-radius: 3px;
    min-height: 48px;
    padding: 25px;
    float:left;
    font-size: 14px;
}
.kl_ligneOrange .media-body span
{
    border-left: 1px solid #dca024;
    border-right: 1px solid #dca024;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 20px;
    margin-right:20px;
}
.kl_ligneOrange
{
    font-size:14px;
}
.kl_text_orange
{
    margin-top:15px;
}
.kl_tableOrange thead
{
    
}
.kl_tableOrange thead tr > th
{
    text-align: center;
    border-right: 1px solid #dca024;
    background: #fbd790 !important;
    border-bottom:#f4ca77 solid 11px;
    color:#dca024;
}
.kl_tableOrange thead tr > th:first-child
{
    border-top-left-radius: 5px;
}
.kl_tableOrange thead tr > th:last-child
{
    
    border-top-right-radius:5px;
    border-right: 0;
}
.kl_tableOrange tr td
{
    text-align: center !important;
    color:#8b8989;
    font-size:14px;
}
.kl_tableOrange tr:hover > td
{
    background-color: #fbfbfb !important;
}
.kl_tableOrange tr td a
{
    color:#dca024;
}
.kl_ligneOrange
{
    background:#fbfbfb  ;
}
.kl_marginNul
{
    margin-top: 0;
}
.kl_text_orange.kl_marginNul p
{
    margin-top:10px;
}
.kl_contVert.kl_contOrange
{
    margin-top:34px;
    margin-bottom: 34px;
}
.kl_tableOrange
{
    margin-left:-15px;
}
.kl_assistanceclient h2
{
    display:inline-block;
    background: #000;
    padding-left: 25px;
    padding-right: 25px;
}
.kl_assistanceclient span
{
    border-bottom: 1px solid #fff;
    display:block;
    margin-top: -21px;
    margin-bottom:17px;
}
.kl_assistanceclient
{
    text-align:center;
}
.kl_ligneVert .media-body .progress-precentage
{
    display:inline-block;
   
}
.kl_ligneVert .media-body .kl_progressBar
{
    width:50%;
    color: #06b437;
    
}
.kl_progressBar .progress-bar
{
     height: 12px;
    background: #06b437 !important;
    margin-top:4px;
}
.kl_quicksand
{
    font-family: 'quicksand_bold-webfont';
}
a.kl_backBtn
{
    background: #37bc9b !important;
    margin-right: ;
    border:0px !important;
    /*margin-right:23px;*/
}
.kl_info_fdr{ background:#fff;}
.kl_dark_bg{ background:#000000; color:#fff; font-weight:bold; font-size:15px; }
.padding-15{ padding-top:15px; padding-bottom:15px;}
.kl_blue_color{ color:#1c8a96;}
ul.kl_list_infos li{ margin-right:20px;}
a.kl_modif.planning{ color:#fff; background:#1c8a96; padding:5px 10px;}
a.kl_modif.planning i{padding-left:10px;}
.content-plan{ padding-left:21px; padding-right:21px;}
.content-plan h2{ font-size:22px; font-weight:bold; color:#000; margin-bottom:25px;}
.input-brico-filtre{ background:#afb3b7 !important; border-radius:20px; color:#fff;}
.input-brico-filtre.nom, .kl_theFormFiltre .bootstrap-select.form-control.kl_type_tache .selectpicker, .kl_theFormFiltre .bootstrap-select.form-control.kl_ville .selectpicker{ width:125px !important;}
.kl_theFormFiltre .form-control.nom::-moz-placeholder, .kl_theFormFiltre .form-control.nom::-webkit-input-placeholder, .kl_theFormFiltre .form-control.nom:-ms-input-placeholder{ color:#fff !important; font-style:normal;}
.kl_theFormFiltre .form-control.nom::-moz-placeholder{ color:#fff !important; font-style:normal;}
.kl_list_tache .nav-tabs > li.active > a, .kl_list_tache .nav-tabs > li.active > a:hover, .kl_list_tache .nav-tabs > li.active > a:focus{ background:#3f4667; color:#fff; font-weight:bold; font-size:15px;}
.kl_list_tache .nav-tabs > li > a{ color:#4c5264; font-size:15px; font-weight:bold; padding-left:10px; padding-right:10px; font-weight:normal;}
.kl_list_tache .nav-tabs{ border:none; border-bottom:5px solid #3f4667; margin-bottom:25px;}
.kl_txt_tacheJr{ padding-left:35px; padding-right:35px;}
.tab-content .kl_theFormFiltre{ margin-bottom:25px;}
.kl_head_title{ background:#3f4667; color:#fff; width:100%; height:30px;}
.kl_head_title ul.navbar-nav{ padding-top:7px; width:100%; float:none;}
.kl_head_title .nav.navbar-nav > li{ /*padding-left:63px; padding-right:63px;*/ text-align:center; width:25%;}
.kl_bloc_desTaches{ background:#fff;}
.kl_widget{position: relative; background:#e5e9ec; width:97%; margin:auto; margin-bottom:5px; margin-top:20px; border-radius:10px;}
.kl_widget ul.navbar-nav{ width:100%; background:#e5e9ec url("../img/icon_drag.png") no-repeat scroll right+20px center; float:none; position:relative; z-index:999;}
.kl_widget ul li{ font-size:13px; color:#000; font-weight:bold; text-align:center; width:25%; padding-right:15px; word-wrap:break-word;}
.kl_widget .nav.navbar-nav{padding-top:15px; padding-bottom:15px;}
.btn-add-tnp.btn-success{ background:#1a4f93; border:none;}
.kl_bloc_intervention{ background:#fff; padding:15px; margin-top:100px; min-height:225px;}
.kl_bloc_head_client{ background:#1c8a96 url(../img/arrow-up.png) scroll left+15px top+15px; color:#fff; min-height:40px; padding:11px 5px 0px 35px; background-repeat:no-repeat;}
.kl_nom_client{ text-transform:uppercase; font-weight:bold; font-size:14px; width:200px;}
.kl_client_added{margin-top:15px; cursor:pointer; background:#f9f9f9;}
.kl_widget ul{ cursor:pointer;}
.kl_action a{ margin-right:10px;}
.kl_action a i{ color:#fff; font-size:17px;}
.kl_content_dropped{ display:none; /*min-height:100px;*/ padding-bottom:15px;}
.kl_content_dropped.kl_new_dropped_client{padding-bottom:40px; padding-top:40px; background:#f7f7f7;}
.placeholder { border:2px dotted #333; padding:2px; height:100px; margin-top:20px;}
.kl_data{ padding-bottom:20px;}
.kl_content_dropped .kl_widget ul.navbar-nav{ background-image:none;}
.kl_remove{ position:absolute; right:8px; top:20px; width:10px; height:10px; background:url('../img/icone-delete.png') no-repeat; cursor:pointer;}
.kl_data .kl_widget ul .kl_remove{ display:none;}
.kl_content_dropped .kl_widget.kl_dropped ul.navbar-nav{ display:block;}
.kl_bloc_save{ margin-top:35px;}
#id_popup_addPlan .modal-content{ border-radius:0px;}
.kl_modal_title{ color:#fff; background:#404668; font-size:15px; padding:10px 20px;}
.datepicker{ z-index:9999999;}
.kl_save_with_icon{ background-image:url('../img/icon-plus.png'); background-repeat:no-repeat; background-position:left+15px center; padding-left:35px !important;}
#id_popup_addPlan label{ color:#757575; font-size: 14px}
.datepicker{ z-index:9999999 !important;}
.modal-header{ background:#404668; color:#fff;}
.kl_no_client{ display:block !important;}
.kl_no_client .kl_widget, .kl_no_client .kl_widget ul.navbar-nav{ background:#fff;}
.kl_no_client .kl_widget.ui-draggable ul.navbar-nav{ background:#e5e9ec;}
/*.kl_arrow_down_client{ background:url("../img/arrow-down.png") no-repeat scroll left 15px top 15px #1c8a96;}
.kl_arrow_up_client{ background:url("../img/arrow-up.png") no-repeat scroll left 15px top 15px #1c8a96;}*/
.kl_arrow_down_client{ background:url("../img/arrow-up.png") no-repeat scroll left 15px top 15px #1c8a96;}
.kl_arrow_up_client{ background:url("../img/arrow-down.png") no-repeat scroll left 15px top 15px #1c8a96;}
.select2-drop-active{ z-index:999999999 !important;}
.kl_info_title_fdrpopup{ color:#fff;}
.content-plan{ padding-top:25px;}
input#id_nom_tache::-webkit-input-placeholder{ color:#fff;}
.kl_bloc_qrcode{ margin-top:15px; width:359px;}
.kl_bouton_action .kl_download{ margin-top:25px; font-size:14px; background-position:91px center !important;}
.kl_qrcode_img img{ display:block; margin:auto;}
.kl_heightjs{background: #fff;}
@media (max-width: 1200px)
{
    .container.kl_container_client, .kl_topClient .container, .kl_breadcrumbs_client .container, .kl_containerBody_client .container{width:auto !important}
}
@media (max-width: 991px){
    .kl_topClient .col-md-4{float:none !important;}
}

.kl_none{
	display: none;
}

.kl_new_widget.kl_new_widget_check .kl_editFdrSpan {
    color: #afb3b7;
    position: absolute;
    right: 4px;
    height: 100%;
    top:0px !important;
}

.kl_editFdrSpan a i {
    display: table-cell;
    vertical-align: middle;
}
.kl_editFdrSpan a {
    color: #afb3b7;
    display: table;
    height: 100%;
    vertical-align: middle !important;
}
.kl_new_widget .kl_editFdrSpan,.kl_oldWidget .kl_editFdrSpan
{
    color: #afb3b7;
    position: absolute;
    right: 6px;
    top:34px;
}
.kl_signature_superviseur label
{
    vertical-align: top;
}
.kl_signature_superviseur > img {
    max-width: 350px;
}
#s2id_autogen1 {
    margin-bottom: 10px;
}
.kl_bloc_desTaches {
    /*background: #fff none repeat scroll 0 0;
    height: 500px;
    overflow: auto;*/
}
#home .form-group .form-group
{
    margin-bottom: 0 !important;
}
#home .form-group .control-label
{
    padding-top: 9px;
}
.kl_liste_tache_bloc{ margin-bottom:25px;}
ul.kl_list_infos.kl_top_inputinfo li{ padding-left:0px !important; padding-right:0px !important; margin-right:0px !important;}
.kl_theInput.col-sm-9{ padding-right:0px !important;}
#home .form-group{ margin-bottom:0px;}
ul.kl_list_infos.kl_top_inputinfo li span.kl_blue_color{ margin-top:8px;}
#home{ padding-bottom:0px !important; padding-top:5px !important;}
ul.kl_list_infos.kl_top_inputinfo li .select2-search-choice > div{ padding-right:15px !important;}
ul.kl_list_infos.kl_top_inputinfo li .select2-container-multi .select2-search-choice-close{ left:inherit !important;}
ul.kl_list_infos.kl_top_inputinfo li input.form-control, ul.kl_list_infos.kl_top_inputinfo li select.form-control{ height:41px !important;}
ul.kl_list_infos.kl_top_inputinfo li .select2-container-multi .select2-choices{ border:1px solid #ddd;}
.kl_photos img{ width:100%;}
.kl_photos ul li{ list-style:none;}
.kl_content_dropped.kl_new_dropped_client.content_data.kl_no_client.ui-sortable{ height:100px;}
/*fon client*/
/*.kl_photos{ max-width:400px;}*/
.kl_photos ul li img{ width:100%;cursor: pointer;}
.kl_photos ul{padding-left: 0;}
.kl_photos ul li{display: inline-block;max-width: 150px;}
.kl_modal_images .modal-content{border-radius: 0 !important; position: relative;}
.kl_modal_images .close{
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    height: 25px;
    opacity: 1;
    position: absolute;
    right: -9px;
    top: -11px;
    width: 25px;
}
.kl_modal_images .modal-body
{
    padding: 0 !important;
}
.kl_modal_images .modal-dialog
{
    width: inherit;
    max-width: 600px;
}
.dz-default.dz-message span {
    display: block;
}
.dropzone.dz-clickable
{
    border:2px dashed rgba(0, 0, 0, 0.3) !important;
}
#id_importer .dz-error-message,#id_importer .dz-error-mark,#id_importer .dz-success-mark
{
    display:none;
}
#fancybox-buttons
{
    display: none;
}
.fancybox-title.fancybox-title-inside-wrap
{
    display: none;
}
.fancybox-wrap.fancybox-desktop.fancybox-type-image.fancybox-opened
{
    top:25px !important;
}
.kl_listImages li
{
    display: inline-block;
    max-width: 150px;
}
.kl_listImages li img
{
    max-width: 100%;
}
.kl_listImages
{
    padding-left: 0;
    padding-top: 5px;
}
ul.pagination li.active a
{
    border: 1px solid #dce47e;
}
.kl_centreAucun {
    display: block;
    padding: 10px;
    text-align: center;
}
.logo.pull-left.col-md-2 img {
    max-height: 52px;
    max-width: 170px;
    width: auto;
}
/*Modif Pat*/
#sidebar-menu ul li a i{ font-size:28px; color:#8b91a0; margin-right:0px; width:38px; float: left;}
#sidebar-menu > ul > li > a{ font-size:16px; color:#8b91a0; transition:0.5s; padding:16px 15px;}
.page-heading
{
    background: #1c8a96 none repeat scroll 0 0;
    color: #fff;
    font-family: "oxygen_bold";
    font-size: 19px;
    padding-bottom: 17px;
    padding-left: 40px;
    padding-top: 20px;
    padding-right: 25px;
    margin-bottom: 0px !important;
}
.kl_contentSommaire ul li
{
    border-radius: 6px;
    box-shadow: 1px 4px 8px #ccc;
    display: inline-block;
    font-family: "oxygen_bold";
    font-size: 14px;
    height: 190px;
    margin-left: 10px;
    margin-right: 10px;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    width: 230px;
}
.kl_contentSommaire ul li a:hover{ text-decoration:none;}
.kl_contentSommaire ul li i {
    display: block;
    height: 150px;
    width: 100%;
    padding-top:40px;
    font-size:70px;
    color:#1c8a96;
}
.kl_contentSommaire ul li span {
    background: #1c8a96 none repeat scroll 0 0;
    color: #fff;
    display: table-cell;
    height: 40px;
    min-width: 230px;
    /*padding: 10px 5px;*/
    vertical-align: middle;
}
.kl_content
{
    padding: 20px;
    margin-top: 20px;
}
.kl_contentSommaire ul{padding:0; text-align:center;}
.box-info.kl_title_box_client h2{ color:#fff;}
#sidebar-menu > ul > li.child-menu a{padding:6px 15px;}
.kl_logoFooter{
    display: inline-block;
    margin-top: -5px;
    width: 62px;
}
.kl_logoFooter img
{
    max-width: 100%;
}
.kl_ligneVert img
{
    margin-bottom: 16px;
}
.kl_imgQrCode{
    width: 95px;
    height: 95px;
}
.kl_pageClient footer{padding:17px 17px 9px;position: static !important;margin-top: 0px !important;color: #000;background: #fff !important;}
.kl_pageClient .content.kl_parent_page.kl_bodyClient{margin-bottom: 0 !important;}
footer.kl_footerClient a, footer.kl_footerClient a:hover{color: #000 !important;}
.kl_logo_brico_rect{ height:27px; width:auto; display:block; margin:auto;}
#txtLatitude, #txtLongitude{ -moz-appearance:textfield;}
input#txtLatitude::-webkit-outer-spin-button,
input#txtLongitude::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.kl_info_map{ padding: 15px 0px;}
.relative{ position:relative;}
.opac-latlng{ position:absolute; width:100%; height:34px; background:#666; opacity:0.2; top:0px; left:0px;}
.fancybox-title .child, .mfp-title{ display:none !important;}
.kl_synchro i{ margin-right:8px !important;}
.kl_maj_mdp{ padding:20px; text-align:center; background:#dadada; border-bottom:5px solid #f6f6f7; margin-bottom:25px;}
.kl_maj_mdp a{ color:#677179 !important; background:url(../img/flecheRight.png) no-repeat scroll left 2px; padding-left:25px; font-size:16px; text-decoration:underline;}
.kl_maj_mdp a:hover{ text-decoration:none;}
.kl_header_client ul li a.dropdown-toggle{ max-width:275px; position:relative;}
.kl_header_client ul li a.dropdown-toggle i{ position:absolute; top:21px; right:4px;}


/**
	SAVE EXCEL FORM
 */

.kl_btnSYncExcel
{
	text-align: center;
}

.kl_btnSYncExcel button{
	text-transform: uppercase;
	margin: 0 auto;
	top: 30px;
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	color: #ffffff;
	background: #65BD77;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
}

.kl_btnXexcel:hover {
	text-decoration: none;
}


.dropzone.kl_blocDropzone{
	border: 1px !important;
	padding: 0px !important;
	display: block;
	width: 70%;
	position: relative;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.kl_blocDropzone.dropzone .dz-message span
{
	position: relative;
	padding-top: 10px;
	margin-bottom: 10px;
}

.kl_titreUploadExcel{
	text-transform: uppercase;
	position: relative;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.kl_traitesTask{
    color: green;
}

.kl_nonTraiteTask{
    color: red;
}

.kl_neutreTask{
    color: black;
}

.kl_complementaireTaskk{
    color: blue;
}

/* Chat */
.kl_chat-container {
    max-width: 600px;
    margin: auto;
}
.kl_chat-history {
    display: grid;
    max-height: calc(100vh - 365px);
    overflow: auto;
}
.kl_message {
    max-width: 500px;
    width: max-content;
}
.kl_message__pj {
    margin: 5px;
}
.kl_message--user {
    float: right;
}
.kl_message--client {
    float: left;
}
.kl_message-container {
    width: 100%;
    display: flex;
    border-top: black 1px solid;
    padding-top: 10px;
}
.kl_message-input {
    width: calc(100% - 36px - 36px);
    resize: none;
}
.kl_message-button-pj {
    width: 36px;
    max-height: 35px;
    margin: 0px 2px;
}
.kl_message-button-send {
    width: 36px;
    max-height: 35px;
}