

a { color: #EC0677;}
a:hover { color: #EC0677; }
a.button { background: #102D5D; }

.selectize-input {
  border: solid 2px #F4F4ED; border-radius: 8px;
}

.Main > header > nav.topmenu ul li.active { background-color: #102D5D; }
.Main > header > nav.topmenu ul li:hover { background-color: #102D5D; }

.HP { background-image: url('../img/img_hp_background.jpg');}
.HP > .center > section > .login input[type="text"] { width: 100%; height: 2.4em; color: 3F464C; background: #ECF7FF; }
.HP > .center > section > .login input[type="password"] { width: 100%; height: 2.4em; color: 3F464C; background: #ECF7FF; }
.HP > .center > section > .login input[type="submit"] { width: 40%; height: 2.4em; color: white; font-weight: bold; background: #102D5D; border: none; }

.HP > .center > section > .links a { color: #102D5D; text-decoration: underline; font-style: italic; }
.HP > .center > section > .links a:hover { color: #EC0677; font-style: normal; }

.Main > header > nav.submenu { width: 100%; text-align: left; font-size: 1.1em; background-color: #102D5D; }

.Main > section > .container table thead tr th, table.formset th { text-align: left; line-height: 1.2em; color: #EC0677; padding: 2px 3px; text-align: center;}
.Main > section > .container table tbody tr td, table.formset td { line-height: 1.5em; border: solid 2px #F4F4ED; padding: 0px 3px; }

.dataTables_length label select {
    background: transparent; background-image: none; color: #aaaaaa !important; border: solid 2px #F4F4ED; border-radius: 8px;
}

.dataTables_filter label input { color: #aaaaaa !important; border: solid 2px #F4F4ED; border-radius: 8px; padding: 4px 5px; }

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { color: #EC0677 !important; }
.dataTables_paginate.paging_simple_numbers a.paginate_button:hover { color: #EC0677 !important; }
.dataTables_paginate.paging_simple_numbers span a.paginate_button:hover { color: #EC0677 !important; }

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #EC0677 !important; }

.dataTables_paginate a.paginate_button:hover { background: #102D5D !important; }
.dataTables_paginate a.paginate_button.current { background: #102D5D !important; }

.dataTables_paginate > a.paginate_button.previous { color: #EC0677 !important; }
.dataTables_paginate > a.paginate_button.next { color: #EC0677 !important; }

.APPcontainer {
    padding: 1% 1% 1% 1%; text-align: left; border: solid 2px #102D5D; background-color: white;
}

.APPcontainer header .appmenu div { display: block; width: 100%; border: solid #102D5D; border-width: 0px 0px 2px 0px; overflow: visible; }
.APPcontainer header .appmenu a.active { background-color: #102D5D; border: solid #102D5D; border-width: 2px 2px 2px 2px; }
.APPcontainer header .appmenu a:hover { background-color: #102D5D; border: solid #102D5D; border-width: 2px 2px 0px 2px; border-bottom: solid #102D5D 2px; }

.APPcontainer section .base_table th { border: solid 2px #102D5D; padding: 0px 5px; font-weight: normal; line-height: 1.6em; font-weight: bold; color: #EC0677 !important; }
.APPcontainer section .base_table td { border: solid 2px #102D5D; padding: 0px 5px; height: 1.5em; }

#upload_file_box input { width: 94%; height: 1.7em; color: white; background: #102D5D !important; border: 0px solid !important; border-radius: 8px; margin-top: 2em; padding: 3px 3%; }
#upload_file_box input[type=submit], #confirm_dialog input[type=submit] { width: 150px; background-color: #102D5D; color: #ffffff; margin: 1em auto; height: 2.4em; text-align: center; border-style: none; border-radius: 8px; padding: 0px 1em; cursor: pointer; }
#upload_file_box input[type=submit]:hover, #confirm_dialog input[type=submit]:hover { background-color: #EC0677 !important; color: #ffffff; }

.form textarea , form textarea { border: solid 2px #F4F4ED; border-radius: 8px; padding: 2px 0.75%; height: 1.5em; line-height: 1.5em; margin: 2px auto; }

.form select , form select { border: solid 2px #F4F4ED; border-radius: 8px; padding: 2px 0.5%; line-height: 1.5em; margin: 2px auto; }

.form input , form input { border: solid 2px #F4F4ED; border-radius: 8px; padding: 2px 0.75%; min-height: 1.5em; line-height: 1.4em; margin: 2px auto; }

.form input[type="text"] , form input[type="text"] { color: #EC0677; }
.form input[type="password"] , form input[type="password"] { color: #EC0677; }
.form input[type="submit"] , form input[type="submit"] { color: white; font-weight: bold; background: #102D5D; border: none; cursor: pointer; }
.form input[type="submit"]:hover , form input[type="submit"]:hover { background-color: #EC0677; }

.form label, form label, .form .label { display: inline-block; line-height: 1.5em; border: solid 2px #F4F4ED; border-radius: 8px; padding: 2px 10px 2px 5px; margin: 2px auto; }
.form input[type="checkbox"] , form input[type="checkbox"] { display: inline-block; line-height: 1.5em; border: solid 2px #F4F4ED; vertical-align: bottom; margin: auto 5px; }

.form button , form button { color: white; font-weight: bold; background: #102D5D; border: none; border-radius: 8px; padding: 2px 0.75%; line-height: 1.5em; margin: 2px auto; cursor: pointer; }
.form button:hover , form button:hover { background-color: #EC0677; }
textarea#id_openhours { width: 340px; height: 125px; }
