@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import url(jquery-ui.css);
@import url(dataTables.css);
body,
html {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    color: #7c7c7c;
    font-family: 'Open Sans',sans-serif;
}

#menu {
    overflow: auto;
    float: left;
    width: 300px;
    height: 100%;
    -webkit-box-shadow: 4px 0 16px rgba(0, 0, 0, .2);
    box-shadow: 4px 0 16px rgba(0, 0, 0, .2);
    background: #e6e6e6 url(/img/menu/menu_icon.png) repeat-x top center;
    font-size: 11px
}

@font-face {
    font-family: 'aparajitaregular';
    font-weight: normal;
    font-style: normal;
    src: url(/font/aparaj_0-webfont.eot);
    src: url(/font/aparaj_0-webfont.eot?#iefix) format('embedded-opentype'), url(/font/aparaj_0-webfont.woff) format('woff'), url(/font/aparaj_0-webfont.ttf) format('truetype'), url(/font/aparaj_0-webfont.svg#aparajitaregular) format('svg')
}

.btn_home {
    /* position: absolute; */
    display: block;
    /* margin-top: -15px; */
    text-align: center
}

.menu_lists {
    margin-top: 48px
}

.menu_lists a[selected] {
    background: #dedede
}

.menu_lists a {
    display: block;
    height: 22px;
    padding: 5px 0 0 10px;
    border-top: 1px solid #d6d6d6;
    background: #dedede;
    background: -webkit-linear-gradient(left, #dedede 1%, #FFF 54%, #e6e6e6 100%);
    background: -moz-linear-gradient(left, #dedede 1%, #FFF 54%, #e6e6e6 100%);
    background: -ms-linear-gradient(left, #dedede 1%, #FFF 54%, #e6e6e6 100%);
    background: -o-linear-gradient(left, #dedede 1%, #FFF 54%, #e6e6e6 100%);
    background: linear-gradient(to right, #dedede 1%, #FFF 54%, #e6e6e6 100%);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMTYiIGhlaWdodD0iMSI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJnIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB4Mj0iMTAwJSIgeTE9IjUwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI0RFREVERSIvPjxzdG9wIG9mZnNldD0iNTQlIiBzdG9wLWNvbG9yPSIjRkZGRkZGIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjRTZFNkU2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNnKSIvPjwvc3ZnPg==");
    text-align: left;
    text-decoration: none;
    font-size: 1.3em;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#e6e6e6', GradientType=1)
}

.menu_lists a:hover {
    color: #fff!important;
    background-image: -webkit-linear-gradient(top, #244c8a, #365f9a);
    background-image: -moz-linear-gradient(top, #244c8a, #365f9a);
    background-image: -ms-linear-gradient(top, #244c8a, #365f9a);
    background-image: -o-linear-gradient(top, #244c8a, #365f9a);
    background-image: linear-gradient(top, #244c8a, #365f9a)
}

a {
    color: #365d97
}

#menu a:hover {
    color: #3a7ea6
}

#wrapper {
    overflow: auto;
    height: 100%;
    background-color: #f2f2f2;
    /* background: #f7f7f7; */
}

#content {
    min-width: 800px;
    margin: 30px 20px
}

.center #content {
    width: 1000px;
    margin: 0 auto
}

#header-bar {
    width: 100%;
    height: 40px;
    background: url(/img/header-bar.jpg) repeat-x
}

.center #header div {
    margin: 0 auto
}

.edit input:disabled,
.edit textarea:disabled {
    border: 0;
    color: #000;
    background: transparent;
    cursor: text
}

img {
    border: 0
}

.error {
    color: #d04646;
    margin-top: 10px;
}

.error_global,
.info {
    position: fixed;
    z-index: 9999999999999999;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    border-bottom: 2px solid #883927;
    color: #fff;
    background: #c45c45;
    text-align: center
}

.info {
    border-color: #5e8e6b;
    background: #83ad8f
}

h3,
h2,
h1 {
    padding: 5px;
    color: #FFF;
    background-image: -webkit-linear-gradient(top, #365f9a, #244c8a);
    background-image: -moz-linear-gradient(top, #365f9a, #244c8a);
    background-image: -ms-linear-gradient(top, #365f9a, #244c8a);
    background-image: -o-linear-gradient(top, #365f9a, #244c8a);
    background-image: -webkit-linear-gradient(top, #365f9a, #244c8a);
    background-image: -moz-linear-gradient(top, #365f9a, #244c8a);
    background-image: -ms-linear-gradient(top, #365f9a, #244c8a);
    background-image: -o-linear-gradient(top, #365f9a, #244c8a);
    background-image: linear-gradient(top, #365f9a, #244c8a);
    text-transform: uppercase;
    font-family: 'Open Sans',sans-serif
}

h1:before {
    content: ">>";
    padding: 5px 10px 5px 5px;
    margin-right: 10px;
    background: #005792;
    letter-spacing: -5px
}

h3 {
    margin-top: 35px
}

h1 a,
h2 a,
h3 a {
    color: #FFF
}

h1 {
    font-size: 18px
}

thead td {
    font-weight: bold
}

.sep {
    margin: 15px 0;
    border-bottom: 1px solid #657883
}

.memberlist>div {
    min-height: 130px;
    _height: 130px;
    padding-bottom: 10px
}

.memberlist .sep {
    min-height: 20px;
    _height: 20px;
    padding-top: 10px;
    padding-top: 10px;
    padding-left: 6px;
    font-size: 20px;
    font-weight: bold
}

.memberlist>div>* {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top
}

.memberlist>div>div {
    width: 740px
}

.memberlist .avatar {
    float: left;
    width: 128px;
    margin-right: 20px
}

.memberlist h3 {
    margin-top: 10px
}

.committee {
    padding: 3px 9px;
    margin-right: 5px;
    background: #7d95c7
}

.avatar,
.logo {
    width: 128px;
    height: 128px;
    text-align: center;
    line-height: 128px
}

.logo {
    width: 200px;
    height: 100px;
    line-height: 100px
}

.avatar {
    margin: 0 auto
}

.avatar img,
.logo img {
    vertical-align: middle;
    border: 5px solid #f7f7f7
}

.btn,
input[type="submit"],
input[type="button"] {
    min-width: 60px;
    border: 1px solid #244c8a;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #FFF;
    background: #244c8a;
    background-image: -webkit-linear-gradient(top, #244c8a, #365f9a);
    background-image: -moz-linear-gradient(top, #244c8a, #365f9a);
    background-image: -ms-linear-gradient(top, #244c8a, #365f9a);
    background-image: -o-linear-gradient(top, #244c8a, #365f9a);
    background-image: linear-gradient(top, #244c8a, #365f9a);
    text-align: center;
    text-align: center;
    text-decoration: none;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    font-weight: bold;
    white-space: nowrap;
    cursor: pointer
}

.btn:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.btn:focus,
input[type="submit"]:focus,
input[type="button"]:focus {
    background-image: -webkit-linear-gradient(top, #365f9a, #244c8a);
    background-image: -moz-linear-gradient(top, #365f9a, #244c8a);
    background-image: -ms-linear-gradient(top, #365f9a, #244c8a);
    background-image: -o-linear-gradient(top, #365f9a, #244c8a);
    background-image: linear-gradient(top, #365f9a, #244c8a)
}

.btn[disabled],
input[type="submit"]:disabled,
input[type="button"]:disabled {
    border: 1px solid #b6b6b6;
    background: #c5c5c5;
    background-image: -webkit-linear-gradient(top, #dbdbdb, #c5c5c5);
    background-image: -moz-linear-gradient(top, #dbdbdb, #c5c5c5);
    background-image: -ms-linear-gradient(top, #dbdbdb, #c5c5c5);
    background-image: -o-linear-gradient(top, #dbdbdb, #c5c5c5);
    background-image: linear-gradient(top, #dbdbdb, #c5c5c5)
}

input[type="submit"].red,
.btn.red {
    border: 1px solid #f26a6a;
    background: #f26a6a;
    background-image: -webkit-linear-gradient(top, #f26a6a, #da5050);
    background-image: -moz-linear-gradient(top, #f26a6a, #da5050);
    background-image: -ms-linear-gradient(top, #f26a6a, #da5050);
    background-image: -o-linear-gradient(top, #f26a6a, #da5050);
    background-image: linear-gradient(top, #f26a6a, #da5050)
}

input[type="submit"].red:hover,
.btn.red:hover {
    background-image: -webkit-linear-gradient(top, #da5050, #f26a6a);
    background-image: -moz-linear-gradient(top, #da5050, #f26a6a);
    background-image: -ms-linear-gradient(top, #da5050, #f26a6a);
    background-image: -o-linear-gradient(top, #da5050, #f26a6a);
    background-image: linear-gradient(top, #da5050, #f26a6a)
}

.btn,
input,
select {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 5px 10px;
    margin: 7px 0 2px 0;
    outline-color: #3875b4
}

label[for] {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 400px;
    line-height: 30px
}

label>p {
    font-style: italic
}

input[type="text"],
select {
    width: 300px
}

textarea {
    width: 300px;
    min-height: 50px;
    _height: 50px;
    padding: 5px 10px;
    margin: 7px 0 2px 5px;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px
}

.btn.upload {
    position: relative;
    overflow: hidden
}

.btn.upload input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    zoom: 1;
    -ms-filter: "alpha(opacity=0)";
    *filter: alpha(opacity=0);
    display: block;
    width: 100%;
    height: 26px;
    padding: 0;
    margin: 0;
    cursor: pointer
}

.btn.upload span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 10px;
    height: 14px;
    border-top: 1px solid #e9e9e9;
    background: url(/img/loader.png)
}

.btn-upload__holder {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}

.btn-upload__label {
    max-width: 370px;
    margin-right: 20px;
    margin-top: 7px;
}

.btn-upload__wrapper{
    display: flex;
    align-items: center;
    gap: 10px;
}

.r {
    float: right;
    margin-top: 10px
}

.l {
    float: left
}

.c {
    clear: both
}

.ui-switch {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    overflow: hidden;
    width: 120px;
    margin: 4px 5px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer!important
}

.ui-switch input {
    position: absolute;
    opacity: 0;
    zoom: 1;
    -ms-filter: "alpha(opacity=0)";
    *filter: alpha(opacity=0);
    filter: alpha(opacity=0)
}

.ui-switch>div {
    position: relative;
    width: 202px;
    cursor: pointer
}

.ui-switch div * {
    position: relative;
    left: -2px;
    display: block;
    float: left
}

.ui-switch span {
    width: 60px;
    height: 22px;
    padding: 0 10px;
    background: #f4f4f4;
    background-image: -webkit-linear-gradient(top, #e4e4e4, #fbfbfb);
    background-image: -moz-linear-gradient(top, #e4e4e4, #fbfbfb);
    background-image: -ms-linear-gradient(top, #e4e4e4, #fbfbfb);
    background-image: -o-linear-gradient(top, #e4e4e4, #fbfbfb);
    background-image: linear-gradient(top, #e4e4e4, #fbfbfb);
    text-align: right
}

.ui-switch span:first-child {
    left: 0;
    color: #FFF;
    background: #3088f3;
    background-image: -webkit-linear-gradient(top, #244c8a, #365f9a);
    background-image: -moz-linear-gradient(top, #244c8a, #365f9a);
    background-image: -ms-linear-gradient(top, #244c8a, #365f9a);
    background-image: -o-linear-gradient(top, #244c8a, #365f9a);
    background-image: linear-gradient(top, #244c8a, #365f9a);
    text-align: left
}

.ui-switch div div {
    position: relative;
    width: 40px;
    height: 20px;
    border: 1px solid #adadad;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #f4f4f4;
    background-image: -webkit-linear-gradient(top, #e4e4e4, #fbfbfb);
    background-image: -moz-linear-gradient(top, #e4e4e4, #fbfbfb);
    background-image: -ms-linear-gradient(top, #e4e4e4, #fbfbfb);
    background-image: -o-linear-gradient(top, #e4e4e4, #fbfbfb);
    background-image: linear-gradient(top, #e4e4e4, #fbfbfb)
}

.news {
    clear: both;
    padding: 5px;
    margin: 10px 0;
    margin-bottom: 40px;
    border: 2px dashed #e5e5e5;
    background: #eee
}

.news.admin {
    position: relative
}

.news.admin.edit .html {
    border: 4px dashed #d4d4d4;
    outline: 0
}

.news.admin .btns {
    right: 0;
    bottom: -6px;
    float: right
}

.news .options {
    display: none;
    padding: 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    background: #f0f0f0
}

.news .options label {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 180px
}

a[href="#TODO"],
a[href="#TODO:"],
a[href="TODO"],
a[href="TODO:"] {
    color: #686868;
    cursor: help
}

todo {
    display: none
}

.copyright {
    width: 454px;
    padding: 150px 0 0;
    margin: 0 auto;
    color: #686868;
    text-align: center;
    font-size: 10px
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px #fefefe inset;
    font-weight: bold;
    -webkit-text-fill-color: #3875b4
}

.link_account {
    padding-bottom: 30px
}

.link_account a {
    min-width: 60px;
    padding: 5px 10px;
    margin-right: 23px;
    border: 1px solid #244c8a;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #FFF;
    background: #244c8a;
    background-image: -webkit-linear-gradient(top, #244c8a, #365f9a);
    background-image: -moz-linear-gradient(top, #244c8a, #365f9a);
    background-image: -ms-linear-gradient(top, #244c8a, #365f9a);
    background-image: -o-linear-gradient(top, #244c8a, #365f9a);
    background-image: linear-gradient(top, #244c8a, #365f9a);
    text-align: center;
    text-align: center;
    text-decoration: none;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none
}

.link_account a:hover {
    background-image: -webkit-linear-gradient(top, #365f9a, #244c8a);
    background-image: -moz-linear-gradient(top, #365f9a, #244c8a);
    background-image: -ms-linear-gradient(top, #365f9a, #244c8a);
    background-image: -o-linear-gradient(top, #365f9a, #244c8a);
    background-image: linear-gradient(top, #365f9a, #244c8a)
}

.form_membership,
.title_membership {
    margin-top: 15px
}

.sex_membership {
    margin-left: 348px
}

#title_membership {
    margin-top: 15px
}

.select_title_membership {
    width: 324px
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

table tr {
    vertical-align: top
}

table tr:hover {
    background: #e8eef7
}

.tr_home:hover {
    background: transparent
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px #fefefe inset;
    font-weight: bold;
    -webkit-text-fill-color: #3875b4
}

.postlogin {
    width: 750px;
    padding: 10px 10px 30px 10px;
    margin: 50px auto 0 auto;
    border: 1px solid #ccc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 19px rgba(50, 50, 50, .3);
    -moz-box-shadow: 0 0 19px rgba(50, 50, 50, .3);
    box-shadow: 0 0 19px rgba(50, 50, 50, .3);
    color: #686868;
    background: #f2f5f6;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjVmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2UzZWFlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGQ3ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
    background: -moz-linear-gradient(top, rgba(242, 245, 246, 1) 0, rgba(227, 234, 237, 1) 37%, rgba(200, 215, 220, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242, 245, 246, 1)), color-stop(37%, rgba(227, 234, 237, 1)), color-stop(100%, rgba(200, 215, 220, 1)));
    background: -webkit-linear-gradient(top, rgba(242, 245, 246, 1) 0, rgba(227, 234, 237, 1) 37%, rgba(200, 215, 220, 1) 100%);
    background: -o-linear-gradient(top, rgba(242, 245, 246, 1) 0, rgba(227, 234, 237, 1) 37%, rgba(200, 215, 220, 1) 100%);
    background: -ms-linear-gradient(top, rgba(242, 245, 246, 1) 0, rgba(227, 234, 237, 1) 37%, rgba(200, 215, 220, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(242, 245, 246, 1) 0, rgba(227, 234, 237, 1) 37%, rgba(200, 215, 220, 1) 100%);
    background: -moz-linear-gradient(top, rgba(242, 245, 246, 1) 0, rgba(227, 234, 237, 1) 37%, rgba(200, 215, 220, 1) 100%);
    background: -ms-linear-gradient(top, rgba(242, 245, 246, 1) 0, rgba(227, 234, 237, 1) 37%, rgba(200, 215, 220, 1) 100%);
    background: -o-linear-gradient(top, rgba(242, 245, 246, 1) 0, rgba(227, 234, 237, 1) 37%, rgba(200, 215, 220, 1) 100%);
    background: linear-gradient(to bottom, rgba(242, 245, 246, 1) 0, rgba(227, 234, 237, 1) 37%, rgba(200, 215, 220, 1) 100%);
    text-align: center;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f2f5f6', endColorstr='#c8d7dc', GradientType=0)
}

.btn_register {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding: 4px 10px 4px;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-color: #e4e6e9 #e4e6e9 #bfbfbf;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    border-bottom-color: #b3b3b3;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    color: #000b15;
    background-image: -moz-linear-gradient(top, #fff, #e4e6e9);
    background-image: -ms-linear-gradient(top, #fff, #e4e6e9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e4e6e9));
    background-image: -webkit-linear-gradient(top, #fff, #e4e6e9);
    background-image: -o-linear-gradient(top, #fff, #e4e6e9);
    background-image: -webkit-linear-gradient(top, #fff, #e4e6e9);
    background-image: -moz-linear-gradient(top, #fff, #e4e6e9);
    background-image: -ms-linear-gradient(top, #fff, #e4e6e9);
    background-image: -o-linear-gradient(top, #fff, #e4e6e9);
    background-image: linear-gradient(top, #fff, #e4e6e9);
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e4e6e9', GradientType=0);
    filter: progid: dximagetransform.microsoft.gradient(enabled=false)
}

.btn_register:hover {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding: 4px 10px 4px;
    color: #686868;
    background: #e2e2e2;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
    background: -moz-linear-gradient(top, rgba(226, 226, 226, 1) 0, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(226, 226, 226, 1)), color-stop(50%, rgba(219, 219, 219, 1)), color-stop(51%, rgba(209, 209, 209, 1)), color-stop(100%, rgba(254, 254, 254, 1)));
    background: -webkit-linear-gradient(top, rgba(226, 226, 226, 1) 0, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
    background: -o-linear-gradient(top, rgba(226, 226, 226, 1) 0, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
    background: -ms-linear-gradient(top, rgba(226, 226, 226, 1) 0, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(226, 226, 226, 1) 0, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
    background: -moz-linear-gradient(top, rgba(226, 226, 226, 1) 0, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
    background: -ms-linear-gradient(top, rgba(226, 226, 226, 1) 0, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
    background: -o-linear-gradient(top, rgba(226, 226, 226, 1) 0, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
    background: linear-gradient(to bottom, rgba(226, 226, 226, 1) 0, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%);
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0)
}

.stepbar a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 50px;
    height: 50px;
    margin: 30px 41px;
    border: 5px solid #bcc4e2;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: inset -1px -1px 0 2px #e9e9e9;
    box-shadow: inset -1px -1px 0 2px #e9e9e9;
    color: #bcc4e2;
    background: #FFF;
    text-align: center;
    text-decoration: none;
    font-size: 1.5em;
    line-height: 50px;
    font-weight: bold
}

.stepbar a[href] {
    border: 5px solid #264e8b;
    color: #264e8b
}

.dirfilter {
    height: 110px
}

.dirfilter div {
    float: left;
    width: 50%
}

.dirfilter a {
    color: #cecece;
    text-decoration: none;
    font-size: 19px;
    font-weight: bold
}

.dirfilter a[href]:hover {
    color: #abb7d9!important
}

.dirfilter a[href] {
    color: #365d97
}

.dirfilter a[selected] {
    color: #abb7d9
}

h1 a {
    vertical-align: bottom;
    float: right;
    font-size: 14px;
    line-height: 40px
}

.files {
    padding-left: 19px
}

.files li a {
    display: none;
    padding: 0;
    margin-left: 10px
}

.files li:hover a {
    display: inline
}

#recaptcha_widget_div {
    width: 440px;
    margin: 0 auto
}

#recaptcha_widget_div table {
    border: none!important
}

#recaptcha_widget_div .recaptcha_image_cell,
#recaptcha_widget_div tr {
    background: transparent
}

.login-timer {
    margin-top: 15px;
    text-align: center
}

.border_input {
    border: 1px solid #aaa
}

.result_member,
.info_elections {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 4px 15px;
    margin-top: 55px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-bottom: 2px solid #5e8e6b;
    color: #fff;
    background: #83ad8f;
    font-size: 14px
}

.number_member {
    color: #fff;
    font-weight: bold
}

.info_members {
    text-decoration: none
}

.input_representative {
    width: 276px!important
}

#upload_logo {
    position: relative;
    float: right;
    margin-top: -4px;
    margin-right: 39px
}

.fees_countries {
    width: 334px
}

.link_reports,
.link_prizes,
.link_affiliation,
.link_membership {
    min-width: 60px;
    padding: 5px 10px;
    margin-right: 23px;
    border: 1px solid #244c8a;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #FFF;
    background: #244c8a;
    background-image: -webkit-linear-gradient(top, #244c8a, #365f9a);
    background-image: -moz-linear-gradient(top, #244c8a, #365f9a);
    background-image: -ms-linear-gradient(top, #244c8a, #365f9a);
    background-image: -o-linear-gradient(top, #244c8a, #365f9a);
    background-image: linear-gradient(top, #244c8a, #365f9a);
    text-align: center;
    text-align: center;
    text-decoration: none;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none
}

.link_reports:hover,
.link_prizes:hover,
.link_affiliation:hover,
.link_membership:hover {
    background-image: -webkit-linear-gradient(top, #365f9a, #244c8a);
    background-image: -moz-linear-gradient(top, #365f9a, #244c8a);
    background-image: -ms-linear-gradient(top, #365f9a, #244c8a);
    background-image: -o-linear-gradient(top, #365f9a, #244c8a);
    background-image: linear-gradient(top, #365f9a, #244c8a)
}

.link_reports_non_active,
.link_prizes_non_active,
.link_affiliation_non_active,
.link_membership_non_active {
    min-width: 60px;
    padding: 5px 10px;
    margin-right: 23px;
    border: 1px solid #5fbed6;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #FFF;
    background: #5fbed6;
    background-image: -webkit-linear-gradient(top, #5fbed6, #365f9a);
    background-image: -moz-linear-gradient(top, #5fbed6, #365f9a);
    background-image: -ms-linear-gradient(top, #5fbed6, #365f9a);
    background-image: -o-linear-gradient(top, #5fbed6, #365f9a);
    background-image: linear-gradient(top, #5fbed6, #365f9a);
    text-align: center;
    text-align: center;
    text-decoration: none;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none
}

.th_prizes {
    padding: 3px 10px;
    border: 1px solid #ccc;
    color: #365f9a;
    background: #eee url(/img/jqueryui/ui-bg_glass_60_eeeeee_1x40.png) 50% 50% repeat-x;
    font-weight: bold
}

.td_prizes {
    padding: 8px 10px!important;
    background-color: #f8f8f8;
    text-align: center
}

.tr_prizes1 {
    color: #365f9a;
    font-weight: bold
}

.tr_prizes2 {
    border: 1px solid #ccc;
    font-size: 14px
}

.graph {
    float: left;
    width: 400px;
    margin-left: 50px
}

.graph>div {
    width: 100%;
    height: 200px
}

.graph>div .percent {
    padding: 2px;
    color: #FFF;
    text-align: center;
    font-size: 11px
}

.graph>div .legendLabel span {
    float: right
}

.graph>.values {
    display: none
}

#leftmenu-container {
    width: 220px;
    height: 150px;
    padding: 0
}

#leftmenu-container ul {
    float: left;
    padding: 0;
    margin: 0;
    margin-top: 18px
}

#leftmenu-container ul li {
    width: 280px;
    padding: 0;
    list-style: none
}

#leftmenu-container ul li a {
    display: block;
    width: 280px;
    padding: 6px 6px 6px 15px;
    margin: 5px 0;
    color: #FFF;
    background: #005792;
    text-decoration: none;
    font-size: 14px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

#leftmenu-container ul li a:hover,
#leftmenu-container ul li a[selected] {
    width: 200px;
    padding-left: 30px;
    color: #fff;
    background: #3a5e89;
    font-weight: bold;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

#leftmenu-container ul li a:before {
    content: url(/img/menu/leftmenu-before.png)
}

#leftmenu-container ul li a:hover:before {
    content: url(/img/menu/leftmenu-before.png)
}

#welcome-header {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    height: auto;
    max-width: 110%;
    margin-left: -20px
}

.ca-menu {
    max-width: 1390px;
    padding: 0;
    padding-left: 25px;
    margin: 20px auto
}

.ca-menu li {
    position: relative;
    overflow: hidden;
    float: left;
    width: 220px;
    height: 250px;
    /* margin: 5px; */
    margin: 15px;
    border: 1px solid #efefef;
    -webkit-box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, .3);
    box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, .3);
    /* background: #c6e2e9; */
    background: white;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear
}

.ca-menu li:last-child {
    margin-right: 0
}

.ca-menu li a {
    position: relative;
    display: block;
    width: 100%;
    height: 84%;
    color: #FFF;
    text-align: left
}

.ca-menu li a:first-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ca-icon {
    /* position: absolute;
    top: 0;
    left: 0; */
    width: 100%;
    height: 50%;
    text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear
}

.ca-content {
    /* position: absolute;
    top: 40%;
    left: 0; */
    opacity: .8;
    zoom: 1;
    -ms-filter: "alpha(opacity=80)";
    *filter: alpha(opacity=80);
    width: 100%;
    /* height: 50%; */
    color: #005792;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Open Sans',sans-serif;
    font-size: 30px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear
}

.ca-sub {
    position: absolute!important;
    bottom: 0;
    height: 16%!important;
    background: #005792;
    text-align: center!important;
    text-decoration: none;
    font-family: 'Open Sans',sans-serif;
    font-size: 24px;
    line-height: 40px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear
}

.ca-sub:before {
    content: url(/img/menu/reporticon.png)
}

.ca-menu li:hover {
    background: #657883
}

.ca-menu li:hover .ca-icon {
    color: #005792;
    -webkit-animation: moveFromBottom 300ms ease;
    -moz-animation: moveFromBottom 300ms ease;
    -o-animation: moveFromBottom 300ms ease;
    animation: moveFromBottom 300ms ease
}

.ca-menu li:hover .ca-content {
    color: #FFF;
    -webkit-animation: smallToBig 300ms ease;
    -moz-animation: smallToBig 300ms ease;
    -o-animation: smallToBig 300ms ease;
    animation: smallToBig 300ms ease
}

.ca-menu li:hover .ca-sub {
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -o-animation: moveFromBottom 500ms ease;
    animation: moveFromBottom 500ms ease
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -moz-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@-o-keyframes moveFromBottom {
    from {
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -o-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%)
    }
}

.ca-membership {
    background: url(/img/menu/ca-membership.png) no-repeat top center
}

.ca-cme {
    background: url(/img/menu/ca-cme.png) no-repeat top center
}

.ca-npas {
    background: url(/img/menu/ca-npas.png) no-repeat top center
}

.ca-committees {
    background: url(/img/menu/ca-committees.png) no-repeat top center
}

.ca-sections {
    background: url(/img/menu/ca-sections.png) no-repeat top center
}

.ca-prizes {
    background: url(/img/menu/ca-prizes.png) no-repeat top center
}

#footer_groupeamb {
    float: right;
    width: 140px;
    height: 40px;
    margin-top: -12px
}

#footer_groupeamb a {
    position: relative;
    z-index: 9999;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: left;
    height: 40px;
    margin-left: 2px
}

#footer_groupeamb .hover {
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    *filter: alpha(opacity=0);
    -webkit-transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -ms-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft."alpha(opacity=0)"";
    *filter: progid: DXImageTransform.Microsoft."alpha(opacity=0)";
    filter: alpha(opacity=0)
}

#footer_groupeamb a:hover .hover {
    z-index: 9999;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    *filter: alpha(opacity=100);
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft."alpha(opacity=100)"";
    *filter: progid: DXImageTransform.Microsoft."alpha(opacity=100)";
    filter: alpha(opacity=100)
}

.menutop {
    z-index: 3;
    width: 100%;
    background-image: url(/img/menu/bandeau-1920x280.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #005792;
    color: white;
    padding: 1.2rem 1rem 1.5rem 1rem;
    position: relative;
}
.menutop__title{
    margin: 0 auto;
    text-align:center;
    text-transform: uppercase;
    font-size:1.125rem;
    margin-top: 1rem;
    letter-spacing: 1.4px;
}

.menutop__linkback{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1rem;
}
.menutop__linkback a{
    color: white;
}

.menutop-contenu {
    /* max-width: 1024px; */
    /* margin: 0 auto; */
    color: #ccc;
    font-size: 10px;
    text-align: center;
}

.logo {
    display: block;
    float: left
}

.link-header {
    display: block;
    float: right;
    height: 15px;
    margin-top: 7px
}

.link-header a {
    padding-right: 10px;
    color: #fff;
    text-decoration: none;
    font-size: 12px
}

.second-bar {
    position: relative;
    z-index: 2;
    /* float: left; */
    width: 100%;
    /* height: 80px; */
    /* background: #52acd7 url(/img/menu/bg_menu2.png) repeat-x center 30px */
    background-color: #52acd7;
}

.row {
    width: calc(100% + 2rem);
    margin-left: -1rem;
    margin-right: -1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.row:after {
    content: '';
    display: table;
    clear: both;
}

.columns {
    float: left;
    padding-left: 1rem;
    padding-right: 1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.column-6 {
    width: 50%;
}

.register-form label[for] {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 155px;
    line-height: 30px
}

.register-form .sex_membership {
    margin-left: 106px
}


/* Select 2 */

.select2-container {
    width: 324px !important;
    margin-top: 7px;
    margin-bottom: 2px;
}

.select2-container--default .select2-selection--single {
    border-radius: 0;
}

.width--420px {
    width: 420px;
}


.document_table tr td {
    padding-right: 15px;
}

.gaining_table {
    margin-top: 45px;
}

.gaining_table tr td {
    border-bottom: 1px solid grey;
    margin-bottom: 15px; 
    padding: 10px 5px;
}