body {
	padding-top: 10px;
	background-color: #e2f5ff;
	background-image: url('../img/background-3.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.navbar {
	margin-bottom: 20px;
}

.navbar a.navbar-brand {
	padding-top: 7px;
}

div.form-group:last-child {
	margin-bottom: 0;
}

.navbar .navbar-brand img {
	height: 38px;
}

ul.nav-tabs {
	margin-bottom: 20px;
}

label.required:after { content:" *"; }

a.add-item {
    position: absolute;
    top: 0;
    right: 15px;
}

th.controls, td.controls {
	width: 200px;
	text-align: right;
}

.table-hover tbody tr:hover > td {
  cursor: pointer
}

#mass-sending {
    position: absolute;
    left: -100px;
    top: -100px;
 
    width: 1px;
    height: 1px;
}

ul.pie-legend {
	list-style-type: none;
	padding-left: 0px;
}

ul.pie-legend li {
	display: block;
	clear:both;
	padding:10px;
}

.subCategory {
	padding-left: 40px;
}



/***** Style for Dootix ********/
.green {
	background-color: #3e3f3a;
	color: white;
}

.blue {
	background-color: #3e3f3a;
	color: white;
}

.blue a {
	color: white;
}

.login-content {
	padding-bottom: 100px;
}

.bottom-admin {
	position: fixed;
	bottom: 0;
	height: 40px;
	padding-top: 10px;
	width: 100%;
	z-index: 999;
	color: white;
}

.bottom-admin a {
	color: white;
}

.clear {
	clear: both;
}

.bottom-text {
	text-align: right;
}

.login-logo {
	margin-bottom: 50px;
	text-align: center;
}

.head-logo {
	width: 500px;
}

.head-logo-admin {
	width: 120px;
}

.head-links-admin {
	text-align: right;
	margin-top: 10px;
}

.head-links-admin a, .head-links-admin a:hover, .head-links-admin a:active, .head-links-admin a:visited {
	font-size: 20px;
	text-decoration: none;
	margin-left: 15px;
}

.head-dootixgest {
	text-transform: uppercase;
	font-size: 40px;
	text-align: center;
	color: #014e87;
	font-weight: bold;
}

.customer-text {
	text-align: center;
	margin-bottom: 20px;
}

.customer-text-admin {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.customer-logo-admin {
	width: 60%;
}

.margin-bottom {
	margin-bottom: 70px;
}

.ui-datepicker-year option, select.ui-datepicker-year, select.ui-datepicker-month, .ui-datepicker-month option {
	color: black;	
}

.clickable {
	cursor: pointer;
}

.btn-full {
	width: 100%;
}

.margin-top {
	margin-top: 15px;
}

.dropUser .slot {
	width: 100%;
	height: 100%;
}

#dropUsers {
	background-color: #f6893a;
}

.snaptarget { 
	height: 40px;
	padding: 10px;
	background-color: #3e3f3a;
	color: white;
	border-radius: 4px;
}

.dropUser {
	height: 200px;
	
}

.draggable {
	background-color: #ccc;
	height: 30px;
	padding: 5px;
	color: black;
	font-weight: bold;
	border-radius: 10px;
}

.draggable.user {
	min-width: 100px;
	background-color: #82b24a;
	float: left;
	text-align: center;
}
.draggable.user.neutral {
	background-color: #ccc;
}

a.disabled-link,
a.disabled-link:visited ,
a.disabled-link:active,
a.disabled-link:hover {
    background-color:#d9d9d9 !important;
    color:#aaa !important;
}
.searchSpace {
	text-align: right;
}

.user-logo {
	max-height: 30px;
	max-width: 30px;
}

.commission-list-users-logo{
	max-height: 50px;
	max-width: 50px;
}

.media-left {
	min-width: 65px;
}

#uploadZone {
	background-color: #f8f5f0;
    border-color: #dfd7ca;
}

@media (max-width: 1199px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

ul.tagit {
	font-size: 0.7em;
}

[class^="bg-"] {
	padding: 10px;
}
.submenu li {
	padding-left: 10px;
}

/* we can remove the next one during polishing */
.checkbox-inline.append {
	padding-left: 0;
	padding-right: 30px;
	margin-top: 4px;
	margin-left: 4px;
}

label.multi-checkbox {
	font-weight: normal;
}

label.radio.single-line,
label.multi-checkbox.single-line {
	margin-right: 10px;
	margin-left: 10px;
}

input[type="radio"].form-control {
	margin: 2px;
	vertical-align: text-bottom;
	width: unset;
	height: unset;
	display: unset;
}

input[type="checkbox"].form-control {
	display: inline;
	width: 27px;
	height: 1em;
	vertical-align: text-bottom;
}

.single-line input[type="checkbox"].form-control, .single-line input[type="radio"].form-control {
	display: block;
	height: 27px;
	width: 27px;
}

label.single-line input[type="checkbox"].form-control, label.single-line input[type="radio"].form-control {
	margin: auto;
}

.has-error .multi-checkbox {
	color: #b94a48;
}

.has-success .multi-checkbox {
	color: #468847;
}

@media (min-width:768px) {
	form.form-inline .control-label ,
	form.form-inline .btn {
		margin-left:8px;
	}
	
	form.form-inline .controls,
	form.form-inline .help-block {
		display: inline;
	}
}

@media (min-width:830px) {
	iframe.form-inline {
		height: 54px;
	}
}

iframe.form-inline {
	width: 100%;
}

.navbar-nav>li>a.profile-image {
    padding-top: 10px;
    padding-bottom: 10px;
}

iframe {
	border: 0;
	border-radius: 4px;
}

.bedroom-iframe, .room-iframe {
	width: 100%;
	min-height: 400px;
}

.room-iframe {
	margin-bottom: 20px;
}

.always-scroll {
	overflow: auto !important;
}

.id-photo {
	width: 200px;
	min-height: 200px;
}

input[type="file"].form-control {
	padding-top: 4px;
	height: auto;
	padding-bottom: 4px;
}

.pointer {
	cursor: pointer;
}

.non-active-filter:NOT(:HOVER) {
	opacity: 0.3;
}

.filtering-element {
	position: absolute;
	display: none;
	background: rgba( 255,255,255,0.8);
	padding: 10px;
	border-radius: 14px;
}

.filtering-element .controls {
	background: white;
	padding: 10px;
	border-radius: 4px;
}

.close-button {
	float: right;
	margin: 2px 2px 0 0;
}

.autohide-element {
	display: inline-table;
	vertical-align: middle;
	margin: 0 15px;
}

.autohide-element .fa-lg {
	vertical-align: -25%;
	line-height: .6em;
}

.autohide-element:LAST-OF-TYPE {
	margin-right: 0;
}

.autohide-element:FIRST-OF-TYPE {
	margin-left: 0;
}

.autohide-element .fa-stack {
	width: 1em;
	top: 0.5px;
}

.autohide-element .autohide-placeholder {
	transition: all 0.4s;
	position: absolute;
	background: transparent;
	border: 0;
	border-top: 1px solid transparent;
}

.autohide-element:HOVER .autohide-placeholder, .autohide-element.hovered .autohide-placeholder {
	margin-left: 500px; /* TODO: handle responsive design */
}

.autohide-element .input-group {
	transition: all 0.4s;
	opacity: 0;
}

.autohide-element .input-group-addon {
	vertical-align: top;
}

.autohide-element:HOVER .input-group, .autohide-element.hovered .input-group {
	opacity: 1;
}

.autohide-element .input-group .form-control {
	transition: all 0.4s;
	width: 0px;
}

.autohide-element:HOVER .input-group .form-control, .autohide-element.hovered .input-group .form-control{
	width: 500px; /* TODO: handle responsive design */
	display: block;
}

.autohide-element:NOT(:HOVER):NOT(.hovered) .input-group .form-control {
	padding: 0;
	border: 0;
}

.autohide-element.in-content-title {
	float: right; position: relative; top: -9px;
}

.autohide-element.in-content-title .autohide-placeholder {
	color: #fff;
}

.autohide-element.absolute-positioning {
	position: absolute; 
	left: 8px;
	top: 0;
	
}

.autohide-element.absolute-positioning .controls {
	position:relative;
	z-index: 1;
}

.autohide-element.absolute-positioning.open-to-the-left {
	transition: all 0.4s;
}

.autohide-element.absolute-positioning.open-to-the-left:HOVER, .autohide-element.absolute-positioning.open-to-the-left.hovered {
	left: -492px;
}



.session-presence {
	padding: 0 8px;
	font-weight: bold;
	display: inline-block;
	box-sizing: border-box;
	min-width: 5.5em
}

.table-enrolled-students .evaluation-column {
	width: 103px;
	white-space: normal !important;
}
@media (min-width: 768px) {
	.table-enrolled-students .evaluation-column {
		width: 210px;
		white-space: nowrap;
	}
}

.table-enrolled-students .name-column {
	width: 120px;
}
@media (min-width: 768px) {
	.table-enrolled-students .name-column {
		width: 147px;
	}
}

.table-enrolled-students .presence-column {
	width: 210px;
}
@media (min-width: 768px) {
	.table-enrolled-students .presence-column {
		width: auto;
	}
}

.table-enrolled-students input[type="checkbox"].form-control{
	width: 20px;
}



.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
	height: 34px;
}

.chosen-container-multi .chosen-choices {
	border-radius: 4px;
}

.chosen-container-multi .chosen-choices li.search-choice {
	padding: 7px 20px 8px 5px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	top: 9px;
}

.select2-container--default .select2-selection--single {
	height: 38px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	height: 30px;
	padding-top: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 6px;
}

.mce-panel {
	border-radius: 4px;
}

/************ Special themes for Emmaus ****************/

.nav-emmaus {
	background-color: #e4e4e4;
	border-radius: 3px;
}

.panel-emmaus {
	background-color: #e4e4e4;
	border: solid 0px #2fa4e7;
}

.panel-default>.panel-heading-emmaus {
	background-color: rgb(132, 50, 155);
	color: white;
}

.breadcrumb {
	background-color: inherit;
}

.owf {
	color: #84329b;
}

.nav-pills>li>ul>li.active>a, .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    background-color: rgb(132, 50, 155);
    color: white;
}

.navbar-custom {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
    background-color: #84329b;
    background-image: none;
}

.navbar-custom .navbar-brand {
    font-weight: 700;
}

.navbar-custom .navbar-brand:focus {
    outline: 0;
}

.navbar-custom .navbar-brand .navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
}

.navbar-custom .navbar-toggle {
	border-color: #ddd;
}

.navbar-custom .navbar-toggle .icon-bar {
background-color: #888;
}

.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
    outline: 0;
}

.navbar-custom a {
    color: #fff;
}

.navbar-custom .nav li.active {
    outline: nonte;
    background-color: rgba(255,255,255,.3);
}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a.active,
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    outline: 0;
    background-color: #e4e4e4;
}

.navbar-brand {
	padding: 10px 10px;
}

@media(min-width:767px) {
    .navbar {
        border-bottom: 0;
        letter-spacing: 1px;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
}    
}

.top-nav-collapse {
    padding: 0;
    background-color: #6c9d31;
}

.navbar-custom.top-nav-collapse {
    border-bottom: 1px solid rgba(255,255,255,.3);
}

.navbar-margin-top {
	margin-top: 65px;
}

.btn-info {
	background-color: ;
	background-image: -webkit-linear-gradient(#611d70, #84329b 60%, #611d70);
    background-image: -o-linear-gradient(#611d70, #84329b 60%, #611d70);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#611d70), color-stop(60%, #84329b), to(#611d70));
    background-image: linear-gradient(#611d70, #84329b 60%, #611d70);
    background-repeat: no-repeat; */
}

a {
	color: #666;
}

a:hover {
	color: #444;
}

h1, h2, h3, h4, h5, h6 {
	color: #84329b;
}

/*************** SWITCHES ********************/

.onoffswitch {
    position: relative; width: 55px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    height: 20px; padding: 0; line-height: 20px;
    border: 0px solid #FFFFFF; border-radius: 30px;
    background-color: #9E9E9E;
}
.onoffswitch-label:before {
    content: "";
    display: block; width: 30px; margin: -5px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 31px;
    border-radius: 30px;
    box-shadow: 0 6px 12px 0px #757575;
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #e382df;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color: #e382df;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px; 
    background-color: #84329b; 
    box-shadow: 3px 6px 18px 0px rgba(0, 0, 0, 0.2);
}