@CHARSET "UTF-8";
/*Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, button, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

::selection {
    color: #000;
    background: red;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    font-family: 'Marcellus', serif;
    background: rgb(53, 53, 53);
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

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

a.active {
    border: none;
}

a {
    outline: 0;
}

.clear {
    clear: both;
    height: 5px;
    width: 100%;
}

:focus {
    outline: 0;
}

a img {
    border: none;
}

.hide {
    display: none;
}

/* Estilo */
body {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    background: rgb(228, 228, 163) url(../images/back.png) no-repeat bottom right;
    padding-bottom: 170px;
}

nav {
    background: -webkit-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: -o-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: -moz-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
}

h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 170%;
    letter-spacing: -0.1em;
    padding: 7px 0;
    border-bottom: 6px solid rgb(255, 255, 255);
    margin: 20px 0;
    text-transform: uppercase;
    color: rgb(112, 112, 112);
}

h1:first-letter {
    color: rgb(63, 190, 52);
    font-size: 180%;
    letter-spacing: -0.1em;
}

table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 20px;
}

table, th, td {
    border: 1px solid black;
}

tbody {
    font-size: 0.8em;
}

a {
    text-decoration: none;
    color: rgb(35, 124, 0);
}

a:hover {
    color: rgb(137, 162, 127);
    border-bottom: 1px solid rgb(137, 162, 127);
}

thead a {
    color: #fff;
}

tr:nth-of-type(odd) {
    background: #eee;
}

tr:nth-of-type(odd):hover {
    background: rgb(209, 209, 209);
}

tr:nth-of-type(even) {
    background: #fff;
}

tr:nth-of-type(even):hover {
    background: rgb(209, 209, 209);
}

th {
    background: rgb(181, 182, 155);
    color: white;
    font-weight: bold;
}

td, th {
    padding: 6px;
    border: 1px solid #ccc;
    text-align: left;
}

a.sortable:after {
    content: url(../images/sortable.png) no-repeat center;
    margin-left: 5px;
    width: auto;
    position: relative;
}

a.asc:after {
    content: url(../images/desc.png) no-repeat center;
    margin-left: 5px;
    width: auto;
}

a.desc:after {
    content: url(../images/asc.png) no-repeat center;
    margin-left: 5px;
    width: auto;
}

@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px) {
    table {
        width: 100%;
        float: left;
    }

    table, thead, tbody, th, td, tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    tr {
        border: 1px solid #ccc;
    }

    td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

    td:before {
        /* Now like a table header */
        position: absolute; /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    td:nth-of-type(1):before {
        content: "ámbito";
    }

    td:nth-of-type(2):before {
        content: "título";
    }

    td:nth-of-type(3):before {
        content: "Job Title";
    }

    td:nth-of-type(4):before {
        content: "Favorite Color";
    }

    td:nth-of-type(5):before {
        content: "Wars of Trek?";
    }

    td:nth-of-type(6):before {
        content: "Porn Name";
    }

    td:nth-of-type(7):before {
        content: "Date of Birth";
    }

    td:nth-of-type(8):before {
        content: "Dream Vacation City";
    }

    td:nth-of-type(9):before {
        content: "GPA";
    }

    td:nth-of-type(10):before {
        content: "Arbitrary Data";
    }
}

.menu, .menu ul, .menu li, .menu a {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

.menu {
    height: 40px;
    padding: 10px 0 0 8%;
    background: #4c4e5a;
    background: -webkit-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: -moz-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: -o-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: -ms-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    margin-left: 10%;
}

.menu li {
    padding-right: 15px;
    position: relative;
    list-style: none;
    float: left;
    display: block;
    height: 40px;
    text-transform: uppercase;
}

.menu li a {
    display: block;
    padding: 0 14px;
    margin: 6px 0;
    line-height: 28px;
    text-decoration: none;
    border-left: 1px solid #393942;
    border-right: 1px solid #4f5058;
    font-weight: bold;
    font-size: 13px;
    color: #f3f3f3;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.menu li:first-child a {
    border-left: none;
}

.menu li:last-child a {
    border-right: none;
}

.menu li:hover > a {
    color: #8fde62;
}

.menu ul {
    position: absolute;
    top: 40px;
    left: 0;
    opacity: 0;
    background: #1f2024;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-transition: opacity .25s ease .1s;
    -moz-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
}

.menu li:hover > ul {
    opacity: 1;
}

.menu ul li {
    height: 0;
    overflow: hidden;
    padding: 0;
    -webkit-transition: height .25s ease .1s;
    -moz-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
}

.menu li:hover > ul li {
    height: 36px;
    overflow: visible;
    padding: 0;
}

.menu ul li a {
    width: 100px;
    padding: 4px 0 4px 40px;
    margin: 0;
    border: none;
    border-bottom: 1px solid #353539;
}

.menu ul li:last-child a {
    border: none;
}

.menu a.search {
    background: url(../images/search.png) no-repeat 10px center;
}

.menu a.create {
    background: url(../images/create.png) no-repeat 10px center;
}

.menu a.show {
    background: url(../images/show.png) no-repeat 10px center;
}

.menu a.logout {
    background: url(../images/logout.png) no-repeat 0px center;
}

.main {
    margin: auto 10%;
}

@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px) {
    .main {
        margin: auto 2px;
    }
}

#pagin {
    margin: 15px;
    padding: 0;
    list-style: none;
    width: 70%;
    display: block;
}

#pagin li {
    float: left;
    margin-right: 10px;
}

#pagin li a {
    display: block;
    text-decoration: none;
    color: #717171;
    font: bold 11px Arial, sans-serif;
    text-shadow: 0px 1px white;
    padding: 5px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    background: #f9f9f9;
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
    background: -moz-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
    background: -o-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
    background: -ms-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
    background: linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%) filter

: progid:DXImageTransform.Microsoft.

gradient
(
startColorstr

=
'#f9f9f9'
,
endColorstr

=
'#e8e8e8'
,
GradientType

=
0
)
;
}
#pagin li a.current {
    color: white;
    text-shadow: 0px 1px #3f789f;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.8) box-shadow : 0 px 1 px 2 px 0 px rgba(0, 0, 0, 0.8);
    background: #7cb9e5;
    background: -webkit-linear-gradient(top, rgb(126, 255, 126) 0%, rgb(50, 241, 24) 100%);
    background: -moz-linear-gradient(top, rgb(126, 255, 126) 0%, rgb(50, 241, 24) 100%);
    background: -o-linear-gradient(top, rgb(126, 255, 126) 0%, rgb(50, 241, 24) 100%);
    background: -ms-linear-gradient(top, rgb(126, 255, 126) 0%, rgb(50, 241, 24) 100%);
    background: linear-gradient(top, rgb(126, 255, 126) 0%, rgb(50, 241, 24) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7cb9e5', endColorstr='#57a1d8', GradientType=0);
}

#pagin li a:hover {
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.55);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.55);
    background: #fff;
    background: -webkit-linear-gradient(top, #fff 0%, #e8e8e8 100%);
    background: -moz-linear-gradient(top, #fff 0%, #e8e8e8 100%);
    background: -o-linear-gradient(top, #fff 0%, #e8e8e8 100%);
    background: -ms-linear-gradient(top, #fff 0%, #e8e8e8 100%);
    background: linear-gradient(top, #fff 0%, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e8e8e8', GradientType=0);
}

#pagin li a:active, #pagin li a.current:active {
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5), 0px 1px 1px 0px rgba(255, 255, 255, 1) !important;
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5), 0px 1px 1px 0px rgba(255, 255, 255, 1) !important;
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5), 0px 1px 1px 0px rgba(255, 255, 255, 1) !important;
}

#pagin li a.current:hover {
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.9);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.9);
    background: #99cefc;
    background: -webkit-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
    background: -moz-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
    background: -o-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
    background: -ms-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
    background: linear-gradient(top, #99cefc 0%, #57a1d8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99cefc', endColorstr='#57a1d8', GradientType=0);
}

#create_form div {
    margin: 10px 0;
}

#create_form p {
    font-size: 0.8em;
    color: #fff;
    background: rgb(153, 153, 138);
    margin-bottom: 30px;
    padding: 8px;
}

fieldset {
    background: rgb(233, 233, 183);
    border: 1px solid rgb(206, 200, 155);
    width: 84%;
    border-radius: 15px;
    padding: 20px;
    margin: 30px auto;
}

fieldset legend {
    background: #eee;
    border-color: rgb(182, 168, 168);
    border-width: 1px 1px 0 1px;
    border-style: solid;
    padding: 5px 8px 0px 8px;
    margin: 0 0 20px 25px;
    font-size: 0.9em;
    border-radius: 4px 4px 0px 0px;
}

.create_column1 {
    display: block;
    float: left;
}

.create_column2 {
    display: block;
    float: right;
}

input, textarea {
    margin-top: -1px;
    padding: 4px 10px 4px;
    border: solid 1px #E5E5E5;
    outline: 0;
    background: #FFFFFF url('../images/bg_form.png') left top repeat-x;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
}

input {
    max-width: 200px;
}

textarea {
    max-width: 400px;
    height: 150px;
    display: inline;
    margin: 0 10px 10px 0;
    width: 170px !important;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
    border-color: #C9C9C9;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}

label {
    color: #fff;
    vertical-align: top;
    display: inline-block;
    float: left;
    min-width: 150px;
    font-size: 0.9em;
    background: rgb(153, 153, 138) url('../images/form_arrow.png') no-repeat right center;
    padding: 5px 10px;
    margin-right: 6px;
    border-radius: 6px 1px 1px 6px;
    -moz-border-radius: 6px 1px 1px 6px;
    -webkit-border-radius: 6px 1px 1px 6px;
    -o-border-radius: 6px 1px 1px 6px;
    font-weight: bold;
}

select {
    width: 200px;
    margin: 0 10px 20px 0;
    background: #fff;
    color: rgb(90, 90, 90);
}

input[type="checkbox"] {
    margin-bottom: 10px;
    vertical-align: middle;
}

input[type="text"] {
    width: 170px;
    vertical-align: middle;
}

input[type="number"] {
    width: 80px;
    vertical-align: middle;
}

input[type="email"] {
    width: 170px;
    vertical-align: middle;
}

input[type="file"] {
    width: 125px;
    vertical-align: middle;
    position: relative;
}

input.hasDatepicker {
    width: 80px;
}

.submit input {
    width: auto;
    padding: 9px 15px;
    background: rgb(173, 167, 136);
    border: 0;
    font-size: 14px;
    color: #FFFFFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

button {
    cursor: pointer;
    padding-bottom: 6px !important;
}

fieldset.search {
    margin: -10px 0;
    border: 0;
    background: transparent;
    float: left;
}

input.search {
    background: white url(../images/search_icon.png) right no-repeat;
    padding-right: 17px;
    width: 240px;
    height: 12px;
    vertical-align: bottom;
    border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.search_body {
    margin: 1%;
    background: rgb(250, 250, 250);
    padding: 35px;
    border-radius: 16px 16px 0 0;
    -moz-border-radius: 16px 16px 0 0;
    -webkit-border-radius: 16px 16px 0 0;
    -o-border-radius: 16px 16px 0 0;
}

li.search_result {
    list-style-image: url(../images/search_result.png);
}

.search_result a {
    line-height: 1.6em;
    font-size: 0.9em;
}

@media only screen and (max-width: 480px) {
    textarea {
        width: 120px;
    }

    label {
        min-width: 80px;
    }
}

.buttons {
    margin: 20px 0 0 10px;
}

.buttons_show {
    width: 100%;
}

.field_show {
    float: right;
    min-width: 100%;
    background: none repeat scroll 0% 0% rgb(233, 233, 183);
    border: 1px solid rgb(206, 200, 155);;
    border-radius: 5px;
    margin: 0 auto 40px auto;
}

.field_show span {
    border-radius: 6px 1px 1px 6px;
    -moz-border-radius: 6px 1px 1px 6px;
    -webkit-border-radius: 6px 1px 1px 6px;
    -o-border-radius: 6px 1px 1px 6px;
    padding: 5px 20px 5px 10px;
    margin: 5px;
    vertical-align: middle;
    color: #fff;
    background: rgb(153, 153, 138) url('../images/form_arrow.png') no-repeat right center;
    float: none;
    font-size: 0.8em;
    font-weight: bold;
}

.field_show div {
    display: inline-block;
    margin: 10px 10px 20px 5px;
    line-height: 23px;
}

div.tipo_nota {
    width: 100%;
}

.field_show span.shown {
    line-height: 40px;
    background: #fff;
    color: #000;
    border-radius: 1px 6px 6px 1px;
    font-weight: normal;
}

.field_show span.shown_title {
    line-height: 20px;
    background: #fff;
    color: #000;
    border-radius: 1px 6px 6px 1px;
    font-weight: normal;
    -moz-border-radius: 1px 6px 6px 1px;
    -webkit-border-radius: 1px 6px 6px 1px;
    -o-border-radius: 1px 6px 6px 1px;
    display: inline;
    margin: 0px 40px 0px 0px;
    width: 73%;
    float: right;
}

-moz-border-radius:

1
px

6
px

6
px

1
px

;
-webkit-border-radius:

1
px

6
px

6
px

1
px

;
-o-border-radius:

1
px

6
px

6
px

1
px

;
}
.warning_project {
    width: 90%;
    background: #fff;
    margin: auto 10px;
}

.warning_project a {
    font-size: 0.8em;
    color: red;
    padding: 4px 0;
}

a.warning_link {
    color: red;
}

fieldset.filter {
    float: right;
    min-width: 98%;
    background: none repeat scroll 0% 0% rgb(233, 233, 183);
    border: 1px solid rgb(206, 200, 155);;
    border-radius: 5px;
    margin: 0 auto 40px auto;
}

fieldset.filter legend {
    font-size: 0.8em;
    background: rgb(228, 228, 163);
    border-bottom: 1px solid #fff;
}

fieldset.filter label {
    border-radius: 6px 1px 1px 6px;
    -moz-border-radius: 6px 1px 1px 6px;
    -webkit-border-radius: 6px 1px 1px 6px;
    -o-border-radius: 6px 1px 1px 6px;
    padding: 5px 20px 5px 10px;
    margin: 5px;
    vertical-align: middle;
    color: #fff;
    background: rgb(153, 153, 138) url('../images/form_arrow.png') no-repeat right center;
    float: none;
    font-size: 0.9em;
    font-weight: bold;
}

#filter_form {
    margin: 1px;
    padding: 5px;
    background: transparent;
}

#filter_form div {
    display: inline-block;
    margin-top: 12px;
}

#filter_form input {
    margin: 5px;
    display: inline;
}

#filter_form label {
    padding: 5px 10px;
    margin: 5px;
    vertical-align: middle;
    color: #fff;
    background: rgb(153, 153, 138) url('../images/form_arrow.png') no-repeat right center;
    float: none;
    font-size: 0.9em;
    font-weight: bold;
    padding-right: 50px;
}

#filter_form_regulation_sort label {
    font-weight: normal;
    color: rgb(112, 112, 112);
    background: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}

.advanced_search {
    width: 100%;
}

#tabs ul {
    margin-left: 20px;
    margin-bottom: 2px;
}

#tabs li {
    font-size: 0.8em;
    display: inline;
    padding: 2px 8px 1px 8px;
    background: rgb(207, 204, 160);
    border-radius: 4px 4px 0px 0px;
}

#tabs .ui-tabs-active {
    background: none repeat scroll 0% 0% rgb(233, 233, 183);
    border-color: rgb(206, 200, 155);
    border-width: 1px 1px 0 1px;
    border-style: solid;
    padding: 2px 8px;
}

#tabs a:hover {
    border-bottom: 0px;
}

@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px) {
    .filter {
        min-width: 91%;
        border-radius: 0px;
        float: center;
        margin: 0 2px 40px 0;
    }

    #tabs ul {
        margin-left: 2px;
    }

    #tabs li {
        font-size: 0.6em;
    }
}

.clean {
    cursor: pointer;
    vertical-align: baseline !important;
    margin: 4px 2px;
    float: left;
    font-size: 0.8em;
    padding: 6px 6px 7px 6px;
    background: rgb(165, 165, 165);
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px rgb(165, 165, 165);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.clean:hover {
    background: rgb(146, 145, 145);
    border: solid 1px rgb(88, 88, 88);
    text-decoration: none;
    color: #fff;
}

.clean:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #999;
    border: solid 1px #203E5F;
}

.clean_edit {
    cursor: pointer;
    vertical-align: baseline !important;
    margin: 4px 2px;
    font-size: 0.8em;
    padding: 6px 6px 7px 6px;
    background: rgb(165, 165, 165);
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px rgb(165, 165, 165);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.clean_edit:hover {
    background: rgb(146, 145, 145);
    border: solid 1px rgb(88, 88, 88);
    text-decoration: none;
    color: #fff;
}

.clean-edit:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #999;
    border: solid 1px #203E5F;
}

.accept {
    background: rgb(63, 190, 52);
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.accept:hover {
    background: rgb(32, 139, 23);
    border: solid 1px rgb(88, 88, 88);
    text-decoration: none;
    color: #fff;
}

.accept:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: rgb(32, 139, 23);
    border: solid 1px #203E5F;
}

.notes {
    margin: 20px;
    padding: 10px;
}

.ui-helper-hidden-accessible {
    display: none;
}

.ui-autocomplete {
    display: block;
    width: 220px !important;
    background: #fff;
    padding: 8px;
}

.ui-autocomplete li {
    padding: 4px;
}

.ui-menu-item a {
    color: rgb(35, 124, 0) !important;
    font-size: 0.7em !important;
}

.home_index {
    margin-top: 10%;
}

.create_box_home {
    margin: 10px 0px;
    width: 45%;
    background: none repeat scroll 0% 0% rgb(233, 233, 183);
    border: 1px solid rgb(206, 200, 155);
    border-radius: 5px 0 0 5px;
    padding: 10px;
    min-height: 272px;
    float: left;
}

.quick_search_box_home {
    margin: 10px 0px;
    width: 45%;
    background: none repeat scroll 0% 0% rgb(233, 233, 183);
    border: 1px solid rgb(206, 200, 155);
    padding: 10px;
    min-height: 272px;
    float: right;
    border-radius: 0 5px 5px 0;
}

.h1_search {
    width: 50%;
    float: left;
}

.h1_access {
    width: 90%;
    float: left;
}

.select_search {
    float: right;
    margin-top: 40px;
}

fieldset.home {
    width: 100%;
    background: none;
    border-radius: 0px;
    float: center;
    margin: 0;
    border: 0px;
    padding: 0px;
}

.access_buttons {
    margin-left: 5%;
}

#new_regulation {
    margin: 2px;
    background: url("../images/add_home_sprites_rwd.png") no-repeat;
    width: 98px;
    height: 96px;
    float: left;
}

#new_regulation:hover {
    background-position: 0 -100px;
}

#new_regulation a {
    display: block;
    width: 98px;
    height: 96px;
}

#new_regulation a:hover {
    border: 0px;
}

#new_offer {
    margin: 2px;
    background: url("../images/add_home_sprites_rwd.png") no-repeat;
    background-position: -102px 0px;
    width: 98px;
    height: 96px;
    float: left;
}

#new_offer:hover {
    background-position: -102px -100px;
}

#new_offer a {
    display: block;
    width: 98px;
    height: 96px;
}

#new_offer a:hover {
    border: 0px;
}

#new_project {
    margin: 2px;
    background: url("../images/add_home_sprites_rwd.png") no-repeat;
    background-position: -200px 0px;
    width: 98px;
    height: 96px;
    float: left;
}

#new_project:hover {
    background-position: -200px -100px;
}

#new_project a {
    display: block;
    width: 98px;
    height: 96px;
}

#new_project a:hover {
    border: 0px;
}

#search_normative_button {
    margin: 2px;
    background: url("../images/add_home_sprites_rwd.png") no-repeat;
    background-position: -300px 0px;
    width: 98px;
    height: 96px;
    float: left;
}

#search_normative_button:hover {
    background-position: -300px -100px;
}

#search_normative_button a {
    display: block;
    width: 98px;
    height: 96px;
}

#search_normative_button a:hover {
    border: 0px;
}

@media only screen and (max-width: 920px),(min-device-width: 768px) and (max-device-width: 1024px) {
    .create_box_home {
        width: 100%;
        border: 0px;
        border-radius: 0px;
        min-height: 320px;
        float: right;
    }

    .quick_search_box_home {
        width: 100%;
        border: 0px;
        min-height: 320px;
        border-radius: 0px;
    }

    .select_search {
        margin-top: 20px;
    }

    .access_buttons {
        margin-left: 1%;
    }

    #new_regulation {
        margin: 1px;
    }

    #new_offer {
        margin: 1px;
    }

    #new_project {
        margin: 1px;
    }

    #search_normative_button {
        margin: 1px;
    }

    .h1_search {
        width: 90%;
        margin-left: 12px;
    }

    .h1_access {
        margin-left: 12px;
    }
}

.basic_info {
    margin: 0px 0px 20px 0px;
}

.basic_info div {
    display: inline;
    margin: 10px;
    line-height: 40px;
}

.basic_info div:first-child {
    margin-left: 0px;
}

.basic_info span {
    background: #fff;
    padding: 5px;
}

.reg_project_list {
    display: block;
    margin: 10px;
    line-height: 35px;
    font-size: 0.8em;
}

.reg_project_list:before {
    content: "-> ";
}

#tabs li.report_notes_list {
    display: block;
}

.warning {
    background: #555 url(../images/wrench.png) right no-repeat;
    font-size: 0.9em;
    color: #E9E9B7;
    padding: 6px;
    border-radius: 5px;
    width: 90%;
}

select.theme_list {
    height: 200px;
}

textarea.regulation_title {
    height: 160px;
    width: 360px !important;
    margin-top: 10px;
}

#filter_form_regulation_approval_date_sort label {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    color: rgb(112, 112, 112);
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.relation_box_before {
    background: #aacd4e;
}

.relation_box_after {
    background: #0088cc;
}

.session_warning {
    line-height: 40px;
    background: #fff;
    color: #000;
    border-radius: 1px 6px 6px 1px;
    font-weight: normal;
    padding: 10px;
    margin: 10px;
}

.strong {
    font-weight: bold;
}

ul.relation_list {
    display: block;
    clear: both;
    margin-top: 10px;
}

#relations li.relation_list {
    display: block;
    margin: 10px;
    clear: both;
    padding-bottom: 20px;
    padding-top: 10px;
}

#relations label {
    margin: 10px;
}

.delete_box {
    -moz-user-select: none;
    background: none repeat scroll 0 0 rgb(165, 165, 165);
    border: 1px solid rgb(165, 165, 165);
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 1px rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 0.9em;
    padding: 3px;
    margin-left: 5px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    transition-duration: 0.2s;
    vertical-align: baseline !important;
}

.delete_box:hover
{
    color: #292929;
}

.flash-notice {
    display: block;
    width: 100%;
    color: #FFF;
    background: #167283;
    padding: 20px 10px;
    font-size: 1.2em;
}
.flash-error {
    display: block;
    width: 100%;
    color: #FFF;
    background: #831683;
    padding: 20px 10px;
    font-size: 1.2em;
}