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

/* Winnum Base Theme */

body {
	font-family: "Montserrat", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #28323B; /*#434446;*/
}

.text-muted {
	color: #151A20;
}

legend {
	color: #151A20;
}

h, h1, h2, h3, h4, h5, h6 {
	color: #28323B; /*#151A20;*/
}

.slidebar-row-light, .slidebar-row-dark {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
     	-khtml-user-select: none;
       	-moz-user-select: none;
        	-ms-user-select: none;
	user-select: none;
}

.winnum-badge {
	color: #91CB7A!important; /*2B91CF*/
	background-color: #333!important;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

/* Login Page jumbotron */
.jumbotron {
	background-color: #28323B; /* f3f3f3 */
	color: #e8e8e8;
	height: 340px;
}

.jumbotron > .container > .col-sm-8 > h1 {
	text-transform: uppercase;
	font-weight: 500;
	overflow: hidden;
    	text-overflow: ellipsis;
    	white-space: nowrap;
}


.jumbotron > .container > .col-sm-8 > p {
	display: none;
	text-transform: uppercase;
	font-size: 14px;
}

.jumbotron > .container > .col-sm-4 {
	height: 340px;
}

.jumbotron > .container > .col-sm-4 > #__login_logo__ {
	display: none;
}

.jumbotron > .container > .col-sm-4 > #__forget_password__ > span:first-child {
	display: none;
} 

@media screen and (min-width: 768px) {
	.jumbotron {
		color: #e8e8e8;
		background: url(images/login_bd.jpg);
		height: 550px;
		background-position: center top;
		background-size: cover;
		padding: 0px;
	}

	.jumbotron > .container > .col-sm-8 {
		padding-top: 35px;
		padding-left: 0px;
	}

	.jumbotron > .container > .col-sm-8 > p {
		display: block;
	}

	.jumbotron > .container > .col-sm-8 > h1 {
		padding-top: 150px;
	}

	.jumbotron > .container > .col-sm-4 {
		text-align: center; 
		background-color: #28323B; 
		height: 550px; 
		right: 0px; 
		top: 0px; 
		position: absolute;
	}

	.jumbotron > .container > .col-sm-4 > div {
		display: inline-grid;
		display: -ms-inline-grid;
		display: -moz-grid;
	}

	.jumbotron > .container > .col-sm-4 > #__login_logo__ {
		padding-top: 100px;
		display: inline-grid;
		display: -moz-grid;
		display: -ms-inline-grid;
	}

	.jumbotron > .container > .col-sm-4 > #__login_logo__ > * {
		display: inline-grid;
		display: -ms-inline-grid;
	}

	.jumbotron > .container > .col-sm-4 > #__user_and_pass__ {
		padding-top: 45px;
	} 

	.jumbotron > .container > .col-sm-4 > #__forget_password__ {
		padding-top: 10px;
	}

	.jumbotron > .container > .col-sm-4 > #__forget_password__ > span:first-child {
		display: block;
	}

	.jumbotron > .container > .col-sm-4 > #__forget_password__ > * {
		display: inline;
		display: -ms-inline-grid;
		display: -moz-inline-grid;
	}
}

	.login-page-charts {
		width: 100%;
	}

	.login-page-charts > div {
		padding-left: 0px; 
		padding-bottom: 15px; 
		padding-right: 0px; 
		height: 150px;
	}

	.login-page-charts > div > div {
		padding: 15px; 
		color: #FFFFFF; 
		height: 100%; 
	}

	.login-page-charts > div > div> h1 {
		margin-top: 0px; 
		color: #FFFFFF;
	}

	.login-page-charts > div > div > span {
		text-transform: uppercase;
	}

@media screen and (min-width: 768px) {
	.login-page-charts > div {
		padding-right: 15px;
	}
}

/* Navigation Bar */
.navbar-fixed-top {
	-moz-box-shadow: 0px 1px 1px #28323B; /*#293649;*/
	-webkit-box-shadow: 0px 1px 1px #28323B; /*#293649;*/
	box-shadow: 0px 1px 1px #28323B; /*#293649;*/
}
.navbar-inverse {
	background-color: #28323B; /*#293649;*/
	border-color: #28323B; /*#293649;*/
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
	background-color: #364760;
}
.navbar-inverse .navbar-toggle {
	border-color: #293649;
	margin-right: 0px;
}
.navbar-inverse .navbar-nav>li>a {
	color: #cfcfd0;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	background-color: #364760;
}
.nav-actions_slidebar > .active > a, .nav-actions_slidebar > .active > a:hover, .nav-actions_slidebar > .active > a:focus {
	/*background-color: #364760;*/	
	background-image: linear-gradient(90deg, #91CBAB 0%, #91CBDB 100%);
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
	color: #fff;
	background-color: #222C3C;
}

/* Tabs */
.nav-tabs {
	border-color: #e7ebf1;
}
.nav-tabs > li > a {
	color: #555555;
	border: 0px;
	border-bottom: 3px solid transparent;
}
.nav-tabs > li > a:hover {
	border-bottom-color: #e7ebf1;
	background: #fafafa;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #555555;
	border: 0px;
	border-bottom: 3px solid #90CB7A;
	background: #fafafa;
}
.tabs .panel-body {
	background: #FFF;
}
.nav-tabs {
	border-bottom: 1px solid #dddddd;
}
.nav-tabs > li {
	float: left;
	margin-bottom: -1px;
}
.nav-tabs > li > a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
	border-color: #eeeeee #eeeeee #dddddd;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	color: #fff;
	/*background-color: #364760;*/
	background-image: linear-gradient(90deg, #91CBAB 0%, #91CBDB 100%);
}

/* Popup */
.winnum-popup-header {
	background-color: #28323B; /*#293649;*/
	/*background-image: linear-gradient(90deg, #91CBDB 0%, #90CB7A 100%);*/
}
.winnum-popup-header>button, .winnum-popup-header>button:hover, .winnum-popup-header>button:focus {
	color: #fff;
}

.path-base-container {
	width: 100%;
	background-color: #F3F2F4; /*#fafafa;*/
	border-bottom: 1px solid #e5e5e5; /*#eee;*/
	height: 23px;
	right: 0;
	left: 0;
	position: fixed;
	z-index: 1000;
}

/* Footer */
.footer {
	border-top: 1px solid #e5e5e5;
	background: #F3F2F4; /*#f5f5f5;*/
}

/* Login Page Form Controls */
.navbar-form .form-control::-webkit-input-placeholder {
	color: #667d8d;
}
.navbar-form .form-group .form-control::-moz-placeholder {
	color: #667d8d;
}
.navbar-form .form-group .form-control:-moz-placeholder {
	color: #667d8d;
}
.navbar-form .form-group .form-control:-ms-input-placeholder {
	color: #667d8d;
}

/* Links */
a {
	color: #28323B; /*#537895;*/ /*#6382a9;*/
	text-decoration: none;
	font-weight: 500;
}
a:hover, a:focus {
	color: #91CB7A; /*#23527c;*/
	text-decoration: underline;
}

/* Buttons */
.btn {
	line-height: 22px;
	padding: 5px 14px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	outline: none !important;
}
.btn:hover, .btn:focus, .btn.focus {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* link */
.btn-link {
	color: #28323B; /*#537895;*/ /*#6382a9;*/
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
	background-color: transparent;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
	border-color: transparent;
}
.btn-link:hover, .btn-link:focus {
	color: #91CB7A; /*#23527c;*/
	text-decoration: underline;
	background-color: transparent;
}
.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
	color: #777777;
	text-decoration: none;
}

/* addon */
.input-group-addon.btn {
	color: #eee;	
}
.input-group-addon.btn:hover {
	color: #ffffff;	
}

/* default */
.btn-default {
	color: #333333;
	background-color: #ffffff;
	border-color: #cccccc;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
	color: #333333;
	background-color: #e6e6e6;
	border-color: #adadad;
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
	background-color: #ffffff;
	border-color: #cccccc;
}
.btn-default .badge {
	color: #ffffff;
	background-color: #333333;
}
/* primary */
.btn.btn-primary {
	border-color: #364760;
	background: #364760;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #286090;
	border-color: #204d74;
}
.btn.btn-primary:hover {
	background: #3f5370;
	border-color: #455a7a;
}
.btn.btn-primary:focus, .btn.btn-primary.focus {
	background: #455a7a;
	border-color: #455a7a;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
	background-color: #337ab7;
	border-color: #2e6da4;
}
.btn-primary .badge {
	color: #337ab7;
	background-color: #ffffff;
}
/* info */
.btn.btn-info {
	border-color: #85d6de;
	background: #85d6de;
}
.btn.btn-info:hover {
	background: #99dde3;
	border-color: #a5e1e7;
}
.btn.btn-info:focus, .btn.btn-info.focus {
	background: #a5e1e7;
	border-color: #a5e1e7;
}
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
	background-color: #5bc0de;
	border-color: #46b8da;
}
.btn-info .badge {
	color: #5bc0de;
	background-color: #ffffff;
}
/* success */
.btn.btn-success {
	/*background: #82b440;*/
	background-image: linear-gradient(90deg, #91CBAB 0%, #91CBDB 100%);
    	border-color: #91CBAB; /*#82b440;*/
}
.btn.btn-success:hover {
	/*background: #91CB7A;*/ /*#8fc04e;*/
	border-color: #91CB7A; /*#96c459;*/
	background-image: linear-gradient(90deg, #91CB7A 0%, #91CBAA 100%);
}
.btn.btn-success:focus, .btn.btn-success.focus {
	background: #96c459;
	border-color: #96c459;
}
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
	background-color: #5cb85c;
	border-color: #4cae4c;
}
.btn-success .badge {
	color: #5cb85c;
	background-color: #ffffff;
}
/* warning */
.btn.btn-warning {
	border-color: #f3bc65;
	background: #f3bc65;
}
.btn.btn-warning:hover {
	background: #f5c67d;
	border-color: #f6cc8b;
}
.btn.btn-warning:focus, .btn.btn-warning.focus {
	background: #f6cc8b;
	border-color: #f6cc8b;
}
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
	background-color: #f0ad4e;
	border-color: #eea236;
}
.btn-warning .badge {
	color: #f0ad4e;
	background-color: #ffffff;
}
/* danger */
.btn.btn-danger {
	border-color: #e74e40;
	background: #e74e40;
}
.btn.btn-danger:hover {
	background: #ea6357;
	border-color: #ec7064;
}
.btn.btn-danger:focus, .btn.btn-danger.focus {
	background: #ec7064;
	border-color: #ec7064;
}
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
	background-color: #d9534f;
	border-color: #d43f3a;
}
.btn-danger .badge {
	color: #d9534f;
	background-color: #ffffff;
}

/* Form Controls */
.form-control:focus {
	border-color: #6382a9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(48, 64, 86, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(48, 64, 86, .6);
}

/* Table Pagination */
.pagination>li>a, .pagination>li>span {
	margin-left: -2px;
}
.pagination > li a, .pagination > li span {
	line-height: 23px;
	padding: 5px 15px;
	font-size: 12px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	font-weight: 400;
	border-color: #e7ebf1;
	background: #fafafa;
	margin-right: 5px;
	color: #555555;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.pagination > li.active > a, .pagination > li.active > span {
	/*background: #364760;*/
	background-image: linear-gradient(90deg, #91CBAB 0%, #91CBDB 100%);
	border-color: #91CBAB; /*#364760;*/
}
.pagination > li.active > a:hover, .pagination > li.active > span:hover, .pagination > li.active > a:focus, .pagination > li.active > span:focus {
	/*background: #364760;*/
	background-image: linear-gradient(90deg, #91CB7A 0%, #91CBAA 100%);
	border-color: #91CB7A; /*#364760;*/
}

/* List View */
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
	color: #f0f4f6;
	background-color: #28323B; /*#364760;*/
	border-color: #28323B; /*#364760;*/
}
.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
	color: #f0f4f6;	
}

/* Tree View */
.nav-data-slidebar > .active > div, .nav-data-slidebar > .active > div:hover, .nav-data-slidebar > .active > div:focus {
	/*background-color: #91CB7A;*/ /*#364760;*/	
	background-image: linear-gradient(90deg, #91CBAB 0%, #91CBDB 100%);
}

/* Calendar Tree Grid */
.tree thead > tr .winnum-calendar-day {
    border-bottom-color: #364760!important;
}

.tree thead > tr > .winnum-calendar-weekend {
	border-bottom-color: #e74e40!important;
}

/* Callouts */
.wn-bs-callout-default {
    border-left-color: #333333;
}
.wn-bs-callout-default h4 {
    color: #333333;
}

.wn-bs-callout-primary {
    border-left-color: #364760;
}
.wn-bs-callout-primary h4 {
    color: #364760;
}

.wn-bs-callout-success {
    border-left-color: #91CB7A; /*#82b440;*/
}
.wn-bs-callout-success h4 {
    color: #91CB7A; /*#82b440;*/
}

.wn-bs-callout-info {
    border-left-color: #85d6de;
}
.wn-bs-callout-info h4 {
    color: #85d6de;
}

.wn-bs-callout-warning {
    border-left-color: #f3bc65;
}
.wn-bs-callout-warning h4 {
    color: #f3bc65;
}

.wn-bs-callout-danger {
    border-left-color: #e74e40;
}
.wn-bs-callout-danger h4 {
    color: #e74e40;
}

/* Progress bar */
.progress-bar-default {
	background-color: rgba(245, 245, 245, 0.09); /*#939596;*/
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}
.progress-bar-primary {
	background-color: #364760;
}
.progress-bar-success {
	background-color: #91CB7A; /*#82b440;*/
}
.progress-bar-info {
	background-color: #85d6de;
}
.progress-bar-warning {
	background-color: #FBD76D; /*#f3bc65;*/
}
.progress-bar-danger {
	background-color: #F6522E; /*#e74e40;*/
}