Files
Disco/Disco.Web/ClientSource/Style/Job.less
T
Gary Sharp a099d68915 Permissions & Authorization for Users #24
Initial Release; Includes Database and MVC refactoring
2013-10-10 19:13:16 +11:00

778 lines
32 KiB
Plaintext

@import "Shared";
#layout_PageHeading
{
#Job_Show_Status
{
/*position: absolute;
right: 20px;
top: 6px;*/
margin-left: 20px;
display: inline-block;
height: 50px;
font-family: @FontFamilyHeading;
font-weight: @FontWeightHeading;
font-stretch: @FontStretchHeading;
font-size: 0.7em;
text-transform: uppercase;
span.icon
{
margin-right: 6px;
}
}
}
#Job_Show
{
#Job_Show_Subjects
{
table-layout: fixed;
&>tbody > tr > td
{
padding-top: 0;
height: 100%;
&>div /* Extra DIV added for FireFox TD relative position incompatibility */
{
position: relative;
div.status
{
margin-top: 2px;
padding-top: 2px;
border-top: 1px dashed #ddd;
}
input.discreet
{
margin-left: -2px;
}
}
}
&>tbody > tr > td:not(:last-child)
{
border-right: 1px dashed #aaa;
}
.dialog
{
display: none;
}
#Job_Show_Job
{
#Job_Show_Job_Type
{
&>table
{
table-layout: fixed;
}
}
#Job_Show_Job_SubTypes_1, #Job_Show_Job_SubTypes_2
{
padding-left: 16px;
font-weight: bold;
}
#Job_Show_Job_SubTypes_Update
{
margin-left: 16px;
font-size: 0.9em;
}
#Job_Show_Job_SubTypes_Update_Dialog
{
display: none;
}
#Job_Show_Job_Dates
{
padding-bottom: 6px;
table
{
table-layout: fixed;
&>tbody > tr > td
{
vertical-align: middle;
}
&>tbody > tr > td:first-child
{
font-weight: bold;
width: 60px;
}
}
}
#Job_Show_GenerateDocument_Container
{
padding-top: 4px;
#Job_Show_GenerateDocument
{
padding: 0;
}
}
}
#Job_Show_Device
{
&>div
{
padding-left: 102px;
min-height: 100px;
}
#Job_Show_Device_Model_Image
{
position: absolute;
left: 0;
top: 0;
height: 96px;
width: 96px;
}
#Job_Show_Device_Details
{
float: left;
}
#Job_Show_Device_Details_HWar, #Job_Show_Device_Details_HNWar
{
float: right;
border-left: 1px dashed #ddd;
padding-left: 4px;
margin-right: 2px;
}
#Job_Show_Device_Details_HWar_Details_Button, #Job_Show_Device_Details_HNWar_Details_Button
{
font-size: .9em;
}
#Job_Show_Device_DeviceHeld
{
table
{
table-layout: fixed;
&>tbody > tr > td:first-child
{
width: 62px;
}
}
}
}
#Job_Show_Subjects_Actions
{
&>td
{
padding-top: 4px;
}
#Job_Show_Device_Actions
{
padding-left: 111px;
}
}
}
}
#jobDetailTabs
{
margin-top: 10px;
/*.jobPart
{
height: 305px;
overflow: auto;
}*/
/*jQuery Tab Extensions*/
border-radius: 0;
background-image: none;
background-color: #fff;
border: none;
padding: 0;
#jobDetailTabItems {
border-radius: 0;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: none;
padding: 2px 0 0 4px;
background-image: none;
background-color: #eee;
display: table;
&>li {
top: 0;
border-radius: 0;
margin: 0 5px 0 0;
padding: 0;
line-height: normal;
margin-right: 4px;
&>a {
padding: 5px 8px;
}
}
}
div.ui-tabs-panel {
border-radius: 0;
padding: 4px;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-top: none;
background-color: #eee;
}
}
#jobShowResources
{
#Comments
{
width: 375px;
height: 300px;
padding: 0;
border: 1px solid @SubtleBorderColour;
background-color: #fff;
div.commentOutput
{
height: 249px;
overflow: auto;
background-color: #f4f4f4;
color: #000;
&>div
{
padding: 3px;
margin: 4px 6px;
border-bottom: 1px solid @SubtleBorderColour;
span.author
{
color: #444;
display: block;
font-weight: bold;
font-size: 0.95em;
float: left;
}
span.timestamp
{
display: block;
float: right;
font-size: 0.90em;
font-style: italic;
}
span.comment
{
clear: both;
display: block;
margin-left: 4px;
}
&:hover
{
span.remove
{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADHklEQVQ4T22SeUgUcRTHZ/aY2dnZLdfWI4KuP+zQsja7KMraXaMsOrUghe6DMjNXN7LlSyt2EHZAqbgdZFRQ/xR0QGVqZmi6h2mnVHYYBboVbgvS8evtSkHWF74w897nvTfv9xuO+48uRAyMrpqSnNSYssD6wJxqrUxISjonG6P7cv/otNZgfDR/cXrPwcO72dXrYK5TYKXlYMdLEUShw2uZu9wl6KP61oV1NiJmaFfGKhvLtYNtziJvA9u0FWzj1t73bTvAbHZ0LF2R55INw/8qPiboI9/PnpPH5i1C98RpaCP3TJ6On8kpYMlWfJthwSvLfAQnTQebtxBtU2fkH1JqjX8aVA0alvY13oQXsUPgWbkar5o8eEjgZ0MsvpAfWlPRTjFf5hq8jRmMwKhEXIkatCJcfICXjI8NsbsbVRJq4xIQCATAGIP/wwe4x09GU4IJne86wrFAMIgHI8fCp9KgQR/pcPKaaK5YKU24IehwjFPijCCiBXvwk+CQuzreo/Ptu/DzD/ITZxEuiRqcIPayQoMiXpzIOVWSuYSm2zkVijkFXBwHT64N/s4ufO7uDtvv98OXZ0cF5UqJ2UtsGS+gkBetnF0lWQrVEhZzPLZTsoigihHxeNbcjJevX+Nlezuet7bifMI4HKVcEU3fTJyDVyGfF1O4HKXGVCZosY4aZBNQPHoM6quq4aWi1qdPw/a2tKLhbi1KEidgFzFrid2nUCMntMIGTjCe1OgcRyhRNmQ4am7eRmVdHercHrizsuHZkoX7Hg9u1d6Fr9GLK4mTsJ/YEqXo2MgJvX/nLrWUVklrXJB1qN/jRLXbDU92DqoJrCF7qVENNWncfwAX+/XDNZpeoBB7rzGkTE4wuCS9rVkp4o5CgC/ZDB/t2UZ+QW6hT26ZZUYVXV8THWC5WsqnmgF/GoSUwQuDK7T9c98IMjpoalCtBYuMATMORI9Gj48Ua1dKqBBkWyYvDPur+LfSOXUkRN2yexFRBf64eHyflYLvMy34NGosGgwxBU5BTkvvO/l/WkIHu14lm3bqjGa7bDBvUMumpRTry4X0C+L3YvcBfxOhAAAAAElFTkSuQmCC) /*Images/Actions/removeSubtle.png*/;
}
}
span.remove
{
margin-left: 6px;
display: block;
float: left;
height: 16px;
width: 16px;
cursor: pointer;
&:hover
{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADG0lEQVQ4y3WTCUhUURSG35vlvnnzZsoJQyMo2nTMKdsXEtOcjKxogwhKaDFNysysJooQRzTLbIFScVrIaMEiElqgMjUzsnEWl1apbNG0dCqcJiarv+NEgWEPfnj3nO/+5567cAC4f3XOb5ChfFrkemvMgn0PoufllhkmJZ2R/Mf0xfYanFTr9A/nL77ozT3oxZVrgOUEUFAEHC2AJz3zm8M495KFaUf3aXDaLyCqc+WqdqSZgKRk0iZg/UYgcePv8aYtwFYTWpYu/2CRdMZeBkeYdmTrrDnvEbsIXZNnoInknRqOn5ExQORsdEcY8dI4H54p4UDsQjRNj+g8IFfr/xqUDx5W8iV0Ap4HDoV9xWq8rLWjnsBPukB8JtXPnodmijnj1uBNwBC4Q8JQOnBwqc9gLy/qH+kCvVaFiKogA9xuN3o+V1sbbOOnotYwAR1vW3wxt8eDB/qxcCpUqNEO6DbzKgOXJxcTrjMNjnBynGICGtIz8JPgHnW2tKLjzVvf/w/SY3MWLggqHCP2skyFLF7YwJkV4p58qm7iFMjjZLBQV/a0rXB1dOJTV5dPLpcLzm0mFFOugJhsYgt5hkxeyOVMCjEnUyliMcdjMyWzCCoODsXTujq8ePUKL5qb8ayxEWcN43CYcllUPYm43bwC23lhP5cqV60rZGrEk0EKAXmjx+B+eQUcNKnxyROfHA2NqLlThfywidhJzFpi98iUSO1pIYFj+uMqzbdDlCgcOhyVN26hrLoa1TY7bMkpsG9Ixj27HTer7sBpdaA0bApyiM2XC92JHDP4jnGnUiwpozbOSRrczzCjwmaDPSUVFQRWkhxkVEkm1py9KOnXD1ep+i6ZcPnvPYjj2AiLqG2vkwu4LWNwRkbDSX02kZ6TGmjJDVHRKKfjq6UNLFKKHTQnqNdVXsmz8GJ1/3evmYQWCnuUamBAAOA/CF6VFu0Ua5aLKGZSexzPZvX5mJZxylHpgub8Xb+BX11BofgeFYPvM434GDIWNbqAr2YmlSzjWPB/X+MfLaGNXaeQ4ndo/LNNki47QSnFL+VYSF/sL7crTEWWnWvrAAAAAElFTkSuQmCC) /*Images/Actions/remove.png*/;
}
}
&:last-child
{
border-bottom: none;
}
}
}
&.cannotAddLogs div.commentOutput {
height: 300px;
}
div.commentInput
{
border-top: 1px solid @SubtleBorderColour;
height: 40px;
padding: 5px;
textarea.commentInput
{
border: 0;
padding: 0;
margin: 0;
width: 325px;
height: 40px;
min-height: 40px;
overflow: auto;
float: left;
resize: none;
}
div.commentInputPost
{
margin-top: 4px;
height: 32px;
width: 32px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAFCElEQVRYw+WXT2gdVRTGf+femXl/Ek3bvLRNGgO1wRZtY8VINyJUrQURKbpQUMF/iCCi4MKNblyJoCBF0IULEV25EEQtalG01tqoaXxpm9AmTdI0iU2aNHkvyXvO3HtcvLQa0lRr+3DhheEOs5jvu+c757vniKryXy7Df7wCgLa2tu3OuajaYCLiM5nM2Y6Ojo7zBIwx8ulnn79x5x23b6maHKoogvde29rablsSgdnZ4towDG0cJ5enpwhOLG9/UyAbgvcgRrBGefDmENQraLSEQJIkznsljuPLImCN4IxgrJA4ZbbkMIGlJgXl0jxBEKiI6BICVzDWCNCQy7K5yVAnCd/2FpmalXNKVLcKxAjqPeb3EoemYNXKgFvWhQiKcw5VX/0ydF4pxzGFWUgUDv/ajY71MVcqV98HvKtIMDMvuMki7302yOmajdTXRwwMDON1GR+4IuDek3hPOSmz63qHFWF0rERzc444bqa/7xhcQIJgIXcuG9x7j3MOi0eMcvDAMO3tDQwc7yXxSnNTI97rkkRcJMHk5CT9/f3n3y8VvLJ7ksSRH5rn9ff7EamhuWk13nsqRqfLE8jl6mltbUVEyOXqEZF/Bv6XXdWTJJ4hF9G4fSu7955lfGwGEY+/QBIYEKw1GCP09vbS03OU8fHT9PT0cOzYMQqFGcIwwFqLtebCJ3euQsJVnsR5Sgiv9Fnsjnbe/GqaibEigl8iQSAiWGMBWL/+WiqHFurqVhAElRQpl8tEUYS1AeAWalorJFT/BPcL39WBEQL1fDljuWvHNnbv7eA5O65GFlMwoPiF7Dx69Ajd3YcpFgt0d3dTLpeYmBgnn88zPT3N8ePHOXGiH+8cI6dOMT83h7oYK4rBEYgnFEdKPMZUnM8k8MWUJbxjG6/tmcSGm1YsioCqkiQO75XNm7egqogIW7duRURIpzM0NFSSqLExjfdK4hwrcw2UE2VwuMDo+By/TZSYjz2lxFMoe4jqWBUqxWIZq8qeOcPdd26z7vCjz29pf6sz/9Mzw+fLMJPJpI0Ramqyf+tybkHvuBQz83vMXO1VnHFZBgKlrwCDRRjF4MRgSwmQ4BZK/ZOisOuZe27/+r0f3r3xpt2PdXU+OyLGGHnp5ZffabmmZX0cx7q8yyW4uIwiouqJM6vsbDoXFW1tdEauzk5otvaMS9ec9VFmxgXpWMVW7r3Fv1Qj7GqJ2PvBwY+ivqEXRFXZuXNn06Waz2R6XXZ6xcZcObt6dZzNbdCo9joN0q1xdnWzIC0CWZapYjWG7c0Rhz78/kX5t13QmlcHa/BujaquRf1GlBtANwGtKC2IZpxfCICcv61BIGOFTOfR/eHE1EOXdBe0vNInjSsCMRl0Qz0GCQxgBKyiFiVAJBLRyM8LQ9MJZVO5oM7xyIaG6Mf8/vTJ0QfyB58eviQCtmSYT9DSvBI7nVNlOPvtzxavtYDRVDSiUXBATVg3d3VTe7LuqltNpKAgCDWhEO3v2h8NjTyQP/j0MIBUqxG99vG9n8zeuPGec5HPWkj98GtXMDh67+F9TwxVdS5Y8+awtc5lJLAQWlKpgNSP3V1mfOq+v4JXoSdcaM0CKxiBVECEkvmu85Adm7jvyJcPn6haQ7KIQGhJwmycmTKken7+xZw6ff+Rrx4ZWHYyuvKDiCU6UxgPzh7YY0ZGn8rve/LkRUezK45vcKmh/o8lcQe6Op8duWi0/vfT8R81FrV4fklnMAAAAABJRU5ErkJggg==) /*Images/Actions/post.png*/;
cursor: pointer;
float: left;
}
span.action
{
display: block;
margin: 0;
height: 32px;
width: 32px;
cursor: pointer;
float: left;
border: 1px solid #fff;
padding: 3px;
background-repeat: no-repeat;
background-position: 2px 3px;
&:hover
{
background-color: @SubtleColour;
border: 1px solid @SubtleBorderColour;
.border-radius(3px);
}
}
span.post
{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAFCElEQVRYw+WXT2gdVRTGf+femXl/Ek3bvLRNGgO1wRZtY8VINyJUrQURKbpQUMF/iCCi4MKNblyJoCBF0IULEV25EEQtalG01tqoaXxpm9AmTdI0iU2aNHkvyXvO3HtcvLQa0lRr+3DhheEOs5jvu+c757vniKryXy7Df7wCgLa2tu3OuajaYCLiM5nM2Y6Ojo7zBIwx8ulnn79x5x23b6maHKoogvde29rablsSgdnZ4towDG0cJ5enpwhOLG9/UyAbgvcgRrBGefDmENQraLSEQJIkznsljuPLImCN4IxgrJA4ZbbkMIGlJgXl0jxBEKiI6BICVzDWCNCQy7K5yVAnCd/2FpmalXNKVLcKxAjqPeb3EoemYNXKgFvWhQiKcw5VX/0ydF4pxzGFWUgUDv/ajY71MVcqV98HvKtIMDMvuMki7302yOmajdTXRwwMDON1GR+4IuDek3hPOSmz63qHFWF0rERzc444bqa/7xhcQIJgIXcuG9x7j3MOi0eMcvDAMO3tDQwc7yXxSnNTI97rkkRcJMHk5CT9/f3n3y8VvLJ7ksSRH5rn9ff7EamhuWk13nsqRqfLE8jl6mltbUVEyOXqEZF/Bv6XXdWTJJ4hF9G4fSu7955lfGwGEY+/QBIYEKw1GCP09vbS03OU8fHT9PT0cOzYMQqFGcIwwFqLtebCJ3euQsJVnsR5Sgiv9Fnsjnbe/GqaibEigl8iQSAiWGMBWL/+WiqHFurqVhAElRQpl8tEUYS1AeAWalorJFT/BPcL39WBEQL1fDljuWvHNnbv7eA5O65GFlMwoPiF7Dx69Ajd3YcpFgt0d3dTLpeYmBgnn88zPT3N8ePHOXGiH+8cI6dOMT83h7oYK4rBEYgnFEdKPMZUnM8k8MWUJbxjG6/tmcSGm1YsioCqkiQO75XNm7egqogIW7duRURIpzM0NFSSqLExjfdK4hwrcw2UE2VwuMDo+By/TZSYjz2lxFMoe4jqWBUqxWIZq8qeOcPdd26z7vCjz29pf6sz/9Mzw+fLMJPJpI0Ramqyf+tybkHvuBQz83vMXO1VnHFZBgKlrwCDRRjF4MRgSwmQ4BZK/ZOisOuZe27/+r0f3r3xpt2PdXU+OyLGGHnp5ZffabmmZX0cx7q8yyW4uIwiouqJM6vsbDoXFW1tdEauzk5otvaMS9ec9VFmxgXpWMVW7r3Fv1Qj7GqJ2PvBwY+ivqEXRFXZuXNn06Waz2R6XXZ6xcZcObt6dZzNbdCo9joN0q1xdnWzIC0CWZapYjWG7c0Rhz78/kX5t13QmlcHa/BujaquRf1GlBtANwGtKC2IZpxfCICcv61BIGOFTOfR/eHE1EOXdBe0vNInjSsCMRl0Qz0GCQxgBKyiFiVAJBLRyM8LQ9MJZVO5oM7xyIaG6Mf8/vTJ0QfyB58eviQCtmSYT9DSvBI7nVNlOPvtzxavtYDRVDSiUXBATVg3d3VTe7LuqltNpKAgCDWhEO3v2h8NjTyQP/j0MIBUqxG99vG9n8zeuPGec5HPWkj98GtXMDh67+F9TwxVdS5Y8+awtc5lJLAQWlKpgNSP3V1mfOq+v4JXoSdcaM0CKxiBVECEkvmu85Adm7jvyJcPn6haQ7KIQGhJwmycmTKken7+xZw6ff+Rrx4ZWHYyuvKDiCU6UxgPzh7YY0ZGn8rve/LkRUezK45vcKmh/o8lcQe6Op8duWi0/vfT8R81FrV4fklnMAAAAABJRU5ErkJggg==) /*Images/Actions/post.png*/;
}
}
}
#Attachments
{
height: 300px;
padding: 0;
border: 1px solid @SubtleBorderColour;
background-color: #fff;
div.attachmentOutput
{
height: 249px;
overflow: auto;
&>a
{
display: block;
float: left;
height: 48px;
width: 221px;
padding: 2px;
margin: 2px;
font-size: 0.95em;
border: 1px solid #fff;
color: #000;
text-decoration: none;
.border-radius(3px);
span.comments, span.author, span.timestamp
{
display: block;
float: left;
width: 168px;
overflow: hidden;
height: 16px;
}
span.author
{
color: #888;
width: 150px;
}
span.timestamp
{
color: #888;
font-style: italic;
}
span.icon
{
display: block;
float: left;
height: 48px;
width: 48px;
margin-right: 2px;
img
{
height: 48px;
width: 48px;
}
}
&:hover
{
background-color: @SubtleColour;
border: 1px solid @SubtleBorderColour;
span.remove
{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADHklEQVQ4T22SeUgUcRTHZ/aY2dnZLdfWI4KuP+zQsja7KMraXaMsOrUghe6DMjNXN7LlSyt2EHZAqbgdZFRQ/xR0QGVqZmi6h2mnVHYYBboVbgvS8evtSkHWF74w897nvTfv9xuO+48uRAyMrpqSnNSYssD6wJxqrUxISjonG6P7cv/otNZgfDR/cXrPwcO72dXrYK5TYKXlYMdLEUShw2uZu9wl6KP61oV1NiJmaFfGKhvLtYNtziJvA9u0FWzj1t73bTvAbHZ0LF2R55INw/8qPiboI9/PnpPH5i1C98RpaCP3TJ6On8kpYMlWfJthwSvLfAQnTQebtxBtU2fkH1JqjX8aVA0alvY13oQXsUPgWbkar5o8eEjgZ0MsvpAfWlPRTjFf5hq8jRmMwKhEXIkatCJcfICXjI8NsbsbVRJq4xIQCATAGIP/wwe4x09GU4IJne86wrFAMIgHI8fCp9KgQR/pcPKaaK5YKU24IehwjFPijCCiBXvwk+CQuzreo/Ptu/DzD/ITZxEuiRqcIPayQoMiXpzIOVWSuYSm2zkVijkFXBwHT64N/s4ufO7uDtvv98OXZ0cF5UqJ2UtsGS+gkBetnF0lWQrVEhZzPLZTsoigihHxeNbcjJevX+Nlezuet7bifMI4HKVcEU3fTJyDVyGfF1O4HKXGVCZosY4aZBNQPHoM6quq4aWi1qdPw/a2tKLhbi1KEidgFzFrid2nUCMntMIGTjCe1OgcRyhRNmQ4am7eRmVdHercHrizsuHZkoX7Hg9u1d6Fr9GLK4mTsJ/YEqXo2MgJvX/nLrWUVklrXJB1qN/jRLXbDU92DqoJrCF7qVENNWncfwAX+/XDNZpeoBB7rzGkTE4wuCS9rVkp4o5CgC/ZDB/t2UZ+QW6hT26ZZUYVXV8THWC5WsqnmgF/GoSUwQuDK7T9c98IMjpoalCtBYuMATMORI9Gj48Ua1dKqBBkWyYvDPur+LfSOXUkRN2yexFRBf64eHyflYLvMy34NGosGgwxBU5BTkvvO/l/WkIHu14lm3bqjGa7bDBvUMumpRTry4X0C+L3YvcBfxOhAAAAAElFTkSuQmCC) /*Images/Actions/removeSubtle.png*/;
}
}
span.remove
{
display: block;
float: left;
height: 16px;
width: 16px;
margin-left: 2px;
&:hover
{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADG0lEQVQ4y3WTCUhUURSG35vlvnnzZsoJQyMo2nTMKdsXEtOcjKxogwhKaDFNysysJooQRzTLbIFScVrIaMEiElqgMjUzsnEWl1apbNG0dCqcJiarv+NEgWEPfnj3nO/+5567cAC4f3XOb5ChfFrkemvMgn0PoufllhkmJZ2R/Mf0xfYanFTr9A/nL77ozT3oxZVrgOUEUFAEHC2AJz3zm8M495KFaUf3aXDaLyCqc+WqdqSZgKRk0iZg/UYgcePv8aYtwFYTWpYu/2CRdMZeBkeYdmTrrDnvEbsIXZNnoInknRqOn5ExQORsdEcY8dI4H54p4UDsQjRNj+g8IFfr/xqUDx5W8iV0Ap4HDoV9xWq8rLWjnsBPukB8JtXPnodmijnj1uBNwBC4Q8JQOnBwqc9gLy/qH+kCvVaFiKogA9xuN3o+V1sbbOOnotYwAR1vW3wxt8eDB/qxcCpUqNEO6DbzKgOXJxcTrjMNjnBynGICGtIz8JPgHnW2tKLjzVvf/w/SY3MWLggqHCP2skyFLF7YwJkV4p58qm7iFMjjZLBQV/a0rXB1dOJTV5dPLpcLzm0mFFOugJhsYgt5hkxeyOVMCjEnUyliMcdjMyWzCCoODsXTujq8ePUKL5qb8ayxEWcN43CYcllUPYm43bwC23lhP5cqV60rZGrEk0EKAXmjx+B+eQUcNKnxyROfHA2NqLlThfywidhJzFpi98iUSO1pIYFj+uMqzbdDlCgcOhyVN26hrLoa1TY7bMkpsG9Ixj27HTer7sBpdaA0bApyiM2XC92JHDP4jnGnUiwpozbOSRrczzCjwmaDPSUVFQRWkhxkVEkm1py9KOnXD1ep+i6ZcPnvPYjj2AiLqG2vkwu4LWNwRkbDSX02kZ6TGmjJDVHRKKfjq6UNLFKKHTQnqNdVXsmz8GJ1/3evmYQWCnuUamBAAOA/CF6VFu0Ua5aLKGZSexzPZvX5mJZxylHpgub8Xb+BX11BofgeFYPvM434GDIWNbqAr2YmlSzjWPB/X+MfLaGNXaeQ4ndo/LNNki47QSnFL+VYSF/sL7crTEWWnWvrAAAAAElFTkSuQmCC) /*Images/Actions/remove.png*/;
}
}
}
}
&.cannotAddAttachments div.attachmentOutput {
height: 300px;
}
div.attachmentInput
{
border-top: 1px solid @SubtleBorderColour;
height: 40px;
background-color: #fff;
padding: 5px;
span.action
{
display: block;
margin: 0 4px 0 0;
height: 32px;
width: 32px;
cursor: pointer;
float: right;
border: 1px solid #fff;
padding: 3px;
background-repeat: no-repeat;
background-position: 2px 3px;
&:hover
{
background-color: @SubtleColour;
border: 1px solid @SubtleBorderColour;
.border-radius(3px);
}
}
span.upload
{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAFPUlEQVRYw7VXayzkVxRfy4yKTj0aj6JWJISuR9EiWj5IFZt4pB+kLYmdbEJEJpp2daeIJkRNMx7xqFcl0iXxaKwVj8ishhG+eARr10wY6hVMx3gM1mNxeo7YRDfzNr3Jyfzn/u/939899/x+59xbAHDLEIbNxNHRMSQ5OTmvuLi4pbS0tDU1NbXA3d09FN8ZqZxniMVZLJZvSUnJ0NHREVA7PDwEhUIBb1pNTU2PtbW1+/8CwMvLiz07O/uKFqqrq9sNDAzstLCw4Jubm/Pd3NyeZGdnb56dncH09LQUQfgaFIC9vX30+vr6uUwmg5CQkD509Rdo75HL0W6jWaJF+/n5CRcXF0EgEEiMjIw+MAgAbM7d3d1/y6QywAU68b+NmrFeYWFhwtPTU8jIyKi/MQDaXU5OjoDcHhsb+4x2fdX/jqqAwxbf0dFxNj4+vofPtjcCgO7+gRbn8/lSS0vLjPT09KrOp09F/f39S9XV1QOhoaFsXITxFoD3cfcv8MgA2RKuNwAzM7MgsVh8MDAwAAkJCRI8230CIxKJYHh4GLa2ti4jv6CggI7F7BoABlJ0cHNzEzA4v9ELADar1tZWkVQqBS6Xe4G/F/Pz8xAdHT2KwZWN7zkODg7NVVVVr87PzyErK6vp2lxTnDO2vLwMOCZeLwBsNvu3K9fDxMQEjI2NgZ2dXSl+3OnaQtZo3Pr6+qNt+TZ4enreu+q/09nZuUdeQrA+OgNwdXX9en9/H5qbm+Hx48dAO/fw8PiddqbEUyyMg66VlRVg379fQ32+vr4Z5Lnc3Nzn/zkabRY3MTHxmJmZ2UExgfz8fKBAiomJ+Usd9fCcc+fm5gDluB3HOSLwtcnJSXB2dv5JJxoS5crLy58dHx9DXl4eLCwsAMquFPs/VjcvPDy8dHV1FeLi4v7E6O+V4e7j4+MHiQ06AYiIiPiRzh2TC/T19YFQKASUWo4G0GZlZWUvpqamyAOLBATnb2N/sE5S7OTk9KVcLn/d09MDlZWVl+fu4+PTSIKjbh7GRuqCZIGSEAwNDV2gPgDmgYc6J6PMzMxW0nDk9MXa2hqkpaW9vB7xyozBYNzt7e3dHRkZuQxYiURCUv2HKtBqzx75yk1MTFwmFzY1Nb1G+sRrcL1RFpcr2NzYgNraWlheWgIOhyOmvKFXPYDtM3S/ggLP1tb2F3WFBZm/v/93BLaxsRFGR0ehoaHhBEF/pXYNdRUOj8cTUgCi0hHlWGqLEgvW5+j2EwrS9vb2SwB29vY/a2SZqhcoJFxaHClH0fuppqjHceO0exKpJXQ96kQ/9r+rFwAmkxmMCeeIdoGUe6gFVX8lnpPrUbCAV8iT4eKfaJVflHUidxtp9ygiAk2Uo927uLhUFBUVnVDkd3V1nZuamj7QOsEpy3iYNJZINq2srBK0zJKeKDT/EGVR8yk/3L4JgLuDg4PHLS0tB/j8oTYfSUpKqtuWyyElJeWltnPUAfDHKD5FEaHgs9T0gYCAAA4lJ6yEdnF8hM7lnRIAd1D5VijfI/eDNVRH/pjfD0jzsS54pFd9qQQAMygoqJ3Eh1dYSKU2U0WKdseiQ0QlVmRkJI0zNwiAKxAxWD5t7ezsAGa1IaTiR9dLK6xyvu3q7pYeHhwAFqQktZ56l/cqAJgaGxt/z+cXHSr2FEA3n8qKihEsRnoxOCUbqPVkmOdXcGzoje6U6vhNRWZUVNTztra2szmxGIhmVAei6u17e3s/wfchN77UarrxknvRHuAFtMjGxqacwWQ8omjXlBsMAuAtMMYEyFDX+Tf2LzGXbu1DZYkMAAAAAElFTkSuQmCC) /*Images/Actions/attach.png*/;
}
span.photo
{
background-image: url(data:image/png;base64,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) /*Images/Actions/photo.png*/;
}
}
}
}
#jobComponents
{
.tableDataDark;
tr
{
th.actions
{
width: 20px;
}
input.description
{
width: 400px;
}
input.cost
{
width: 150px;
}
span.remove
{
display: block;
float: left;
height: 16px;
width: 16px;
margin-left: 2px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADHklEQVQ4T22SeUgUcRTHZ/aY2dnZLdfWI4KuP+zQsja7KMraXaMsOrUghe6DMjNXN7LlSyt2EHZAqbgdZFRQ/xR0QGVqZmi6h2mnVHYYBboVbgvS8evtSkHWF74w897nvTfv9xuO+48uRAyMrpqSnNSYssD6wJxqrUxISjonG6P7cv/otNZgfDR/cXrPwcO72dXrYK5TYKXlYMdLEUShw2uZu9wl6KP61oV1NiJmaFfGKhvLtYNtziJvA9u0FWzj1t73bTvAbHZ0LF2R55INw/8qPiboI9/PnpPH5i1C98RpaCP3TJ6On8kpYMlWfJthwSvLfAQnTQebtxBtU2fkH1JqjX8aVA0alvY13oQXsUPgWbkar5o8eEjgZ0MsvpAfWlPRTjFf5hq8jRmMwKhEXIkatCJcfICXjI8NsbsbVRJq4xIQCATAGIP/wwe4x09GU4IJne86wrFAMIgHI8fCp9KgQR/pcPKaaK5YKU24IehwjFPijCCiBXvwk+CQuzreo/Ptu/DzD/ITZxEuiRqcIPayQoMiXpzIOVWSuYSm2zkVijkFXBwHT64N/s4ufO7uDtvv98OXZ0cF5UqJ2UtsGS+gkBetnF0lWQrVEhZzPLZTsoigihHxeNbcjJevX+Nlezuet7bifMI4HKVcEU3fTJyDVyGfF1O4HKXGVCZosY4aZBNQPHoM6quq4aWi1qdPw/a2tKLhbi1KEidgFzFrid2nUCMntMIGTjCe1OgcRyhRNmQ4am7eRmVdHercHrizsuHZkoX7Hg9u1d6Fr9GLK4mTsJ/YEqXo2MgJvX/nLrWUVklrXJB1qN/jRLXbDU92DqoJrCF7qVENNWncfwAX+/XDNZpeoBB7rzGkTE4wuCS9rVkp4o5CgC/ZDB/t2UZ+QW6hT26ZZUYVXV8THWC5WsqnmgF/GoSUwQuDK7T9c98IMjpoalCtBYuMATMORI9Gj48Ua1dKqBBkWyYvDPur+LfSOXUkRN2yexFRBf64eHyflYLvMy34NGosGgwxBU5BTkvvO/l/WkIHu14lm3bqjGa7bDBvUMumpRTry4X0C+L3YvcBfxOhAAAAAElFTkSuQmCC) /*Images/Actions/removeSubtle.png*/;
cursor: pointer;
}
input.updating
{
background-position: right center;
background-repeat: no-repeat;
background-image: url(data:image/gif;base64,R0lGODlhEAALAPQAAP///9t2Hfnq3vfl1fvz7Nt5Itt2HeGORey7kOipcvTZwd+IO+WdXu6/l+irdfXbxeCKPtt4IOWfYvrx6Pjp3Pz49eKTTvnr3/z38/TXvvHLqvbiz/v17wAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA) /*Images/Status/loading.gif*/;
}
.totalCost
{
font-weight: bold;
}
}
}
#jobNonWarrantyFinance
{
.tableDataDark;
tr
{
th
{
width: 200px;
text-align: right;
}
}
}
#jobNonWarrantyRepairs
{
.tableDataDark;
tr
{
th
{
width: 200px;
text-align: right;
}
}
}
#jobNonWarrantyInsurance
{
.tableDataDark;
tr
{
th
{
width: 200px;
text-align: right;
}
td
{
textarea
{
width: 400px;
}
}
}
}
#jobFlags
{
.tableDataDark;
tr
{
th
{
width: 200px;
text-align: right;
}
}
}
#warrantyJobForm
{
#warrantyDisclosedInformation
{
table
{
font-size: 0.9em;
tr:not(:last-child)
{
border-bottom: 1px dashed #aaa;
}
th
{
padding: 2px;
font-weight: bold;
width: 200px;
}
td
{
padding: 2px;
}
}
}
}
#warrantyJobFaultDescription
{
#FaultDescription
{
width: 600px;
height: 250px;
}
}
#createJob_Container
{
img.modelImage
{
width: 64px;
height: 64px;
}
.createJob_Component
{
margin: 0 10px;
padding: 5px 0;
border-bottom: 1px dashed #ccc;
}
.createJob_Component:last-child
{
border-bottom: none;
}
#createJob_Type
{
border: 1px solid #ccc;
background-color: #f2f2f2;
padding: 2px 4px;
.border-radius4(0, 0, 0, 6px);
}
#createJob_SubTypes
{
margin: -1px 0 0 35px;
border: 1px solid #ccc;
border-top: none;
padding: 2px 4px;
background-color: #f2f2f2;
.border-radius4(0, 0, 6px, 6px);
.createJob_SubType
{
display: none;
}
}
#createJob_Type li, #createJob_SubTypes li
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin: 2px 8px 2px 0;
padding: 0 0 0 4px;
}
#createJob_Type li.highlight, #createJob_SubTypes li.highlight
{
background-color: #f6cd8a;
color: #000;
}
#createJob_CommentsContainer
{
#Comments
{
width: 600px;
}
}
#createJob_QuickLogAutoCloseContainer
{
border: 1px solid #ccc;
background-color: #f2f2f2;
padding: 2px 4px;
.border-radius4(0, 0, 0, 6px);
h3
{
margin-bottom: 4px;
}
input
{
margin-left: 4px;
}
}
#createJob_QuickLogTaskTimeContainer
{
display: none;
margin: -1px 0 0 35px;
border: 1px solid #ccc;
border-top: none;
padding: 2px 4px;
background-color: #f2f2f2;
.border-radius4(0, 0, 6px, 6px);
h3
{
margin-bottom: 4px;
}
label
{
margin-right: 20px;
}
#createJob_TaskTimeOtherMinutesContainer
{
display: none;
}
#createJob_TaskTimeOtherMinutes
{
width: 50px;
}
}
}