.btn-assign {
    background-color: #fafad2;
    border-color: #fafad8;
    color: #000;
}
.btn-assign.active, .btn-assign:active, .btn-assign:hover {
    background-color: goldenrod;
    border-color: #dadab8;
    color: #fff;
}
.btn-dispatch {
    background-color: #f0f7ff;
    border-color: #e0e7ef;
    color: #000;
}
.btn-dispatch.active, .btn-dispatch:active, .btn-dispatch:hover {
    background-color: #0098cc;
    border-color: #8fcecf;
    color: #fff;
}
.btn-reassign {
    background-color: #FFEFD5;
    border-color: #FFEAC8;
    color: #000;
}
.btn-reassign.active, .btn-reassign:active, .btn-reassign:hover {
    background-color: #a94442;
    border-color: darkred;
    color: #fff;
}

.container {
    width: 90%;
}

div.body {
    display: table;
    width:100%;
}
div.body .menu-container {
    width: 80px;
    display: table-cell;
    vertical-align: top;
}
.controls.readonly {
    padding-top: 5px;
}
.menu {
    width: 80px;
    background: #fafafa;
    padding-top: 10px;
    padding-bottom: 10px;
}
div.body .menu div.submenu {
    margin-left: 65px;
    top: -2px;
    padding: 4px 0;
}
div.submenu .panel-body {
    padding: 0;
}
div.submenu ul {
    margin: 0;
    list-style-type: none;
    padding: 0;
}
div.submenu li a {
    font-size: 10px;
    border-top: 1px #f0f0f0 solid;
    border-bottom: 1px #f0f0f0 solid;
    display: block;
    width: 100%;
    padding: 10px 20px 10px 10px;
}
div.submenu li a:hover {
    background: #f1f1f1;
}
ul.subsubmenu {
    background: #fafafa;
}
div.submenu ul.subsubmenu li a {
    padding-left: 30px;
}
div.body .container {
    width: auto;
    display: table-cell;
    vertical-align: top;
}
.menu-container > .menu > ul {
    list-style-type: none;
    font-size: 20px;
    margin: 0;
    padding: 0;
    text-align: center;
}
.menu-container .menu > ul > li {
    padding: 10px;
}
.menu-container .menu > ul > li > a {
    padding: 12px 10px 10px;
}
.menu-container .menu > ul > li > a:hover {
    background: #f1f1f1;
}
.sticky {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    border-top: 0;
}
div.document div.modal-body .nav-tabs {
    border-bottom: 0;
}
div.document div.modal-dialog {
    width: 90%;
    height: 90%;
}
div.document div.modal-body {
    overflow-y: auto;
}

div.task-tab-content {
    width: 50%;
    /*float: left;*/
    height: 100%;
}
.nonmodal-form .form-control, .nonmodal-form textarea {
    width: 100% !important;
    font-size: 10px;
}
.modal-body label, .popover-content label {
    font-size: 10px;
    padding-top: 5px;
}
.modal-body .form-control {
    height: 26px;
    font-size: 11px;
}
.modal-body .form-inline .form-group{
    width: 50%;
    float: left;
    margin-right: 0;
}
.popover-content .form-inline .form-group{
    width: 100%;
    float: left;
    margin-right: 0;
}
.modal-body .form-inline .form-group span, .popover-content .form-inline .form-group span{
    padding-top: 4px;
    display: inline-block;
}
.popover-content table {
    font-size:11px;
}
.popover-content table a.pagination {
    padding-top: 3px;
}
.popover-content table div.info {
    padding-top: 3px;
}

.modal-body .form-inline .form-group input,
.modal-body .form-inline .form-group select,
.modal-body .form-inline .form-group textarea,
.modal-body .form-horizontal .form-group multiselect,
.modal-body .form-horizontal .form-group multiselect div.btn-group,
.modal-body .form-horizontal .form-group multiselect div.btn-group button,
.popover-content .form-inline .form-group input,
.popover-content .form-inline .form-group select,
.popover-content .form-inline .form-group textarea {
    width: 100%;
}
.modal-body .form-horizontal .form-group multiselect div.btn-group button {
    padding: 2px 0px
}
.modal-body fieldset {
    margin-bottom: 20px;
}
.modal-body .imageZoomButtonsContainer button.btn {
    font-family: "Glyphicons Halflings";
    padding: 2px 7px;
    top:0;
}
.modal-body .imageZoomButtonsContainer button.btn:nth-child(7) {
    font-family: "HelveticaLight";
}
button.btn-small {
    padding: 2px 7px;
}
button.glyphicon-button {
    font-family: "Glyphicons Halflings";
    padding: 2px 7px;
    top:0;
}
.modal-header {
    padding: 5px 10px;
}
.modal-warning {
    position: absolute;
    z-index: 1200;
    top:30%;
    left: 50%;
    width: 400px;
    margin-left: -200px;
}
.imageZoomButtonsContainer input, .imageZoomButtonsContainer select{
    height: 25px;
}
div.task-tab-content div.attachments img {
    width: 100%;
}

div.task-tab-content div.attachments div.image-container {
    overflow: auto;
    position: relative;
    float: left;
    width:100%;
    text-align: center;
}
div.task-tab-content div.attachments div.image-container .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    text-align: center;
    background: #ffffff;
}
div.task-tab-content div.attachments div.image-container .loading img {
    width: 16px !important;
    height: 16px;
}
div.task-tab-content div.attachments div.image-full-size {
    width:100%;
    max-height: 500px;
    overflow: auto
}
div.task-tab-content div.attachments div.image-full-size > img{
    width: auto;
    height: auto;
}

div.task-tab-content div.panel-body {
    overflow: auto;
}

table.default-table tr.info td {
    background: #0098cc;
    color: #ffffff;
}
table.default-table tr.info:hover td {
    color: #314048
}

table.task-execute-sessions-table {
    border-collapse: collapse;
    width: 100%;
}
table.task-execute-sessions-table tr.hover:hover {
    background: #fcf8e3;
    cursor: pointer;
}

table.task-execute-sessions-table tr td {
    padding: 1px 4px;
    vertical-align: middle;
}
table.task-execute-sessions-table tr:nth-child(4n+1) {
    /*background: #d6e4f3;*/
    background: #f1efef;
}
table.task-execute-sessions-table tr:nth-child(4n+2) {
    background: #ffffff;

}
table.task-execute-sessions-table tr:nth-child(4n+3) {
    background: #f1efef;
}
table.task-execute-sessions-table tr:nth-child(4n+4) {
    background: #ffffff;
}

table.task-execute-sessions-table tr:nth-child(4n+2) td, table.task-execute-sessions-table tr:nth-child(4n+4) td {
    padding-bottom: 10px;
}
.angucomplete-dropdown {
    width: 200px;

}
.angucomplete-row {
    font-size: 12px;
    margin: 0;
    padding: 0 0 4px 10px;
}
.vendor .popover {
    max-width: 560px;
}
.vendor .angucomplete-dropdown {
    width: 100%;
}

.modal-body .form-inline .form-group .validation-warning span.help-block {
    margin-bottom: 0;
    margin-top: 0;
    padding: 2px 5px 1px;
}
div.form-table-row {
    height: 27px;
    float: left;
    position:relative;
    width:100%;
}
div.form-table-row-content {
    height: 27px;
    position: absolute;
}
div.form-table-row-content span {
    white-space: nowrap;
}
.modal-body .form-inline .form-group div.form-table-row-content > span{
    padding-top: 6px;
    padding-left: 5px;
    width:100%;
    overflow: hidden;
}
div.form-table-row-background {
    height: 27px;
    position: absolute;
    z-index: 100;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,ffffff+91,ffffff+100&0+84,1+100 */
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 1%, rgba(255,255,255,0) 84%, rgba(255,255,255,0.44) 91%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 1%,rgba(255,255,255,0) 84%,rgba(255,255,255,0.44) 91%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(255,255,255,0) 1%,rgba(255,255,255,0) 84%,rgba(255,255,255,0.44) 91%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */


}
.ta-editor.ta-html, .ta-scroll-window.form-control {
    width: 100%;
}
.file-selector {
    display: none;
}
.popover{
    max-width: 100%; /* Max Width of the popover (depending on the container!) */
}
div.comment {
    border-bottom: 1px #e5e5e5 solid;
    border-right: 1px #e5e5e5 solid;
    padding: 10px;
    margin-bottom: 10px;
    background: #f5f3f3;
    clear: both;
    overflow: auto;
}
span.comment-author {
    color: #0098cc;
    font-weight: bold;
}
p.comment-content {
    color: #000000;
    margin-top: 5px;
    margin-bottom: 5px;
    word-break: break-all;
}
span.comment-date {
    color: #808080;
}
p.approver-comment-content {
    border: 1px #cccccc solid;
    padding: 4px 8px;
    color: #555555;
    font-size: 11px;
}
.form-inline textarea.form-control {
    padding: 5px 10px;
}

.datepicker button {
    font-size: 12px ;
    padding: 3px 0 ;
}
div.table-pagination {
    clear: both;
}
.popover-alert {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 10px;
}
.highlight {
    color: #0098cc;
    font-weight: bold;
}
.alert-danger  {
    color: #a94442;
}
.alert-warning {
    color: #8a6d3b;
}
div.attachment {
    float:left;
}
div.attachment {
    border: 1px #dddddd solid;
    margin: 2px;
    padding: 2px;
    background: #f0f7ff;
}
div.attachment:hover {
    background: #fcf8e3;
    border: 1px #dddddd solid;
}
div.attachment-pointer:hover {
    cursor: pointer;
}
.field-bmargin-5 {
    margin-bottom: 5px;
}
.field-bmargin-2 {
    margin-bottom: 2px;
}
.doc-edit-label {
    width: 120px;
    padding-right: 0px;
}
.w100pct {
    width: 100%;
}
.user-modal div.modal-dialog, .role-modal div.modal-dialog{
    width: 800px;
}
.group-modal div.modal-dialog {
    width: 1000px;
}
.user-groups-table {
    max-height: 300px;
    overflow: auto;
    padding-right: 0;
}
.user-groups-table table {
    width: 100%;
    margin-top: 6px;
}
.user-groups-table table > tbody > tr:nth-child(2n+1) > td {
    background: #f5f3f3;
}
.panel-heading > button {
    float:right;
    padding: 0 10px;
}

.table-striped > tbody > tr.selected:nth-child(2n+1) > td, .table-striped > tbody > tr.selected > td {
    background-color: #b70132;
    border-color: #b70132;
    background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
    background-repeat: repeat-x;
}
table.default-table.table-striped tbody tr.selected:hover td {
    background: #46c5ef;
}
.modal-body .form-inline .form-group.pickup-component {
    width: 100%;
}
.pickup-component button.btn {
    font-family: "Glyphicons Halflings";
    padding: 2px 7px;
    top:0;
    margin-bottom: 2px;
}
p.validation-warning {
    display: inline-block;
    width: 100%;
}
.table-config-grid th.default-table-action-column {
    width: 20% !important;
}
ul.columns-dropdown li a {
    display: inline-block;
    padding: 0;
    white-space: nowrap;
    text-decoration: none;
    width: 100%;
}
ul.columns-dropdown li a span.not-selected {
    padding-left: 18px;
}

ul.columns-dropdown {
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    padding: 5px 0;
    text-align: left;
}
ul.columns-dropdown .hide {
    visibility: hidden;
}

.default-table-action-column {
    background-color: #314048 !important;
}
.default-table-action-cell {
    background: white none repeat scroll 0 0 !important;
    color: white !important;
    text-align: left !important;
}
.default-row-select-column {
    background-color: #314048 !important;
}
.default-row-select-cell {
    background: white none repeat scroll 0 0 !important;
    color: white !important;
    text-align: center !important;
}
table.default-table td, table.default-table th {
    border: 1px solid lightgray !important;
}

table.upload-table {
    width: 100%;
    margin-top:2px;
}
table.upload-table td{
    padding-bottom: 2px
}
.modal-body .form-inline .form-group.form-group-full {
    width: 100%;
}
@media screen and (max-width: 1620px) {
    .modal-body .form-inline .form-group {
        width:100%;
    }
}
.tab-navi-a {
    padding: 5px 10px 15px 15px !important;
}
.tab-dock-arrow {
    color: lightgreen !important;
}
.visibility-icon {
    font-size: 20px;
}
.green-icon {
    color: green !important;
}
.red-icon {
    color: red !important;
}
.grey-icon {
    color: lightgray !important;
}
.filter-form-row{
	margin-bottom:5px;
}
.filter-multiselect button{
	height:18px;
	padding: 0px 0px;
	padding-bottom: 2px;
	color: black;
	font-size: 12px;
}
.filter-form-single-input{
	width:120px; 
	height:18px;
}
.filters-pickup input{
	width:100% !important;
}
.form-group.uib-time.hours, .form-group.uib-time.minutes {
    width: 100% !important;
}
div.document-preview {
    width: 50%;
    float: left;
    height: 100%;
}
div.document-preview img {
    width: 100%;
}

div.document-details {
    width: 49%;
    float: right;
    height: 100%;
}
div.document-preview div.image-container {
    overflow: auto;
    position: relative;
    float: left;
    width:100%;
    text-align: center;
}
div.document-preview div.image-container .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    text-align: center;
    background: #ffffff;
}
div.document-preview div.image-container .loading img {
    width: 16px !important;
    height: 16px;
}

li.active {
    background: grey;
}

li.nav-element {
    margin: 0;
    padding-top: 1px;
    padding-bottom: 1px;
}
li.nav-element > a {
    color: black;
    padding: 0px 10px 0px 10px;
}

.modal-footer {
    padding: 5px;
    margin-top: 0px;
}