@media screen
and (min-width : 720px) {
    #afui label, #form .emptyinput input[type="text"].emptyfld {width: 49%;}
    #form .emptyinput input[type="text"].emptyfld {width: calc(49% - 5px);}
    #afui label + input[type="text"], #afui label + select,
    #afui label + input[type="number"], #form .emptyinput input[type="text"].emptyval {width: 49%;}
    .twitter-typeahead { width: 49% !important; }
    #preview #pdf { zoom: 100%; }
}
@media screen
and (max-width : 720px) {
    #afui label, #form .emptyinput input[type="text"].emptyfld {width: 49%;}
    #form .emptyinput input[type="text"].emptyfld {width: calc(49% - 5px);}
    #afui label + input[type="text"], #afui label + select,
    #afui label + input[type="number"], #form .emptyinput input[type="text"].emptyval {width: 49%;}
    .twitter-typeahead { width: 49% !important; }
    #preview #pdf { zoom: 70%; }
}
@media screen
and (max-width : 480px) {
    #afui #form label, #form .emptyinput input[type="text"].emptyfld {width: 55%;}
    #form .emptyinput input[type="text"].emptyfld {width: calc(55% - 5px);}
    #afui #form label + input[type="text"], #afui #form label + select,
    #afui #form label + input[type="number"], #form .emptyinput input[type="text"].emptyval {width: 44% !important;}
    .twitter-typeahead { width: 44% !important; }
    #preview #pdf { zoom: 50%; }
}
@media screen 
and (max-width : 320px) {
    #afui label, #afui #form .emptyinput input[type="text"].emptyfld {width: 152px;}/*59-41*/
    #form .emptyinput input[type="text"].emptyfld {width: 147px;}
    #afui label + input[type="text"], #afui label + select {width: 116px;}
    #afui label + input[type="number"], #afui #form .emptyinput input[type="text"].emptyval {width: 128px;}
    .twitter-typeahead { width: 116px !important; }
    #preview #pdf { zoom: 45%; }
}

/* DA FORM */
#afui .panel {
    padding-top: 10px;
}

#afui #form input[type="text"]:not([readonly]),
#afui #form input[type="number"]:not([readonly]),
#afui #form select:not([disabled])
{
    position: relative;
    background-color: #FFFF66 !important;
    -webkit-box-shadow: 0px 5px 26px 4px #ccc;
    -moz-box-shadow: 0px 5px 26px 4px #ccc;
    box-shadow: 0 10px 15px 0 #ccc;
}
#afui #form input[type="text"]:not([readonly]).valid,
#afui #form input[type="number"]:not([readonly]).valid,
#afui #form select:not([disabled]).valid {
    border: 0;
    border-bottom: 1px solid #ccc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#afui #form input[type="text"]:not([readonly]).invalid,
#afui #form input[type="number"]:not([readonly]).invalid,
#afui #form select:not([disabled]).invalid {
    -webkit-box-shadow: inset 1px 1px 3px #666,0 0 10px 2px #f00;
    -moz-box-shadow: inset 1px 1px 3px #666,0 0 10px 2px #f00;
    box-shadow: inset 1px 1px 3px #666,0 0 10px 2px #f00;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#afui #form .emptyinput input[type="text"].emptyfld
{
    background-color: #daeef3 !important;
    float: left;
    border-bottom: 0;
    text-align: right;
    margin-left: 5px;
}

#afui #form .input-group
{
    padding: 12px 0px 12px 0px;
    overflow: visible;
}

#afui #form .input-group .lbl-comment {
    width: 100%;
    text-align: left;
}

#afui #form input[type="text"]:not([readonly]).txt-comment {
    width: 99% !important;
    background-color: #eee !important;
}

.typeahead 
{
    background-color: #FFFF66 !important;
}

.tt-dropdown-menu 
{
    /*margin-top: 12px;*/
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    max-height: 500px;
    overflow: auto;
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}
.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}

.gist {
  font-size: 14px;
}

#afui.ios7 #menu .list li, #afui.ios7 #menu .list .divider {
    height: 44px;
    padding: 15px;
    font-weight: bold !important;
}

#afui .hidden {
    display: none !important;
}

/* DA RESULTS */

#afui.ios7 .header .pdf-button {
    visibility: visible !important;
    float: right;
    margin-right: 15px;
    color: Black;
}
#afui.ios7 .header .pdf-calc {
    margin-right: 10px;
}
#afui .results-label {
    font-weight: bold;
    text-align: left;
}
#afui .results-input {
    float: right;
}
#afui .input-group input:not([type="submit"]):not([type="button"]):last-child {
    border-bottom: 1px solid #ccc;
}
#afui .subtotal-label,
#afui .input-group input:not([type="submit"]):not([type="button"]):last-child.subtotal-input {
    border-top: 1px solid;
}
#afui .totalda-label,
#afui .input-group input:not([type="submit"]):not([type="button"]):last-child.totalda-input {
    border-top: double;
}
#afui .input-group input:not([type="submit"]):not([type="button"]):last-child.subtotal-input,
#afui .input-group input:not([type="submit"]):not([type="button"]):last-child.totalda-input {
    border-bottom: 0;
    font-weight: bold;
}

/* NAVIGATION */

nav li.divider.icon:before {
    margin-right: 6px;
}
li .nav.icon:before {
    position: absolute;
    color: #66b8cd;
    height: auto;
    top: 50%;
    left: -10px;
    font-size: 11px;
}

#afui #footerui a,
#afui #footerui a:focus {
    outline: none;
    width: 32% !important;
}

#afui.ios7 .header h1 {
    line-height: 24px;
    transition: left .1s ease;
}

.icon:before {
    top: 0;
}

#afui .menuButton {
    margin-left: 15px;
}

#afui footer>a.icon:not(.button):before {
    font-size: 20px;
}

#afui #menu .list > li > a:after,
#afui #aside_menu .list > li > a:after {
    margin-top: -6px;
    right: 12px;
}

#afui > #menu.tabletMenu {
    width: 250px;
}

#afui #menu_scroller {
    overflow: visible !important;
    padding-right: 18px;
    -webkit-box-shadow: inset -30px 0px 20px -25px black;
    -moz-box-shadow: inset -30px 0px 20px -25px black;
    box-shadow: inset -30px 0px 20px -25px black;
}

#afui.ios7 #menu .list {
    background: transparent;
}

#afui.ios7 #menu .list li,
#afui.ios7 #menu .list .divider {
    border-right: 1px solid rgb(215,215,215);
    -webkit-border-top-right-radius: 22px;
    -webkit-border-bottom-right-radius: 22px;
    -moz-border-top-right-radius: 22px;
    -moz-border-bottom-right-radius: 22px;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    background: white;
}

#afui.ios7 #aside_menu .list a,
#afui.ios7 #menu .list a {
    background: transparent;
}

li.divider.icon.folder {
    background: rgba(238,238,238,255) !important;
}

#afui.ios7 .footer>footer>a.pressed:not(.button),
.footer>footer>a.icon.pressed:not(.button):before {
    color: #66b8cd;
}

#afui.ios7 #menubadge:after {
    border-color: #66b8cd;
}

.afui_panel_mask {
    background-color: rgba(0,0,0,0.5);
}