body { color: #333333; background: url("../images/bg.jpg") }
input, textarea { box-sizing: border-box; padding: 0; margin: 0; text-indent: 4px; background-color: #ffffff }
select { padding: 2px 4px }
img { vertical-align: middle }
fieldset { margin-top: 20px; padding: 10px }
fieldset legend { text-align: right; border-bottom: 1px solid #c0c0c0; width: 100%; padding: 2px 0; font-size: 1em; font-weight: bold; color: #000000 }

@-webkit-keyframes blinker { 50% { opacity: 0.6 } }
@keyframes blinker { 50% { opacity: 0.6 } }
.blink { animation: blinker 2s linear infinite }

img.responsive { width: 100%; height: auto }
img.responsiveh { width: auto; height: 100% }

ul.bullet { padding: 10px 10px 10px 20px; list-style: disc outside none }
ul.bullet li { padding-bottom: 5px }

.fa-color-white { color: #ffffff }
.fa-color-black { color: #3e3e3e }
.fa-color-blue { color: #0094d9 }
.fa-color-red { color: #c62d2d }
.fa-color-green { color: #24b245 }
.fa-color-orange { color: #f39c12 }
.fa-color-grey { color: #444444 }
.fa-color-violet { color: #745cb0 }
.fa-color-red-light { color: #f86049 }
.fa-color-green-dark { color: #afcc12 }
.fa-color-red-light { color: #f86049 }
.fa-color-orange-dark { color: #e9b11c }
.fa-color-violet-light { color: #9966e9 }

.odd.selected, .even.selected { font-weight: bold; color: red }
.odd.selected .fa, .even.selected .fa { color: red }

.error { border: 1px solid #de7a7b; background-color: #e6c0c0 }

.button { text-align: center; display: inline-block; background-color: #eeeeee; line-height: auto; border-radius: 2px; padding: 10px 20px; color: #ffffff; text-decoration: none }
a.button { text-decoration: none }
.button .fa { margin-right: 10px }
.button:hover { bac2kground-color: #06344a; opac2ity: 0.7 }

.button.primary { background-color: #188db3 }

/* main */
#loader { z-index: 99; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #777777; overflow: hidden; text-align: center; opacity: 0.4 }
#loader span { margin-top: 20%; color: #ffffff; font-size: 500% }

.wrapper { width: 1200px; margin: 0 auto }

#main { background: #edf1f5; padding-bottom: 80px }

#header { width: 100%; padding: 10px 0; background: #ffffff; border-bottom: 1px solid #dfdfdf; border-top: 10px solid #bf1d28 }

/* menu */
#header #menu_nav { display: none }
#header #menu { padding-top: 30px }
#header #menu a.button { background-color: #06344a; padding: 10px 15px }
#header #menu a:hover { background-color: #188db3 }
#header #menu a.help { background-color: #188db3 }
#header #menu a.help:hover { background-color: #00769c }
#header #menu a.logout { background-color: #c62d2d }
#header #menu a.logout:hover { background-color: #88b719 }

#content { padding-bottom: 40px } 
#footer { width: 100%; color: #efefef }
#footer a { color: #ffffff }
#footer .wrapper { text-align: right }

/* dashboard */
#dashboard { width: 100% }

/* toolbar */
#toolbar { padding: 0 0 20px 0 }
#toolbar a.button { background-color: #2cabe3; padding: 10px 20px; border: 0px solid #eeeef0; border-radius: 2px; opacity: 0.8 }
#toolbar a:hover { opacity: 1 }

#toolbar a.button.add { background-color: #ff5050 }
#toolbar a.button.back { background-color: #313131 }

/* message */
.message { font-weight: bold; padding: 10px }
.message .fa { margin-right: 10px; font-size: 1.5em }
.message.info { border-color: #84a7db; color: #0b55c4; background-color: #c3d2e5 }
.message.note { border-color: #f0dc7e; color: #c00c00; background-color: #efe7b8 }
.message.alert { border-color: #de7a7b; color: #c00c00; background-color: #e6c0c0 }

.b1.selected { border-color: #666666 }

/* form*/
.f2orm { position: relative }

/* tables*/
.t_table { border: 1px solid #dee2e6; padding: 20px; background-color: #ffffff }

.t_header { font-weight: bold; text-transform: uppercase; background-color: #188db3; color: #ffffff; padding: 10px 0 }
.t_header .fa { color: #000000 }

.t_row { background-color: #ffffff; color: #222222; padding: 10px 0 }
.t_row:hover, { background-color: #f2f2f2 }

.t_row label { line-height: 34px }

.t_row input.dt_text,
.t_row input.dt_token,
.t_row input.dt_email,
.t_row input.dt_password { border: 1px solid #dddddd; height: 34px; line-height: 34px }
.t_row textarea { border: 1px solid #dddddd }
.t_row select { outline: none; box-sizing: border-box; appearance: none; -webkit-appearance: none; -moz-appearance: none }
.t_row select { border: 1px solid #dddddd; padding: 0 16px 0 4px; height: 34px; line-height: 34px; margin: 0; color: #8b8b8b; background: #ffffff url("../images/select.png") no-repeat right center }
.t_row select:focus, .t_row select:hover { outline: none; color: #999999; background-color: #f7f7f7; cursor: pointer }


.textarea { border: 1px solid #dddddd; padding: 0; margin: 0; background-color: #ffffff; text-indent: 4px; box-sizing: border-box }

.t_row .button { background-color: #ffc36d; color: #ffffff; padding: 8px 10px; margin: 0 5px; font-size: 0.9em }
.t_row .button.mini .fa { margin-right: 0; font-size: 1.2em }
.t_row .butt2on { background-color: #188db3 }
.t_row .butt2on:hover { background-color: #06344a }

.t_row a.button { opacity: 0.9 }
.t_row a.button:hover { opacity: 1 }

.t_row .button.primary { background-color: #188db3 }

.t_row .icon { position: relative }
.t_row .icon input { text-indent: 35px }
.t_row .icon select { padding-left: 35px }
.t_row .icon .fa { position: absolute; top: 0; left: 0; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center }

.t_row .readonly { background-color: #e9e9e9; color: #666666 }
.t_row.selected { background-color: #f0f0f0 }

.t_2row a.button.status { background-color: transparent }
.t_2row a.button.status .fa.fa-check { color: #67b73c }
.t_2row a.button.status .fa.fa-close { color: #d9534f }

.t_2row a.button.copy { color: #707cd2 }
.t_2row a.button.edit { color: #8898aa }
.t_2row a.button.delete { color: #313131 }

.t_row .button.request { background-color: #313131 }
.t_row .button.pdf { background-color: #d9534f }

.t_button { position: relative }
.t_button .fa { color: #ffffff; width: 40px; height: 40px; line-height: 40px; text-align: center; display: block; position: absolute; top: 0; right: 0 }
.t_button input { width: 100%; height: 40px; border: 0; margin: 0; padding: 0; font-weight: bold; background: #c62d2d; color: #ffffff; cursor: pointer; font-size: 110% }
.t_button input:hover { background-color: #88b719 }

#questions { height: 1000px; overflow: auto }
.ind { color: #4bc0c0 }
.ind span { font-size: 0.9em }
.ind .button { background-color: #4bc0c0 }
.ind.limit { color: #36a2eb }
.ind.limit .button { background-color: #36a2eb }
.ind.over { color: #c62d2d }
.ind.over .button { background-color: #c62d2d }

.v1, .v2, .v3, .v4, .v5, .v6, .v7 { background-color: #efefef } 

#2ind_1 .button { background-color: #ff6384 } 
#2ind_2 .button { background-color: #ff9f40 } 
#2ind_3 .button { background-color: #ffcd56 } 
#2ind_4 .button { background-color: #4bc0c0 } 
#2ind_5 .button { background-color: #36a2eb } 
#2ind_6 .button { background-color: #9966ff } 
#2ind_7 .button { background-color: #c9cbcf }

ul.tabs { z-index: 2; position: relative; bottom: -1px; margin: 0; padding: 0; list-style: none; }
ul.tabs li { background: none; color: #000000; display: inline-block; padding: 10px 15px; font-weight: bold }
ul.tabs li.current { background: #ffffff; color: #188db3; border: 1px solid #dee2e6; border-bottom: 0 }
.tab-content { display: none; background: #ffffff }
.tab-content.current { position: relative; z-index: 1; display: inherit }