﻿@font-face {
    font-family: 'WebfontBold';
    src: url('../Content/Css/nevis-webfont.eot');
    src: url('../Content/Css/nevis-webfont.eot?#iefix') format('embedded-opentype'), url('../Content/Css/nevis-webfont.woff') format('woff'), url('../Content/Css/nevis-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 0;
    padding: 0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    min-height: 600px;
    min-width: 1200px;
    background: #f5f5f5;
    background-image: url('../Images/texture.jpg');
}

a, .user-info span, .informationColor {
    color: #678aaa;
}

    a, a:visited, a:link {
        text-decoration: none;
    }

        a:hover {
            color: #555;
        }

ul.aspMenu li a .icon {
    display: inline-block;
    padding: 0;
    margin: -5px 5px 0 5px;
}

.aspMenu li a {
    box-shadow: 1px 1px #fff inset;
    display: block;
    width: 105px;
    height: 21px;
    background: #eee;
    color: #555;
    margin: 7px 0 0 1px;
    text-align: center;
    padding-top: 9px;
    border: 1px solid #d6d6d6;
    vertical-align: middle;
}

    .aspMenu li a.static.selected {
        padding-top: 15px;
    }

textarea {
    width: 99% !important;
    font-family: Arial;
    font-size: 13px;
    color: #6E6E6E;
    border: 1px solid #CBCBCB;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1);
    text-indent: 0;
    height: 68px;
}

.center {
    width: 1005px;
    margin: 0 auto;
}

:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.thRequiredFields {
    font-family: Arial;
    font-size: 11px;
    text-align: right;
    color: #6E6E6E;
}

.fields-row {
    width: 100%;
}

.groupBox {
    float: left;
    font-family: Arial;
    padding-top: 3px;
    padding-bottom: 3px;
}

.quarter.groupBox {
    width: 22%;
    padding-right: 4%;
}

.halfed-quarter {
    width: 23%;
    padding-right: 4%;
}

.three-quarters {
    width: 74%;
    padding-right: 4%;
}

.half.groupBox {
    width: 46%;
    padding-right: 4%;
}

.half48 {
    width: 48%;
    padding-right: 4%;
}

.half50 {
    width: 50%;
    padding-right: 4%;
}

.groupBox.last {
    padding-right: 0;
}

.emptySecondColumn {
    margin-left: 54%;
}

.divider {
    width: 100%;
    height: 1px;
    clear: both;
}

.field {
    color: #6E6E6E;
    word-wrap: break-word;
    display: block;
}

.label {
    padding: 3px 0;
    color: #6e6e6e;
    font-size: 12px;
    display: block;
    font-weight: bold;
}

.large.label {
    font-size: 15px;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.checkbox-label {
    padding: 3px 0;
    color: #6e6e6e;
    font-size: 12px;
    font-weight: bold;
}

.checkBox {
    margin-bottom: 28px;
}

.username.icon.label {
    background-image: url(../Images/Icons/username.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: left center;
}

.password.icon.label {
    background-image: url(../Images/Icons/pass.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: left center;
}

.actionsHolder {
    text-align: right;
    padding-top: 20px;
}

input[type="password"], input[type="text"], select {
    width: 99% !important;
    border: 1px solid #CBCBCB;
    box-shadow: inset 1px 1px 1px rgba(0,0,0,.1);
    display: block;
}

input[type="checkbox"], .checkbox-label label, input[type="radio"] {
    cursor: pointer;
}

input[type="password"], input[type="text"] {
    line-height: 1.4;
    text-indent: 3px;
    color: #6E6E6E;
    height: 20px;
    padding: 1px 0;
    margin: 0;
    margin-top: 2px;
}

input[type="file"] {
    text-indent: 3px;
    color: #6E6E6E;
    border: none;
    line-height: 1.4;
    margin-top: 2px;
    height: 23px;
    padding: 1px 0;
}

select {
    padding: 2px;
    color: #6E6E6E;
    cursor: pointer;
}

.tdCalendar {
    width: 100%;
}

.fullWidth {
    width: 100%;
}

.groupBox .groupBox {
    padding-top: 0px;
    padding-bottom: 0px;
}

input[type="submit"], input[type="button"], input[type="submit"].button, input[type="button"].button, a.yButton, .divLinks a.yButton, .actionsHolder a.yButton {
    padding: 5px 15px;
    background: #f7fafe; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZmFmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmVhZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f7fafe 0%, #d2eaf9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7fafe), color-stop(100%,#d2eaf9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f7fafe 0%,#d2eaf9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f7fafe 0%,#d2eaf9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f7fafe 0%,#d2eaf9 100%); /* IE10+ */
    background: linear-gradient(top, #f7fafe 0%,#d2eaf9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fafe', endColorstr='#d2eaf9',GradientType=0 ); /* IE6-8 */
    border: 1px solid #aec6d6;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Novis', Helvetica, Arial, sans-serif;
    color: #7FA7C2;
    text-shadow: 0 1px 0 #FFFFFF;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.05);
    font-weight: bold;
    cursor: pointer;
    background-image: none;
    text-decoration: none;
}

    input[type="submit"]:hover, input[type="button"]:hover, input[type="submit"].button:hover, input[type="button"].button:hover, a.yButton:hover, .divLinks a.yButton:hover, .actionsHolder a.yButton:hover {
        color: #FEFEFE;
        background: #602B8C;
        background: -moz-linear-gradient(top, #A289BB 0%, #602B8C 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%, #A289BB),color-stop(100%, #602B8C));
        background: -webkit-linear-gradient(top, #A289BB 0%, #602B8C 100%);
        background: -o-linear-gradient(top, #A289BB 0%, #602B8C 100%);
        background: -ms-linear-gradient(top, #A289BB 0%, #602B8C 100%);
        background: linear-gradient(top, #A289BB 0%, #602B8C 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A289BB',endColorstr='#602B8C',GradientType=0);
        color: White;
        box-shadow: none;
    }

.user-info input[type="submit"], .user-info input[type="submit"]:hover {
    background: none !important;
    border: none !important;
    background-image: none !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fafe', endColorstr='#d2eaf9',GradientType=0 ); /* IE6-8 */
}

.userName {
    color: #dfaa19;
    display: inline-block;
    max-width: 350px;
    overflow: hidden;
    vertical-align: bottom;
    padding-bottom: 1px;
}

.field a {
    text-decoration: none;
}

.errorLeftText, .errorMessage {
    font-family: Arial;
    font-size: 13px;
    color: #c82323;
}

.errorLeftText {
    background-image: url(../Images/Icons/error.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: left;
    background-position-y: 1px;
    margin-top: 10px;
}

.content {
    font-family: Arial;
}

    .content.main {
        margin-top: -3px;
    }

    .content h2 {
        font-size: 12px;
        font-family: 'Novis', Helvetica, Arial, sans-serif;
        width: 996px;
        margin: 0;
        margin-left: -29px;
        margin-top: -27px;
        padding: 5px;
        background: #f7fafe; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZmFmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmVhZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #f7fafe 0%, #d2eaf9 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7fafe), color-stop(100%,#d2eaf9)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f7fafe 0%,#d2eaf9 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f7fafe 0%,#d2eaf9 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f7fafe 0%,#d2eaf9 100%); /* IE10+ */
        background: linear-gradient(top, #f7fafe 0%,#d2eaf9 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fafe', endColorstr='#d2eaf9',GradientType=0 ); /* IE6-8 */
        border: 1px solid #aec6d6;
        color: #7FA7C2;
        text-shadow: 0 1px 0 #FFFFFF;
        box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.05);
        text-align: left;
        text-transform: uppercase;
        position: relative;
        top: -3px;
    }

.emptySpace {
    height: 30px;
    clear: both;
}

.content {
    width: 950px;
    border: 1px solid #c9c9c9;
    margin: 2px;
    margin-top: 0px;
    padding: 25px;
    background: #fff;
}

    .content.simpleMaster {
        width: 550px;
        margin: 0 auto;
    }

        .content.simpleMaster h2 {
            width: 596px;
        }

.filter {
    margin-top: 15px;
}

span.thDetails {
    width: 100%;
    font-weight: bold;
    padding: 3px 0;
    display: block;
    text-indent: 8px;
    text-align: left;
}

.divDetailsBorder {
    padding-top: 30px;
}

.filter h3, .thDetails, #reports-container h3, .content h3 {
    line-height: 1.5;
    font-family: 'Novis', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: -1px;
    color: #6e6e6e;
    text-shadow: 0 1px 0 #fff;
    background: #f1f1f1;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f1f1f1 0%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#e6e6e6));
    background: -webkit-linear-gradient(top, #f1f1f1 0%,#e6e6e6 100%);
    background: -o-linear-gradient(top, #f1f1f1 0%,#e6e6e6 100%);
    background: -ms-linear-gradient(top, #f1f1f1 0%,#e6e6e6 100%);
    background: linear-gradient(top, #f1f1f1 0%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e6e6e6',GradientType=0 );
    border: 1px solid #c9c9c9;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.05);
    margin-bottom: 15px;
    font-size: 13px;
    padding: 2px 0;
}

#reports-container h3, .content h3 {
    text-transform: uppercase;
    cursor: auto;
    padding-left: 5px;
}

    #reports-container h3.report-header {
        cursor: pointer;
    }

.filter h3 {
    cursor: pointer;
}

.content h3 {
    font-weight: bold;
}

/*.filter div.pnlFilter[style="height: auto; "]
{
    padding-bottom:20px;
    border-bottom: 1px solid #C9C9C9;
}*/
.filter div.pnlFilter div.pnlFilter {
    padding-bottom: 20px;
    border-bottom: 1px solid #C9C9C9;
}

.divLinks a {
    font-family: Arial;
    margin: 5px 0 15px;
    color: #6E6E6E;
    display: inline-block;
    padding-left: 20px;
    background-image: url(../Images/list_view.png);
    background-repeat: no-repeat;
}

table.gvTable {
    width: 100%;
    border: solid 0px #eee;
    font-family: Arial;
    text-indent: 7px;
}

    table.gvTable tr.gvHeader {
        background-color: transparent;
        border: 1px solid #c9c9c9;
        background: #f1f1f1;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #f1f1f1 0%, #e6e6e6 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#e6e6e6));
        background: -webkit-linear-gradient(top, #f1f1f1 0%,#e6e6e6 100%);
        background: -o-linear-gradient(top, #f1f1f1 0%,#e6e6e6 100%);
        background: -ms-linear-gradient(top, #f1f1f1 0%,#e6e6e6 100%);
        background: linear-gradient(top, #f1f1f1 0%,#e6e6e6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e6e6e6',GradientType=0 );
    }

        table.gvTable tr.gvHeader th {
            background-color: #FFFFFF;
            font-family: Arial;
            text-transform: uppercase;
            letter-spacing: -1px;
            text-shadow: 0 1px 0 #fff;
            border: none;
            color: #6e6e6e;
        }

        table, div, table.gvTable tr.gvHeader a {
            color: #6e6e6e;
        }

            table.gvTable tr {
                height: 25px;
                border: 1px solid #eee;
                border-top: none;
            }

            table.gvTable td {
                color: #6e6e6e;
                border: none;
            }

#footer.simpleMaster {
}

.DesignerHolder {
    float: right;
    line-height: 40px;
}

    .DesignerHolder a {
        text-decoration: none;
        text-transform: uppercase;
    }

        .DesignerHolder a:hover {
            text-decoration: underline;
        }

.maxcodeLink {
    text-decoration: none;
    text-transform: uppercase;
}

    .maxcodeLink:hover {
        text-decoration: underline;
    }

div#footer {
    font-family: Arial;
}

.divLegend .label {
    vertical-align: middle;
    font-family: 'Novis', Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: -1px;
    color: #888;
    text-align: left;
}

.divLegend table {
    font-family: Arial;
    color: #6e6e6e;
    text-align: left;
}

    .divLegend table td {
        vertical-align: bottom;
    }

td.dxeButtonEditButton_DevEx {
    background-color: transparent;
    border: none;
    height: 15px;
}

.dxeButtonEditButton_DevEx.dxeSpinIncButton_DevEx .dxbebt, .dxeButtonEditButton_DevEx.dxeSpinDecButton_DevEx .dxbebt {
    height: 5px;
}

.dxeButtonEdit_DevEx.tdCalendar {
    border: 1px solid #CBCBCB;
    box-shadow: inset 1px 1px 1px rgba(0,0,0,.1);
}

.dateTimeEditContainer {
    padding-top: 2px;
}

.dxeButtonEdit_DevEx.tdCalendar input {
    box-shadow: none;
    font-family: Arial;
    line-height: 1.5;
    padding: 2px 0;
    font-size: 12px;
    background-color: transparent;
    height: 15px;
}

td.dxeButtonEditButton_DevEx .dxbebt {
    height: 15px;
}

.selector {
    width: 99%;
    border: 1px solid #CBCBCB;
    box-shadow: inset 1px 1px 1px rgba(0,0,0,.1);
    margin-top: 2px;
    overflow: hidden;
    position: relative;
    background-image: url(../Images/Icons/drop-arrow.png);
    background-position: right center;
    background-repeat: no-repeat;
    height: 20px;
    padding: 0 0 1px 0;
}

    .selector select {
        position: absolute;
        opacity: 0;
        border: none;
        background: none;
        top: 0px;
        left: 0px;
        width: 100%;
    }

    .selector span {
        line-height: 1.6;
        height: 20px;
        padding-left: 3px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
        margin-right: 24px;
    }

.individual-report {
    height: 100px;
}

.report-content {
    display: inline;
}


min.groupBox {
    width: 4%;
}



/*** Date and Time Picker***/

/*
useful when the DevExpress validation is visible
div.dateTimeEditContainer > table
{
    width: 60%;
    float: left;
    margin-right: 2%;
}

div.dateTimeEditContainer table.date
{
    width: 100% !important;
}
*/
.docHeader {
    padding: 3px 0;
    color: #6e6e6e;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
}

.docRowPadding {
    padding: 0px 0px 0px 10px;
}

.docRow {
    color: #6E6E6E;
    padding: 0px;
    height: 22px;
}

.docRowEmpty {
    height: 22px;
}

div.dateTimeEditContainer table.date {
    width: 60%;
    float: left;
    margin-right: 2%;
}

div.dateTimeEditContainer table.wide {
    width: 95% !important;
}

div.dateTimeEditContainer table.time {
    width: 37% !important;
}

div.clear-floats {
    clear: both;
}

div.dateTimeEditContainer div.validationSummary {
    font-family: 'trebuchet ms';
    font-size: 8pt;
    color: Red;
    padding-left: 0px;
    vertical-align: middle;
    white-space: nowrap;
}

#lkChangeOrganization {
    margin-left: 5%;
    font-weight: bold;
}

.wrapped, .wrapped600 {
    word-wrap: break-word;
}

.wrapped600 {
    width: 600px;
}

th[align=center] {
    text-align: center;
}


.groupBox.min {
    width: 5%;
}

.dxscTodayCellHeader {
    background: #E3F1FB;
    border: 1px solid #aec6d6;
}

.footer-logo {
    margin-top: 15px;
    float: left;
    width: 114px;
    height: 56px;
    background-image: url(../Images/Logos/betaal_logo.png);
}

.content div table tbody tr td .actionsHolder a.yButton, .content div .actionsHolder a.yButton {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZmFmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmVhZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f7fafe 0%, #d2eaf9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7fafe), color-stop(100%,#d2eaf9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f7fafe 0%,#d2eaf9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f7fafe 0%,#d2eaf9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f7fafe 0%,#d2eaf9 100%); /* IE10+ */
    background: linear-gradient(top, #f7fafe 0%,#d2eaf9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fafe', endColorstr='#d2eaf9',GradientType=0 ); /* IE6-8 */
}

    .content div table tbody tr td .actionsHolder a.yButton:hover, .content div .actionsHolder a.yButton:hover {
        color: #FEFEFE;
        background: #602B8C;
        background: -moz-linear-gradient(top, #A289BB 0%, #602B8C 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%, #A289BB),color-stop(100%, #602B8C));
        background: -webkit-linear-gradient(top, #A289BB 0%, #602B8C 100%);
        background: -o-linear-gradient(top, #A289BB 0%, #602B8C 100%);
        background: -ms-linear-gradient(top, #A289BB 0%, #602B8C 100%);
        background: linear-gradient(top, #A289BB 0%, #602B8C 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A289BB',endColorstr='#602B8C',GradientType=0);
        color: White;
        box-shadow: none;
    }

span.logo-product {
    font-family: 'Novis', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    color: #181715;
    display: inline-block;
    border: 1px solid #181715;
    padding: 2px 4px 0 4px;
}

.logo-product.logo-product-giro {
    background-color: #cdcdcd;
}

.logo-product.logo-product-cards {
    background-color: #c3e2f7;
}

#lblProduct-container {
    margin-top: -10px;
    width: 152px;
    height: 14px;
    text-align: right;
    display: block;
}

.attachment {
    background-color: #e6f3fc;
    border: 1px solid #aec6d6;
    padding: 0 5px;
    margin: 0 5px 5px 0;
    color: #678aaa;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    max-width: 300px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

table.gvTable .gvRow a {
    text-indent: 0;
    display: inline-block;
}
