@font-face {
	font-family: 'opensans-regular';
	src: url('../fonts/opensans-regular-webfont.eot?v=4.4.0');
	src: url('../fonts/opensans-regular-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/opensans-regular-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/opensans-regular-webfont.woff?v=4.4.0') format('woff'), url('../fonts/opensans-regular-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/opensans-regular-webfont.svg?v=4.4.0#opensans-regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'opensans-semibold';
	src: url('../fonts/opensans-semibold-webfont.eot?v=4.4.0');
	src: url('../fonts/opensans-semibold-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/opensans-semibold-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/opensans-semibold-webfont.woff?v=4.4.0') format('woff'), url('../fonts/opensans-semibold-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/opensans-semibold-webfont.svg?v=4.4.0#opensans-semibold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'opensans-bold';
	src: url('../fonts/opensans-bold-webfont.eot?v=4.4.0');
	src: url('../fonts/opensans-bold-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/opensans-bold-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/opensans-bold-webfont.woff?v=4.4.0') format('woff'), url('../fonts/opensans-bold-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/opensans-bold-webfont.svg?v=4.4.0#opensans-bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
div, svg, input, select, textarea, span, img, table, label, td, th, p, a, button, ul, code, pre, li {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
/* except below bootstrap elements */
.img-circle {
	border-radius: 50% !important;
}
.img-rounded {
	border-radius: 6px !important;
}
label {
	font-weight: normal;
}
body {
	color: #333333;
	font-family: opensans-regular;
	padding: 0px !important;
	margin: 0px !important;
	direction: "ltr";
	font-size: 14px;
}
 @-webkit-viewport {
 width: device-width;
}
 @-moz-viewport {
 width: device-width;
}
 @-ms-viewport {
 width: device-width;
}
 @-o-viewport {
 width: device-width;
}
 @viewport {
 width: device-width;
}

/*
 Internet Explorer 10 doesn't differentiate device width from viewport width, 
 and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied 
*/
@-ms-viewport {
 width: auto !important;
}
.form-control {
	outline: none !important;
	box-shadow: none !important;
}
.form-control.height-auto {
	height: auto;
}
.mt-radio, .mt-checkbox {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 15px;
	cursor: pointer;
	font-size: 14px;
	webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.mt-radio.mt-radio-disabled, .mt-radio.mt-checkbox-disabled, .mt-checkbox.mt-radio-disabled, .mt-checkbox.mt-checkbox-disabled {
	opacity: 0.8;
	filter: alpha(opacity=80);
	cursor: not-allowed;
}
.mt-radio > input, .mt-checkbox > input {
	position: absolute;
	z-index: -1;
	opacity: 0;
	filter: alpha(opacity=0);
}
.mt-radio > span, .mt-checkbox > span {
	border: 1px solid transparent;
	position: absolute;
	top: 1px;
	left: 0;
	height: 18px;
	width: 18px;
	background: #E6E6E6;
}
.mt-radio > span:after, .mt-checkbox > span:after {
	content: '';
	position: absolute;
	display: none;
}
.mt-radio:hover > input:not([disabled]) ~ span, .mt-radio > input:focus ~ span, .mt-checkbox:hover > input:not([disabled]) ~ span, .mt-checkbox > input:focus ~ span {
	background: #d9d9d9;
	webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.mt-radio > input:checked ~ span, .mt-checkbox > input:checked ~ span {
	webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	background: #d9d9d9;
}
.mt-radio > input:checked ~ span:after, .mt-checkbox > input:checked ~ span:after {
	display: block;
}
.mt-radio:hover > input:not([disabled]):checked ~ span, .mt-radio > input:checked ~ span, .mt-checkbox:hover > input:not([disabled]):checked ~ span, .mt-checkbox > input:checked ~ span {
	webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	background: #d9d9d9;
}
.mt-radio > input:disabled ~ span, .mt-checkbox > input:disabled ~ span {
	opacity: 0.6;
	filter: alpha(opacity=60);
	pointer-events: none;
}
.mt-radio.mt-radio-outline > span, .mt-radio.mt-checkbox-outline > span, .mt-checkbox.mt-radio-outline > span, .mt-checkbox.mt-checkbox-outline > span {
	border: 1px solid #d9d9d9;
	background: none;
}
.mt-radio.mt-radio-outline:hover > input:not([disabled]) ~ span, .mt-radio.mt-radio-outline > input:focus ~ span, .mt-radio.mt-checkbox-outline:hover > input:not([disabled]) ~ span, .mt-radio.mt-checkbox-outline > input:focus ~ span, .mt-checkbox.mt-radio-outline:hover > input:not([disabled]) ~ span, .mt-checkbox.mt-radio-outline > input:focus ~ span, .mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]) ~ span, .mt-checkbox.mt-checkbox-outline > input:focus ~ span {
	border: 1px solid #d9d9d9;
	background: none;
}
.mt-radio.mt-radio-outline > input:checked ~ span, .mt-radio.mt-checkbox-outline > input:checked ~ span, .mt-checkbox.mt-radio-outline > input:checked ~ span, .mt-checkbox.mt-checkbox-outline > input:checked ~ span {
	border: 1px solid #d9d9d9;
	background: none;
}
.mt-radio.mt-radio-outline:hover > input:not([disabled]):checked ~ span, .mt-radio.mt-radio-outline > input:checked ~ span, .mt-radio.mt-checkbox-outline:hover > input:not([disabled]):checked ~ span, .mt-radio.mt-checkbox-outline > input:checked ~ span, .mt-checkbox.mt-radio-outline:hover > input:not([disabled]):checked ~ span, .mt-checkbox.mt-radio-outline > input:checked ~ span, .mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]):checked ~ span, .mt-checkbox.mt-checkbox-outline > input:checked ~ span {
	border: 1px solid #d9d9d9;
	background: none;
}
.mt-radio > span {
	-webkit-border-radius: 50%!important;
	-moz-border-radius: 50%!important;
	-ms-border-radius: 50%!important;
	-o-border-radius: 50%!important;
	border-radius: 50%!important;
}
.mt-radio > span:after {
	left: 5px;
	top: 5px;
	height: 6px;
	width: 6px;
	border-radius: 100% !important;
	background: #888888;
}
.mt-radio > input:disabled ~ span:after {
	background: #888888;
}
th > .mt-radio.mt-radio-single, td > .mt-radio.mt-radio-single {
	right: -5px;
}
.mt-checkbox > span:after {
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid #888888;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.mt-checkbox > input:disabled ~ span:after {
	border-color: #888888;
}
.form-inline .mt-checkbox {
	margin-left: 15px;
	margin-right: 15px;
}
th > .mt-checkbox.mt-checkbox-single, td > .mt-checkbox.mt-checkbox-single {
	right: -5px;
}
.mt-checkbox-list, .mt-radio-list {
	padding: 10px 0;
}
.form-horizontal .form-group .mt-checkbox-list, .form-horizontal .form-group .mt-radio-list {
	padding-top: 0;
}
.mt-checkbox-list .mt-checkbox, .mt-checkbox-list .mt-radio, .mt-radio-list .mt-checkbox, .mt-radio-list .mt-radio {
	display: block;
}
.mt-checkbox-inline, .mt-radio-inline {
	padding: 10px 0;
}
.form-horizontal .form-group .mt-checkbox-inline, .form-horizontal .form-group .mt-radio-inline {
	padding-top: 8px;
}
.mt-checkbox-inline .mt-checkbox, .mt-checkbox-inline .mt-radio, .mt-radio-inline .mt-checkbox, .mt-radio-inline .mt-radio {
	display: inline-block;
	margin-right: 15px;
}
.mt-checkbox-inline .mt-checkbox:last-child, .mt-checkbox-inline .mt-radio:last-child, .mt-radio-inline .mt-checkbox:last-child, .mt-radio-inline .mt-radio:last-child {
	margin-right: 0;
}
.font-green {
	color: #32c5d2 !important;
}
.font-dark {
    color: #2f353b!important;
}
.dropdown-menu > li > a {
	padding: 8px 16px;
	color: #6f6f6f;
	text-decoration: none;
	display: block;
	clear: both;
	font-weight: 300;
	line-height: 18px;
	white-space: nowrap;
}
.btn.green:not(.btn-outline) .badge {
	color: #32c5d2;
	background-color: #FFFFFF;
}
.btn.btn-outline.green {
	border-color: #32c5d2;
	color: #32c5d2;
	background: none;
}
.btn.btn-outline.green:hover, .btn.btn-outline.green:active, .btn.btn-outline.green:active:hover, .btn.btn-outline.green:active:focus, .btn.btn-outline.green:focus, .btn.btn-outline.green.active {
	border-color: #32c5d2;
	color: #FFFFFF;
	background-color: #32c5d2;
}

.btn.green:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #32c5d2;
    border-color: #32c5d2;
}
.btn:not(.btn-sm):not(.btn-lg) {
    line-height: 1.44;
}

.btn {
    outline: none !important;
    box-shadow: none !important;
}
.btn.btn-outline.purple {
    border-color: #8E44AD;
    color: #8E44AD;
    background: 0 0;
}

.table .btn {
    margin-top: 0;
    margin-left: 0;
    margin-right: 5px;
}
.btn-circle {
    border-radius: 25px!important;
    overflow: hidden;
}
.control-label .required, .form-group .required {
    color: #e02222;
    font-size: 12px;
    padding-left: 2px;
}

.btn.btn-outline.purple:hover, .btn.btn-outline.purple:active, .btn.btn-outline.purple:active:hover, .btn.btn-outline.purple:active:focus, .btn.btn-outline.purple:focus, .btn.btn-outline.purple.active {
    border-color: #8E44AD;
    color: #ffffff;
    background-color: #8E44AD;
}
.page_element
{
	height: 475px;
    overflow: auto;
    box-shadow: 2px 5px 25px #999;
}
.dashboard-stat, .portlet {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.portlet {
    margin-top: 0;
    margin-bottom: 25px;
    padding: 0;
    border-radius: 4px;
}

.portlet.box {
    padding: 0!important;
}


.portlet.box.green {
    border: 1px solid #5cd1db;
    border-top: 0;
}
.portlet.box.green>.portlet-title, .portlet.green, .portlet>.portlet-body.green {
    background-color: #32c5d2;
}
.portlet.box .dataTables_wrapper .dt-buttons {
    margin-top: -10px;
	margin-bottom:10px;
}
.dataTables_wrapper .dt-buttons {
    float: right;
}
div.dt-buttons {
    position: relative;
    float: left;
}
button.dt-button, div.dt-button, a.dt-button {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin-right: 0.333em;
    padding: 0.5em 1em;
    border: 1px solid #999;
    border-radius: 2px;
    cursor: pointer;
    font-size: 0.88em;
    color: black;
    white-space: nowrap;
    overflow: hidden;
    background-color: #e9e9e9;
    background-image: -webkit-linear-gradient(top, #fff 0%, #e9e9e9 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #e9e9e9 100%);
    background-image: -ms-linear-gradient(top, #fff 0%, #e9e9e9 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #e9e9e9 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#e9e9e9');
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    outline: none;
}