/*
=========================================================================
BOOTSTRAP LITLE CUSTOM
=========================================================================
*/

/* Import font from Google Font (Open sans) */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

/** Body style reset **/
body{
	background: #fff;
	padding-top: 50px;
	margin: 0; -webkit-text-size-adjust: 100%;
	font-family: 'Open Sans', Arial;
}
a{text-decoration: none; }
.nl{list-style: none;margin:0;padding: 0;}

/** Heading style reset **/
h1,h2,h3,h4,h5,h6{font-family: 'Open Sans', Arial;}

/** Make container auto **/
.container{width: auto;}

#left-content, #right-content{position: absolute;}

/** Navbar style reset **/
blockquote.reply-message{
	font-size: 14px;
}
.modal{z-index: 9999996;}
.modal-body{padding:20px;}
.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 10px 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; margin:10px;}


/***
Select2 Plugin
***/
.form-control .select2-choice {
  border-radius: 0 !important;
  border: 1px solid #cccccc;
  background-color: #fff;
  background-image: none;
  filter: none;
  height: 34px;
  padding: 3px 0 0px 12px;
}

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #cccccc;
  background-color: #fff;
  background-image: none;
  filter: none;
}

.select2-drop {
  border: 1px solid #cccccc;
  background-color: #fff;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  filter: none;
  border-top: 0;
}

.select2-drop-auto-width {
  border-top: 1px solid #cccccc;
}

.select2-drop.select2-drop-above {
  border-top: 1px solid #cccccc;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select2-drop-active {
  border: 1px solid #999999;
  border-top: 0;
}

.select2-container .select2-choice .select2-arrow {
  background-image: none;
  background-color: #fff;
  filter: none;
  border-left: 1px solid #cccccc;
}

.select2-container.select2-container-active .select2-arrow,
.select2-container.select2-dropdown-open .select2-arrow {
  border-left: 0 !important;
}

.select2-container .select2-choice .select2-arrow b {
  background-position: 0 1px;
}

.select2-search input {
  border: 1px solid #cccccc;
  background-color: #fff !important;
  filter: none;
  margin: 0;
  outline: 0;
  border: 1px solid #cccccc;
  webkit-appearance: none !important;
  color: #333333;
  outline: 0;
  box-shadow: none;
  height: auto !important;
  min-height: 26px;
  padding: 6px 6px !important;
  line-height: 20px;
  font-size: 14px;
  font-weight: normal;
  vertical-align: top;
  background-color: #ffffff;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 5px;
}

.form-control.select2-container {
  border: 0;
  height: auto !important;
  padding: 0px;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #999999 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.select2-dropdown-open .select2-choice {
  border-bottom: 0 !important;
  background-image: none;
  background-color: #fff;
  filter: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #999999 !important;
  border-top: 0 !important;
  background-image: none;
  background-color: #fff;
  filter: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.select2-drop.select2-drop-above.select2-drop-active {
  border: 1px solid #999999 !important;
  border-bottom: 0 !important;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px;
}

.select2-results {
  margin: 5px 0;
}

.select2-results .select2-highlighted {
  background: #eee;
  color: #333;
}

.select2-results li em {
  background: #feffde;
  font-style: normal;
}

.select2-results .select2-highlighted em {
  background: transparent;
}

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  padding: 3px 7px 4px;
  background: #f4f4f4;
  display: list-item;
}

.select2-container-multi {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.select2-container-multi .select2-choices {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.select2-container-multi.select2-dropdown-open {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.select2-container-multi.select2-dropdown-open .select2-choices {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.select2-container-multi.select2-dropdown-open.select2-drop-above {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.select2-container-multi.select2-dropdown-open.select2-drop-above .select2-choices {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.select2-container-multi .select2-choices {
  padding-left: 6px;
  min-height: 34px;
  border: 1px solid #e5e5e5;
  background-image: none;
  background-color: #fff;
  filter: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #999 !important;
  background-image: none;
  background-color: #fff;
  filter: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 5px 0 3px 5px;
  border: 1px solid #e5e5e5;
  background-image: none;
  background-color: #fff;
  filter: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/*
=========================================================================
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{
	width: 25px;
	margin-right: 2px;
	border-radius: 4px;
	margin-top: -4px;
}
.header.sidebar .logo h1{
	font-size: 16px;
	margin: 0;
	padding: 0;
	color: #fff;
	font-family: 'Open Sans', Arial;
	font-weight: 600;
	letter-spacing: -1px;
}
.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);
}
.icon {width:15px;}
/* === 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: 14px;
	position: relative;
}
#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: #3B9BED;
}
#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-full{
	left: 0px;
	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: 20px 0;
	font-size: 12px;
	border-top: 1px solid #B9C1CB;
	margin-top: 40px;
}

/* === 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;
	border:1px solid #dddddd;
  	border-radius: 4px;
	-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: 2px 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: 99991;
}
.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: 15px;
	padding-right: 15px;
}

.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;}


/* === COMMENT === */
.comment-widget{
	margin-bottom: 20px;
}
.comment-widget .media-list{margin: 0;}
.comment-widget .media-list .media{border-bottom: none;}
.comment-widget .media-list .media .media-object{
	width: 50px;
	padding: 4px;
	border: 1px solid #eaeaea
}
.comment-widget .media-list .media .media-body{
	border-bottom: 1px solid #dddddd;
	border-radius: 3px;
	padding: 10px;
	color: #000000;
}
.comment-widget .media-list .media .media-body p.time{
	text-align: right;
	color: #000000;
	font-size: 11px;
	font-style: italic;
}


.comment-widget .media-list .media .media-body p.time-left{
	text-align: left;
	color: #000000;
	font-size: 11px;
	font-style: italic;
}
.comment-widget .media-list .media .media-body.success{
	border-left: 4px solid #65BD77;}
.comment-widget .media-list .media .media-body.warning{
	border-left: 4px solid #F7CB17;}
.comment-widget .media-list .media .media-body.danger{
	border-left: 4px solid #D9534F;}
.comment-widget .media-list .media .media-body.info{
	border-left: 4px solid #4393D8;}


.search-widget .media-list{margin: 0;}
.search-widget .media-list .media{border-bottom: none;}
.search-widget .media-list .media .media-body{
	border-bottom: 1px solid #dddddd;
	border-radius: 3px;
	padding: 2px 10px;
	color: #000000;
}
.search-widget .media-list .media .media-body.danger{
	border-left: 4px solid #D9534F;}


/*
=========================================================================
ELEMENT SELECTOR
=========================================================================
*/

/** Typography **/
.the-notes{
	padding: 5px 5px 5px 10px;
	border-left: 4px solid #909090;
	margin-bottom: 5px;
	text-align: justify;
}
.the-notes.default{background: #fff;}
.the-notes.success{
	background-color: #E5E9EC;
	border-left-color: #65BD77;
}
.the-notes.warning{
	background-color: #E5E9EC;
	border-left-color: #F7CB17;
}
.the-notes.danger{
	border-left-color: #D9534F;
}
.the-notes.info{
	background-color: #E5E9EC;
	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;
}

.full-content-center-more{
	width: 100%;
	max-width: 800px;
	margin: 5% auto;
	text-align: center;
}
.full-content-center-more img.logo-login{
	width: 70px;
	margin-right: 10px;
	background: #272C31;
}
body.full-content{
	background : #E5E9EC;
	padding-top: 0px;
	background: #F2EFEE url('/assets/images/staff.png') left top -80px no-repeat;
}

.full-content-center h1{
	font-size: 50px;
	font-weight: 600;
}
.full-content-center-more h1{
	font-size: 50px;
	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;
}


.install-wrap{
	margin: 20px 10%;
	text-align: left;
}
.install-wrap i{margin-right: 5px;}
.install-wrap .checkbox{
	margin-left: 0;
	padding-left: 0;
}
.install-wrap .btn-block{margin: 5px 0;}
.install-wrap .login-input{position: relative;}
.install-wrap .login-input .text-input{padding-left: 30px;}
.install-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; text-align:justify;}


/** 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;}
.user-profile-content-wm{margin: 10px 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: 36x;
  }
  .jumbotron.sm h1,
  .jumbotron.sm .h1 {
    font-size: 40px;
	margin-top: 0px;
  }
  .jumbotron.xs {
    padding-top: 24px;
    padding-bottom: 24x;
  }
  .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;
}


/** 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;
}


/***
Custom vertical inline menu
***/
.ver-inline-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}
.ver-inline-menu li {
  position: relative;
  margin-bottom: 1px;
}
.ver-inline-menu li i {
  width: 37px;
  height: 37px;
  display: inline-block;
  color: #b9cbd5;
  font-size: 15px;
  padding: 12px 10px 10px 8px;
  margin: 0 8px 0 0;
  text-align: center;
  background: #e0eaf0 !important;
}
.ver-inline-menu li a {
  font-size: 14px;
  font-weight: 300;
  color: #557386;
  display: block;
  background: #f0f6fa;
  border-left: solid 2px #c4d5df;
}
.ver-inline-menu li:hover a {
  background: #e0eaf0;
  text-decoration: none;
}
.ver-inline-menu li:hover i {
  color: #fff;
  background: #c4d5df !important;
}
.ver-inline-menu li.active a {
  border-left: solid 2px #0c91e5;
}
.ver-inline-menu li.active i {
  background: #3B9BED !important;
}
.ver-inline-menu li.active a, .ver-inline-menu li.active i {
  color: #fff;
  background: #169ef4;
  text-decoration: none;
}
.ver-inline-menu li.active a, .ver-inline-menu li:hover a {
  font-size: 14px;
}
.ver-inline-menu li.active:after {
  content: '';
  display: inline-block;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  border-left: 6px solid #169ef4;
  position: absolute;
  top: 12px;
  right: -5px;
}

@media (max-width: 767px) {
  .ver-inline-menu > li.active:after {
    display: none;
  }
}

/***
Custom tabs
***/
/* In BS3.0.0 tabbable class was removed. We had to added it back */
.tabbable:before, .tabbable:after {
  content: " ";
  display: table;
}
.tabbable:after {
  clear: both;
}

.tabbable-custom {
  margin-bottom: 15px;
  padding: 0px;
  overflow: hidden;
  /* justified tabs */
  /* boxless tabs */
  /* below justified tabs */
  /* full width tabs */
  /* below tabs */
}
.tabbable-custom > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-custom > .nav-tabs > li {
  margin-right: 2px;
  border-top: 2px solid transparent;
}
.tabbable-custom > .nav-tabs > li > a {
  margin-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.tabbable-custom > .nav-tabs > li > a:hover {
  background: none;
  border-color: transparent;
}
.tabbable-custom > .nav-tabs > li.active {
  border-top: 3px solid #f3565d;
  margin-top: 0;
  position: relative;
}
.tabbable-custom > .nav-tabs > li.active > a {
  border-top: none;
  font-weight: 400;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.tabbable-custom > .nav-tabs > li.active > a:hover {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border-top: none;
  background: #fff;
  border-color: #d4d4d4 #d4d4d4 transparent;
}
.tabbable-custom > .tab-content {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 10px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.tabbable-custom.nav-justified > .tab-content {
  margin-top: -1px;
}
.tabbable-custom.boxless > .tab-content {
  padding: 15px 0;
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.tabbable-custom.tabs-below.nav-justified .tab-content {
  margin-top: 0px;
  margin-bottom: -2px;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.tabbable-custom.tabbable-full-width > .nav-tabs > li > a {
  color: #424242;
  font-size: 15px;
  padding: 9px 15px;
}
.tabbable-custom.tabbable-full-width > .tab-content {
  padding: 15px 0;
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.tabbable-custom.tabs-below .nav-tabs > li > a {
  border-top: none;
  border-bottom: 2px solid transparent;
  margin-top: -1px;
}
.tabbable-custom.tabs-below .nav-tabs > li.active {
  border-top: none;
  border-bottom: 3px solid #d12610;
  margin-bottom: 0;
  position: relative;
}
.tabbable-custom.tabs-below .nav-tabs > li.active > a {
  border-bottom: none;
}
.tabbable-custom.tabs-below .nav-tabs > li.active > a:hover {
  background: #fff;
  border-color: #d4d4d4 #d4d4d4 transparent;
}

.tabbable-custom.tabbable-noborder > .nav-tabs > li > a {
  border: 0;
}
.tabbable-custom.tabbable-noborder .tab-content {
  border: 0;
}

.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #f3565d;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}

/******
Customized Tabs by WM
***/

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 0px 0 0 0px;
     -moz-border-radius: 0px 0 0 0px;
          border-radius: 0px 0 0 0px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  width: auto;
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  width: auto;
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}

/******
Customized Tabs by WM Ends
***/

/***
Customized Bootstrap Panels
***/
.panel {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.panel-group .panel {
  overflow: visible;
}
.panel .panel-body {
  font-size: 13px;
}
.panel .panel-title > a:hover {
  text-decoration: none;
}
.accordion .panel .panel-heading {
  padding: 0;
}
.accordion .panel .panel-title {
  padding: 0;
}
.accordion .panel .panel-title .accordion-toggle {
  display: block;
  padding: 10px 15px;
}
.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled {
  background: url("../img/accordion-plusminus.png") no-repeat;
  background-position: right -19px;
  margin-right: 15px;
}
.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed {
  background-position: right 12px;
}

.panel-default {
  border-color: #e0e0e0;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f9f9f9;
  border-color: #e0e0e0;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #e0e0e0;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #e0e0e0;
}

.panel-primary {
  border-color: #3B9BED;
}
.panel-primary > .panel-heading {
  color: #d8e3f2;
  background-color: #3B9BED;
  border-color: #3B9BED;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #3B9BED;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #3B9BED;
}

.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ebccd1;
}

/***
Accordions
***/
.accordion-heading {
  background: #eee;
}
.accordion-heading a {
  text-decoration: none;
}
.accordion-heading a:hover {
  text-decoration: none;
}


/* Cubic Bezier Transition */
/* 
Search Page
***/
.search-page .bordered {
  border: 1px solid;
  border-color: #e7ecf1; }

.search-page .search-bar {
  padding: 20px;
  margin-bottom: 40px;
  background-color: #fff; }
  .search-page .search-bar input {
    border: none;
    background-color: #f3f6f9;
    color: #a0a9b4;
    height: 55px; }
  .search-page .search-bar button {
    color: #fff;
    height: 55px;
    width: 130px;
    margin-left: -3px;
    margin-top: -2px; }
  .search-page .search-bar .search-desc {
    margin: 0;
    color: #a0a9b4;
    font-size: 13px; }

.search-page .search-filter {
  background-color: #fff;
  padding: 40px 30px 0 30px;
  margin-bottom: 30px; }
  .search-page .search-filter > .search-label {
    color: #a0a9b4;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 40px; }
    .search-page .search-filter > .search-label:first-child {
      margin-top: 0; }
  .search-page .search-filter input,
  .search-page .search-filter select {
    color: #727f89;
    font-weight: 700;
    font-size: 14px; }
  .search-page .search-filter button {
    margin: 40px 0;
    padding: 15px 0; }
  .search-page .search-filter .search-filter-divider {
    display: block;
    height: 1px; }

.search-page .search-pagination {
  text-align: center; }
  .search-page .search-pagination > .pagination > li > a {
    margin: 0 3px;
    border: none;
    background: #ddd;
    color: #666; }
    .search-page .search-pagination > .pagination > li > a:hover {
      text-decoration: none;
      color: #fff;
      background-color: #3598DC; }
  .search-page .search-pagination > .pagination > .page-active > a {
    background-color: #3598DC;
    color: #fff; }
  .search-page .search-pagination.pagination-rounded > .pagination > li > a {
    border-radius: 50% !important; }

.search-content-2 .search-container {
  background-color: #fff; }
  .search-content-2 .search-container > ul {
    padding: 20px;
    margin-bottom: 0; }
    .search-content-2 .search-container > ul > .search-item-header {
      list-style: none;
      padding: 0 0 5px 0;
      border-bottom: 1px solid;
      border-color: #f4f6f8; }
      .search-content-2 .search-container > ul > .search-item-header h3 {
        font-size: 17px;
        color: #a0a9b4;
        margin: 5px 0 0 0; }
    .search-content-2 .search-container > ul .search-item {
      list-style: none;
      padding: 20px 0;
      border-bottom: 1px solid;
      border-color: #f4f6f8; }
      .search-content-2 .search-container > ul .search-item > .search-content p {
        margin: 0; }
      .search-content-2 .search-container > ul .search-item > .search-content .search-title {
        font-size: 19px;
        margin: 0 0 20px 0;
        font-weight: 600; }
        .search-content-2 .search-container > ul .search-item > .search-content .search-title > a {
          color: #4e5a64; }
          .search-content-2 .search-container > ul .search-item > .search-content .search-title > a:hover {
            text-decoration: none;
            color: #49a7fa; }
      .search-content-2 .search-container > ul .search-item > .search-content .search-desc {
        color: #a0a9b4;
        font-size: 13px; }
        .search-content-2 .search-container > ul .search-item > .search-content .search-desc > a {
          color: #49a7fa; }
          .search-content-2 .search-container > ul .search-item > .search-content .search-desc > a:hover {
            text-decoration: none;
            color: #326b9e; }
      .search-content-2 .search-container > ul .search-item > .search-content .search-counter-number,
      .search-content-2 .search-container > ul .search-item > .search-content .search-counter-label {
        text-align: center; }
      .search-content-2 .search-container > ul .search-item > .search-content .search-counter-number {
        font-size: 21px;
        color: #4e5a64;
        margin-bottom: 15px; }
      .search-content-2 .search-container > ul .search-item > .search-content .search-counter-label {
        font-size: 13px;
        color: #8b96a4; }
      .search-content-2 .search-container > ul .search-item:last-child {
        border: none; }

@media (max-width: 991px) {
  .search-bar .search-desc {
    margin-top: 20px !important; }
  .search-pagination {
    margin-bottom: 40px; }
  .search-content-2 .search-container .search-item > .search-content.text-left {
    text-align: left; }
  .search-content-2 .search-container .search-item > .search-content .search-desc {
    margin-bottom: 40px; } }

@media (max-width: 767px) {
  .search-content-2 .search-container .search-item > .search-content {
    text-align: center; } }

.custom-list ul li a {
  font-size: 14px !important;
  padding: 8px 10px;
  font-weight: 600; }

.custom-list .nav li a .badge {
  float: right;
  margin-top: 1px !important; }

.custom-list .nav > li.active > a {
  color: #3f444a;
  background-color: #f1f4f7 !important; }

/*.custom-list .nav > li:nth-child(odd) {   background-color: #f1f4f7 !important; }*/

.custom-list-2 ul li a {
  font-size: 14px !important;
  padding: 8px 10px;
  font-weight: 600; }

.custom-list-2 ul li {
  font-size: 14px !important;
  padding: 8px 10px;
  font-weight: 600; }
/*.custom-list-2 .nav > li:nth-child(odd) {   background-color: #f1f4f7 !important; }*/

.custom-list-small ul li {
  font-size: 12px !important;
  padding: 8px 10px;
  font-weight: 600; }
/*.custom-list-small .nav > li:nth-child(odd) {   background-color: #f1f4f7 !important; }*/

.show-info { color:green;font-size:11px;font-style: italic;margin-bottom: 100px;}


.text-heading{text-align:center; margin:10px 0px; font-size:20px; font-weight:600;}
.span-highlight{font-size:14px;font-weight:600;}

.logo-icon{margin-right:5px; vertical-align:middle; margin-top:-10px;}


/* ERROR & LOGIN & LOCKSCREEN*/
.middle-box {
  max-width: 400px;
  z-index: 100;
  margin: 0 auto;
  padding-top: 6%;
}
.lockscreen.middle-box {
  width: 200px;
  padding-top: 110px;
}
.loginscreen.middle-box {
  width: 300px;
}
.login-section{border: 1px solid #e7eaec; padding:10px;}

.loginColumns {
  max-width: 800px;
  margin: 0 auto;
  padding: 100px 20px 20px 20px;
}
.passwordBox {
  max-width: 460px;
  margin: 0 auto;
  padding: 100px 20px 20px 20px;
}
.logo-name {
  color: #1E88E5;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: 0px;
  margin-bottom: 0;
}

.logout-name {
  color: #1E88E5;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0px;
  margin-top: 20px;
}
.middle-box h1 {
  /*font-size: 170px;*/
}
.wrapper .middle-box {
  margin-top: 140px;
}
.lock-word {
  z-index: 10;
  position: absolute;
  top: 110px;
  left: 50%;
  margin-left: -470px;
}
.lock-word span {
  font-size: 100px;
  font-weight: 600;
  color: #e9e9e9;
  display: inline-block;
}
.lock-word .first-word {
  margin-right: 160px;
}
.modal .loginscreen.middle-box {
    width: 325px;
    padding-bottom: 6%;
}
.m-t {
    margin-top: 15px;
}
.block.btn.full-width {
    display: block !important;
    width: 100% !important;
}
.loginscreen.middle-box .btn-primary {
    background-color: #1ab394;
    border-color: #1ab394;
    color: #FFFFFF;
}
.m-b {
    margin-bottom: 15px;
}
.loginscreen.middle-box .btn-primary:hover, .loginscreen.middle-box .btn-primary:focus, .loginscreen.middle-box .btn-primary:active, .loginscreen.middle-box .btn-primary.active, .loginscreen.middle-box .open .dropdown-toggle.btn-primary, .loginscreen.middle-box .btn-primary:active:focus, .loginscreen.middle-box .btn-primary:active:hover, .loginscreen.middle-box .btn-primary.active:hover, .loginscreen.middle-box .btn-primary.active:focus {
    background-color: #18a689;
    border-color: #18a689;
    color: #FFFFFF;
}
.atlas-config td {
	word-break: break-all;
	word-wrap: break-word;
    
}
.atlas-config tr td:last-child {
    white-space: nowrap;
}
td.details-control {
    background: url('../img/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../img/details_close.png') no-repeat center center;
}
.note-text-responsive {
    display: inline-block;
    max-height: 55px;
    overflow: hidden;
    vertical-align: middle;
}
.close_btn {
    background: url('../img/details_open.png') no-repeat center center;
    cursor: pointer;
}