@mainColor: #4BA3D5;
@mainColor2: #4BA3D5;
@AdditionalColor1: #4BA3D5;

@GrayBg: #414249;
@GrayText: #414249;
@GrayFont: rgba(255,255,255, 0.6);
@Gray: #CCCCCC;
@Gcolor: rgba(255,255,255, 0.1);
@bgStatus: #ECECED;
@colorSm: rgba(150,151,155, 0.8);
@colorBr: rgba(150,151,155, 0.3);
@bgGray: #666666;
@TextBlue: #4FA4D3;
@TextBlueSecond: #4BA3D5;
@grayEmpty: rgba(51,51,51, 0.3);
@grayEmH: rgba(51,51,51,0.5);
@bgBtn: #4FA4D3;

@InputBg: #edf5fa;
@InputBgDark: #E2EAEF;
@inputColor: #4BA3D5;
/*@grayВmH: #333333 #4FA4D3;*/
@Lima: #42bd21;

@FiledBG: #EDF5FA;
@FiledBR: #4FA4D3;
//mainColor label
@border: #3b6acb;
@backFooter: #212737;
@white:#fff;
@input: #aab9e4;
@placeholder: #8A8E91;
@contentBack: #e9edf4;
@table: #4BA3D5;
@inputConteiner: #cdd9f1;
@error: #ff3636;
@file: #f4f8ff;
@img: #cbd7f0;
@span: #1b2538;
@span2:#7f9ddb;
@span3:#a5a7ac;
@span4: #a1aedd;
@span5: #000;
@valid: #6fde75;
@div:#e8e9eb;
@finance:#E6E7ED;
@jks: #8d929b;
@step1: #42bd21;
@filesInfo: #8a8f99;
@help: #EAEEF4;
@vote: #49bd2a;
@edit: #ffe400;
@description: #84a1de;
//Roboto
@fontExtraBold: "Roboto-Bold";
@fontBold: 'Gotham Pro Bold';
@fontBlack: "Roboto-Black";
@fontLight: 'Gotham Pro Reg';
@fontMedium: 'Gotham Pro Med';
@forntMainPage: 'Gotham Pro Reg';
@fontCirceExtraBold: "Circe-Extra-Bold";
@fontCirceBold: "Circe-Bold";
//Roboto
@font-face {
    font-family: "Roboto-Bold";
    src: url("/Content/fonts/Roboto/Roboto-Bold.ttf");
}

@font-face {
    font-family: "Roboto-Black";
    src: url("/Content/fonts/Roboto/Roboto-Black.ttf");
}

@font-face {
    font-family: "Roboto-Light";
    src: url("/Content/fonts/Roboto/Roboto-Light.ttf");
}

@font-face {
    font-family: "Roboto-Medium";
    src: url("/Content/fonts/Roboto/Roboto-Medium.ttf");
}
//Circe
@font-face {
    font-family: "Circe-Extra-Bold";
    src: url("/Content/fonts/Circe/Circe-ExtraBold.ttf");
}

@font-face {
    font-family: "Circe-Bold";
    src: url("/Content/fonts/Circe/Circe-Bold.ttf");
}

//Gothman
@font-face {
    font-family: 'Gotham Pro Bold';
    src: url(/Content/fonts/Gothman/GothamProBold.otf) format("truetype")
}

@font-face {
    font-family: 'Gotham Pro Reg';
    src: url(/Content/fonts/Gothman/GothamProReg.otf) format("truetype")
}

@font-face {
    font-family: 'Gotham Pro Med';
    src: url(/Content/fonts/Gothman/GothamProMed.otf) format("truetype")
}

.placeholder(@rules) {

    &::-webkit-input-placeholder {
        @rules();
    }

    &:-moz-placeholder {
        @rules();
    }

    &::-moz-placeholder {
        @rules();
    }

    &:-ms-input-placeholder {
        @rules();
    }
}