.btn-primary.btn-outline {
  color: #312783;
}
.btn-primary {
	background-color: #312783;
    border-color: #2f2a58;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary.active:focus {
	background-color: #951b81;
    border-color: #82006d;
}

.landing-page .btn-primary {
  background-color: #312783;
  border-color: #2f2a58;
}
.landing-page .btn-primary:hover,
.landing-page .btn-primary:focus,
.landing-page .btn-primary:active,
.landing-page .btn-primary.active,
.landing-page .open .dropdown-toggle.btn-primary {
  background-color: #951b81;
  border-color: #82006d;
}

.landing-page .navy-line {
	border-color: #82006d;
}

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary.active[disabled],
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
  background-color: #8696a4;
  border-color: #8696a4;
}
button.btn-primary.dim {
  box-shadow: inset 0 0 0 #4a5964, 0 5px 0 0 #4a5964, 0 10px 5px #999999;
}
button.btn-primary.dim:active {
  box-shadow: inset 0 0 0 #4a5964, 0 2px 0 0 #4a5964, 0 5px 3px #999999;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
	background-color: #951b81;
}
.btn-group.bootstrap-select button{
	border-radius: 1px;
}

.nav > li.active {
  border-left-color: #82006d;
  background: #951b81;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus {
  background-color: rgba(0,0,0,.2);
}
.top-navigation .nav > li a:hover,
.top-navigation .nav > li a:focus {
  background: #fff;
  color: #312783;
}
.top-navigation .nav > li.active > a {
  color: #82006d;
}


body.dashboard {
	background-color: #333;

	background-image: url(patterns/header-profile-menu.png);
	background-attachment: fixed;
}
.navbar-default[role="navigation"] .nav > li > a:hover,
.navbar-default[role="navigation"] .nav > li > a:focus,
.navbar-default[role="navigation"] .nav > li.active {
	background-color: rgba(0,0,0,.25);
}

.pace .pace-progress {
  background: #82006d;
}

.nav-header {
    padding: 33px 25px;
/*     background-color: #82006d; */
}
.nav-header .profile-element span {
	color: #FEFEFE;
}

a {
    color: #82006d;
}
a:focus, a:hover {
    color: #A5051E;
}

ul.nav-second-level {
	background-color: #161a1daa;
}

.form-control:focus,
.single-line:focus {
  border-color: #878787;
}

table tbody tr td a {
	color: #676a6c;
}
table tbody tr td a:focus,
table tbody tr td a:hover {
	color: #161a1d;
}

.ibox-title .label.new,
.ibox-title .label.modified {
	float: none;
	display: none;
}

.card.modify:not(.new) > .ibox > .ibox-title > .ibox-tools .label.modified,
.sub-card.modify:not(.new) > .ibox > .ibox-title > .ibox-tools .label.modified {
	display: inline;
}
.card.new > .ibox > .ibox-title > .ibox-tools .label.new,
.sub-card > .ibox > .ibox-title > .ibox-tools .label.new {
	display: inline;
}

div.title-section{
	font-size: 20px;
	margin-bottom: 10px;
}

.ibox-title {
	border-color: #82006d;	
}

.btGrid-content .ibox-content-sectionForm {
	display: none;
}

body.fixed-sidebar.mini-navbar .navbar-static-side {
	z-index: 0;
}

.ibox-content-sectionForm {
	position: relative;
}
.ibox-content-sectionForm .overlay.in {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 10;
	background-color: rgba(255, 255, 255, .5);
}
.ibox-content-sectionForm .overlay.in .fa.fa-spinner.fa-spin {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -15px;
	margin-top: -30px;
	color: #666;
	font-size: 25px;
}
.ibox-content-sectionForm .overlay.in div {
	position: absolute;
	top: 50%;
	left: 50%;
	color: #666;
	font-size: 15px;
	width: 300px;
	margin-left: -150px;
	text-align: center;
}

.form-group textarea.form-control{
	width: 100%!important;
}

.form-horizontal .control-label.select-selected-list{
	text-align: left;
}

td.dt-body-center {
	text-align: center;
}

.wrapper-content {
  padding: 20px 10px 30px !important;
}

.bootstrap-select .btn .badge{
	top: 1px;
}

.input-group .twitter-typeahead:first-child .tt-input, .input-group .twitter-typeahead:first-child .tt-hint {
	border-bottom-left-radius: 1px;
    border-top-left-radius: 1px;
}

.data-table-filter{
	display: none;
}
.data-table-custom-filter .data-table-filter{
	display: block;
}

.html5buttons a.data-table-filter-button {
	color: #FFF;
	background-color: #f8ac59;
	border-color: #f8ac59;
}
.html5buttons a.data-table-filter-button:hover,
.html5buttons a.data-table-filter-button:focus:active {
	color: #FFF;
	background-color: #fab66b;
	border-color: #fab66b;
}

.data-table-custom-filter{
	display: none;
	padding: 10px 15px 15px;
    background-color: #fafafa;
    border-radius: 4px;
}
.data-table-custom-filter-head{
	margin-bottom: 15px;
    border-bottom: 1px solid #e7eaec;
}
.data-table-custom-filter-footer{
	text-align: right;
}

@media (min-width: 768px) {
	.data-table-custom-filter .form-group{
		margin-right: 25px;
    	margin-bottom: 15px;
	}	
}
/* .nav > li.activeItem, */
/* .nav > li.activeItem a, */
/* .nav > li.activeItem a:hover, */
/* .nav > li.activeItem a:focus{ */
/* 	background-color: #82006d; */
/* } */

.dropzone {
	border: 1px dashed #82006d !important;
}

.nav-second-level li:last-child{
	margin-bottom: 0;
}

.datepicker {
  border-radius: 1px;
}
.datepicker .datepicker-days tbody tr td.day.disabled,
.datepicker .datepicker-months tbody tr td span.month.disabled,
.datepicker .datepicker-years tbody tr td span.year.disabled,
.datepicker .datepicker-decades tbody tr td span.decade.disabled,
.datepicker .datepicker-centuries tbody tr td span.century.disabled {
	background: #f9f9f9;
}


.pwstrength_viewport_progress .password-verdict {
	white-space: nowrap;
}

body.popUpForm-visible {
	overflow: hidden;
}

.popUpForm {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(255, 255, 255, .75);
}
.popUpForm .popUpFormFrame {
	border: 0;
}

body.popUpForm-container #wrapper > nav,
body.popUpForm-container #page-wrapper nav
 {
	display: none;
}
body.popUpForm-container #page-wrapper {
	margin-left: 0;
}

.tokenfield .twitter-typeahead {
    float: none;
    width: 100%;
}

.onoffswitch-inner:before {
	background-color: #82006d;
}

.onoffswitch-label, .onoffswitch-switch {
	border: 2px solid #82006d;
}

.note-editor.note-frame .note-editing-area .note-editable{
	background-color: #fbfbfb;
}

.twitter-typeahead .tt-menu.tt-open {
	overflow: auto;
	max-height: 200px;
    z-index: 1000!important;
}

.col-centered {
	text-align: center;
}

.summernote-container .note-editor .note-editing-area .note-editable ul,
.summernote-container .note-editor .note-editing-area .note-editable ol {
	margin-bottom: 0;
}

.note-editor p {
    margin: 0 0 2px;
}

.bootstrap-select .dropdown-menu ul.dropdown-menu li a span.text {
	word-wrap: break-word;
	white-space: normal;
}


th.dt-center, td.dt-center { 
	text-align: center; 
}

div.dataTables_wrapper div.dataTables_length select {
	width: 90px;
}

.input-daterange .input-group-addon {
    width: auto;
    min-width: 16px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #eeeeee;
    border-width: 1px 0;
    margin-left: -5px;
    margin-right: -5px;
}

.btn-sq {
  width: 100px !important;
  height: 100px !important;
  font-size: 14px;
}

/* .token-input { width: 100% !important; } */

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

.tokenfield.form-control {
	width: 100%;
}

a.calendario-ricerca-appuntamento-a {
	color: #666;
}

.fc-content span.fc-title {
    white-space: pre-line;
}

.noUi-connect {
	background-color: #82006d; 
}

.toast-info {
	background-color: #fff;
	color: #333!important;
}
.toast-info:before {
	color: #333!important;
}

.toast-info .toast-close-button {
	color: #999;
}




/* Scrollbar start */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar:hover {
    width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 3px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #951b81; 
    border-radius: 3px;
    box-shadow: inset 0 0 2px #000;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #82006d;
    width: 12px;
    border-radius: 4px; 
}

/* Scrollbar end */


#toast-container {
	z-index: 99999;
    
    overflow: auto;
    max-height: calc(100% - 24px);
    padding-right: 10px;
    right: 2px;
}

.navbar-fixed-top, .navbar-static-top {
	background-color: #FFF;
}

.tabs-container .panel-body {
	border: 1px solid transparent;
}

.tabs-container .nav.nav-tabs a[data-toggle="tab"] span.label {
	margin-left: 10px;
	border-radius: 10px;
}

.no-result {
    text-align: center;
    font-weight: bolder;
    margin: auto;
    line-height: 200px;
    min-height: 150px;
}

.panel-group[role="tablist"] .panel-danger > .panel-heading > .panel-title > a.delete-row i {
	color: #FFFFFFCC;
}

.twitter-typeahead .tt-input[disabled], .twitter-typeahead .tt-input[readonly], fieldset[disabled] .twitter-typeahead .tt-input {
	background-color: transparent!important;
}
.tt-dropdown-menu .tt-suggestion, .tt-menu .tt-suggestion {
	padding: 10px 20px;
	min-height: 38px;
}
.tt-dropdown-menu .tt-suggestion{
	margin-left: 0.3125rem;
	margin-right: 0.3125rem;
}
.tt-dropdown-menu .tt-suggestion.tt-cursor, .tt-menu .tt-suggestion.tt-cursor, .tt-dropdown-menu .tt-suggestion:hover, .tt-menu .tt-suggestion:hover {
	background-color: #5557a5;
	color: #FFF;
	box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(85, 87, 165, 0.4);
}

@media (max-width: 768px) {
	.btGrid-content .ibox-content-sectionTable > button {
	    position: fixed;
	    bottom: 40px;
	    right: 10px;
	    border-radius: 50%;
	    width: 50px!important;
	    height: 50px;
	    color: #951b81;
	    overflow: hidden;
	    box-shadow: 1px 2px 4px #00000066;
	    z-index: 1;
	}
	.btGrid-content .ibox-content-sectionTable > button:before {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		
		content: "\f067";
		color: #FFF;
		font-size: 26px;
		position: relative;
		top: 2px;
		left: 2px;
	}
	
	.btGrid-content .ibox-content-sectionTable > button:hover,
	.btGrid-content .ibox-content-sectionTable > button:focus,
	.btGrid-content .ibox-content-sectionTable > button:active,
	.btGrid-content .ibox-content-sectionTable > button:hover {
		color: #82006d;
	}
	
	#page-wrapper, #page-wrapper .navbar[role="navigation"] {
		width: 100vw;
	}
	.footer.fixed {
		margin-left: 0;
	}
}

.fixed-nav .slimScrollDiv #side-menu {
	padding-bottom: 10px;
}

li > hr.divider {
	margin: 3px 10px;
	border-color: #EEEEEE55;
}

/*Button print*/
.btn-print {
    background-color: #afafaf;
    border-color: #8c8c8c;
    color: #FFFFFF;
}

.btn-print:hover {
    background-color: #9a9a9a;
    border-color: 8e8d8d;
    color: #FFFFFF;
}

.footer .hidden-xs {
	display: inline!important;
}

@media (max-width: 767px) {
	.footer .hidden-xs {
		display: none!important;
	}
}

#pagesContainer .nav > li > a {
		color: #A7B1C2;
}
#pagesContainer .nav > li.active > a {
	color: #555555;
}
#pagesContainer .nav > li.active {
	background: transparent;
}

input.upper {
	text-transform: uppercase;
}
input.lower {
	text-transform: lowercase;
}

.modal-content-overflow-auto {
	max-height: calc(100vh - 165px);
	overflow: auto;
}

.bs-container.bootstrap-select.open {
	z-index: 2050;
}

.modal-dialog.full-width{
	margin-left: 0;
	margin-right: 0;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-dialog.modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-dialog.modal-lg {
    width: 900px;
  }
}