/*
 * Skin: komnit from BoltMail
 * -----------
 */

/* BoltMail skin based upon skin black */

/*
Dark Blue: #02334e
Light Blue: #9fc3da
Very light blue: #f6f8fb

Blue/grey sidebar: 
Medium blue: buttons: #045f91;
*/

/* base element styles */
.skin-komnit a, 
.skin-komnit a:active {
	color: #045f91;
}
.skin-komnit a:hover {
	color: black;
}
.skin-komnit .table > thead > tr > th, .table > tbody > tr > th, 
.skin-komnit .table > tfoot > tr > th, .table > thead > tr > td, 
.skin-komnit .table > tbody > tr > td, .table > tfoot > tr > td {
	color: #444;
}

/* primary text color */
.skin-komnit .text-primary {
	color: #045f91;
}

/* login box */
body.skin-komnit.ctrl-guest.act-index .login-flex .login-form .login-box-body .login-box-msg {
	color: #02334e;
	border-bottom-color: #bbb;
}
body.skin-komnit.ctrl-guest.act-index .login-flex .login-form .login-box-body .login-box-msg:before {
	content:'';
	display: block;
	height: 100px;
	margin-bottom: 2em;
	background: url(/assets/img/komnit.svg) center bottom / 70% auto no-repeat;
}

/* body area content */
.skin-komnit .wrapper {
	/*background: #fff url("/frontend/assets/files/resized/5000x5000/f556494b-login-background.jpeg") center / cover no-repeat;
	//background-attachment: fixed;*/
}
.skin-komnit .content-wrapper {
    /*background: linear-gradient(to bottom, rgba(250,250,250,.99) 0%,rgba(245,245,245,.9) 70%);*/
	/*background: rgba(245,245,245,.95);*/
	background: linear-gradient(to bottom, rgb(250,250,250) 0%,rgb(245,245,245) 70%);
}
.skin-komnit .content-wrapper a:hover:not(.btn) {
	text-decoration: underline;
}
.skin-komnit .box {
	background-color: rgba(255,255,255,0.85);
}

.skin-komnit .main-footer {
	font-size: 0.9em;
}
.skin-komnit .main-footer a {
	color: inherit;
	opacity: 0.95;
}
.skin-komnit .main-footer a:hover {
	text-decoration: underline;
}

/* Buttons */
.skin-komnit .content .btn {
	margin: 2px 0 0 1px;
	color: #fff;
	transition: all .3s ease;
	border: 1px solid #ccc;
}
.skin-komnit .content a.btn,
.skin-komnit .content button.btn, 
.skin-komnit .content input[type=button].btn, 
.skin-komnit .content input[type=submit].btn, 
.skin-komnit .content input[type=reset].btn {
	border-radius: 6px !important;
}
.skin-komnit .content .btn:hover {
	color: #fff;
	text-decoration: none !important;
}
.skin-komnit .content .btn-default,.skin-komnit .content .btn-default:hover {
	color: #444;
}
.skin-komnit .content .btn-primary {
	background-color: #045f91;
	border-color: #045f91;
	color: #fff;
}
.skin-komnit .content .btn-primary:hover, 
.skin-komnit .content .btn-primary:active, 
.skin-komnit .content .btn-primary.hover {
	background-color: #0472af;
	border-color: #0472af;
}
.skin-komnit .content .btn-danger {
	color: #fff;
	background-color: #e23222;
	border-color: #e23222;
}
.skin-komnit .content .btn-danger:hover {
	color: #fff;
	background-color: #ff2814;
	border-color: #ff2814;
}
/* when edtimng lists make the quick link buttons stand out more, I never see them */
.skin-komnit .content .btn.btn-default.btn-flat.dropdown-toggle {
	background-color: #d2d6de;
	border-color: #999;
	font-weight: bold;
}
ul.dropdown-menu {
	border-color: #999;
	box-shadow: 3px 3px 6px 0px rgba(50, 50, 50, 0.25);
}
ul.dropdown-menu li a:hover {
	text-decoration: none !important;
}

/* tabs */
/* these are bug fixes, keep an eye on them */
.skin-komnit .nav-tabs {
	margin-bottom: 0;
}
.nav-tabs + .panel {
	clear: left;
}

/* Nav bar logo */
.skin-komnit .navbar-brand {
	display: none;
}
.skin-komnit .navbar {
	background-color: #02334e;
	border-bottom: 3px solid #045f91;
}
@media (min-width: 510px) {
	.skin-komnit .navbar {
		background: #02334e url(/assets/img/komnit.svg) 59px 13px / auto 22px no-repeat;
	}
}
@media (min-width: 370px) and (max-width: 509px) {
	.skin-komnit .navbar {
		/*background: #02334e url(/assets/img/komnit.svg) 59px 11px / auto 28px no-repeat;*/
	}
}

/* default gravitar and user name area */
/*img[src^="//www.gravatar.com/avatar/47880bf141b5df2b7ebdf1b2695bcd10"] {
	display: block;
	box-sizing: border-box !important;
	background: url(/assets/img/boltmail-gravitar.svg) center / 100% no-repeat;
	padding-left: 100%;
}*/
/* image in account drop down */
.skin-komnit .navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
	
}
/* Background image of My Account drop down */
.skin-komnit .bg-light-blue, 
.skin-komnit .label-primary, 
.skin-komnit .modal-primary .modal-body {
	background-color: #02334e !important;
}

/* remove disable account option */
a[href^="/customer/account/disable"] {
	display: none !important;
}

/* below is from the black skin with some color changes */

/* skin-komnit navbar */
.skin-komnit .main-header {
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.06);
}
.skin-komnit .main-header .navbar-toggle {
  color: #333;
}
.skin-komnit .main-header .navbar-brand {
  color: #333;
  border-right: 1px solid #eee;
}
/*.skin-komnit .main-header .navbar {
  background-color: #ffffff;
}*/
.skin-komnit .main-header .navbar .nav > li > a {
  /*color: #9fc3da;*/
	color: #fff;
	transition: all .3s ease;
}
.skin-komnit .main-header .navbar .nav > li > a:hover,
.skin-komnit .main-header .navbar .nav > li > a:active,
.skin-komnit .main-header .navbar .nav > li > a:focus,
.skin-komnit .main-header .navbar .nav .open > a,
.skin-komnit .main-header .navbar .nav .open > a:hover,
.skin-komnit .main-header .navbar .nav .open > a:focus,
.skin-komnit .main-header .navbar .nav > .active > a {
  background: #043d5f;
  color: #fff;
}
.skin-komnit .main-header .navbar .sidebar-toggle:hover {
  background: #043d5f;
  color: #fff;
}
.skin-komnit .main-header .navbar > .sidebar-toggle {
  transition: all .3s ease;
  /*color: #9fc3da;*/
	color: #fff;
}
.skin-komnit .main-header .navbar .navbar-nav > li > a {
  border-right: 1px solid #eee;
}
.skin-komnit .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
.skin-komnit .main-header .navbar .navbar-right > li > a {
  border-right-width: 0;
}
.skin-komnit .main-header > .logo {
  background-color: #ffffff;
  color: #333333;
  border-bottom: 0 solid transparent;
  border-right: 1px solid #eee;
}
.skin-komnit .main-header > .logo:hover {
  background-color: #fcfcfc;
}
@media (max-width: 767px) {
  .skin-komnit .main-header > .logo {
    background-color: #222222;
    color: #ffffff;
    border-bottom: 0 solid transparent;
    border-right: none;
  }
  .skin-komnit .main-header > .logo:hover {
    background-color: #1f1f1f;
  }
}
.skin-komnit .main-header li.user-header {
  background-color: #222;
}
.skin-komnit .content-header {
  background: transparent;
  box-shadow: none;
}
/*.skin-komnit .wrapper,*/
.skin-komnit .main-sidebar,
.skin-komnit .left-side {
  background-color: #343a40;
	/*border-right: 1px solid #bbb;*/
}
.skin-komnit .user-panel {
	border-bottom: 1px solid #444;
}
.skin-komnit .user-panel > .info,
.skin-komnit .user-panel > .info > a {
  color: #fff;
}
.skin-komnit .sidebar-menu > li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-komnit .sidebar-menu > li > a {
  border-left: 3px solid transparent;
	transition: all .3s ease;
}
.skin-komnit .sidebar-menu > li:hover > a,
.skin-komnit .sidebar-menu > li.active > a {
  color: #fff;
  /*background: #adb5bd;
border-left-color: #045f91;*/
background: #2a2f34;
  border-left-color: #9fc3da;
}
.skin-komnit .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  /*background: #eee;*/
	background: #57616b;
}
.skin-komnit .sidebar a {
  color: #adb5bd;
}
.skin-komnit .sidebar a:hover {
  text-decoration: none;
}
.skin-komnit .treeview-menu > li > a {
  color: #bfc8d1;
}
.skin-komnit .treeview-menu > li.active > a,
.skin-komnit .treeview-menu > li > a:hover {
  	color: #fff;
}
.skin-komnit .treeview-menu > li > a i.text-primary,
.skin-komnit .treeview-menu > li > a i.text-primary {
	color: #9fc3da;
}
.skin-komnit .treeview-menu > li.active > a i.text-primary,
.skin-komnit .treeview-menu > li > a:hover i.text-primary {
	color:#fff;
}
.skin-komnit .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-komnit .sidebar-form input[type="text"],
.skin-komnit .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
}
.skin-komnit .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-komnit .sidebar-form input[type="text"]:focus,
.skin-komnit .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-komnit .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-komnit .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.skin-komnit .pace .pace-progress {
  background: #222;
}
.skin-komnit .pace .pace-activity {
  border-top-color: #222;
  border-left-color: #222;
}

/* custom functionality */
.boxes-mw-wrapper .small-box {
	transition: background-color .3s ease;
}
.boxes-mw-wrapper .small-box:hover {
	cursor: pointer;
	background-color: #efefef;
}
.boxes-mw-wrapper .small-box:hover a {
	text-decoration: none !important;
	/*color: #000;*/
}
.boxes-mw-wrapper .small-box a:hover {
	color: #045f91;
}
	
.boltmail-info-label {
	cursor: pointer;
}
.boltmail-info-label:before {
	font-family: FontAwesome;
	content: "\f059";
	opacity: 0.25;
	padding-right: 0.2em;
}
/* hide flash button on CK Editor */
.cke_button__flash {
	display: none !important;
}

/* Front end remove branding from surveys */
.skin-komnit.ctrl-surveys header.navbar,
.skin-komnit.ctrl-surveys .main-footer {
	display: none;
}

/* Back end remove upgrade alert (only on customers controller which is visible to agent logins) */
.ctrl-customers #notify-container .alert.alert-block.alert-warning {
	display: none !important;
}

/* Sending domain invalid warning */
.bm-sending-domain-invalid {
	font-size: 0.85em;
	padding: 5px 8px;
}

/* Hide the "Create" button when updating something, that's confusing!! */
.act-update a[href$="/create"],
.act-update a[href$="/generate"],
.act-overview a[href$="lists/create"]{
	display: none;
}
/* Hide features that arent used to simplify things */
/*.box-header a.btn.btn-primary[href="#campaign-share-code-import-modal"],*/
.treeview-menu a[href="/customer/campaigns/tags/index"],
.treeview-menu a[href="/customer/campaigns/geo-opens/index"] {
	display: none !important;
}
/* Ensure that campaign HTML doesn't flash */
textarea#CampaignTemplate_content,
textarea#CustomerTemplate_content{
	display: none;
}
/* Add ellipsis if customer name overflows */
.user-panel .pull-left.info p {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 155px;
}

/* force scroll bars to show?? */
body *::-webkit-scrollbar {
    -webkit-appearance: none;
	height: 12px;
	width: 12px;
}
body *::-webkit-scrollbar-track {
    background-color: #ededed;/*#bfc8d1;*/
	border-radius: 8px;
}
body *::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #999;
	border: 2px solid #ededed;
}
.scroll-right-indicator {
	float: right;
	opacity: 0;
	transition: all .5s ease;
}
.table-responsive:hover .scroll-right-indicator {
	opacity: 1;
}

/* breadcxrumbs */
.content-header > .breadcrumb {
	right: auto;
	left: 0;
	float: none;
	padding-left: 0;
}
.content-header > .breadcrumb > li:nth-last-child(2) {
	/*font-weight: 700;*/
}
.ctrl-dashboard .content-header > .breadcrumb {
	display: none;	
}

/* Sending domains DNS */
.dns-table {
	border-collaps: collapse;
	border: 1px solid #ccc;
	margin-top: 0.25em;
}
.dns-table td, .dns-table th {
	padding: 0.25em;
	vertical-align: top;
	border: 1px solid #ccc;
}
.dns-table th {
	color: grey;
}
.dns-table textarea.form-control {
	/*border-width: 0 !important;*/
}

/* Make list dropdown easier to understand */
.pull-left .dropdown-menu > li:nth-child(n+2) > a[href^="/customer/lists/"] {
	padding-left: 30px;
}