// ---------------------------------------------------------------------------------------------------------------------
// Цвета, шрифты, пути, изображения
// ---------------------------------------------------------------------------------------------------------------------
@ColorWhiten: #F9F9F9;
@ColorBaseWhite: #FBFEFF;
@ColorBaseGrey: #EEF1f2;
@ColorLightenYellow: #F3ECE3;
@ColorLightenGrey: #E4E4E4;
@ColorLightGrey: lighten(@ColorGrey, 20%);
@ColorGrey: #A0A3A3;
@ColorDarkGrey: darken(@ColorGrey, 20%);
@ColorText: #212121;
@ColorLightenBlue: lighten(#0183CE, 10%);
@ColorAquamarine: #CDE8FD;
@ColorLightBlue: #0183CE;
@ColorBlue: #004573;
@ColorGreen: #009933;
@ColorActive: #F0622E;
@ColorLightenRed: #f2dede;
@ColorRedBase: #a94442;

@Color_Undefined: #777;
@Color_ECTSF: #8A2E15;
@Color_ECTSFX: #D46141;
@Color_ECTSE: #EDEC51;
@Color_ECTSD: #7EBA3C;
@Color_ECTSC: #28AE57;
@Color_ECTSB: #349920;
@Color_ECTSA: #367F27;

@FontFamily: 'PT Sans', sans-serif;
@FontFamilyTitle: 'PT Sans Narrow', sans-serif;
@FontSizeTiny: 0.7em;
@FontSizeSmall: 0.9em;
@FontSizeNormal: 0.95em;

@ImagePath: '../../img/';
@IconDeleteDiscipline: "@{ImagePath}icons/del_dis.png";
@IconUp: "@{ImagePath}icons/up.png";
@IconDown: "@{ImagePath}icons/down.png";
@IconDelete: "@{ImagePath}icons/delete.png";
@IconAdd: "@{ImagePath}icons/add.png";
@IconTriangleUp: "@{ImagePath}icons/triangle_up.png";
@IconError: "@{ImagePath}/error.png";
@IconClose: "@{ImagePath}/close.png";
@IconSpinner: "@{ImagePath}/ajax_loader.gif";
@IconArrowLeft: "@{ImagePath}/arrow_left.svg";
@IconArrowRight: "@{ImagePath}/arrow_right.svg";
@IconArrowLeftDouble: "@{ImagePath}/arrow_left_double.svg";
@IconArrowRightDouble: "@{ImagePath}/arrow_right_double.svg";
// ---------------------------------------------------------------------------------------------------------------------
// Макросы
// ---------------------------------------------------------------------------------------------------------------------
.radius(@rad) {
    // Добавление радиуса
    border-radius: @rad;
    -moz-border-radius: @rad;
    -webkit-border-radius: @rad;
    -khtml-border-radius: @rad;
}

.box-shadow(@style, @c) {
    // Добавление тени
    -webkit-box-shadow: @style @c;
    box-shadow: @style @c;
}

.modalWindow(@width) {
    width: @width;
    position: absolute;
    z-index: 9999;
}

// ---------------------------------------------------------------------------------------------------------------------
// Common Styles
// ---------------------------------------------------------------------------------------------------------------------

@import (once) "reset.less";

body {
    background-color: @ColorBaseGrey;
    font-family: @FontFamily;
    font-size: 1em;
    color: @ColorText;
    line-height: 1.1;
    min-width: 1024px;
    height: 100%;
}

pre
{
    font-family: "Courier New", Courier, monospace;
    font-size: 0.85em;
    padding: 5px;
    margin: 0;
    word-wrap: normal;
    white-space: normal;
    background: @ColorBaseGrey;
    border: 1px solid @ColorLightGrey;
}

.page {
    width: 100%;
}

p {
    //text-align: justify;
    margin-bottom: 10px;
    font-size: 0.9em;
}

b {
    font-weight: bold;
}

a, a:link {
    font-size: @FontSizeSmall;
    color: @ColorLightBlue;
    text-decoration: none;
}

a:hover {
    font-size: @FontSizeSmall;
    color: @ColorActive;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.5em;
    &.Blue {
        color: @ColorBlue;
    }
}

h3 {
    font-size: 1.2em;
}

input[type="checkbox"] {
    /*для разных браузеров нужно задать размер чекбокса*/
    height: 13px;
}

.clearFix {
    clear: both;
    .label {
        float: left;
        width: 200px;
        color: @ColorDarkGrey;
    }
    .content {
        overflow: hidden;
    }
}

// DEPRECATED: .goodClearFix

.goodClearFix:after, .ClearFix:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .goodClearFix, * html .ClearFix {
    height: 1%;
}

.goodClearFix, .ClearFix {
    display: block;
    & .FLeft, & .FloatLeft {
        float: left;
    }
    & .FRight, & .FloatRight {
        float: right;
    }
}

.Warning {
    position: absolute;
    padding: 6px 10px;
    top: 0;
    right: 0;
    text-align: center;
    font-size: 14px;
    color: @ColorRedBase;
    background: @ColorLightenRed;
    border-radius: 0 0 0 5px;
}

.Margin5
{
    &.Top { margin-top: 5px; }
    &.Left { margin-left: 5px; }
    &.Right { margin-right: 5px; }
    &.Bottom { margin-bottom: 5px; }
    &.All { margin: 5px; }
}

.Margin10
{
    &.Top { margin-top: 10px; }
    &.Left { margin-left: 10px; }
    &.Right { margin-right: 10px; }
    &.Bottom { margin-bottom: 10px; }
    &.All { margin: 10px; }
}

// ---------------------------------------------------------------------------------------------------------------------
// Header
// ---------------------------------------------------------------------------------------------------------------------
.header_wrapper {
    .box-shadow(0 5px 5px, lighten(@ColorGrey, 25%));
    font-size: @FontSizeSmall;
    padding: 12px 20px;
    background-color: @ColorBaseWhite;
    overflow: hidden;
    > .alignLeft {
        display: inline-block;
    }
    a {
        font-size: @FontSizeSmall;
    }
    .logotype {
        margin-right: 15px;
    }
    .faculty {
        color: @ColorGrey;
    }
    .navigation {
        color: @ColorGrey;
        display: inline;
        text-align: right;
        float: right;
        > div {
            display: inline-block;
            margin: 0 5px;
        }
        a {
            margin-left: 5px;
        }
    }
}

.profile_wrapper {
    .modalWindow(450px);
    background-color: @ColorBaseWhite;
    font-size: @FontSizeSmall;
    padding: 5px;
    right: 15px;
    top: 45px;
    .box-shadow(0 0 5px, @ColorGrey);
    .radius(5px);
    .clearFix {
        padding: 5px;
        .label {
            width: 130px;
        }
    }
}

.profile_wrapper .username {
    font-weight: 600;
}

.profile_wrapper .profile_delimeter {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

// ---------------------------------------------------------------------------------------------------------------------
// Main layer
// ---------------------------------------------------------------------------------------------------------------------
.main_layer {
    max-width: 70%;
    width: auto;
    min-width: 920px;
    margin: 35px auto;
    .footer {
        text-align: center;
        color: @ColorGrey;
        a {
            color: @ColorGrey;
        }
        a:hover {
            color: @ColorDarkGrey;
        }
    }
}

.main {
    margin-bottom: 10px;

    .main_top {
        display: inline-block;
        position: absolute;
        background-color: @ColorLightBlue;
        color: @ColorBaseGrey;
        font-size: 1.1em;
        margin: -15px 0px 0px -10px;
        padding: 0.45em 2.5em 0.45em 1.5em;
        min-width: 15%;
        .box-shadow(0 0 5px, @ColorGrey);
        z-index: 1000;
    }
    .main_content {
        .box-shadow(0 0 5px, @ColorGrey);
        border-radius: 5px;
        background-color: @ColorBaseWhite;
        width: 100%;
        font-size: @FontSizeNormal;
        position: relative;
        overflow: hidden;
        padding-top: 35px;
        padding-bottom: 25px;
        &.noPadding {
            padding: 0;
        }
    }
}

.sidePadding {
    padding: 0 25px;
}

.semesterMargin {
    margin-top: 12.5px;
    margin-bottom: 5px;
    overflow: hidden;
}

.semesterLayer {
    display: inline-block;
    width: auto;
    .semesterChanger, .semesterSwitcherBtn {
        //margin-left: 0px;
        font-family: @FontFamily;
        font-size: 1em;
    }
    .semesterSwitcher {
        display: block;
        padding: 10px;
        overflow: hidden;
        .modalWindow(auto);
        margin-top: 5px;
        background: @ColorBaseWhite;
        border: 1px solid @ColorBaseGrey;
        .box-shadow(0 0 5px, @ColorGrey);
        .radius(5px);
        li {
            margin-bottom: 5px;
            &:last-child { margin-bottom: 0; }
        }
    }
}

.helpLink {
    width: 100%;
    display: inline-block;
    text-align: right;
}

.comment {
    font-size: @FontSizeTiny;
    font-style: italic;
    width: 90%;
    display: inline-block;
    text-align: left;
}

@import (once) "modal.less";
@import (once) "common/forms.less";
@import (once) "window/error.less";
@import (once) "js/event_inspector.less";
@import (once) "js/wnd.less";