body {
	margin: 0;
	padding: 0;
	position: relative;
	min-height: 100vh;
}
a img {
	border: none;
}
.mobile {
	display: none;
}
.logo {
	max-width: 203px;
	max-height: 115px;
	margin: 0 0 20px;
}
.logo img {
	max-width: 203px;
	max-height: 115px;
	margin-top: 36px;
	background: #063345;
}
.flipY { -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); }
.display-none { display: none !important; }
.sidebar {
	background: #063345;
	width: 270px;
	min-height: 100%;
	display: inline-block;
	float: left;
	border-right: 5px solid #e6e6e6;
	position: absolute;
}
.sidebar .logo {
	background: #424243;
	width: 100%;
	max-width: 100%;
	height: 115px;
	margin: unset;
	position: relative;
}
.sidebar .logo img {
	max-width: 203px;
	max-height: 80px;
	margin-top: 36px;
	margin-left: 15px;
	/*-webkit-filter: brightness(100);
	filter:  brightness(100);*/
	position: absolute;
	background: none;
	bottom: 10px;
}
.sidebar ul {
	margin-left: 15px;
	padding-left: 0;
	list-style: none;
}
.sidebar > ul > li {
	clear: both;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.sidebar > ul > li:hover, .sidebar > ul > li.active {
	clear: both;
	opacity: 1;
	filter: alpha(opacity=100);
}
.sidebar ul li a {
	font-family: 'prometo';
	font-weight: bold;
	font-size: 15px;
	color: #fff;
	text-decoration: none;
	display: table;
	line-height: 3.5;
}
.sidebar ul ul {
	list-style-type: square;
	list-style-position: inside;
	margin-top: -10px;
	margin-left: 50px;
	color: #09e1c0;
	display: none;
}
.sidebar ul li.active ul {
	display: block;
}
.sidebar ul li li {
	clear: both;
	padding-left: 10px;
}
.sidebar ul li li a {
	font-family: 'roboto';
	font-weight: 300;
	color: #09e1c0;
	display: unset;
	line-height: 2;
}
.sidebar ul li li:hover, .sidebar ul li li.active {
	background: #e6e6e6;
	color: #424243;
}
.sidebar ul li li:hover a, .sidebar ul li li.active a {
	color: #454546;
}
.sidebar .image {
	display: table-cell;
	width: 45px;
	margin-right: 15px;
	text-align: center;
	float: left;
	vertical-align: middle;
}
.sidebar .image img {
	vertical-align: middle;
}
.sidebar .text {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}

.primary {
	width: calc(100% - 275px);
	display: inline-block;
	margin-left: 275px;
	min-width: 630px;
}
.primary.nosidebar {
	width: 100%;
	margin-left: 0;
}
.primary .header {
	background: #f5f5f5;
	height: 115px;
	padding-left: 25px;
	padding-right: 25px;
}
.primary .header .right {
	padding-top: 53px;
	margin-left: 10px;
	font-family: 'roboto';
	font-weight: 300;
	font-size: 14px;
	color: #424243;
}
.primary .header .right a {
	color: #424243;
	text-decoration: none;
}
.primary .header .right img {
	margin-bottom: -6px;
	margin-left: 5px;
	padding: 2px 2px 0;
}
.primary .header .right > a:after {
	content: url('images/user_b.png');
	text-align: right;
	margin-top: -21px;
	margin-right: 2px;
	display: none;
}
.primary .header .right > a:hover:after {
	display: block;
}
.primary .header .right.active > a:after {
	content: url('images/user_g.png');
	display: block;
}
.primary .header .right ul.dropdown {
	margin-top: -3px;
	list-style: none;
	padding: 0;
	background: #063345;
	display: none;
	position: absolute;
	right: 25px;
}
.primary .header .right ul.dropdown li {
	padding: 5px 10px;
}
.primary .header .right ul.dropdown li:hover {
	background: #424243;
}
.primary .header .right ul.dropdown li a {
	color: #fff;
	text-decoration: none;
}
.primary .header .right.active ul.dropdown {
	display: block;
}
.primary .header .right.active img {
	background: #063345;
}
.primary .header h1 {
	font-family: 'prometo';
	font-weight: bold;
	font-size: 34px;
	color: #424243;
	margin-top: 0;
	padding-top: 43px;
}
.primary.nosidebar .header h1 {
	width: 100%;
    max-width: 1140px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}
.primary.nosidebar .header .logo {
	display: inline;
	float: right;
	height: 44px;
	margin-right: 30px;
}
.primary .main {
	padding: 27px 25px 150px;
}
.primary.nosidebar .main {
	width: 100%;
    max-width: 1110px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}
.primary .main .logo, .primary .main .logo img {
	margin: 0;
}
.primary .table {
	border: none;
	font-family: 'roboto';
	font-weight: 300;
	font-size: 14px;
	color: #424243;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	-webkit-flex: auto;
	-ms-flex: auto;
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
	background: #fff;
}
.primary .table .tr {
	border-bottom: 1px solid #cccccc;
	padding: 10px 0;
	display: -webkit-flex;
	display: flex;
}
.primary .table .tr:nth-child(odd) {
	background: #f9f9f9;
}
.primary .table .tr:first-child {
	background: #f7f7f7;
	border-top: 3px solid #ededed;
	border-bottom: 3px solid #ededed;
}
.primary .table .tr .td {
	border-right: 1px solid #cccccc;
	padding: 8px 10px;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	word-wrap: break-word;
	hyphens: auto;
}
.primary .table .tr .td:last-child {
	border-right: none;
}
.primary .table .tr:first-child .td, .primary .table .tr .td:first-child {
	font-family: 'roboto-slab';
	font-weight: normal;
	color: #ababab;
}
.primary .table .td a {
	font-family: 'roboto';
	font-weight: normal;
	color: #063345;
	text-decoration: underline;
}
.primary .table .td a:hover {
	color: #484849;
}
.primary ol {
	list-style: none;
	counter-reset: my-counter;
	padding-left: 0;
	margin-left: 15px;
	margin-right: 15px;
}
.primary ol.contents {
	margin-bottom: 47px;
	margin-left: 15px;
	margin-right: 15px;
}
.primary ol a {
	font-weight: bold;
	color: #29549a;
	text-decoration: none;
}
.primary ol a:hover {
	color: #424243;
}
.primary ol, .primary ol p {
	font-family: 'roboto';
	font-weight: 300;
	font-size: 14px;
	line-height: 1.5;
}
.primary ol p {
	margin-left: 35px;
	margin-bottom: 10px;
	text-align: justify;
}
.primary ol h2 {
	display: inline;
	font-size: 23px;
	color: #f37c1a;
}
.primary ol li {
	counter-increment: my-counter;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 5px;
	margin-top: 5px;
}
.primary ol:not(.contents) li {
	margin-top: 25px;
}
.primary ol li:last-child {
	border-bottom: none;
}
.primary ol.contents > li {
	margin-bottom: 0;
}
.primary ol li li {
	font-size: 14px;
	margin-left: 45px;
	text-indent: -15px;
	margin-top: 5px;
}
.primary ol li li {
	margin-right: -15px;
}
.primary ol li::before {
	content: counter(my-counter) ". ";
	color: #f37c1a;
	font-family: 'roboto-slab';
	font-weight: bold;
	font-size: 23px;
}
.primary ol.contents li::before {
	font-size: 14px;
}
.primary ol li li::before {
	font-size: 14px;
}
.primary ol ol li {
	margin-top: 5px !important;
}
.primary li > h3 {
    margin-left: 45px;
}
.primary .tabs {
	width: 100%;
	margin-bottom: -8px;
	margin-top: 20px;
}
.primary .tabs .tab {
	display: inline-block;
	padding: 8px 10px;
	border: 2px solid #ededed;
	border-bottom: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-family: 'roboto-slab';
	font-weight: bold;
	color: #424243;
	cursor: pointer;
}
.primary .tabs .tab.active {
	color: #fff;
	background: #1999aa;
	border-color: #1999aa;
}
.primary .tabs .tab:hover {
	color: #fff;
	background: #063345;
	border-color: #063345;
}
.primary #div2, .primary #div3 {
	display: none;
}
.primary label, #main label {
	font-family: 'roboto-slab';
	font-weight: normal;
	font-size: 14px;
	color: #063345;
	display: inline-block;
	width: 100%;
	margin-bottom: 35px;
}
.primary label.half {
	width: calc((100% - 19px) / 2);
}
.primary label.half > span {
	display: block;
	height: 32px;
}
.primary label.half > .chosen-container {
	margin-top: 0;
}
.primary label.half.part input {
	width: 80%;
	margin-right: 10px;
}
.primary label.half.left {
	margin-right: 15px;
}
.primary div.half {
	width: calc((100% - 85px) / 2);
	display: inline-block;
	padding: 15px;
	background: #ededed;
	float: right;
	margin-bottom: 25px;
}
.primary div.half.left {
	margin-right: 25px;
	float: left;
}
.primary div.half h2 img {
	float: right;
	display: block;
	margin-top: 10px;
}
.primary .right {
	display: inline-block;
	float: right;
	margin-left: 20px;
}
.primary .clear {
	clear: both;
}
.primary input.search {
	background-color: #fff;
	background: url('images/search.png') no-repeat center left 5px;
	padding-left: 32px;
}
.primary input, .primary textarea, .chosen-container-single, .chosen-container-multi,
#main input {
	border: none;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-family: 'roboto';
	font-weight: 300;
	font-size: 14px;
	color: #424243;
	width: calc(100% - 20px);
	margin-top: 10px;
	padding: 4px 8px;
	background: none;
}
.primary .inline .chosen-container-single, .primary .inline .chosen-container-multi {
	margin-top: -3px;
}
.primary .chosen-container-single .chosen-single:focus, .primary .chosen-container-multi .chosen-choices:focus {
	border: none;
	outline: none;
}
.primary .chosen-container-single, .primary .chosen-container-multi {
	width: calc(100% - 12px) !important;
	padding-right: 0;
	border-radius: 0;
	height: unset;
	line-height: unset;
	box-shadow: none;
}
.primary .chosen-container-multi {
	padding-right: 20px;
	width: calc(100% - 32px) !important;
}
.primary .half .chosen-container-multi {
        margin-top: -3px !important;
        padding: 0 8px 0;
}

.primary .chosen-container-single .chosen-single, .primary .chosen-container-multi .chosen-choices {
	border: none;
	background: none;
	box-shadow: none;
	padding: 0;
	height: unset;
	line-height: unset;
}
.primary .chosen-container-active .chosen-single, .primary .chosen-container-active .chosen-choices {
    border: none !important;
	background: none !important;
	box-shadow: none;
}
.primary .chosen-container-single .chosen-single div b,
.primary .chosen-container-multi .chosen-choices div b {
	background-image: url('images/dropdown.png') !important;
	background-position: 0 8px !important;
	background-repeat: no-repeat !important;
	background-size: unset !important;
}
.primary .chosen-container-multi .chosen-choices {
	background-image: url('images/dropdown.png');
	background-repeat: no-repeat !important;
	background-position: center right;
	background-size: unset !important;
}
.primary .chosen-container-active.chosen-with-drop .chosen-single div b,
.primary .chosen-container-active.chosen-with-drop .chosen-choices div b {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
	background-position-y: 3px !important;
}
.primary .chosen-container-active.chosen-with-drop .chosen-choices {
	background-position-y: 3px !important;
}
.primary .chosen-container-single .chosen-drop,
.primary .chosen-container-multi .chosen-drop {
	background: #f9f9f9;
	border-radius: 0;
	left: -1px;
	border-color: #ccc;
	box-shadow: none;
}
.primary .chosen-container .chosen-results li.active-result:hover,
.primary .chosen-container .chosen-results li.active-result.result-selected {
	background: #09e1c0;
	color: #424243;
}
.primary .chosen-container-single .chosen-search input[type="text"],
.primary .chosen-container-multi .chosen-search input[type="text"] {
	border-color: #ccc;
	background-color: #fff;
	background: url('images/search.png') no-repeat center right 4px !important;
	background-size: 15px;
}
/*.primary input:invalid, .primary textarea:invalid {
	border-left: 1px solid #1999aa;
	border-bottom: 1px solid #1999aa;
}*/
.primary label.check {
	font-family: 'roboto';
	font-weight: 300;
	font-size: 12px;
	width: auto !important;
	margin-bottom: 0;
	position: relative;
	padding-left: 25px;
}}
.primary label.radio {
	width: calc(100% - 25px) !important;
}
.primary input[type="checkbox"], .primary input[type="radio"],
#main input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.primary label.check .checkmark,
#main label.check .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 17px;
	width: 17px;
	border: 1px solid #cccccc;
	background-color: #fff;
}
.primary label.radio .checkmark {
	border-radius: 50%;
}
.primary label.check:hover input ~ .checkmark,
#main label.check:hover input ~ .checkmark {
	background-color: transparent;
}
/* When the checkbox is checked, add a blue background */
.primary label.check input:checked ~ .checkmark,
#main label.check input:checked ~ .checkmark {
	background-color: #063345;
}
.primary label.radio input:checked ~ .checkmark {
	background-color: #fff;
}
.primary label.check .checkmark:after,
#main label.check .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.primary label.check input:checked ~ .checkmark:after,
#main label.check input:checked ~ .checkmark:after {
	display: block;
}
.primary label.check .checkmark:after,
#main label.check .checkmark:after {
	left: 5px;
	top: 1px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.primary label.radio .checkmark:after {
	top: 3px;
	left: 3px;
	width: 11px;
	height: 11px;
	border: none;
	border-radius: 50%;
	background: #063345;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.primary label.check.normal {
	font-size: 14px;
	margin-top: 15px;
	margin-bottom: 5px;
}
.primary label.until, .primary label.for {
	display: inline;
}
.primary label.until input, .primary label.for input {
	max-width: 250px;
}
.width-50, .primary label.check.width-50 {
	width: 50px !important;
}

.primary button, .primary input[type="submit"],
#main button, #main input[type="submit"] {
	background: #1999aa;
	border: 1px solid #1999aa;
	border-radius: 5px;
	text-transform: uppercase;
	font-family: 'prometo';
	font-weight: bold;
	font-size: 15px;
	color: #fff;
	padding: 10px;
	width: auto;
}
.primary button.white {
	background: none;
	border: 2px solid #cfcfcf;
	text-transform: none;
	font-family: 'roboto';
	font-weight: 300;
	font-size: 13px;
	color: #424243;
	padding: 11px 10px 9px;
	margin-bottom: 20px;
}
.primary button.white > img {
	margin-right: 5px;
}
.primary button:hover, .primary input[type="submit"]:hover, .primary button.white:hover,
.primary button:focus, .primary input[type="submit"]:focus, .primary button.white:focus {
	background: #063345;
	border-color: #063345;
	color: #fff;
	outline: none;
}
.primary button.white:hover > img, .primary button.white:focus > img {
	-webkit-filter: brightness(100);
	filter:  brightness(100);
}
.primary button:disabled {
	background: #dddddd;
    border-color: #dddddd;
    color: #999999;
}
.primary #form_filters {
	display: none;
	margin-bottom: 20px;
}
/*.primary label.file {
	position: relative;
	overflow: hidden;
}
.primary label.file input[type=file] {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}*/
.primary input[type="file"]::-webkit-file-upload-button,
.primary input[type="file"]::-ms-browse {
	background: #1999aa;
	border: 1px solid #1999aa;
	border-radius: 5px;
	text-transform: uppercase;
	font-family: 'prometo';
	font-weight: bold;
	font-size: 15px;
	color: #fff;
	padding: 10px;
	width: auto;
}
.primary input[type="file"]::-webkit-file-upload-button:hover,
.primary input[type="file"]::-webkit-file-upload-button:focus  {
	background: #063345;
	border-color: #063345;
	outline: none;
}
.primary label.file {
	position: relative;
}
.primary label.file input {
	line-height: 30px;
}
.primary label.file.library input {
	padding-left: 97px;
	width: calc(100% - 109px);
}
.primary label.file button {
	top: 29px;
    position: absolute;
    left: 10px;
	padding: 5px;
}
.primary .inline label,
.primary .inline input,
.primary .inline button {
	display: inline-block;
	width: auto;
	margin-right: 2px;
}
.primary .inline label {
	width: 150px;
}
.primary .inline input[type="submit"], .primary .inline button {
	padding: 3px 3px;
}
.primary #lib, .primary .lib, .primary .postpone_options, .primary .perm,.primary #sim {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000;
	background: rgba(0, 0, 0, 0.5);
}
.primary .perm {
	z-index: 2
}
.primary #lib > div, .primary .lib > div, .primary .postpone_options > div, .primary #sim {
	overflow-y: auto;
	position: absolute;
	top: 5%;
	bottom: 5%;
	left: 10%;
	right: 10%;
	background: #fff;
	padding: 20px;
}
.primary .perm > div {
	overflow-y: auto;
	position: absolute;
	top: 5%;
	bottom: 40%;
	left: 30%;
	right: 30%;
	background: #fff;
	padding: 20px;
}
.primary .perm .select {
	margin-top: 20px;
}
.primary .postpone_options > div {
	top: calc(50% - 50px);
	bottom: unset;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 250px;
	height: 150px;
}
.primary #lib > div a, .primary .lib > div a, .primary .postpone_options > div a:first-child,
.primary .close_window, .primary #sim > div a {
	display: block;
	float: right;
	margin-top: -10px;
	margin-right: -15px;
}
.primary #lib > div a:after, .primary .lib > div a:after, .primary .postpone_options > div a:first-child:after,
.primary .perm > div a:after, .primary #sim > div a:after {
	display: none;
}
.primary #lib > div a:hover:after, .primary .lib > div a:hover:after, .primary .postpone_options > div a:first-child:hover:after,
.primary .close_window:hover:after, .primary #sim > div a:hover:after {
	content: url('images/close_o.png');
	display: block;
	margin-top: -24px;
}
.primary .postpone_options > div a:first-child:hover:after {
	margin-top: -24px;
}
.primary #lib > div button, .primary .lib > div button, .primary .postpone_options > div button,
.primary .perm > div button, .primary #sim > div button  {
	margin-bottom: 20px;
}
.primary .postpone_options > div button {
	width: 100%;
}
.primary #lib > div .notification, .primary .lib > div .notification, .primary #sim > div .notification {
	display: inline;
}
.primary a.alert {
	font-family: 'roboto';
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	background: #063345;
	padding: 0 7px 0 8px;
	border-radius: 14px;
	vertical-align: 2px;
}
.primary a.alert:hover {
	background: #1999aa;
}
.primary #alert {
	display: none;
	font-family: 'roboto';
	font-weight: 300;
	font-size: 14px;
	background: #f4f4f4;
	border: 1px solid #dfdfdf;
	margin: -20px 0 0 120px;
	padding: 15px;
	position: absolute;
	max-width: 310px;
}
.primary .description {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
	max-height: 50px;
}
.primary .description.noheading {
	display: block;
	max-height: unset;
}
.primary .description img {
	max-height: 50px;
}
.primary p, .primary .description p {
	font-family: 'roboto';
	font-weight: 300;
	font-size: 14px;
	color: #424243;
	margin-top: 0;
	margin-bottom: 50px;
}
.primary .description p {
	clear: both;
	width: 100%;
}
.primary p a, .primary .description p a {
	font-weight: bold;
	color: #063345;
	text-decoration: underline;
}
.primary p a:hover, .primary .description p a:hover {
	color: #1999aa;
}
.primary .description p img {
	display: inline-block;
	float: left;
	margin: 0 30px 20px 0;
}
.primary h2 {
	font-family: 'roboto-slab';
	font-weight: bold;
	font-size: 23px;
	color: #1999aa;
	clear: both;
}
.primary .description + h2 {
	display: inline-block;
}
.primary h3 {
	font-family: 'roboto-slab';
	font-weight: bold;
	font-size: 19px;
	color: #424243;
	clear: both;
}
.primary hr {
	clear: both;
	display: block;
	border: none;
	border-bottom: 5px solid #ededed;
	margin-bottom: 30px;
}
.primary .notification,
#main .notification {
	display: block;
	width: calc(100% - 30px);
	padding: 15px;
	margin-bottom: 20px;
	font-family: 'roboto';
	font-weight: 300;
	font-size: 14px;
}
.primary .notification.success,
#main .notification.success {
	background: #f5f5f5;
	color: #424243;
}
.primary .notification.warning,
#main .notification.warning {
	background: #09e1c0;
	color: #063345;
}
.primary .notification.error,
#main .notification.error {
	background: #1999aa;
	color: #fff;
}
.primary .notification a {
	color: #fff !important;
	font-weight: bold !important;
}
.primary .notification a:hover {
	color: #424243 !important;
}
.primary .notification.error button {
    background: #fff;
	display: block;
	float: right;
	color: #424243;
    margin-top: -11px;
}
.primary .notification.error button:hover {
    background: #29549a;
	color: #fff;
}
@keyframes spinner {
	to {transform: rotate(360deg);}
}
.primary .spinner {
	display: none;
}
.primary .spinner:before {
	content: url('images/spinner.png');
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	margin-left: -15px;
	animation: spinner 1s linear infinite;
}
.primary .spinner_w {
	margin: 0 0 calc(-1em - 20px);
	text-align: center;
}
.primary .spinner_w img {
	-webkit-filter: brightness(100);
	filter:  brightness(100);
	margin: 0 auto;
	animation: spinner 1s linear infinite;
}
.primary .hidden {
	display: none !important;
}
.primary .flip {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}
.primary .pagination {
	margin: 0 0 10px;
	font-family: 'roboto';
	font-weight: 300;
	font-size: 13px;
	color: #424243;
	clear: both;
}
.primary .pagination b {
	font-weight: bold;
}
.primary .pagination_links {
	display: inline;
	float: right;
}
.primary .pagination a {
	font-family: 'roboto';
	font-weight: 300;
	font-size: 13px;
	color: #424243;
	text-decoration: none;
	padding: 5px 9px 6px 10px;
	margin: 0 5px;
}
.primary .pagination a:not(.arrow):hover, .primary .pagination a.active {
	color: #fff;
	background: #063345;
}
.primary .pagination a > img {
	margin-bottom: -5px;
}
.primary .video_container {
	display: block;
	width: 30%;
	float: right;
	margin-left: 20px;
	position: relative;
}
.primary .video_container img {
	display: block;
	height: 50%;
	position: absolute;
	top: 25%;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.primary .media .thumb,
.primary .thread .thumb {
	width: 70px;
	max-height: 70px;
	margin-right: 10px;
	display: inline-block;
	float: left;
	border: 1px solid #ccc;
	text-align: center;
}
.primary .thread .thumb {
	width: 20px;
	max-height: 20px;
	margin-bottom: 10px;
}
.primary .media p,
.primary .thread p {
	display: inline-block;
	margin: 0;
	width: calc(100% - 82px);
}
.primary .media .thumb > img {
	max-width: 70px;
	max-height: 50px;
}
.primary .thread .thumb > img {
	max-width: 20px;
	max-height: 20px;
}
.primary blockquote {
	font-family: 'roboto-slab';
}
.primary a.more {
	font-family: 'roboto';
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	background: #063345;
	padding: 0 7px 0 8px;
	border-radius: 14px;
	vertical-align: 2px;
}
.primary a.more:hover {
	background: #1999aa;
}
.primary #more {
	display: none;
	font-family: 'roboto';
	font-weight: 300;
	font-size: 14px;
	background: #f4f4f4;
	border: 1px solid #dfdfdf;
	margin: -20px 0 0 120px;
	padding: 15px;
	position: absolute;
	max-width: 310px;
}
.primary span.absent {
	color: #1999aa;
}

.progress-pie-chart {
  width: 150px;
  height: 150px;
	border-radius: 50%;
	background-color: #fff;
	position: relative;
}
.progress-pie-chart.gt-50 {
	background-color: #063345;
}
.ppc-progress {
	content: "";
	position: absolute;
	border-radius: 50%;
  left: calc(50% - 75px);
  top: calc(50% - 75px);
  width: 150px;
  height: 150px;
  clip: rect(0, 150px, 150px, 75px);
}
.ppc-progress .ppc-progress-fill {
	content: "";
	position: absolute;
	border-radius: 50%;
  left: calc(50% - 75px);
  top: calc(50% - 75px);
  width: 150px;
  height: 150px;
	clip: rect(0, 75px, 150px, 0);
	background: #063345;
	transform: rotate(60deg);
}
.gt-50 .ppc-progress {
  clip: rect(0, 75px, 150px, 0);
}
.gt-50 .ppc-progress .ppc-progress-fill {
  clip: rect(0, 150px, 150px, 75px);
	background: #fff;
}
.ppc-percents {
	content: "";
	position: absolute;
	border-radius: 50%;
  left: calc(50% - 130.434782609px/2);
  top: calc(50% - 130.434782609px/2);
  width: 130.434782609px; /* size/1.15 */
  height: 130.434782609px;
	background: #ededed;
	text-align: center;
	display: table;
}
.ppc-percents span {
	display: block;
	font-family: 'roboto';
	font-size: 2.6em;
	font-weight: bold;
	color: #063345;
}
.pcc-percents-wrapper {
	display: table-cell;
	vertical-align: middle;
}
.progress-pie-chart {
	margin: 10px auto 0;
}
.primary .chart {
	display: inline-block;
	text-align: center;
	min-width: 170px;
	width: calc((100% - 40px)/3);
	margin: 10px;
	background: #ededed;
	padding-bottom: 20px;
}
.primary .chart:nth-child(2) {
	min-width: 160px;
	margin-left: 0;
}
.primary .chart:last-child {
	min-width: 160px;
	margin-right: 0;
}
.primary .chart h3 {
	font-size: 16px;
}
.primary .account {
	width: calc(100% - 20px);
	padding: 20px 10px;
	background: #ededed;
	margin-bottom: 10px;
}
.primary .account h3 {
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 10px;
}
.primary .account form {
	float: right;
}

/* Messages */
.primary .messages {
	clear: both;
	padding-top: 35px;
}
.primary .messages > .tr > .td:first-child,
.primary .messages > .tr > .td:nth-child(2) {
	max-width: 18px;
}
.primary .messages.inbox.short {
	padding-top: 0;
}
.primary .messages.inbox.short > .tr > .td:first-child {
	max-width: 80%;
}
.primary .messages.inbox > .tr > .td:nth-child(3) {
	max-width: 18px;
}
.primary .messages > .tr > .td:last-child {
	max-width: 20%;
}
.primary .messages > .tr > .td a {
	text-decoration: none;
}
.primary .messages > .tr > .td label.check .checkmark {
    top: -15px;
}
.primary .table.thread .tr .td:first-child {
    color: #424243;
}
pre {
	font-family: 'roboto-slab';
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* Library */
.primary .media button.white {
	padding: 4px 8px;
}
.primary .media > .tr:first-child > .td a {
	font-family: 'roboto-slab';
	color: #ababab;
	text-decoration: none;
}
.primary .media > .tr > .td:first-child {
	width: 18px;
	min-width: 18px;
	max-width: 18px;
}
.primary .media > .tr > .td:nth-child(2) {
	width: calc(80% - 101px);
}
.primary .media.library > .tr > .td:nth-child(2) {
	width: calc(80% - 202px);
}
.primary .media > .tr > .td:nth-child(3), .primary .media > .tr > .td:nth-child(4), .primary .media > .tr > .td:nth-child(5) {
	max-width: 10%;
}
.primary .media.library > .tr > .td:nth-child(5) {
	width: 80px;
	min-width: 80px;
	max-width: 80px;
}
.primary .media.short > .tr > .td {
	max-width: 15%;
}
.primary .media.short > .tr > .td:first-child {
	max-width: 70%;
}
.primary .media > .tr > .td label.check .checkmark {
    top: -15px;
}
#alert_popover {
   display:block;
   position:absolute;
   bottom:50px;
   left:50px;
}
.wrapper {
    display: table-cell;
    vertical-align: bottom;
    height: auto;
    width:200px;
}
.alert_default {
   color: #333333;
   background-color: #f2f2f2;
   border-color: #cccccc;
}

/* Schedule */
.primary .info {
	float: right;
	font-family: 'roboto';
	font-weight: 300;
	font-size: 13px;
	margin: 0 0 20px;
	line-height: 1.6;
}
.primary .info span {
	padding: 0 10px;
	background: #1999aa;
	margin-right: 10px;
}
.primary .info span:first-child {
	background: #063345;
}
.primary .info span:last-child {
	background: #424243;
}
.primary .list_datenavi {
	font-family: 'roboto';
	font-weight: 300;
	font-size: 16px;
	color: #424243;
	text-align: center;
	clear: both;
}
.primary .list_datenavi a {
	font-family: 'prometo';
	font-weight: bold;
	font-size: 16px;
	color: #063345;
	text-transform: uppercase;
	text-decoration: none;
}
.primary .list_datenavi a:first-child {
	float: left;
	margin-right: 10px;
}
.primary .list_datenavi a:first-child:before {
	content: url('images/arrow.png');
	display: inline-block;
	margin-right: 10px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.primary .list_datenavi a:first-child:hover:before {
	content: url('images/arrowh.png');
}
.primary .list_datenavi a:last-child {
	float: right;
	margin-left: 10px;
}
.primary .list_datenavi a:last-child:after {
	content: url('images/arrow.png');
	display: inline-block;
	margin-left: 10px;
}
.primary .list_datenavi a:last-child:hover:after {
	content: url('images/arrowh.png');
}
.primary .list_datenavi a:hover {
	color: #424243;
}
.primary .postpone_options {
	display: none;
}
.primary .table.edit_schedule .td, .primary .table.weekly_schedule .td {
    width: calc(100% / 8);
	min-width: 38px;
}
.primary .table.weekly_schedule .td {
	cursor: default;
}
.primary .table.edit_schedule .td, .primary .table.weekly_schedule .td.open, .primary .table.weekly_schedule .td.you {
	cursor: pointer;
}
.primary .table.edit_schedule .tr.invalid, .primary .table.weekly_schedule .tr.invalid {
	padding: 0;
}
.primary .table.edit_schedule .tr.invalid .td, .primary .table.weekly_schedule .tr.invalid .td {
	display: none;
}
.primary .table.edit_schedule .open, .primary .table.weekly_schedule .open {
    background-color: #063345;
    color: #fff;
}
.primary .table.weekly_schedule .open a {
	display: block;
	width: 100%;
    color: #fff;
	text-decoration: none;
}
.primary .table.edit_schedule .open:hover, .primary .table.edit_schedule .closed:hover, .primary .table.weekly_schedule .open:hover {
	background-color: #1999aa;
	color: #fff;
}
.primary .table.edit_schedule .past, .primary .table.weekly_schedule .past {
	background-color: #424243;
    color: #fff;
	cursor: default;
}
.primary .table.edit_schedule .reserved, .primary .table.weekly_schedule .reserved,
.primary .table.weekly_schedule .you, .primary .table.weekly_schedule .you a {
    background-color: #1999aa !important;
    color: #fff;
}
.primary .table.reschedule > .tr > .td {
    width: calc(100% / 3);
	min-width: 50px;
}
.primary .table.reschedule > .tr:not(.result) > .td:first-child {
	max-width: 18px;
	width: 18px;
	min-width: 18px;
}
.primary .table.reschedule > .tr > .td label.check .checkmark {
    top: -15px;
}
.primary .table.reschedule > .tr > .td:last-child {
    text-align: center;
	padding-top: 0;
	padding-bottom: 0;
}
.primary .table.reschedule > .tr:nth-child(2n+3) > .td {
    width: 100%;
	position: relative;
	padding-top: 0;
}
.primary .table.schedule > .tr > .td {
	max-width: calc(50% - 233px);
	min-width: calc(50% - 233px);
	width: calc(50% - 233px);
}
.primary .table.schedule.short > .tr > .td:nth-child(-n+3) {
	max-width: calc((100% - 153px)/3) !important;
	min-width: calc((100% - 153px)/3) !important;
	width: calc((100% - 153px)/3) !important;
}
.primary .table.schedule.short > .tr > .td.enter {
    max-width: 70px;
    min-width: 70px;
    width: 70px;
}
.primary .table.history > .tr > .td {
	max-width: calc(100% - 176px);
	min-width: calc(100% - 176px);
	width: calc(100% - 176px);
}
.primary .table.history > .tr > .td {
	max-width: calc(50% - 185px);
	min-width: calc(50% - 185px);
	width: calc(50% - 185px);

}


.primary .table.schedule > .tr > .td.date, .primary .table.history > .tr > .td.date {
    max-width: 73px;
    min-width: 73px;
    width: 73px;
}
.primary .table.schedule > .tr > .td.time, .primary .table.history > .tr > .td.time {
    max-width: 40px;
    min-width: 40px;
    width: 40px;
}
.primary .table.schedule > .tr > .td.duration, .primary .table.history > .tr > .td.duration,
.primary .table.schedule > .tr > .td.postpone {
    max-width: 65px;
    min-width: 65px;
    width: 65px;
	text-align: center;
}
.primary .table.history > .tr > .td.postpone {
    max-width: 66px;
    min-width: 66px;
    width: 66px;
	text-align: center;
	padding: 0 10px;
}
.primary .table.history > .tr > .td.postpone button {
	padding: 3px;
}
.primary .table.schedule > .tr > .td.enter {
    max-width: 77px;
    min-width: 77px;
    width: 77px;
}
.primary .table.schedule > .tr:nth-child(n+2) > .td.enter {
	/*padding-top: 0;
	padding-bottom: 0;*/
	min-height: 31px;
}
.primary .table.schedule > .tr:nth-child(n+2) > .td.enter input[type="submit"] {
	margin-top: -6px;
	margin-bottom: -6px;
}
.primary .table.schedule > .tr > .td.postpone img {
    vertical-align: middle;
}
.primary .table.schedule.student > .tr > .td {
	max-width: unset;
	min-width: unset;
	width: unset;
	flex: 1;
}
.primary .table.book {
	max-width: 400px;
}
.primary .table.book > .tr:first-child {
	padding: 0;
	border-top: 0;
	border-bottom: 1px solid #cccccc;
}
.primary .table.book > .tr > .td:first-child {
	width: 83px;
	max-width: 83px;
	min-width: 83px;
}
.primary .table .tr.report {
	display: none;
}
.primary .table .tr.report > .td {
	color: #424243;
}
.primary .table .tr.report > .td h3 {
	margin: 0;
	color: #ababab;
}
.primary .table.orders .td:first-child {
	width: 70px;
	min-width: 70px;
	max-width: 70px;
}
.primary .table.orders .td:nth-child(2) {
	width: 74px;
	min-width: 74px;
	max-width: 74px;
}
.primary .table.orders .td:nth-child(3), .primary .table.orders.admin .td:nth-child(4) {
	width: 67px;
	min-width: 67px;
	max-width: 67px;
}
.primary .table.orders .td:nth-child(4), .primary .table.orders.admin .td:nth-child(5) {
	width: 88px;
	min-width: 88px;
	max-width: 88px;
	text-align: right;
}
.primary .table.orders .tr:first-child .td:nth-child(4), .primary .table.orders.admin .tr:first-child .td:nth-child(5) {
	text-align: center;
}
.primary .table.orders .td:last-child {
	width: calc(100% - 403px);
	min-width: calc(100% - 403px);
	max-width: calc(100% - 403px);
	text-align: right;
	padding-top: 0;
	padding-bottom: 0;
}
.primary .table.orders.admin .td:last-child {
	width: calc(100% - 489px);
	min-width: calc(100% - 489px);
	max-width: calc(100% - 489px);
	text-align: right;
	padding-top: 0;
	padding-bottom: 0;
}
.primary .table.orders button {
	margin-left: 5px;
	padding: 5px;
}
.primary .table.success .tr:first-child .td {
	color: #424243;
}
.primary .table.success label {
	margin-bottom: 10px;
}
.primary .table.subs .td:last-child {
	width: 45px;
	min-width: 45px;
	max-width: 45px;
	text-align: center;
}
.primary .table.groups .td:last-child {
	width: 115px;
	min-width: 115px;
	max-width: 115px;
	text-align: center;
	padding: 0 10px;
}
.primary .table.groups .tr:first-child .td:last-child {
	padding: 8px 10px;
}
.primary .table.groups .td:last-child button {
	padding: 3px;
	margin: 0 0 2px;
}
.primary .table.groups .td:last-child button.delete img {
	max-height: 17px;
	margin-bottom: -3px;
}
.primary .table.users .td {
	width: calc((100% - 260px)/4);
	min-width: calc((100% - 260px)/4);
	max-width: calc((100% - 260px)/4);
}
.primary .table.users .td:nth-child(5) {
	width: 90px;
	min-width: 90px;
	max-width: 90px;
}
.primary .table.users .td:nth-child(5) a.chosen-single {
	font-weight: 300;
    font-size: 14px;
    color: #424243;
	text-decoration: none;
}
.primary .table.users .td:last-child {
	width: 45px;
	min-width: 45px;
	max-width: 45px;
	text-align: center;
}
.primary a.bank {
	text-decoration: none;
}
.primary a.bank h3 {
	font-family: 'roboto-slab';
	font-weight: bold;
	font-size: 19px;
	color: #1999aa;
}
.primary a.bank img {
	float: right;
}

/* Booking calendar per subject */
.primary .table.book_all .status.past:first-child:last-child,
.primary .table.book_all .status.reserved:first-child:last-child {
	height: 100%;
}
.primary .table.book_all .status {
	margin: -8px -10px 0 -10px;
	padding: 8px 10px;
}
.primary .table.book_all .status + .status {
    border-top: 1px solid transparent;
    margin-top: 1px !important;
}
.primary .table.book_all .td > .status:last-child {
    margin-bottom: -8px !important;
}

/* Groups */
.primary .dragdrop .item {
	width: 208px;
	padding: 7px 10px;
	background-color: white;
	border:1px solid #063345;
	float:left;
	position:relative;
	cursor:move;
	font-family: 'roboto';
}
.primary .dragdrop .item:not(.draggable) {
	background-color: #063345;
	color: #fff;
	cursor: default;
}
.primary .dragdrop .draggable.selected {
	background-color: #1999aa;
	border:1px solid #1999aa;
}
.primary .dragdrop .list {
	height:360px;
	width: 230px;
	border:1px solid #063345;
	z-index:1;
	display: inline-block;
	float: left;
	margin-bottom: 30px;
	overflow-y: auto;
	overflow-x: hidden;
}
.primary .dragdrop #list1 {
	margin-right: 15px;
}
.primary .dragdrop #list2 {
}
.primary .dragdrop img {
	float: left;
	display: inline-block;
	margin-right: 15px;
	margin-top: 160px;
}
.primary .dragdrop p {
	width: 100%;
	clear: both;
}

/* Recordings */
.table.recordings .tr .td {
	width: calc((100% - 174px) /4);
	min-width: calc((100% - 174px) /4);
	max-width: calc((100% - 174px) /4);
}
.table.recordings .tr .td:last-child {
	width: 70px;
	min-width: 70px;
	max-width: 70px;
	text-align: right;
}
.table.recordings .tr .td:last-child img {
	margin-right: 5px;
}
.table.recordings .tr .td:last-child img.iconsmall {
	margin-right: 0;
}

/* Signup Header */
#header.signup {
	background: url('images/signup-header.jpg') center top no-repeat;
	background-size: 100% 272px;
	height: 272px;
}
#header.signup > .container {
	width: 100%;
	max-width: 540px;
	margin: 0 auto;
	text-align: center;
	/*background: #d7d6d6;
	background: radial-gradient(circle, #fff 0%, #e3e3e3 67%, #d7d6d6 100%);*/
	height: 152px;
}
#header.signup > .container img {
	max-width: 270px;
	max-height: 110px;
	margin-top: 47px;
}
#header.signup .signup-menu {
	width: 100%;
	max-width: 540px;
	margin: 30px auto 0;
}
#header.signup .signup-menu a {
	display: inline-block;
	float:left;
	font-family: 'roboto-slab';
	font-weight: bold;
	text-decoration: none;
}
#header.signup .signup-menu a:first-child {
	background: #f9f9f9;
	padding: 14px 60px 10px;
	font-size: 19px;
	color: #424243;
	width: 238px;
}
#header.signup .signup-menu a:first-child h3 {
	font-size: 30px;
	color: #1999aa;
	margin: 0;
}
#header.signup .signup-menu a:last-child {
	background: #063345;
	font-size: 18px;
	color: #fff;
	margin-top: 42px;
	padding: 12px 50px;
	width: 82px;
}
#header.signup .signup-menu a:last-child:hover {
	background: #1999aa;
}

#header.signup .signup-menu.login a:first-child {
	padding-right: 35px;
	width: 175px;
}
#header.signup .signup-menu.login a:last-child {
	padding: 12px 40px;
	width: 190px;
}

/* Sign up */
#main.signup {
	background: #f3f3f3;
	padding-bottom: 130px;
	height: calc(100vh - 402px);
}
#main.signup form {
	width: 100%;
	max-width: 420px;
	background: #f9f9f9;
	margin: 0 auto;
	padding: 40px 60px 47px;
}
#main.signup a.info {
	font-family: 'roboto';
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	background: #063345;
	padding: 0 7px 0 8px;
	border-radius: 14px;
	vertical-align: 2px;
}
#main.signup a.info:hover {
	background: #1999aa;
}
#main.signup #info {
	display: none;
	font-family: 'roboto';
	font-weight: 300;
	font-size: 14px;
	background: #f4f4f4;
	border: 1px solid #dfdfdf;
	margin: -20px 0 0 120px;
	padding: 15px;
	position: absolute;
	max-width: 310px;
}
#main.signup button {
	float: right;
}
#main.signup button.float {
	float: unset;
}

#main.signup.login label {
	font-family: 'roboto-slab';
    font-weight: bold;
    font-size: 19px;
    margin-bottom: 47px;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
    color: #424243;
    display: inline-block;
    position: relative;
}
#main.signup label.check {
	width: calc(50% - 19px);
	padding-left: 25px;
	font-family: 'roboto';
    font-weight: 300;
    font-size: 12px;
    width: auto !important;
    margin-bottom: 0;
    position: relative;
    padding-left: 25px;
}
#main.signup.login form > a {
	text-align: right;
	font-family: 'roboto';
	font-weight: 300;
	font-size: 12px;
	color: #063345;
	clear: both;
	display: block;
	margin-bottom: 47px;
}
#main.signup.login form > a:hover {
	color: #1999aa;
}
#main.signup input {
    border-left: 4px solid #e4e4e4;
    border-bottom: 4px solid #e4e4e4;
    font-family: 'roboto';
    font-weight: 300;
    font-size: 14px;
    color: #424243;
    width: calc(100% - 20px);
    margin-top: 10px;
    padding: 10px;
    background: none;
}
#main.signup.login button {
	margin-bottom: 20px;
}

/* Responsive */
@media screen and (max-width: 480px) {
	#main.signup label, #main fieldset label { width: calc(100% - 5px) !important; margin-right: 0 !important; margin-left: 0 !important; }
}
@media screen and (max-width: 540px) {
	#header.signup .signup-menu a { width: calc(100% - 30px) !important; float: none; margin: 0 auto !important; padding: 14px 15px 10px !important; }
	#header.signup .signup-menu a:last-child { display: none; width: calc(100% - 60px) !important; margin: 10px 15px 0 !important; }

	#main.signup form { padding: 90px 15px 47px; width: unset; }
}
@media screen and (max-width: 635px) {
	.primary div.half { width: 100%; margin: 0 0 35px -15px !important; float: none !important; }
	.primary label.half { width: 100%; margin: 0 0 35px; }
	.logo img { margin-top: 0; }

	.primary .table.success, .primary .table.success .tr:first-child { display: block; padding: 0; }
	.primary .table.success .tr .td { border-bottom: 1px solid #cccccc; border-right: none; }
	.primary .table.success .tr .td:last-child { border-bottom: none; }

	.primary .chart { display: block; min-width: unset; width: 100%; margin: 10px 0; padding-top: 10px; }
	.primary .account h3 { display: block; }
	.primary .account form { float: none; }
}
@media screen and (max-width: 767px) {
	.mobile { display: inline; }

	.sidebar { display: none; z-index: 1; }
	.sidebar .logo > img { position: absolute; right: 8px; top: -30px; }
	.sidebar.active { display: block; }

	.primary { width: 100%; margin-left: 0; position: relative; min-width: 550px; }
	.primary .header, .primary .main { padding-left: 15px; padding-right: 15px; }
	.primary .header h1 { padding-top: 20px; }
	.primary .header > a img { margin-top: 10px; }
	.primary .header > a:after { content: url('images/menu.png'); margin-top: -20px; display: none; }
	.primary .header > a:hover:after { display: block; }
	.primary .header .right { padding: 0; margin: 0; position: absolute; right: 15px; top: 2px; }

	.primary .inline label { margin-bottom: 10px; }
/*	.primary .right { display: block; float: none; margin-left: 0; margin-bottom: 35px; }
	.primary .inline input.search { width: calc(100% - 80px); }*/
	.primary .inline input.search { width: 160px; }
	.primary .inline select { width: 100%; }
	.primary #lib > div .notification, .primary .lib > div .notification { display: inline-block; width: calc(100% - 84px); }
	.primary .media .thumb, .primary .thread .thumb { width: 50px; max-height: 50px; }
	.primary .media .thumb > img { max-width: 50px; max-height: 50px; }
}