@import url(jquery-ui-1.13.2.custom.css);
@import url(Advocate.jQueryUI.Overrides.css);
@import url(Advocate.Classes.css);

body
{
    background-color: #f2f1f1;
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
}


a, a:link, a:visited, a:hover
{
    color: #698d00;
    text-decoration: none;
}

    a:hover
    {
        text-decoration: underline;
    }

hr
{
    display: none;
}

h1, h2
{
    border: none;
    color: #fff;
    background: #4f4f4f; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, #4f4f4f 0%, #474747 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f4f4f), color-stop(100%,#474747)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4f4f4f 0%,#474747 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4f4f4f 0%,#474747 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4f4f4f 0%,#474747 100%); /* IE10+ */
    background: linear-gradient(to bottom, #4f4f4f 0%,#474747 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#474747',GradientType=0 ); /* IE6-8 */
    padding: 8px 12px;
    font-size: 18px;
    margin-bottom: 15px;
}

.no-v4
{
    display: none !important;
}

h2.PanelHeader
{
    cursor: pointer;
    background: #333;
    border: none;
    border-radius: 4px;
    font-weight: bold;
    margin-top: 3px;
}

table th
{
    background-color: #e5e5e5;
    color: #525252;
    font-size: 14px;
    padding: 8px 20px 8px 10px;
    border-top: solid 1px #d9d9d9;
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    border-left: solid 1px #b8b8b8;
    border-right: none;
    border-bottom: none;
}

table td {
    vertical-align: top;
    padding: 8px 20px 8px 10px;
}

.report-viewer table td
{
    vertical-align: middle;
}

table tr th:first-child
{
    border-left: none;
}

input[type=text], textarea, select
{
    border-radius: 1px;
    border: solid 1px #c9c8c8;
    padding: 4px 3px;
    font-size: 12px;
}

    input[type=text]:focus, textarea:focus, select:focus
    {
        outline: none;
        border-color: #046BA6;
    }

.ui-widget textarea, .ui-widget select, .ui-widget input[type=text]
{
    font-size: 12px;
}

/*******************************************
********************************************
Advocate.Tables
********************************************
*******************************************/

table.table
{
    background-color: #f2f1f1;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

    table.table.auto-width
    {
        width: auto;
    }

    table.table > thead > tr > th
    {
        background-color: #e5e5e5;
        color: #525252;
        font-size: 14px;
        padding: 8px 20px 8px 10px;
        border-top: solid 1px #d9d9d9;
        text-align: left;
        font-weight: bold;
        border-left: solid 1px #b8b8b8;
        border-right: none;
        border-bottom: none;
    }

        table.table > thead > tr > th:first-child
        {
            border-left: none;
        }

    table.table > tbody > tr > td
    {
        padding: 10px;
        font-size: 14px;
        text-align: left;
        color: #525252;
        border-top: solid 1px #d9d9d9;
    }

        table.table > tbody > tr > td.text-right
        {
            text-align: right;
        }

    table.table > tbody > tr:nth-of-type(2n + 1) > td,
    table.table > tbody > tr.odd-row > td
    {
        background-color: #eeeded;
    }

    table.table > tbody > tr.even-row > td
    {
        background-color: transparent;
    }

    table.table > tbody:last-child > tr:last-child > td
    {
        border-bottom: solid 1px #d9d9d9;
    }

.dataTables_wrapper
{
    position: relative;
}

    .dataTables_wrapper.no-positioning
    {
        position: static;
        margin-bottom: 0;
    }

    .dataTables_wrapper .dataTables_filter
    {
        text-align: right;
        font-size: 0;
        color: #777;
        padding-bottom: 19px;
    }

        .dataTables_wrapper .dataTables_filter input
        {
            width: 7em;
            background-color: #fafafa;
            border-radius: 500px;
            padding: 4px 15px 4px 10px;
            border: solid 1px #aaa;
            outline: none;
            background-image: url(images/search_datatables.png);
            background-repeat: no-repeat;
            background-position: right center;
        }


.dataTable > thead > tr > th
{
    width: auto !important;
}

    .dataTable > thead > tr > th.sorting_asc, .dataTable > thead > tr > th.sorting_desc, .dataTable > thead > tr > th.sorting
    {
        cursor: pointer;
    }

    .dataTable > thead > tr > th.sorting_asc
    {
        background-image: url(images/sort_down.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

    .dataTable > thead > tr > th.sorting_desc
    {
        background-image: url(images/sort_up.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

.dataTables_info
{
    padding: 5px 0;
    color: #777;
    font-size: 12px;
    display: inline-block;
}

.dataTables_paginate
{
    display: inline-block;
    float: right;
    font-size: 12px;
    padding: 4px 0;
}

    .dataTables_paginate .first, .dataTables_paginate .last
    {
        display: none;
    }

    .dataTables_paginate .next
    {
        display: inline-block;
        width: 8px;
        height: 13px;
        background: url('images/arrow_right.png');
        background-position: center top;
        background-repeat: no-repeat;
        position: relative;
        top: 3px;
        margin-left: 4px;
    }

    .dataTables_paginate .previous
    {
        display: inline-block;
        width: 8px;
        height: 13px;
        background: url('images/arrow_left.png');
        background-position: center top;
        background-repeat: no-repeat;
        position: relative;
        top: 3px;
        margin-right: 4px;
    }

    .dataTables_paginate .paginate_button
    {
        color: #515151;
        padding: 0 3px;
        cursor: pointer;
    }

    .dataTables_paginate .paginate_active
    {
        color: #fff;
        background-color: #515151;
        padding: 0 3px;
        cursor: pointer;
    }

table.form-table > tbody > tr > th
{
    padding: 5px;
    background-color: #e5e5e5;
    color: #525252;
    border-color: #d9d9d9;
}

table.form-table > tbody > tr > td
{
    padding: 8px;
    border-color: #777;
}


/*******************************************
********************************************
Miscellaneous
********************************************
*******************************************/

.ui-button
{
    padding: .4em .6em !important;
}


.alert
{
    border-radius: 4px;
    padding: 10px 12px;
    font-size: 14px;
    margin-bottom: 1em;
}

.alert-info
{
    background: #008ab8; /* Old browsers */
    background: -moz-linear-gradient(top, #008ab8 1%, #02629c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#008ab8), color-stop(100%,#02629c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #008ab8 1%,#02629c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #008ab8 1%,#02629c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #008ab8 1%,#02629c 100%); /* IE10+ */
    background: linear-gradient(to bottom, #008ab8 1%,#02629c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ab8', endColorstr='#02629c',GradientType=0 ); /* IE6-9 */
    color: #fff;
}

    .alert-info a
    {
        color: #eef;
        text-decoration: underline;
    }

input[type=button].button, input[type=submit].button, button.button, a.button
{
    color: #fff;
    border-radius: 2px;
    font-size: 12px;
    background: #84b919 !important; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0YjkxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZTljMmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background: -moz-linear-gradient(top, #84b919 0%, #7e9c2a 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#84b919), color-stop(100%,#7e9c2a)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #84b919 0%,#7e9c2a 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #84b919 0%,#7e9c2a 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #84b919 0%,#7e9c2a 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #84b919 0%,#7e9c2a 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84b919', endColorstr='#7e9c2a',GradientType=0 ) !important; /* IE6-8 */
    border: solid 1px #b8b8b8;
    font-weight: bold;
    padding: 5px 5px;
    cursor: pointer;
}

input[type=button].small.button, input[type=submit].small.button, button.small.button, a.small.button
{
    padding: 2px 4px;
}

input[type=button].mini.button, input[type=submit].mini.button, button.mini.button, a.mini.button
{
    font-size: 11px;
    padding: 1px 4px;
}

input[type=button].button:hover, input[type=submit].button:hover, button.button:hover, a.button:hover
{
    background: #84b919 !important;
}

input[type=button][disabled].button, input[type=submit][disabled].button, button.button[disabled]
{
    opacity: 1 !important;
    cursor: default;
    color: #a0a0a0 !important;
    text-shadow: 1px 1px 1px #fff;
    background: #dddddd !important; /* Old browsers */
    background: -moz-linear-gradient(top, #dddddd 0%, #bbbbbb 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#bbbbbb)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dddddd 0%,#bbbbbb 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dddddd 0%,#bbbbbb 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dddddd 0%,#bbbbbb 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #dddddd 0%,#bbbbbb 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#bbbbbb',GradientType=0 ) !important; /* IE6-9 */
}

.nowrap
{
    white-space: nowrap;
}

.ui-dialog-titlebar
{
    background: #4f4f4f;
    border: none;
}

    .ui-dialog-titlebar .ui-dialog-titlebar-close
    {
        height: 16px;
        width: 16px;
    }

        .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover
        {
            background: #4f4f4f;
            border: none;
        }

            .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover .ui-icon-closethick
            {
                background-image: url(images/ui-icons_ffffff_256x240.png);
                color: #fff;
            }


#inventory-location-page table > tbody > tr > td > input[type=button]
{
    position: relative;
    top: -3px;
}

fieldset
{
    margin-bottom: 10px;
    border-radius: 4px;
    border: solid 1px #bbb;
}


.doubleBoxButton
{
    border: solid 1px #b8b8b8 !important;
    background: #84b919 !important; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0YjkxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZTljMmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background: -moz-linear-gradient(top, #84b919 0%, #7e9c2a 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#84b919), color-stop(100%,#7e9c2a)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #84b919 0%,#7e9c2a 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #84b919 0%,#7e9c2a 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #84b919 0%,#7e9c2a 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #84b919 0%,#7e9c2a 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84b919', endColorstr='#7e9c2a',GradientType=0 ) !important; /* IE6-8 */
}

    .doubleBoxButton:hover
    {
        background: #84b919 !important;
    }

    .doubleBoxButton .ui-icon
    {
        background-image: url(images/ui-icons_ffffff_256x240.png) !important;
    }

input[type=button], input[type=submit], button
{
    font-family: Helvetica, Arial, sans-serif;
}


.validation-summary-errors
{
    background-color: #800;
    padding: 4px 8px;
    color: #fff;
    margin: 8px 0;
}

    .validation-summary-errors ul
    {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        .validation-summary-errors ul li
        {
            color: #fff !important;
        }

.error-message
{
    background-color: #900;
    color: #fff !important; /* have to override the silly color: red that is automatically applied to validators */
    padding: 2px 4px;
}

.ip-table th
{
    border: solid 1px #d9d9d9;
    border-left: solid 1px #d9d9d9 !important;
}

.ip-table td
{
    border: solid 1px #d9d9d9;
}


tr.access-ring-node-header td
{
    background-color: #d9d9d9;
    padding: 7px 5px;
}

tr.access-ring-node td
{
    padding: 7px 5px;
}

tr.access-ring td
{
    padding-top: 7px;
    padding-bottom: 7px;
}

tr.disabled
{
    font-style: italic;
    color: #999;
}

    tr.disabled a
    {
        color: #7b8757;
    }

.highlightedCell a
{
    color: #394c00;
    font-weight: bold;
}

.Support-Customer
{
    color: #0a0;
}

.Support-HostedProvider
{
    color: #aa0;
}

.Support-Simplify
{
    color: #a00;
}

.Support-Carrier
{
    color: #00a;
}
td.alternate, .alternate td
{
    background-color: #CCCCCC !important;
}

span.fa { cursor: pointer;}