body
{
	font-size: 14px;
}

label
{
	font-size: 14px;
	font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

label.control-label
{
	font-weight: 500;
	margin-bottom: 5px;
	font-size: 16px;
	display: block;
	width: 100%;
	font-family: inherit;
    line-height: 1.1;
    color: inherit;
}

textarea
{
	width: 100%;
	resize: none;
}

.h4-panel-body
{
	font-size: 18px;	
	font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    margin: 10px;    
}

.select2-container .select2-selection {
    height: 34px;
    overflow: hidden;
    line-height: 28px;    
} 

.select2-container--default .select2-selection--multiple .select2-selection__choice 
{
	margin-top: 2px;
}

.select2-container .select2-selection--single
{
	min-height: 34px;
	max-height: 34px;
	padding-top: 3px;	
	overflow-y: hidden;
  	text-overflow: ellipse;
}

.select2-selection__rendered{
  word-wrap: break-word !important;
  text-overflow: inherit !important;
  white-space: normal !important;
}

h3
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.bolder
{
	font-weight: 600;
}


.font-size-20
{
	font-size: 20px;
}

.slim
{
	font-weight: 500!important;	
}

.logo img
{
	width: 300px;
	padding: 5px;
}

.clear
{
	clear: both;
}

/************DataRangePicker***********************/
.ranges li
{
	background-color: #fff!important;
	border: 1px solid #f5f5f5;
	color: #307ecc;
}

.ranges li:hover
{
	background-color: #307ecc!important;
	color: #fff;
	border: 1px solid #e3e3e3;
}

.datarangepicker-buttons
{
	padding: 5px;
	font-size: 12px;
	font-weight: 400;		
}

.datarangepicker-apply
{
	border: 4px solid #87b87f;
	background-color: #87b87f;
	color: #fff;	
}

.datarangepicker-apply:hover
{
	background-color: #52804b!important;
    border: 4px solid #87b87f;
}

.dataranghepicker-cancel
{
	border: 4px solid #bdbdbd;
	background-color: #bdbdbd!important;
}

.dataranghepicker-cancel:hover
{
	border: 4px solid #bdbdbd;
	background-color: #d3d3d3!important;
}

td.available:hover
{
	background-color: #307ecc!important;!important;
}

td.in-range
{
	background-color: #307ecc!important;
	color: #fff;
}

/************DataRangePicker vege***********************/

.vertical-center
{
	vertical-align: middle!important;
}

.message
{
	color: #d15b47;
}

.nav>li>a.welcome_link
{
	color: #337ab7;
}

.nav>li>a.welcome_link:hover
{
	color: #337ab7;
}

.content>.px-nav-item>a:hover
{
	/*color: #337ab7;*/
	color: #4b88b7;
 
}

.px-nav, .px-nav-item a:hover {
	color: #4b88b7;
	/*color: #337ab7;*/
}

.px-nav-dropdown-menu a:hover
{
	color: #4b88b7;
	/*color: #337ab7;*/
}

.px-nav-dropdown.px-nav-item.active>a {
	font-weight: bold;
} 

.px-nav-item.active>a {
	color: #4b88b7!important;
}

.px-nav-dropdown-menu .px-nav-item.active>a {
	background-color: #def0fd;
}

.pull-right
{
	float: right;
}

.panel-title
{
	padding: 5px;
	font-size: 20px;
	font-weight: bold;
	background-color: #fff;	
}

.panel-heading-grey h5 {
    background-color: grey;
    border-color: #307ecc;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}


.panel-heading-light-grey .panel-title
{
	background-color: #f5f5f5;
    border-color: #307ecc;
    color: #2a8edd;
	font-size: 14px;
}

.panel-title a 
{
	margin-right: 0;
	padding-right: 0!important;
	width: 42px;
	color: #aaa;
	border-left: 2px solid #ddd;
}

.page-header h1 {
    padding: 0;
    margin: 0 8px;
    font-size: 24px;
    font-weight: lighter;
    color: #2679b5;
}

.edit-page-header {
	padding: 0;
	margin: 0 8px;
	font-size: 24px;
	font-weight: lighter;
	color: #2679b5;
}

.header {
	line-height: 28px;
	margin-bottom: 16px;
	margin-top: 18px;
	padding-bottom: 4px;
	border-bottom: 1px solid #CCC;
}

.custom-control
{
	font-size: 14px;
	color: #393939;
	display: inline-block!important;
}

.custom-control-input:checked~.custom-control-indicator {
    background-color: #1e88e5;
    box-shadow: none;
}

.custom-control-input:focus
{
	background-color: white;
}

.custom-control:hover .custom-control-indicator {
    box-shadow: 0 0 0 1px #1e88e5 inset;
}

.btn {
    padding: 5px 10px;  
    font-size: 14px;
    border-radius: 0px;  
}

.btn-primary
{
	border-radius: 0px;
	background-color: #1b6aaa!important;
	border: 1px solid #428bca;
}

.btn-primary:hover
{
	background-color: #286090!important;
    border-color: #1d609a;	
}

.btn-success {
    background-color: #87b87f!important;
    border-color: #87b87f;
}

.btn-success:hover
{
	background-color: #5c9653!important;
    border-color: #87b87f;
}
/*
.btn-default {
	color: #fff;
    background-color: #abbac3!important;
    border-color: #abbac3;
    font-weight: 100;    
}

.btn-default:hover {
	color: #fff;
	background-color: #879298!important;
    border-color: #abbac3;    
}
*/
.btn-pink
{
	color: #fff;
	background-color: #b73766!important;
    border-color: #d6487e;
}

.btn-pink:hover
{
	color: #fff;
	background-color: #c11957!important;
    border-color: #b73766;
}

.panel-heading h5 {
    background: #307ecc;
    border-color: #307ecc;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.panel-heading h5 i
{
	color: #fff;
}

.panel-title a {
    width: 34px;
}

.panel-body-separator
{
	border-top: 1px solid #f2f2f2;	
}

.nav.nav-tabs>li.active>a {
    border-bottom-color: #fff!important;    
}
.list-group .list-group-item.active, .nav>li.active>a, .nav>li.active>a:focus, .nav>li.active>a:hover, .popover-primary .popover-title, .popover-primary.popover-colorful, .popover-primary.popover-dark .popover-title, .popover-primary.popover-dark.popover-colorful, .switcher-primary>input:checked~.switcher-indicator
{
	background-color: #fff!important;
	color: #576373;
	border-top: 2px solid #337ab7;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

.nav-tabs {
    margin-bottom: 0;
}

.blue 
{
	color: #3a87ad;
}

.black
{
	color: #576373;
}

.orange
{
	color: #f89406;
}

.light-blue
{
	color: #3a87ad;
}

.green
{
	color: #82af6f;
}

.bricky
{
	color: #d15b47;
}

.purple
{
	color: #9585BF;
}

.grey
{
	color: #A0A0A0;
}

.pink
{
	color: #ff00ff;
}

.yellow
{
	color: #fee188;;
}

.white
{
	color: #fff;
}

.cold 
{
	color: #d9edf7;	
}

.red
{
	color: #ff0000;
}

.background-green {
	background-color: #82af6f;
}

.background-orange {
	background-color: #f89406;
}

.background-red {
	background-color: #d15b47;
}

.background-black {
	background-color: #000000;
}


.btn-white {
    border: 1px solid #81a87b;
    background-color: white;
}

.select2-selection__rendered
{
    overflow-y: hidden;
}


.search_data
{
	border-bottom: 1px solid #ccc;
}

.search_label
{
	color: #393939;
	font-size: 14px;
	font-weight: 200;
	display: block;
}

.search_text
{
	border-radius: 0!important;
    color: #858585;
    border: 1px solid #d5d5d5;
    padding: 5px 4px 6px;
    font-size: 14px;
    font-family: inherit;
    width: 100%;
}

.m-t-4
{
	margin-top: 40px;
}

.search_button
{
	font-size: 12px;
}

.search_button .btn-primary
{
	border-radius: 0px;
	background-color: #1b6aaa!important;
	padding: 5px 10px;	
	border: 1px solid #428bca;
}

.search_button .btn-primary:hover
{
	background-color: #286090!important;
    border-color: #1d609a;	
}

.search_button a
{
	color: #08c!important;
}

ul.select2-selection__rendered {
 	max-height: 34px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    line-height: 1.42857143;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selected
{
	background-color: #cde296 !important;
}

#advanced-box
{
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;	
	min-height: 100px;
	padding: 10px;	
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

/************ketegoriak megjelenitese********************/
#category-div
{
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3; 
	height: 100%;
}

.list
{
	list-style: none;
	margin: 0;
	padding: 0;	
}

.list li
{
	width: 100%;
	border-top: 1px solid #e3e3e3;
	padding: 5px;
}

.list li:first-child { 
    border-top: none;
}

.list li a
{
	text-align: right;
}

/***************Modal***********************/
.modal-lg
{
	width: 80%;
}

.modal-sm
{
	width: 40%;
}

.close
{
	color: red;
}
/**************Modal vege*******************/

/************ketegoriak megjelenitesenek vege********************/

/************DatePicker***********************************/

.datepicker .month
{
	padding: 0;
}

.datepicker table tr td span.focused
{
	background-color: #307ecc;
	color: #fff;
}

.datepicker table tr td span.month:hover
{
	background-color: #c5c5c5;
	color: #313538;
}

/******************DatePicker vege*************/

/******************DataTables*******************/

td.available:hover
{
	background-color: #307ecc!important;!important;
}

td.in-range
{
	background-color: #307ecc!important;
	color: #fff;
}

.table-primary thead th, .table-primary thead tr {
    background: #e3e3e3;
    border: 1px solid #c5c5c5;
    color: #333;
}

.btn-primary, .table-primary .table-header {
    background: #f3f3f3;
    border: 1px solid #fff;
}

.table-primary .table-header, .table-primary thead, .table-primary thead th, .table-primary thead tr {
    border-color: #f3f3f3!important;    
}

#datatables_paginate, .dataTables_info
{
	text-align: center;
}

.dataTables_info
{
	margin-top: 20px;
	font-size: 10px;
}

.dataTables_paginate
{
	text-align: center;
}

.pagination>li {
    font-size: 10px;
}

/***************DataTables vege*******************/

/***************DropZone***************************/

.fallback
{
	min-height: 200px;
}

.dz-upload-icon {
    left: 0;
    width: 64px;
    height: 64px;
    transform: translateY(-50%) scale(1);
    border-radius: 2px;
    background-image: url(../img/icon-cloud.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 64px;
}

.dropzone-box
{
	border-color: #c3c3c3;
}

/**************DropZone vege***********************/

/***************Talk bubble***********************/

.bubble-white {
	position: relative;
	background: #fff;
	border: 1px solid #c3c3c3;
    max-width:100%;
    padding:10px;
    font-family:arial;
    margin:0 auto;
    border-radius:6px;
    
}

.arrow {
    border-style: solid;
    position: absolute;
}

.left-white {
    border-color: transparent #c3c3c3 transparent transparent;
    border-width: 8px 8px 8px 0px;
    left: -8px;
}

.left-white:after {
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 7px 7px 7px 0px;
    left: 1px;
    content: "";
    position: absolute;
    bottom: -7px;    
}

.bubble-orange {
	position: relative;
	background: #fffaf3;
	border: 1px solid #c9ba9b;
	color: #8d7955;
    max-width:100%;
    padding: 10px;
    font-family:arial;
    margin:0 auto;
    border-radius:6px;    
}

.left-orange {
    border-color: transparent #c9ba9b transparent transparent;
    border-width: 8px 8px 8px 0px;
    left: -8px;
}

.left-orange:after {
    border-color: transparent #fffaf3 transparent transparent;
    border-style: solid;
    border-width: 7px 7px 7px 0px;
    left: 1px;
    content: "";
    position: absolute;
    bottom: -7px;    
}

.required-star {
    color: #ff892a;
    vertical-align: top;
    margin-top: 3px;
    font-size: 11px;
}

/************************Talk Bubble vege*****************************/

@media(max-width: 767px)
{
	.control-label {
		padding: 3px 0;
	}
}

.bullet-green {
	background-color: #82AF6F;
}

.bullet-red {
	background-color: #e46050;
}

.bullet-orange {
	background-color: #ffa500;
}

.error {
	color: red;
	margin-top: 5px;
}

.is-danger {
	border-color: red!important;
}

.feed-form-control-feedback {
	width: 100%;
	color: red;
}

.has-error .select2-selection {
	border-color: #e46050!important;
}

#loader {
	position:relative;
	overflow: hidden;
	position: fixed;
	width: 100%;
	height: 100%;
	opacity: 0.7;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #0a0b0b;
	z-index: 9999;
	text-align: center;
}

#loader .spinner-img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}


.d-none {
	display: none;
}