@import url(../../../stylesheets/application.css);

body {
    font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif !important;
    /* font-weight: 300; */
    font-size: 10pt;
    letter-spacing: 0.02em;
    line-height: 14pt;
    color: #000;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4 {
    color: #000;
    font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif !important;
    font-weight: 200;
}


h2, .wiki h1 {
    color: #222;
    font-size: 23px;
}

h3, .wiki h2 {
    font-size: 14pt;
}

h3 a {
    font-size: 14pt !important;
}

a {
    color: #7e3878 !important;
    font-size: 10pt !important;
    font-weight: 400 !important;
    margin: 0;
    padding: 0;
}

a:visited {
    color: #7e3878 !important;
}

a:hover {
    color: #be58b5 !important;
}

a:active {
    color: #893030 !important;
}

input, textarea, select {
    color: #000;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    padding: 0 7px;
}

p {
    margin: 0;
}

select {
    padding-right: 23px;
}

abbr {
    text-decoration: none;
}

table {
    border: 1px solid #E4E4E4;
    max-width: 100%;
    border-collapse: collapse;
}

    table thead tr th,
    table thead tr td {
        display: table-cell;
        vertical-align: bottom;
        padding-bottom: 5px;
        padding-top: 10px;
        padding-left: 5px;
        border-right: 1px #ddd solid;

        /* border-bottom: 1px #ddd solid;
        border-left: 1px transparent solid;
        border-top: 1px transparent solid;
         */
        font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 11pt;
        letter-spacing: 0.01em;
        line-height: 14pt;
        color: rgba(0, 0, 0, 0.6);
        text-align: left;
    }

        table thead tr th.right,
        table thead tr td.right {
            text-align: right;
            padding-right: 10px;
        }

        table thead tr th.last,
        table thead tr td.last {
            border-right: 1px transparent solid;
        }

        table thead tr th:last-child,
        table thead tr td:last-child {
            border-right: 1px transparent solid;
        }

    table tbody tr {
        border: 1px #fff solid;
    }

        table tbody tr td {
            font-weight: normal;
            font-size: 11pt;
            line-height: 20px;
            padding: 3px 10px;
            box-sizing: border-box;
        }

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

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

td.username img.gravatar {
    margin: 0 0.5em 0 0;
    vertical-align: middle;
}






table.list, .table-list {
    border: 1px solid #ccc;
    border-radius: 4px;
    border-collapse: unset;

    width: 100%;

    margin-bottom: 8px;
}

    table.list th, table.list td {
        font-size: 10pt;
        line-height: 20pt;
        padding-left: 5px;
        padding-right: 5px;
    }

    table.list td {
        line-height: 16pt;
    }
/* 
    table.list th {
        border: 1px solid #d7d7d7;
    } */

    table.list td,
    table.list tr:hover td {
        border-top: 1px solid #d7d7d7;
    }

    table.list td.checkbox {
        padding: 0;
    }

    table.list input[type="checkbox"] {
        opacity: 1 !important;
        position: relative;
        margin: 0;
    }

    table.list tbody tr:hover {
        background-color: #EFF5F8;
    }
        
    table.list tr.issue {
        white-space: normal;
    }

    table.list tr.issue.priority-lowest:not(.closed) {
        opacity: 0.9;
        background-color: rgba(0, 60, 250, 0.3);
    }

    table.list tr.issue.priority-highest:not(.closed) {
        background-color: #ffa7a7;
    }
    
    table.list tr.issue.priority-highest.assigned-to-me:not(.closed) {
        background-color: #faa;
    }

    table.list tr.issue.closed {
        background-color: #bbb;
    }

    table.list td.updated_on {
        white-space: nowrap;
    }

    table.list td.buttons, div.buttons {
        text-align: center;
    }





table.hovered {
    border-collapse: separate !important;
}

    table.hovered thead tr th:hover,
    table.hovered thead tr td:hover {
        border: 1px #1c98cc solid;
        background: rgba(28, 183, 236, 0.1);
    }

    table.hovered tbody tr:hover {
        background-color: rgba(28, 183, 236, 0.1);
    }

        table.hovered tbody tr:hover td:first-child {
            border-left: 1px #1c98cc solid;
        }

        table.hovered tbody tr:hover td:last-child {
            border-right: 1px #1c98cc solid;
        }

        table.hovered tbody tr:hover td {
            border-top: 1px #1c98cc solid;
            border-bottom: 1px #1c98cc solid;
        }

table.bordered {
    border-collapse: separate !important;
    border: 1px #ccc solid !important;
}

    table.bordered tbody tr:last-child td {
        border-bottom: 0;
    }

    
table.progress {
    margin-top: 2px;
}

table.progress tr {
    border: 1px solid #bbb;    
}

table.progress td {
    padding: 0;
}

table.progress td.closed {
    background: #2b5797 none repeat scroll 0%;
}

table.progress td.done {
    background: #eff4ff none repeat scroll 0%;
}



button,
input[type=button], input[type=reset], input[type=submit],
input[type=button].default, input[type=reset].default, input[type=submit].default {
    cursor: pointer;
    -webkit-appearance: button;
    overflow: visible;
    background-color: #008287;
    color: #fff;
    margin: 5px 10px 5px 0;
    border: 0;
    border-radius: 0;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 5px 10px;
    position: relative;
}

button:disabled,
input[type=button]:disabled, input[type=reset]:disabled, input[type=submit]:disabled, 
input[type=button].disabled, input[type=reset].disabled, input[type=submit].disabled {
    background-color: #a0a0a0;
    color: #cdcdcd;
    cursor: not-allowed;
}

button:hover,
input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, 
input[type=button].hover, input[type=reset].hover, input[type=submit].hover {
    background-color: #00c7ce;
}

button:focus, 
input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus {
    outline: 0;
    border: 0;
}

button[disabled], input[disabled] {
    cursor: default;
}

input[type=checkbox], input[type=radio] {
    margin: 0 5px 0 0;
    padding: 0;
    height: 13px;
    width: 13px;
    display: inline-block;
    cursor: pointer;
}


input[type="text"]:focus, input[type="text"]:active, 
input[type="password"]:focus, input[type="password"]:active, 
input[type="date"]:focus, input[type="date"]:active, 
input[type="number"]:focus, input[type="number"]:active, 
select:focus, select:active, 
textarea:focus, textarea:active {
    border-color: #999;
}

input[type="file"] {
    border-radius: 0;
}


.drdn-content {
    border-radius: 5px !important;
    box-shadow: 1px 1px 2px rgba(175, 175, 175, 0.75) !important;
}

.drdn-content .quick-search {
    margin: 5px;
}

.drdn-content .autocomplete {
    height: 24px;
    padding-left: 22px !important;
}

.drdn-content .autocomplete:focus {
    border-color: #aaa;
}



.contextual {
    background-color: #7e3878;
    color: #FFF !important;

    white-space: normal;
    
    padding: 0;
    margin: 0 0 0 10px;

    border: 0;
}

    .contextual:last-of-type {
        margin: 0;
    }

    .contextual a {
        display: inline-block;
        text-decoration: none;
        color: #FFF !important;
        font-size: 11pt !important;
        font-weight: 300 !important;
        padding: 5px 25px;
    }
    
    .contextual .icon {
        margin-left: 15px;
        padding: 5px 25px;
    }

    .contextual .drdn-items > a.icon {
        color: #333 !important;
        padding-left: 25px !important;
    }

    .mypage-box > .contextual {
        opacity: 0.2;
        background-color: unset;
    }

    
.icon-only {
    font-size: 0;
}

a.icon-only {
    margin: 0;
    padding: 0;
    color: transparent !important;
    vertical-align: text-bottom;
    display: inline-block;
    width: 16px;
    text-indent: 100%;
    font-size: 0px;
}
    
a.sort {
	padding-left: 0px !important;
}

.box {
    font-size: 11pt;
    font-weight: 300;
    letter-spacing: 0.01em;
    line-height: 15pt;
    background-color: white;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    box-shadow: 2px 2px 3px rgba(175, 175, 175, 0.75);
    padding: 16px 20px;
    color: #000;
}

.tabular label {    
    margin-left: -183px;
    text-align: right;
    width: 175px;
    font-weight: 400;
}

.tabular p {
    min-height: 1.5em;
}


#top-menu {
    background: #fff;
    color: #000;
    font-size: 10pt;
    font-weight: 400;
    height: auto;
    margin: 3px 3.5%;
    padding: 0;
}

    #top-menu ul {
        margin: 0;
        padding: 0;
    }

    #top-menu > ul {
        float: left;
    }

    #top-menu li {
        margin-right: 1.2em;
    }

    #top-menu li:last-child {
        margin-right: 0;
    }

    #top-menu a {
        margin: 0;
    }

    #top-menu a.user {
        margin-left: 1px;
    }

    #top-menu #account {
        float: right;
    }

    #top-menu #loggedas {
        color: #000;
        float: right;
        margin-right: 1.2em;
    }





#login-form {
    margin: 2em auto;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    border-radius: 5px;
    box-shadow: 2px 2px 3px rgba(175, 175, 175, 0.75);
}
    
    #login-form label {
        font-weight: 300;
        font-size: 11pt;
    }
    
    #login-form input#username, #login-form input#password {
        margin: 0 0 8px 0;
        outline: none;
        padding: 6px;
    }
    
    #login-form input#login-submit {
        margin-top: 15px;
    }







#header {
    background: #ddd;
    color: #000;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0.75em 3.5% 0.75em 3.5%;

    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

    #header > h1 {
        background: url(../images/logo.png) 0% 50% no-repeat;
        margin: 0;
        padding: 4px 1em 10px 50px;
        color: #000;
        text-shadow: 1px 1px 5px #aaa;
        font-size: 21pt;
        letter-spacing: 0.01em;
        background-size: contain;
        
        margin-right: auto;
    }

    #header #quick-search {
        margin-top: 3px;
    }

    #header #quick-search #q {
        border-radius: 5px;
        box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.15);  
        font-size: 12px;
        font-weight: 400;
        
    }

    #header #quick-search form label {
        margin-right: 2px;
    }

    #header #project-jump .drdn-trigger {
        font-size: 12px;
        font-weight: 400;
        color: #333;

        border: 1px solid #ccc;
        border-radius: 5px;
        box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.15);  
        
        padding: 3px 18px 3px 7px;
    }

    #header #project-jump .drdn-content {
        width: 320px;
    }

    #header #project-jump .drdn-items > a:hover {
        background-color: #ccc;
        color: #7e3878 !important;
    }

    #header #main-menu {
        left: 0;    
        margin: 0;
        padding-top: 0.9em;
        width: 100%;   
        position: relative;
    }

    #header #main-menu li a {
        background-color: #b1b1b1;
        color: #000 !important;
        font-size: 11pt !important;
        font-weight: 300 !important;
        
        padding: 3px 12px 3px 12px;
        
        text-shadow: none;
        text-decoration: none;
        box-shadow: none;
        border-width: 0;
        border-radius: 0;
    }

    #header #main-menu li a.selected {
        background: #606060;
        color: #fff !important;
    }

    #header #main-menu li a.selected:hover, #header #main-menu li a:hover {
        background: #a0a0a0
    }

    #header #main-menu .menu-children {
        background-color: #dfdfdf;
        border: 1px solid #d3d3d3;    
        padding: 0;
        box-shadow: 1px 1px 2px rgba(175, 175, 175, 0.75);
    }

    #header #main-menu .menu-children li a {
        width: 100%;
        box-sizing: border-box; 
    }



#footer {
    background-color: #ddd;
    border: 0px;
    color: #000;
    font-size: 0.8em;
    padding: 5px;
}

    #footer a {
        font-size: 100% !important;
        font-weight: 400 !important;
    }





#main {
    background: #f0f0f0;
    padding: 1.7em 3.5% 1.7em 3.5%;
}
    
#sidebar {
    min-width: 260px;
    max-width: 400px;    
    width: 20%;

    padding: 1em 1.2em;
    background: #f6f6f6;
    border: 1px solid #d9d9d9;
    
    border-radius: 5px;
    box-shadow: 2px 2px 3px rgba(175, 175, 175, 0.75);    
}

    #sidebar h3 {
        color: #222;
        margin: 0 0 0.5em 0;
        font-size: 14pt;
        letter-spacing: 0.01em;
        padding-bottom: 5px;
    }

    #sidebar form p {
        margin-top: 5px;
    }

    #sidebar form ul li {
        margin-bottom: 3px;
    }

    #sidebar form ul li.last {
        margin-bottom: 0;
    }

    #sidebar .contextual {
        margin-right: 0;
    }

    #sidebar a.selected {
        background-color: transparent;
        text-decoration: underline;
        overflow: hidden;
        margin-left: 0;
    }

#content {
    background: #fff;
    border: 1px solid silver;

    margin-right: 16px;
    width: auto;
    padding: 10px;

    border-radius: 5px;
    box-shadow: 2px 2px 3px rgba(175, 175, 175, 0.75);   
}
    
#main.nosidebar #content {
    margin-right: 0px;
}

    #content > h2,
    #content > div.filters h2,
    #content > #add-news > h2,
    #content > #add-message > h2,
    #content > #add-document > h2 {
        border-width: 0;
        border-radius: 0;
        text-shadow: none;
        
        background: #7e3878;
        color: #fff;
        padding: 15px 20px;
        letter-spacing: 0.01em;
        font-size: 18pt;
        line-height: 24px;
    }

    #content > .contextual {
        text-align: right;
        padding: 12px 20px;
    }

    #content div.jstEditor {
        padding-top: 4px;
    }
        
    #content .tabs {
        font-weight: 300;
        height: 2.1em;
        margin-bottom: 0.5em;
    }

    #content .tabs ul {
        border-bottom: 0px solid #BBBBBB;
        bottom: 0;
        margin: 0;
        padding-left: 0;
        position: absolute;
        width: 2000px;
    }

    #content .tabs ul li {
        bottom: 0;
        margin: 0;
        padding-left: 0;
    }

    #content .tabs ul li a {
        border: none;
        border-radius: 0;
        background: none;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

        #content .tabs ul li a:hover {
            background-color: #bbb;
            color: #000 !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
        }

        #content .tabs ul li a.selected {
            background-color: #00b2b9;
            color: #000 !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            border: 0px;
        }

        #content .tabs ul li a.selected:hover {
            background-color: #999;
            color: #000 !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
        }




input#issue_subject, input#document_title {
    width: 95%;
}
    
div.issue .attribute .value {
    overflow: visible;
}

div.issue div.subject h3 {
    font-weight: 400;
    padding-bottom: 8px;
}

div.issue .attributes label {
    font-weight: 500;
}

div.issue .attributes {
    margin-top: 2em;
}

div.issue #issue-tree {
    padding-bottom: 10px;
}

div.issue hr {
    margin-bottom: 1em;
}


div.details {
    background: #fff;
    padding: 20px;
    margin-bottom: 6px;
    border: 1px solid #d0d0d0;
    margin: 0;
    /* font-size: 11pt;
    font-weight: 300; */
}

.ui-tooltip {
    color: #000;
    border-radius: 3px;
    border: 1px solid #000 !important;
}




div.flash {
    border: 1px solid #ccc !important;
    border-radius: 8px;
    text-shadow: 0 0px white;    
    padding: 9px 30px;
    margin: 5px 3px;
    position: relative;
}

div.flash.notice {
    background: url("../images/Submit1.png") no-repeat scroll 8px 12px #9e9;
    color: #000;
    margin: 0 0 8px 0;
    font-size: 11pt;
    font-weight: 400;

}

    div.flash.notice a {
        font-weight: 400 !important;
        font-size: 11pt !important;
    }




#query_form #display_type_board, #query_form #display_type_list {
    margin-left: 10px;
} 

#projects-index {
    margin-top: 10px;
}

#projects-index ul.projects div.root a.project {
    font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
}

#projects-index a.icon-user {
    background-position-x: 0%;
}





#admin-menu a {
    padding: 0 0 0 30px !important;
    background-position: 5px !important;
    background-repeat: no-repeat;
    overflow: hidden;
}

#admin-menu a.selected {
    padding: 0 0 0 30px !important;
    text-decoration: underline;
}

#admin-menu a.projects {
    background-image: url(../images/NodesBlack.png);
}

#admin-menu a.users {
    background-image: url(../images/User.png);
}

#admin-menu a.groups {
    background-image: url(../images/Msn.png);
}

#admin-menu a.roles {
    background-image: url(../images/DataSecure.png);
}

#admin-menu a.trackers {
    background-image: url(../images/Date.png);
}

#admin-menu a.issue_statuses {
    background-image: url(../images/ListView.png);
}

#admin-menu a.workflows {
    background-image: url(../images/Flowchart.png);
}

#admin-menu a.custom_fields {
    background-image: url(../images/ListBoxSelectionMode.png);
}

#admin-menu a.enumerations {
    background-image: url(../images/Properties.png);
}

#admin-menu a.settings {
    background-image: url(../images/Tools1.png);
}

#admin-menu a.plugins {
    background-image: url(../images/Plug.png);
}

#admin-menu a.info {
    background-image: url(../images/Information.png);
}

#admin-menu a.server_authentication {
    background-image: url(../images/DataShield.png);
}



div.wiki {
    margin-top: 5px;
}

    div.wiki p {
        margin-bottom: 1em;
    }






.icon-actions {
    background-image: url(../images/bullet-btn.png);
}

table.list .icon-actions {
    background-image: url(../images/bullet-btn-blk.png);
}

#content h2 a {
    color: #fff !important;
    font-size: 18pt !important;
    font-weight: 200 !important;
}

#content h2 a.selected {
    color: #fff !important;
    font-size: 18pt !important;
    font-weight: 200 !important;
    
    padding-left: 0px;
    text-decoration: underline;    
}

div.banner_area {
    margin: 0px 3.5% 5px 3.5%
}

div.splitcontent {
    overflow: visible;
}

    /* Project description */

    div.splitcontentleft > div.wiki {
        margin-top: 0;
    }

    div.splitcontentleft > div.wiki > p {
        font-size: 13pt;
        font-weight: 300;
        background-color: white;
        border: 1px solid #e4e4e4;
        border-radius: 5px;
        box-shadow: 2px 2px 3px rgba(175, 175, 175, 0.75);
        padding: 16px 20px;
        margin-bottom: 10px;
    }




#errorExplanation {
    background: url(../images/Information.png) 8px 50% no-repeat;
    background-color: #ffe3e3;
    border-color: #d88;
    color: #000;
}

#errorExplanation ul {
    margin-top: 10px;
    margin-bottom: 10px;
}

#errorExplanation, .nodata, .warning {
    border: 1px solid silver;
    text-shadow: none;
    font-weight: normal;
}

.nodata, .warning {
    background-color: #c82d00;
    border-color: #b00000;
    border-radius: 5px;
    color: #fff;
    text-align: center;
}


.pagination ul.pages li a {
    padding-left: 10px !important;
}

span.icon-only.icon-actions {
    margin-right: 10px;
}

p.other-formats {
    color: #666;
    font-size: 10pt;
    text-align: right;
    margin-top: 0.5em;
    margin-bottom: 0;
}




div.issues h3 {
    background: url("../images/Documents.png") no-repeat scroll 0 50% transparent;
}

dt.issue {
    background-image: url("../images/Documents.png");
}

dt.issue-edit {
    background-image: url("../images/Document-Edit.png");
}

.icon-projects {
    background-image: url("../images/NodesBlack.png");
}

a.atom {
    background: url("../images/RSS.png") no-repeat scroll 0px 50% transparent;
    padding: 0 0 0 20px;
}







fieldset {
    margin-bottom: 16px;
}

fieldset:last-child {
    margin-bottom: 0px;
}

legend {
    border: 0px;
    padding-left: 5px;
    padding-right: 5px;
    color: #000;
    font-weight: 400;
}







table.attributes th {
    font-weight: 600;
    text-align: left;
    vertical-align: top;
}



div.filters h2 .scope_title a {
    color: #444;
}


.icon-time {
    background-image: url("../images/Clock1.png");
}

.icon-add {
    background-image: url("../images/Folder-Add.png");
}

.icon-lock {
    background-image: url("../images/Folder-Delete1.png");
}


#content #activity dl dt a{
    padding-left:0px !important;
}

#content #activity dl dt a.selected{
    padding-left:0px !important;
}

#content #activity dl dd a{
    padding-left:0px !important;
}

#content #activity dl dd a.selected{
    padding-left:0px !important;
}




.icon {
    background-repeat: no-repeat;
    padding-left: 20px !important;
}

.toggle-multiselect {
    background: url("../images/MultiSelectDropdown.png") no-repeat scroll 0 40% transparent;
    cursor: pointer;
    margin-left: 0;
}






div#content > p.breadcrumb ~ h2  {
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top: 1px solid #AECCD7;
    padding: 9px 20px 12px;
    margin: -2px -10px 10px;
}


#add-news, #add-message, #add-document {
    margin-bottom: 20px;
}

div#content h2.contacts_header {
    padding-bottom: 10px;
    /*	white-space: nowrap;*/
}

p.breadcrumb {
    margin: 4px 0 15px 0;
}


#roadmap {
    margin: 10px;
}

p.subtitle {
    margin: 0px 0 12px 0;
    font-size:10pt;
    color:#444;
}


.icon-fav {
    background-image: url("../images/Folder-UnFav1.png");
}



div.filters h2 .scope_title a {
    color: #222;
    text-decoration: none;
}



div#content > div.wiki {
    padding: 10px;
    padding-top: 20px;
}

.wiki.wiki-page > h2 {
    border-bottom: 1px solid #CCC;
    padding-bottom: 6px;
}

option {
    border-bottom: 1px dotted #d7d7d7;
}



#add-news, #add-message, #add-document {
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    position: relative;
    margin: -5px -10px 1px -10px;
    padding: 5px 10px 10px;
    border-bottom: 1px solid #AECCD7;
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    background-color: white;
}

/* Misc */


div.projects h3 {
    background: url("../images/NodesBlack.png") no-repeat scroll 0 50% transparent;
    color: #000;
    padding-left: 25px;
}

div.projects ul li a {
    color: #7e3878;
    font-size: 10.5pt;
    font-weight:400;
    padding-left:20px !important;
}

    div.projects ul li a:hover {
        text-decoration: underline;
        padding-left:20px !important;
    }

    div.projects ul li a.selected{
        padding-left:20px !important;
    }

.wiki img {
    max-width: 100%;
}

.wiki table img {
    width: 100%;
}

div.wiki pre, .wiki pre {
    padding: 6px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.controller-wiki div#content > div.contextual {
    margin-top: 20px;
}

.total-hours {
    font-size: 12pt;
    font-weight: normal;
}

.total-hours span.hours-int {
    font-size: 12pt;
}

.icon-move {
    background-image: url("../images/Edit.png");
}

.icon-history {
    background-image: url("../images/History.png");
}

.icon-cancel {
    background-image: url("../images/in.png");
}

/* 
div.journal .details {
    border: 0px solid white;
} */

div.journal > div {
    margin-top: 10px;
    margin-bottom: 10px;
}

div.journal .details:hover {
    background: none;
    border: none;
}


#context-menu, #context-menu ul li ul {
    -webkit-box-shadow: 0 0 3px #CCC;
    -moz-box-shadow: 0 0 3px #CCC;
    box-shadow: 0 0 3px #CCC;
}

    #context-menu li:hover {
        border: 1px solid #eee !important;
        background-color: #eee;
    }

    #context-menu ul {
        border-top: 1px solid #DDD;
        border-left: 1px solid #DDD;
        border-bottom: 1px solid #DDD !important;
        border-right: 1px solid #DDD !important;
    }

div.tooltip:hover span.tip {
    border: 1px solid #D9D9D9;
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05);
}

/* Modal form*/

div.modal h3.title {
    background: transparent;
    color: inherit;
}

div.modal {
    border-radius: 8px;
    border: 1px solid #CCC;
    padding: 20px 30px;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
}

#modalbg {
    background: white;
    opacity: 0.75;
}

/* Login form */
body.action-login #content, body.action-login #main.nosidebar #content {
    background: inherit;
    border: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}









/*Contacts*/

div.filters .live_search {
    margin-left: 11px !important;
}

input.live_search_field {
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.15);
    outline: none;
    padding: 3px 10px !important;
    border: 1px solid #C3C3C3;
}

.live_search input.live_search_field, label#search_overlabel {
    font-size: 11pt !important;
}

label#search_overlabel {
    padding-left: 12px !important;
    margin-top: -3px !important;
    /*	background: url(../images/search.png) no-repeat 100% 45%;*/
    padding-right: 28px;
}

label#search_overlabel {
    top: 11px !important;
}

table.contacts.index tbody tr:hover {
    background-color: #EFF5F8 !important;
}

table.contacts.index tbody tr.context-menu-selection:hover {
    background-color: #507AAA !important;
}

/*******************/
/* 		TAGS			
/*******************/

#edit_tags_form {
    padding: 8px;
}

h2 span.tag {
    letter-spacing: 0px;
    top: -4px;
    position: relative;
}

    h2 span.tag a {
        margin-bottom: -1px;
    }


div.filters .live_search {
    letter-spacing: 0px;
}

label#search_overlabel {
    margin-top: -4px;
}

.live_search input.live_search_field {
    margin-top: -6px;
}

span.tag a, span.deal-status {
    color: white;
    -webkit-text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    font-size: 10pt !important;
    line-height: 1 !important;
    margin: 2px 0px 2px 0px;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    position: relative;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    padding: 4px 6px 4px !important;
    background: black url(../images/dark-overlay.png) repeat-x scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/;
    -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/;
    box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/;
}

    span.tag a:hover {
        -webkit-text-shadow: none;
        text-shadow: none;
    }

    span.deal-status a:hover {
        color: black;
        -webkit-text-shadow: none;
        text-shadow: none;
    }

/*Contacts*/

.small-card td.name h2 {
    font-size: 15pt;
}

body.controller-contacts #content,
body.controller-notes #content,
body.controller-contacts_tasks #content,
body.controller-contacts_duplicates #content,
body.controller-sale_funel #content,
body.controller-deals #content {
    margin-right: 340px;
}

body.controller-contacts #sidebar,
body.controller-notes #sidebar,
body.controller-contacts_tasks #sidebar,
body.controller-contacts_duplicates #sidebar,
body.controller-sale_funel #sidebar,
body.controller-deals #sidebar {
    width: 300px !important;
}

.icon-checked {
    background-image: url("../images/Submit.png");
}

.icon-reload {
    background-image: url("../images/Synchronize.png");
}

.icon-save {
    background-image: url("../images/Save.png");
}

/*Invoices*/

table.invoice-lines tbody tr.line-data:hover {
    background-color: #EFF5F8 !important;
}

table.invoice-lines th {
    border: 0px !important;
}

table .progress td.todo {
    background: none repeat scroll 0 center #eff4ff;
}

span.invoice-status.draft {
    background-color: #AAA !important;
}

span.invoice-status.sent {
    background-color: #3F8AF7 !important;
}

span.invoice-status.paid {
    background-color: green !important;
    color: #fff;
}

#picture {
    width: 446px !important;
    top: 7px;
}

#title h2, #buttons, #title h1 {
    min-width: 550px !important;
}



/*******************/
/* 		jQuery UI			
/*******************/
.ui-widget {
    font-family: inherit;
    font-size: inherit;
}

.ui-widget-header {
    border: 0px;
    background: none;
    color: inherit;
    font-weight: bold;
}

.ui-widget-content {
    background: white;
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        background: #fcfcfc;
        font-weight: bold;
        color: inherit;
    }

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 16px .1em 0;
    font-size: 16pt;
    padding: 2px 10px 1px 0px;
    margin: 0 0 10px 0;
    color: #444;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: inherit;
    font-size: inherit;
}


    input[type=radio] label {
        padding-left: 23px;
        position: relative;
    }

        input[type=radio] label:before {
            position: absolute;
            display: block;
            height: 20px;
            width: 20px;
            content: "";
            text-indent: -9999px;
            border: 2px #d9d9d9 solid;
            z-index: 1;
            opacity: 1;
            top: 0;
            left: 0;
            border-radius: 100%;
        }


input[type="radio"]:disabled + label:before {
    cursor: default;
    background: #e6e6e6;
}

input[type="radio"]:disabled + label:after {
    background-color: #8a8a8a;
}

input:not(:disabled):hover + label:before {
    border-color: #919191;
}

input:not(:disabled):hover + label:after {
    border-color: #1e1e1e;
}




span.search_for_watchers a, span.add_attachment a {
    background: url("../images/Document-Add.png") no-repeat scroll 0 50% transparent;
    padding-left: 20px !important;
}

.icon-edit {
    background-image: url("../images/Folder-Edit1.png");
}

.icon-time-add {
    background-image: url("../images/Clock2.png");
}

.icon-copy {
    background-image: url("../images/Copy-Folder1.png");
}

.icon-fav-off {
    background-image: url("../images/Folder-Fav1.png");
}




#content #wiki_add_attachment p a{
    padding-left:0px !important;
}

#content #wiki_add_attachment p a.selected{
    padding-left:0px !important;
}

#content .other_formats span a{
    padding-left:0px !important;
}

#content .other_formats span a.selected{
    padding-left:0px !important;
}

.buttons {
    margin:  5px;
    font-size: 0.9em;
}

#content #query_form .buttons a{
    padding-left:25px !important;
}

#content #query_form .buttons a.selected{
    padding-left:25px !important;
}

div#activity dt.me .time {
    border-bottom: 1px solid #000;
}
div#activity dt .time {
    color: #000;
    font-size: 100%;
}

div#activity dd span.description, #search-results dd span.description {
    color: #444;
    display: block;
}
div#activity dd .description, #search-results dd .description {
    font-style: italic;
}
div#activity dd, #search-results dd {
    font-size: 10pt;
    font-weight:200;
}

a.collapsible.collapsed {
    background: url("../images/arrow_collapsed.png") no-repeat scroll -5px 40% transparent;
}

a.collapsible{
    background: url("../images/arrow_expanded.png") no-repeat scroll -3px 40% transparent;
}

#content .splitcontentright .projects ul li a{
    padding-left:0px !important;
}

#wrapper3 #main #content form .box p .help a{
    padding-left:25px !important;
}

#content #wiki_form .box .help a{
    padding-left:25px !important;
}

#content #query_form p a.icon{
    padding-left:25px !important;
}

#footer .bg1 .bgr a{
    padding-left: 0px !important;
}

#footer .bg1 .bgr a.selected{
    padding-left: 0px !important;
    text-decoration:underline;
}





/* 04.02 fixes */






div#history {
    background: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #d0d0d0;
    padding: 20px;
    border-radius: 3px;
}

div#history .tab-content {
    padding: 0;
    margin: 0;
    border: 0;
}

div#history h4.note-header {
    font-size: 10pt;
    font-weight: 400;
}

div#history div.journal div.wiki {
    margin-left: 10px;
}

div#history div.journal ul.details {
    margin-bottom: inherit;
}



.context-menu-selection a.icon-only, .context-menu-selection a.icon-only:hover {
    color: transparent !important;
}

div.journal div.contextual {
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}

div.journal div.contextual > a.journal-link {
    min-width: 30px;
}

div.contextual span.journal-actions a.icon-only {
    margin-left: 5px;
    margin-right: 5px;
    background-position-x: 50%;
    background-position-y: 50%;
    text-indent: 100%;
}

div.contextual a.journal-link {
    padding: 3px 5px;
    margin: 0;
    font-size: 10pt !important;
    line-height: 16px;
}



p.percent {
    font-size: 100%;
}




div#content div#issue_tree {
    min-height: 30px;
}



div.issue .next-prev-links a {
    margin: 0;
}

div.issue .next-prev-links > a:first-child {
    padding-left: 0;
}

div.issue .next-prev-links > a:last-child {
    padding-right: 0;
}

div.issue .next-prev-links {
    padding-left: 25px;
    padding-right: 25px;
    color: #FFF !important;
    font-size: 11pt !important;
    font-weight: 300 !important;
}




div.attachments div.contextual {
    padding: 5px 15px;
}


#user_login, #user_firstname, #user_lastname, #user_mail, #my_account_form select, #user_form select, #user_identity_url {
    width: 100%;
}

    fieldset#filters td.field {
        width: 190px;
    }

    fieldset#filters td.field > label {
        font-size: 10pt;
    }

    fieldset#filters td.operator {
        width: 200px;
    }

    fieldset#filters td.operator select {
        max-width: 185px;
        min-width: 185px;
    }


/* Impersonation plugin */
body > div#impersonation-bar {
    margin: 5px 3.5% 0 3.5% !important;
}


/* Mobile version */

@media screen and (max-width: 899px) {
    #header {
        background-color: #e2e2e2 !important;
    }

    #project-jump .drdn-trigger {
        height: 54px !important;
        font-size: 1.5em !important;
        padding-left: 53px !important;
        line-height: 46px !important;
    }

    #project-jump .drdn-trigger:before {
        left: 0.9em !important;
    }

    #project-jump .drdn-content {
        width: 100% !important;
    }

    a.mobile-toggle-button {
        border-left: 1px solid #bbb !important;
        font-size: 42px !important;
        color: #444 !important;
    }

    .flyout-menu {
        background-color: #4b4b4b !important;
    }

        .flyout-menu a {
            color: #fff !important;
        }

        .flyout-menu .flyout-menu__search {
            line-height: 54px !important;
            height: 58px !important;
            padding-top: 0 !important;
        }

        .flyout-menu h3 {
            margin: 0 3px !important;
            border-top: 1px solid #666 !important;
            border-bottom: 1px solid #666 !important;
            background-color: #727272 !important;
        }

        .flyout-menu .search-magnifier--flyout {
            left: 15px !important;
            top: 3px !important;
        }

        .flyout-menu .flyout-menu__sidebar > div#watchers {
            padding-left: 0 !important;
        }

            .flyout-menu .flyout-menu__sidebar div#watchers > div.contextual {
                background-color: #4b4b4b !important;
            }

            .flyout-menu .flyout-menu__sidebar div#watchers > div.contextual a {
                height: 39px !important;
                line-height: 39px !important;
                padding: 0 !important;
                padding-left: 8px !important;
                border-top: 1px solid rgba(255,255,255,.1) !important;
                font-size: 10pt !important;
                font-weight: 400 !important;
                width: 100% !important;
            }

            .flyout-menu .flyout-menu__sidebar div#watchers a.user {
                width: 100% !important;
            }
            
            .flyout-menu .flyout-menu__sidebar div#watchers a.icon-only {
                margin-right: 10px !important;
            }


    #content > .contextual {
        text-align: center !important;
        padding: 8px 12px !important;
        width: auto !important;
    }

    #content > .contextual > a, #content > .contextual .drdn, p.buttons a {
        margin: 3px !important;
        padding-left: 27px !important;
        border-radius: 5px !important;
        background-position-x: 5px !important;
    }

    #content > h2 {
        line-height: 32px !important;
    }

    .pagination .per-page span.selected {
        font-size: 10pt !important;
    }
}