/* reset (begin) */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100.01%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%; -webkit-font-smoothing: antialiased; }
html, button, input, select, textarea { color: #222; }
body { margin: 0;}
a { color: #428BCA; text-decoration: none; cursor: pointer; }
a:visited { color: #428BCA; }
a:hover { color: #428BCA; text-decoration: underline; }
a:hover, a:active, a:focus { outline: none; }
abbr[title] { border-bottom: 1px dotted; }
b, strong {  }
blockquote { margin: 0; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #f5d6a8; color: #435259;}
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin:0; padding:0; list-style: none; list-style-image: none; }
dd { margin: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; outline: none; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; cursor: pointer; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; padding: 0; margin: 0}
h1, h2, h3, h4, h5, h6, p{margin: 0; padding: 0;}
/* reset (end) */


/* animation (begin) */
@-moz-keyframes progress-bar-stripes{from{background-position: 40px 0}to{background-position: 0 0}}
@-webkit-keyframes progress-bar-stripes{from{background-position: 40px 0}to{background-position: 0 0}}
@keyframes progress-bar-stripes{from{background-position: 40px 0}to{background-position: 0 0}}
/* animation (end) */


/* helpers (begin) */
.clearfix:after,
.grid:after,
.nav:after,
.navbar:after,
.breadcrumb:after
{
    clear: both;
    display: block;
    visibility: hidden;

    height: 0;

    content: ".";
    line-height: 0;
}

.hidden{visibility: hidden !important;}
.hide{display: none !important;}
.test{width: 100%;height: 100%;min-height: 40px;background: #f1f1f1;border: 1px solid #ccc;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align: center;}
/* helpers (end) */


/* colors (begin) */
.colors-primary{background: #428bca;border-color: #357EBD;}
.colors-success {background: #5CB85C;border-color: #4CAE4C;}
.colors-info {background: #5BC0DE;border-color: #46B8DA;}
.colors-warning {background: #F0AD4E;border-color: #EEA236;}
.colors-danger {background: #D9534F;border-color: #D43F3A;}
/* colors (end) */


/* stream (begin) */
.stream-l{float: left !important;}
.stream-r{float: right !important;}
.stream-c{float: none !important;}
.stream-c-all{float: none !important;clear: both;}
/* stream (end) */


/* align (begin) */
.align-l{text-align: left;}
.align-c{text-align: center;}
.align-r{text-align: right;}
/* align (end) */


/* indent (begin) */
.indent-bottom-5{margin-bottom: 5px;}
.indent-bottom-10{margin-bottom: 10px;}
.indent-bottom-15{margin-bottom: 15px;}
.indent-bottom-20{margin-bottom: 20px;}
.indent-bottom-25{margin-bottom: 25px;}
.indent-bottom-30{margin-bottom: 30px;}
.indent-bottom-reset{margin-bottom: 0 !important;}
/* indent (end) */


/* global (begin)*/
body
{
    font-family: Lato, Helvetica, Arial, Ubuntu, sans-serif;
    font-size: 14px;

    height: 100%;

    line-height: 1.72222;

    background: #fff;
    color: #34495E;

    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
}

.wrap{margin: 0 40px;}
.wrap_960{width: 960px;margin: auto;}

h1, h2, h3 {margin: 3px 0 10px 0;line-height: 1.2;}
h4, h5, h6 {margin: 5px 0 5px 0; line-height: 1.2}

h1{font-size: 46px;}
h2{font-size: 38px;}
h3{font-size: 28px;}
h4{font-size: 26px;}
h5{font-size: 20px;}
h6{font-size: 18px;}
/* global (end)*/


/* layout (begin) */
.layout
{

}
/* layout (end) */


/* link (begin) */
.link {display: inline;color: #428BCA;text-decoration: none;cursor: pointer;}
.link:visited { color: #428BCA; }
.link:hover { color: #428BCA; text-decoration: underline; }
.link:hover, .link:active, .link:focus { outline: none; }
/* link (end) */


/* sub-title (begin) */
.sub-title
{
    font-size: 50%;
    font-weight: normal;

    display: block;

    line-height: 1;

    color: #999;

}
/* sub-title (end) */


/* grid (begin) */
.grid
{
    margin: 0 -10px 20px -10px;
}

.grid__col_1,
.grid__col_2,
.grid__col_3,
.grid__col_4,
.grid__col_5,
.grid__col_6,
.grid__col_7,
.grid__col_8,
.grid__col_9,
.grid__col_10,
.grid__col_11,
.grid__col_12
{
    float: left;

    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.grid__col_1{width: 8.33333333%}
.grid__col_2{width: 16.66666667%}
.grid__col_3{width: 25%;}
.grid__col_4{width: 33.33333333%}
.grid__col_5{width: 41.66666667%}
.grid__col_6{width: 50%;}
.grid__col_7{width: 58.33333333%}
.grid__col_8{width: 66.66666667%}
.grid__col_9{width: 75%}
.grid__col_10{width: 83.33333333%}
.grid__col_11{width: 91.66666667%}
.grid__col_12{width: 100%;}

.grid__col_left_1{margin-left: 8.33333333%}
.grid__col_left_2{margin-left: 16.66666667%}
.grid__col_left_3{margin-left: 25%;}
.grid__col_left_4{margin-left: 33.33333333%}
.grid__col_left_5{margin-left: 41.66666667%}
.grid__col_left_6{margin-left: 50%;}
.grid__col_left_7{margin-left: 58.33333333%}
.grid__col_left_8{margin-left: 66.66666667%}
.grid__col_left_9{margin-left: 75%}
.grid__col_left_10{margin-left: 83.33333333%}
.grid__col_left_11{margin-left: 91.66666667%}

.grid__col_right_1{margin-right: 8.33333333%}
.grid__col_right_2{margin-right: 16.66666667%}
.grid__col_right_3{margin-right: 25%;}
.grid__col_right_4{margin-right: 33.33333333%}
.grid__col_right_5{margin-right: 41.66666667%}
.grid__col_right_6{margin-right: 50%;}
.grid__col_right_7{margin-right: 58.33333333%}
.grid__col_right_8{margin-right: 66.66666667%}
.grid__col_right_9{margin-right: 75%}
.grid__col_right_10{margin-right: 83.33333333%}
.grid__col_right_11{margin-right: 91.66666667%}
/* grid (end) */


/* fluid (begin) */
.fluid
{
    margin: 0 -10px;
}
.fluid > ul
{
    display: table;

    table-layout: fixed;

    width: 100%;
    margin-bottom: 20px;
}

.fluid > ul > li
{
    display: table-cell;

    padding: 10px;

    vertical-align: top;
}
/* fluid (end) */


/* button (begin) */
.button,
.button:link,
.button:visited
{
    font-family: Lato, Helvetica, Arial, Ubuntu, sans-serif;
    font-size: 16px;
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;

    position: relative;

    display: inline-block;

    padding: 10px 15px;
    margin: 0;
    min-width: 120px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;

    cursor: pointer;
    text-align: center;
    text-decoration: none;
    line-height: 1.2;
    white-space: nowrap;

    background: #34495E;
    border: none;
    border-radius: 3px;
    color: #fff;
    outline: none;

    -moz-user-select: -moz-none;
    -webkit-user-select: none;

    -moz-transition: background linear 0.1s;
    -webkit-transition: background linear 0.1s;
    -o-transition: background linear 0.1s;
    transition: background linear 0.1s;
}

.button.long,
.button.long:link,
.button.long:visited
{
    width: 100%;
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
}


.button + .button,
.align-l .button + .button
{
    margin-right: 20px;
    margin-left: 0;
}

.align-r .button + .button
{
    margin-right: 0;
    margin-left: 20px;
}

.button.long + .button.long,
.align-l .button.long + .button.long,
.align-r .button.long + .button.long
{
    margin-left: 0;
    margin-right: 0;

}

.button:hover,
.button.hover{background: #273646;}
.button:active,
.button.active{box-shadow: inset 0 0 20px rgba(0,0,0,0.2);}

.button.primary,
.button.primary:link,
.button.primary:visited{background: #428bca;}
.button.primary:hover,
.button.primary.hover{background: #3977ad;}

.button.success,
.button.success:link,
.button.success:visited{background: #5CB85C;}
.button.success:hover,
.button.success.hover{background: #4f9e4f;}

.button.info,
.button.info:link,
.button.info:visited{background: #5BC0DE;}
.button.info:hover,
.button.info.hover{background: #54b1cd;}

.button.warning,
.button.warning:link,
.button.warning:visited{background: #F0AD4E;}
.button.warning:hover,
.button.warning.hover{background: #dea048;}

.button.danger,
.button.danger:link,
.button.danger:visited{background: #D9534F;}
.button.danger:hover,
.button.danger.hover{background: #c24a47;}
/* button (end) */


/* input (begin) */
.input
{
    font-family: Lato, Helvetica, Arial, Ubuntu, sans-serif;
    font-size: 16px;
    /*-webkit-font-smoothing: subpixel-antialiased !important;*/
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;

    position: relative;

    display: block;

    height: 39px;
    padding: 5px 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    cursor: text;
    line-height: 1.4;

    background: #fff;
    border: 2px solid #34495E;
    border-radius: 3px;
    color: #435259;
    outline: none;

    /*-moz-transition: background linear 0.1s;*/
    /*-webkit-transition: background linear 0.1s;*/
    /*-o-transition: background linear 0.1s;*/
    /*transition: background linear 0.1s;*/
}

.input:focus,
.input.focus
{
    background: #5f84ab;
    color: #fff;
}

.input.primary{border-color: #428bca;}
.input.primary:focus,
.input.primary.focus{background: #4fa7f3;}
.input.success{border-color: #5CB85C;}
.input.success:focus,
.input.success.focus{background: #66cc66;}
.input.info{border-color: #5BC0DE;}
.input.info:focus,
.input.info.focus{background: #62ceee;}
.input.warning{border-color: #F0AD4E;}
.input.warning:focus,
.input.warning.focus{background: #fcb552;}
.input.danger{border-color: #D9534F;}
.input.danger:focus,
.input.danger.focus{background: #f25d58;}

.input::-webkit-input-placeholder{color: #7A8F99;}
.input:-moz-placeholder{color: #7A8F99;}
.input::-moz-placeholder{color: #7A8F99;}
.input:-ms-input-placeholder{color: #7A8F99;}

.input:focus::-webkit-input-placeholder{color: #fff;}
.input.focus::-webkit-input-placeholder{color: #fff;}
.input:focus:-moz-placeholder{color: #fff;}
.input.focus:-moz-placeholder{color: #fff;}
.input:focus::-moz-placeholder{color: #fff;}
.input.focus::-moz-placeholder{color: #fff;}
.input:focus:-ms-input-placeholder{color: #fff;}
.input.focus:-ms-input-placeholder{color: #fff;}
/* input (end) */


/* form-group (begin) */
.form-group
{
    position: relative;

    margin-bottom: 10px;
}
/* form-group (end) */


/* string (begin) */
.string > li
{
    margin-bottom: 20px;
}

.string.small > li
{
    margin-bottom: 10px;
}
/* string (end) */


/* text (begin) */
p,
.text
{
    font-size: 18px;

    line-height: 1.72222;

    margin: 0 0 15px;
}

.text_primary{color: #428bca;}
.text_success{color: #5CB85C;}
.text_info{color: #5BC0DE;}
.text_warning{color: #F0AD4E;}
.text_danger{color: #D9534F;}
.text_muted{color: #999;}
/* text (end) */


/* table (begin) */
.table
{
    width: 100%;
    margin-bottom: 20px;
}

.table.hover thead tr:hover{background: #fff;}
.table.hover thead tr.hover{background: #fff;}
.table.hover thead tr{border-bottom: 2px solid #34495E;}
.table tr{border-bottom: 1px solid #34495E;}
.table tr:last-child{border: none;}
.table tr:nth-child(odd){background: #F9F9F9;}
.table thead tr:nth-child(odd){background: #fff;}

.table thead tr td{font-weight: bold;}

.table .primary{background: #428bca; color: #fff;}
.table .success {background: #5CB85C; color: #fff;}
.table .info {background: #5BC0DE; color: #fff;}
.table .warning {background: #F0AD4E; color: #fff;}
.table .danger {background: #D9534F; color: #fff;}

.table td
{
    padding: 5px;

    vertical-align: top;
}

.table .num
{
    width: 30px;
    padding-left: 10px;
}
/* table (end) */


/* textarea (begin) */
.textarea
{
    font-family: Lato, Helvetica, Arial, Ubuntu, sans-serif;
    font-size: 16px;
    /*-webkit-font-smoothing: subpixel-antialiased !important;*/
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;

    position: relative;

    display: block;

    height: 60px;
    padding: 5px 10px;
    width: 100%;
    resize: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    cursor: text;
    line-height: 1.4;

    background: #fff;
    border: 2px solid #34495E;
    border-radius: 3px;
    color: #435259;
    outline: none;
}

.textarea_tags
{
    min-height: 37px;
    height: auto;
}

.textarea.resize{resize: vertical;}

.textarea:focus
{
    background: #5f84ab;
    color: #fff;
}

.editor .textarea
{
    min-height: 60px;
    height: auto;
}

.editor .textarea:focus
{
    background: #f1f1f1;
    color: #435259;
}

.textarea.primary{border-color: #428bca;}
.textarea.primary:focus{background: #4fa7f3;}
.textarea.success{border-color: #5CB85C;}
.textarea.success:focus{background: #66cc66;}
.textarea.info{border-color: #5BC0DE;}
.textarea.info:focus{background: #62ceee;}
.textarea.warning{border-color: #F0AD4E;}
.textarea.warning:focus{background: #fcb552;}
.textarea.danger{border-color: #D9534F;}
.textarea.danger:focus{background: #f25d58;}

.textarea::-webkit-input-placeholder{color: #7A8F99;}
.textarea:-moz-placeholder{color: #7A8F99;}
.textarea::-moz-placeholder{color: #7A8F99;}
.textarea:-ms-input-placeholder{color: #7A8F99;}

.textarea:focus::-webkit-input-placeholder{color: #fff;}
.textarea:focus:-moz-placeholder{color: #fff;}
.textarea:focus::-moz-placeholder{color: #fff;}
.textarea:focus:-ms-input-placeholder{color: #fff;}
/* textarea (end) */


/* disabled (begin) */
.disabled,
[disabled="disabled"],
[data-disabled="disabled"]
{
    position: relative;

    z-index: 1;

    cursor: default !important;

    -moz-user-select: -moz-none;
    -webkit-user-select: none;

    -moz-opacity: 0.6;
    opacity: 0.6;
}

.disabled:before,
[disabled="disabled"]:before,
[data-disabled="disabled"]:before
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    z-index: 2;

    content: '';
}
/* disabled (end) */


/* nav (begin) */
.nav
{
    margin-bottom: 20px;
}

.nav > li
{
    position: relative;

    float: left;

    margin-left: 2px;
}

.nav.vertical > li
{
    float: none;

    margin: 0 0 2px 0;
}

.nav > li > a,
.nav > li > a:link,
.nav > li > a:visited,
.nav > li > .link
{
    display: block;

    padding: 10px 15px;

    text-decoration: none;
    line-height: 1;

    border-radius: 4px;
    color: #428BCA;
}

.nav > li > a:hover,
.nav > li > a.hover,
.nav > li > a:focus,
.nav > .open > a,
.nav > .open > a:link,
.nav > .open > a:visited,
.nav > li > .link:hover,
.nav > li > .link.hover,
.nav > .open > .link
{
    text-decoration: none;

    background: #eee;
}

.nav > li > .active,
.nav > li > .active:link,
.nav > li > .active:visited
{
    background: #428bca;
    color: #fff;
}
/* nav (end) */


/* arrow (begin) */
.arrow
{
    display: inline-block;

    width: 0;
    height: 0;
    margin-left: 2px;

    vertical-align: middle;

    border-top: 4px solid;
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-left: 4px solid rgba(0, 0, 0, 0);
}

.select:after
{
    position: absolute;
    top: 17px;
    right: 15px;

    content: '';

    border-top: 5px solid;
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-left: 5px solid rgba(0, 0, 0, 0);
}
/* arrow (end) */


/* navbar (begin) */
.navbar
{
    margin-bottom: 20px;

    background: #34495e;
    border-radius: 3px;
}

.navbar > li
{
    position: relative;

    float: left;

    border-left: 1px solid #405b74;
}

.navbar > li:first-child{border-left: none; border-radius: 3px 0 0 3px;}

.navbar > li > a,
.navbar > li > a:link,
.navbar > li > a:visited,
.navbar > li > .link
{
    display: block;

    padding: 14px 20px;

    text-decoration: none;
    line-height: 1;

    color: #fff;
}

.navbar > li > a:hover,
.navbar > li > a.hover,
.navbar > .open > a,
.navbar > .open > a:link,
.navbar > .open > a:visited,
.navbar > li > .link:hover,
.navbar > li > .link.hover,
.navbar > .open > .link
{
    text-decoration: none;

    background: #405b74;
}

.navbar .search
{
    padding: 2px 10px;
}

.navbar .search.stream-r
{
    padding: 2px;

    border: none !important;
}

.navbar .search .input
{
    font-size: 14px;

    background: #5f84ab;
    border-radius: 5px;
    color: #fff;
}

.navbar .search .input:focus,
.navbar .search .input.focus
{
    background: #fff;
    color: #435259;
}

.navbar .search .input::-webkit-input-placeholder{color: #fff;}
.navbar .search .input::-webkit-input-placeholder{color: #fff;}
.navbar .search .input:-moz-placeholder{color: #fff;}
.navbar .search .input:-moz-placeholder{color: #fff;}
.navbar .search .input::-moz-placeholder{color: #fff;}
.navbar .search .input::-moz-placeholder{color: #fff;}
.navbar .search .input:-ms-input-placeholder{color: #fff;}
.navbar .search .input:-ms-input-placeholder{color: #fff;}

.navbar .search .input:focus::-webkit-input-placeholder{color: #435259;}
.navbar .search .input.focus::-webkit-input-placeholder{color: #435259;}
.navbar .search .input:focus:-moz-placeholder{color: #435259;}
.navbar .search .input.focus:-moz-placeholder{color: #435259;}
.navbar .search .input:focus::-moz-placeholder{color: #435259;}
.navbar .search .input.focus::-moz-placeholder{color: #435259;}
.navbar .search .input:focus:-ms-input-placeholder{color: #435259;}
.navbar .search .input.focus:-ms-input-placeholder{color: #435259;}
/* navbar (end) */


/* dropdown-sub (begin) */
.dropdown-sub
{
    font-size: 14px;

    position: absolute;
    top: 100%;
    left: 0;

    z-index: 5;
    display: none;

    min-width: 160px;
    padding: 5px 0;
    /*margin: 2px 0 0;*/

    background-color: #FFF;
    border: 1px solid #CCC;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.175);
    color: #fff;
}

.open .dropdown-sub,
.dropdown-hover:hover .dropdown-sub
{
    display: block;
}

.dropdown-sub > .separator
{
    height: 1px;
    margin: 5px 0;
    padding: 0;

    background: #DFDFDF;
}

.navbar .dropdown-sub > .separator,
.select .dropdown-sub > .separator{background: #405b74;}

.navbar .dropdown-sub
{
    background: #34495e;
    border-radius: 0 0 4px 4px;
    box-shadow: none;
}

.select .dropdown-sub
{
    margin-top: 7px;

    width: 100%;

    background: #34495e;
    border-radius: 4px;
    box-shadow: none;
}

.select .dropdown-sub:before
{
    position: absolute;
    top: -6px;
    right: 14px;

    width: 0;
    height: 0;
    margin-left: 2px;

    content: '';

    border-bottom: 5px solid #34495E;
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-left: 5px solid rgba(0, 0, 0, 0);
}

.dropdown-sub > li
{
    display: block;

    padding: 3px 0 3px 10px;

    line-height: 1.4;
    white-space: nowrap;

    color: #fff;
}

.dropdown-sub > li > a,
.dropdown-sub > li > a:link,
.dropdown-sub > li > a:visited,
.dropdown-sub > li > .link
{
    display: block;

    text-decoration: none;
    line-height: 1.4;
    white-space: nowrap;

    color: #333;
}

.dropdown-sub > li:hover,
.dropdown-sub > li.hover
{
    text-decoration: none;

    background: #428BCA;
    color: #fff;
}

.navbar .dropdown-sub > li > a,
.navbar .dropdown-sub > li > a:link,
.navbar .dropdown-sub > li > a:visited,
.navbar .dropdown-sub > li > .link,
.select .dropdown-sub > li > a,
.select .dropdown-sub > li > a:link,
.select .dropdown-sub > li > a:visited,
.select .dropdown-sub > li > .link
{
    color: #fff;
}

.navbar .dropdown-sub > li:hover,
.navbar .dropdown-sub > li.hover,
.navbar .dropdown-sub > li.link:hover,
.navbar .dropdown-sub > li.link.hover,
.select .dropdown-sub > li:hover,
.select .dropdown-sub > li.hover,
.select .dropdown-sub > li.link:hover,
.select .dropdown-sub > li.link.hover
{
    text-decoration: none;

    background: #405b74;
}
/* dropdown-sub (end) */


/* breadcrumb (begin) */
.breadcrumb
{
    padding: 10px;
    margin-bottom: 20px;

    line-height: 1.4;

    background: #F5F5F5;
    border-radius: 3px;
    color: #999;
}

.breadcrumb > li
{
    float: left;
}

.breadcrumb > li + li:before
{
    content: "/\00a0";
    padding: 0 5px;
    color: #CCC;
}

.breadcrumb > li > a,
.breadcrumb > li > a:link,
.breadcrumb > li > a:visited,
.breadcrumb > li > .link
{
    color: #428BCA;
}
/* breadcrumb (end) */


/* help (begin) */
.help
{
    font-size: 14px;

    padding: 15px 20px;
    margin-bottom: 20px;

    background: #e3eef7;
    border-left: 3px solid #428bca;
}

.help h1,.help h2,.help h3,.help h4,.help h5,.help h6
{font-size: 18px;margin: 0; color: #428bca;}
.help p{font-size: 14px;margin: 0;color: #333;}

.help.success{background: #d8eed8;border-color: #5CB85C;}
.help.success h1,.help.success h2,.help.success h3,.help.success h4,.help.success h5,.help.success h6
{color: #5CB85C}

.help.info{background: #d8f0f7;border-color: #5BC0DE;}
.help.info h1,.help.info h2,.help.info h3,.help.info h4,.help.info h5,.help.info h6
{color: #5BC0DE}

.help.warning{background: #fcf0dd;border-color: #F0AD4E;}
.help.warning h1,.help.warning h2,.help.warning h3,.help.warning h4,.help.warning h5,.help.warning h6
{color: #F0AD4E}

.help.danger{background: #fae7e7;border-color: #D9534F;}
.help.danger h1,.help.danger h2,.help.danger h3,.help.danger h4,.help.danger h5,.help.danger h6
{color: #D9534F}
/* help (end) */


/* panel (begin) */
.panel
{
    padding: 10px 15px;
    margin-bottom: 20px;

    background: #eee;
    border: 1px solid #DBDBDB;
    border-radius: 3px;
}

.panel__head
{
    margin: -10px -15px 8px -15px;
    padding: 5px 15px;

    background: #fff;
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #DBDBDB;
}
/* panel (end) */


/* alert (begin) */
.alert
{
    position: relative;

    padding: 15px;
    margin-bottom: 20px;

    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 3px;
}

.alert.success
{
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #3C763D;
}

.alert.info
{
    background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #31708F;
}

.alert.warning
{
    background-color: #FCF8E3;
    border-color: #FAEBCC;
    color: #8A6D3B;
}

.alert.danger
{
    background-color: #F2DEDE;
    border-color: #EBCCD1;
    color: #A94442;
}

.alert__close
{
    position: absolute;
    top: 15px;
    right: 15px;

    cursor: pointer;
}

.alert__close:after
{
    content: '\2715';
}
/* alert (end) */


/* checker (begin) */
.checker
{
    font-size: 15px;

    position: relative;

    display: inline-block;
    overflow: hidden;

    height: 29px;
    width: 80px;

    cursor: pointer;

    background: #bdc3c7;
    border-radius: 12px;
}

.checker input[type="checkbox"]
{
    -moz-opacity: 0;
    opacity: 0;
}

.checker__indicator
{
    font-weight: 700;

    position: absolute;
    top: 0;
    left: 0;

    height: 29px;
    width: 160px;

    text-transform: uppercase;
    line-height: 30px;

    border-radius: 12px;

    -moz-transition: left linear 0.2s;
    -webkit-transition: left linear 0.2s;
    -o-transition: left linear 0.2s;
    transition: left linear 0.2s;
}

.checker input[type="checkbox"]:checked + .checker__indicator
{
    left: -80px;
}

.checker__on
{
    position: absolute;
    top: 0;
    left: 0;

    z-index: 1;

    width: 60px;
    height: 29px;
    padding-left: 20px;

    background: #34495e;
    border-radius: 12px;
    color: #fff;
}

.checker__off
{
    position: absolute;
    top: 0;
    right: 0;

    display: block;
    z-index: 1;

    width: 48px;
    height: 29px;
    padding-left: 32px;

    background: #bdc3c7;
    border-radius: 12px;
    color: #fff;
}

.checker__slide
{
    position: absolute;
    top: 5px;
    left: 54px;

    z-index: 3;

    width: 19px;
    height: 19px;

    background: #5CB85C;
    border-radius: 50%;

    -moz-transition: all linear 0.2s;
    -webkit-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

.checker input[type="checkbox"]:checked + .checker__indicator .checker__slide
{
    left: 86px;

    background: #fff;
}
/* checker (end) */


/* select (begin) */
.select
{
    font-family: Lato, Helvetica, Arial, Ubuntu, sans-serif;
    font-size: 16px;
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;

    position: relative;

    display: inline-block;

    padding: 10px 15px;
    margin: 0;
    min-width: 132px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;

    cursor: pointer;
    text-align: left;
    text-decoration: none;
    line-height: 1.2;
    white-space: nowrap;

    background: #5CB85C;
    border: none;
    border-radius: 3px;
    color: #fff;
    outline: none;

    -moz-user-select: -moz-none;
    -webkit-user-select: none;

    -moz-transition: background linear 0.1s;
    -webkit-transition: background linear 0.1s;
    -o-transition: background linear 0.1s;
    transition: background linear 0.1s;
}

.select.open
{
    z-index: 3;
}

.select input
{
    display: none;
}

.select > span
{
    overflow: hidden;

    padding-right: 16px;

    -moz-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.select.open span,
.select.open .arrow
{
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.select.long
{
    width: 100%;
    min-width: 0;
    padding-left: 0;
    padding-right: 0;

    text-align: center;
}
/* select (end) */


/* label (begin) */
.label
{
    font-size: 18px;

    display: inline-block;

    line-height: 1.72222;
    vertical-align: middle;
}

.label + *
{margin-left: 10px;vertical-align: middle;}
.label_break{display: block;}
.label_break + *
{margin-left: 0;vertical-align: baseline;}
/* label (begin) */


/* progress (begin) */
.progress
{
    font-weight: 700;

    position: relative;

    overflow: hidden;

    height: 25px;
    margin-bottom: 20px;

    text-align: center;

    background-color: #F5F5F5;
    border-radius: 8px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #fff;
}

.progress__bar
{
    float: left;

    height: 25px;

    background-color: #428BCA;
    border-radius: 8px 0 0 8px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
}

.progress__bar.success{background-color: #5CB85C;}
.progress__bar.info{background-color: #5BC0DE;}
.progress__bar.warning{background-color: #F0AD4E;}
.progress__bar.danger{background-color: #D9534F;}

.progress__bar.active
{
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}
/* progress (end) */


/* badge (begin) */
.badge
{
    font-size: 12px;
    font-weight: 700;

    display: inline-block;

    min-width: 10px;
    padding: 3px 7px;

    vertical-align: baseline;
    text-align: center;
    line-height: 1;
    white-space: nowrap;

    background-color: #999;
    border-radius: 10px;
    color: #fff;
}

.nav .badge,
.navbar .badge
{
    float: right;

    margin: -2px 0 0 3px;
}
/* badge (end) */


/* num-list (begin) */
.num-list
{
    font-size: 18px;

    padding-left: 25px;
    margin-bottom: 20px;

    list-style-type: decimal;
}

.num-list > li{margin-bottom: 5px;}
/* num-list (end) */


/* mark-list (begin) */
.mark-list
{
    font-size: 18px;

    padding-left: 19px;
    margin-bottom: 20px;

    list-style-type: disc;
}

.mark-list > li{margin-bottom: 5px;}
/* mark-list (end) */


/* pagination (begin) */
.pagination
{
    display: inline-block;

    margin: 20px 0;

    border-radius: 4px;
}

.pagination > li
{
    display: inline;
}

.pagination > li > a,
.pagination > li > a:link,
.pagination > li > a:visited,
.pagination > li > .link
{
    position: relative;

    float: left;

    padding: 6px 12px;
    margin-left: -1px;

    line-height: 1.42857143;
    text-decoration: none;

    color: #428BCA;
    background-color: #FFF;
    border: 1px solid #DDD;
}

.pagination > li:first-child > a,
.pagination > li:first-child > .link
{
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > .link
{
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > a.hover,
.pagination > li > a:focus,
.pagination > li > .link:hover,
.pagination > li > .link.hover,
.pagination > li > .link:focus
{
    background-color: #EEE;
    border-color: #DDD;
    color: #2A6496;
}
/* pagination (end) */


/* tag (begin) */
.tag
{
    font-size: 14px;
    font-weight: 700;

    display: inline-block;

    padding: 4px 5px 5px 8px;
    margin: 0 0 3px 3px;

    line-height: 14px;

    background: #5cb85c;
    border-radius: 3px;
    color: #fff;
}

.tag > input
{
    display: none;
}

.textarea .tag
{
    margin-left: 0;
    margin-right: 3px;
}

.tag-list
{
    margin-left: -3px;
}

.textarea .tag-list
{
    display: inline-block;

    margin-left: -4px;
}

.tag__close
{
    font-size: 14px;
    font-weight: 700;

    display: inline-block;

    padding-left: 5px;
    min-width: 13px;
    min-height: 14px;

    cursor: pointer;
}

.tag__close:before
{
    content: "\2715";
}

.tag__close:hover
{
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.tag__area
{
    position: relative;
    top: 1px;

    display: inline-block;

    width: 20px;
    padding: 0;

    background: none;
    border: none;
}

.tag__substrate
{
    position: absolute;
    top: -10px;

    display: inline-block;
    visibility: hidden;

    width: 20px;
    padding: 0;
}
/* tag (end) */


/* autocomplete (begin) */
.autocomplete
{
    position: relative;
}

.autocomplete__sub
{
    font-size: 14px;

    position: absolute;
    top: 100%;
    left: 2px;

    z-index: 5;
    /*display: none;*/

    min-width: 180px;
    padding: 2px 0;

    background: #34495e;
    border-radius: 0 0 4px 4px;
}

.autocomplete__item
{
    display: block;

    padding: 6px 15px;

    cursor: pointer;
    line-height: 1.4;
    white-space: nowrap;

    color: #fff;
}

.autocomplete__item:hover,
.autocomplete__item.hover
{
    background: #507090;
}
/* autocomplete (end) */


/* popup (begin) */
.popup
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: none;
    overflow: auto;
    z-index: 10;

    line-height: 16px;
    word-wrap: break-word;

    background: rgba(0, 0, 0, 0.5);
}

.popup_on
{
    overflow: hidden;
}

.popup_on .popup
{
    display: block;
}

.popup__inner
{
    position: relative;

    padding: 20px;
    width: 960px;
    margin: 80px auto;

    background: #fff;
}

.popup_small .popup__inner
{
    width: 600px;
}

.popup__close
{
    font-size: 20px;
    font-weight: 700;

    position: absolute;
    top: 15px;
    right: 15px;

    width: 16px;
    height: 16px;

    cursor: pointer;
}

.popup__close:hover
{
    opacity: 0.9;
}

.popup__close:before
{
    content: "\2715";
}
/* popup (end) */


/* editor (begin) */
.editor
{

}

.editor__head
{
    font-size: 17px;

    line-height: 30px;

    -moz-user-select: -moz-none;
    -webkit-user-select: none;
}

.editor__head > *
{
    margin-right: 5px;

    cursor: pointer;
}

.editor__head > *:hover
{
    color: #5CB85C;
}

.editor__view
{
    font-size: 14px;

    float: right;
}

.editor__view [class^="icon-"]
{
    font-size: 17px;

    vertical-align: middle;
}
/* editor (end) */