body {
    background-color: #eee;
    padding: 0;
    margin: 0;
    min-width: 1300px;
}

.wrapper {
    /*display: flex;
    flex-flow: row wrap;
    align-items: stretch;*/
    min-height: 100vh;
}

.narrow_wrapper{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.sidebar {
    background: #333;
    box-shadow: 0 0 10px #333;
    /*flex: 0 0 200px;*/

    width: 200px;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;

    overflow-y: auto;
}

.sidebar_header {
    display: block;
    box-sizing: border-box;
    background-color: #f39c11;
    background: radial-gradient(circle at 10px 10px, #fdb540, #f39c11, #f39c11);
    color: #fff;
    font-family: "Kraft" !important;
    font-size: 20px;
    line-height: 50px;
    border-bottom: solid 1px rgba(100, 100, 100, .2);
    padding-left: 8px;
    text-decoration: none;
}

.content {
    /*flex: 2 0px;*/
    margin-left: 200px;
}

.narrow_content {
    width: 400px;
    border: solid 1px #494a45;
    border-radius: 16px;
}

.footer{
    color: #888;
    text-align: center;
    font-family: sans-serif;
	font-size: 14px;
    line-height: 50px;
}

/*Ссылки*/ 

.link{
	color: #e84c3d;
    text-decoration: none;
    font-weight: bold;
    /*transition-property: color, text-decoration;
	transition-duration: 0.5s;*/
}

.link:hover {
    color: #ee6f66;
    text-decoration: underline;
}

.white_link{
	color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    /*transition-property: color, text-decoration;
	transition-duration: 0.5s;*/
}

.white_link:hover {
    color: #eee;
    text-decoration: underline;
}

/*Тексты*/

.text, li, div {
	color: #222;
	font-family: sans-serif;
	font-size: 14px;
    line-height: 20px;
	cursor: default;
    word-wrap: break-word;
}

.title_text {
	color: #222;
	font-family: sans-serif;
	font-size: 18px;
    line-height: 23px;
	cursor: default;
    word-wrap: break-word;
}

/* Tables defaults */

tr, td {
    vertical-align: top;
}

th{
    font-weight: normal;
}

table {
    border-spacing: 0;
}

/**/

.menu_item{
    display: block;
    box-sizing: border-box;
    width: 100%;
    border-bottom: solid 1px rgba(100, 100, 100, .2);
    color: #bbb;
    font-family: sans-serif;
    font-size: 14px;
    text-decoration: none;
    line-height: 30px;
    padding-left: 8px;
    padding-right: 8px;
}

.menu_item.selected, .menu_item:hover {
    border-right: solid 3px #fff;
    background-color: rgba(100, 100, 100, .1);
    transition-property: border-right, background-color;
    transition-duration: .3s;
}

/**/

.divider {
    height: 1px;
    background-color: #494a45;
}

/**/

.header_underline {
    border-bottom: solid #494a45 4px;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/**/

.padding {
    padding: 10px;
}

.space{
    height: 8px;
}

/*Кнопки*/

.button{
    box-sizing: border-box;
    display: inline-block;
	border-radius: 3px;
	text-align: center;
	font-family: sans-serif;
	font-size: 14px;
    line-height: 30px;
    padding-left: 12px;
    padding-right: 12px;
	color: #333;
	cursor: pointer;
    text-decoration: none;
    transition-property: background-color;
	transition-duration: 0.5s;
}

.button:hover{
	background-color: rgba(255, 255, 255, 0.4);
}

/*Поля ввода*/

.text_input {
    background-color: transparent;
    box-sizing: border-box;
    padding: 5px;
	border-radius: 3px;
	font-family: sans-serif;
	font-size: 15px;
    line-height: 20px;
	color: #333;
    border: 1px solid #bbb;
    display: block;
    text-decoration: none;
    outline: none;
    resize: vertical;
    transition-property: background-color;
	transition-duration: 0.5s;
}

.text_input:hover, .text_input:active {
	background-color: #fff;
}

/**/

/*МОДИФИКАТОРЫ*/

/*Цвета*/

.fore0 { /*серый*/
    color: #494a45 !important;
}

.fore1 { /*оранженый*/
    color: #f39c11 !important;
}

.fore2 { /*зеленый*/
    color: #2dcc70 !important;
}

.fore3 { /*белый*/
    color: white !important;
}

.fore4 { /*красный*/
    color: #e84c3d !important;
}

.fore5 { /*синий*/
    color: #3598db !important;
}

/*Фоны без hover*/

.n_back0 { /*серый*/
    background-color: #494a45 !important;
}

.n_back1 { /*оранженый*/
    background-color: #f39c11 !important;
}

.n_back2 { /*зеленый*/
    background-color: #2dcc70 !important;
}

.n_back3 { /*белый*/
    background-color: white !important;
}

.n_back4 { /*красный*/
    background-color: #e84c3d !important;
}

.n_back5 { /*синий*/
    background-color: #3598db !important;
}

/*Фоны с hover*/

.back0 { /*серый*/
    background-color: #494a45 !important;
}

.back1 { /*оранженый*/
    background-color: #f39c11 !important;
}

.back2 { /*зеленый*/
    background-color: #2dcc70 !important;
}

.back3 { /*белый*/
    background-color: white !important;
}

.back4 { /*красный*/
    background-color: #e84c3d !important;
}

.back5 { /*синий*/
    background-color: #3598db !important;
}

/**/

.back0:hover { /*серый*/
    background-color: #676862 !important;
}

.back1:hover { /*оранженый*/
    background-color: #f5b517 !important;
}

.back2:hover { /*зеленый*/
    background-color: #58d68d !important;
}

.back3:hover { /*белый*/
    background-color: #eee !important;/*white*/
}

.back4:hover { /*красный*/
    background-color: #ee6f66 !important;
}

.back5:hover { /*синий*/
    background-color: #5cade2 !important;
}

/*Цвета с hover*/

.link_fore0 { /*серый*/
    color: #494a45 !important;
}

.link_fore1 { /*оранженый*/
    color: #f39c11 !important;
}

.link_fore2 { /*зеленый*/
    color: #2dcc70 !important;
}

.link_fore3 { /*белый*/
    color: white !important;
}

.link_fore4 { /*красный*/
    color: #e84c3d !important;
}

.link_fore5 { /*синий*/
    color: #3598db !important;
}

/**/

.link_fore0:hover { /*серый*/
    color: #676862 !important;
}

.link_fore1:hover { /*оранженый*/
    color: #f5b517 !important;
}

.link_fore2:hover { /*зеленый*/
    color: #58d68d !important;
}

.link_fore3:hover { /*белый*/
    color: #eee !important;/*white*/
}

.link_fore4:hover { /*красный*/
    color: #ee6f66 !important;
}

.link_fore5:hover { /*синий*/
    color: #5cade2 !important;
}

/*Границы*/

.border0 { /*серый*/
    border: solid 1px #494a45 !important;
}

.border1 { /*оранженый*/
    border: solid 1px #f39c11 !important;
}

.border2 { /*зеленый*/
    border: solid 1px #2dcc70 !important;
}

.border3 { /*белый*/
    border: solid 1px white !important;
}

.border4 { /*красный*/
    border: solid 1px #e84c3d !important;
}

.border5 { /*синий*/
    border: solid 1px #3598db !important;
}

/*Текст*/

.bold{
    font-weight: 700 !important;
}

.italic{
    font-style: italic !important;
}

.underline{
    text-decoration: underline !important;
}

.strike{
    text-decoration: line-through !important;
}

/*Выделения*/
::selection {
    color: #000;
    background: rgba(255, 225, 0, 0.9);
}

::-moz-selection {
    color: #000;
    background: rgba(255, 225, 0, 0.9);
}

/*Скроллбар*/
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}
 
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #aaa;
}

/**/

@font-face {
    font-family: "NautiliusPompilius";
    src: url(../fonts/NautiliusPompilius.otf) format("truetype");
}

@font-face {
    font-family: "CorsicaLX-Regular";
    src: url(../fonts/CorsicaLX-Regular.otf) format("truetype");
}

@font-face {
    font-family: "Kraft";
    src: url(../fonts/Kraft.otf) format("truetype");
}

*{
    font-family: "CorsicaLX-Regular" !important;
}