form .aligned p.help {
    color: #777;
    display: block;
    max-width: 200px;
    padding-left: 19em;
}

body.login  #header #branding h1 {
    height: 57px;
    text-align: center;
}

.inline-group .original p{
    display: none;
}

.inline-group .tabular tr.has_original.dynamic-statushistory_set td {
    padding-top: 0em !important;
}

.inline-group .tabular tr.has_original td {
    padding-top: 0em !important;
}

#group_form .form-row.field-permissions .selector-available, #group_form .form-row.field-permissions .selector-chosen {
    width: 450px;
}
#group_form .form-row.field-permissions .selector  {
    width: 1000px;
}#group_form .form-row.field-permissions .selector select {
    width: 450px;
}

#entity_form .form-row label,
#entitycontactcenteroperator_form .form-row label,
#entityqualitycontroloperator_form .form-row label,
#entitytelemarketingoperator_form .form-row label,
#entitycontroldispatcher_form .form-row label,
#entityaccountant_form .form-row label
{
    width: 15em;
}

#entity_form .form-row label,
#entitycontactcenteroperator_form .form-row label,
#entityqualitycontroloperator_form .form-row label,
#entitytelemarketingoperator_form .form-row label,
#entitycontroldispatcher_form .form-row label,
#entityaccountant_form .form-row label
{
    width: 15em;
}

form .aligned p, form .aligned ul {
    display: inline-block;
    /*display: block;*/
    margin-left: 0;
    padding-left: 0;

}
.field-box.field-total label {
    width: 5em !important;
}

form .aligned p.help {
    padding-left: 19em;
    /*padding-left: 12em;*/
    display: block;
    max-width: 200px;
}

/*.form-row .field-box ~ .field-box {*/
    /*margin-left: 40px;*/
/*}*/

.form-row .field-box ~ .field-box label {
    /*width: auto !important;*/
    text-align: right;
}


#changelist-filter {
    width: 300px;
}

.filtered .actions {
    margin-right: 300px !important;
}

.change-list .filtered .results, .change-list .filtered .paginator, .filtered #toolbar, .filtered div.xfull {
    margin-right: 300px !important;
}
.change-list .filtered {
    background: none !important;
}
a.do_action_common {
    float: right;
    margin: 2px;
    padding: 1px 10px;
}
a.form_button {
    border: 1px solid;
    border-radius: 10px;
    display: inline-block;
    font-weight: 700;
    outline: medium none;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease 0s;
    width: auto;
}

a.form_button:hover {
    background: rgb(225,225,225);
}


a.do_action.disabled {
    color: lightgray;
}

a.do_action:before{
    /*content: "✆ ";*/
    font-size: 12pt;
    vertical-align: middle;
    font-weight: bold;
    display: inline-block;
    padding-right: 4px;
}
a.do_action.disabled {
    color: lightgray;
}

a.do_action_cell.disabled {
    color: lightgray;
}

a.do_action_cell:before{
    content: "✆ ";
   font-size: 12pt;
    vertical-align: middle;
    font-weight: bold;
    display: inline-block;
    padding-right: 4px;
}

tr.row1.is_important{
    background: linear-gradient(left , #F5DDDD , #EDF3FE );
    background: -o-linear-gradient(left , #F5DDDD , #EDF3FE );
    background: -moz-linear-gradient(left , #FF7777 , #EDF3FE );
    background: -webkit-linear-gradient(left , #F5DDDD , #EDF3FE );
    background: -ms-linear-gradient(left , #F5DDDD , #EDF3FE );
    background: -webkit-gradient(
        linear,
        left bottom,
        right bottom,
        color-stop(1, #FF0000),
        color-stop(1, #EDF3FE)
    );
}

tr.row2.is_important{
    background: linear-gradient(left , #F5DDDD , #EDF3FE );
    background: -o-linear-gradient(left , #F5DDDD , #EDF3FE );
    background: -moz-linear-gradient(left , #F5DDDD , #EDF3FE );
    background: -webkit-linear-gradient(left , #F5DDDD , #EDF3FE );
    background: -ms-linear-gradient(left , #F5DDDD , #EDF3FE );

    background: -webkit-gradient(
        linear,
        left bottom,
        right bottom,
        color-stop(1, #F5EEEE),
        color-stop(1, #FFFFFF)
    );
}


tr.row1.ready {
    /*background: -moz-linear-gradient(left, #ddf5dd, #EDF3FE)*/
    background: linear-gradient(left , #DDF5DD , #EDF3FE );
    background: -o-linear-gradient(left , #DDF5DD , #EDF3FE );
    background: -moz-linear-gradient(left , #DDF5DD , #EDF3FE );
    background: -webkit-linear-gradient(left , #DDF5DD , #EDF3FE );
    background: -ms-linear-gradient(left , #DDF5DD , #EDF3FE );

    background: -webkit-gradient(
        linear,
        left bottom,
        right bottom,
        color-stop(1, #DDF5DD),
        color-stop(1, #EDF3FE)
    );
}

tr.row1.is_unanswered{
    background: linear-gradient(left , #ff8800 , #ff8800 );
    background: -o-linear-gradient(left , #ff8800 , #ff8800 );
    background: -moz-linear-gradient(left , #ff8800 , #ff8800 );
    background: -webkit-linear-gradient(left , #ff8800 , #ff8800 );
    background: -ms-linear-gradient(left , #ff8800 , #ff8800 );
    background: -webkit-gradient(
        linear,
        left bottom,
        right bottom,
        color-stop(1, #ff8800),
        color-stop(1, #ff8800)
    );
}

tr.row2.is_unanswered{
    background: linear-gradient(left , #ff8800 , #ff8800 );
    background: -o-linear-gradient(left , #ff8800 , #ff8800 );
    background: -moz-linear-gradient(left , #ff8800 , #ff8800 );
    background: -webkit-linear-gradient(left , #ff8800 , #ff8800 );
    background: -ms-linear-gradient(left , #ff8800 , #ff8800 );

    background: -webkit-gradient(
        linear,
        left bottom,
        right bottom,
        color-stop(1, #ff8800),
        color-stop(1, #ff8800)
    );
}

tr.row2.ready {
    background: linear-gradient(left , #EEF5EE , #FFFFFF );
    background: -o-linear-gradient(left , #EEF5EE , #FFFFFF );
    background: -moz-linear-gradient(left , #EEF5EE , #FFFFFF );
    background: -webkit-linear-gradient(left , #EEF5EE , #FFFFFF );
    background: -ms-linear-gradient(left , #EEF5EE , #FFFFFF );

    background: -webkit-gradient(
        linear,
        left bottom,
        right bottom,
        color-stop(1, #EEF5EE),
        color-stop(1, #FFFFFF)
    );
}

form.is_important .form-row {
    background-color: #F5EEEE !important;
}

tr .is_important {
   color: red;
   font-weight: bold;
}

form.is_unanswered .form-row {
    background-color: #ff8800 !important;
}

tr .is_unanswered {
   color: green;
   font-weight: bold;
}

/*.form-row #id_is_important*/

a.send_sms:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB60lEQVR4nKWTMYsTURSFv/veuNkUwwqyhgUrBVksXUggYSXFIGovIm5jJ6L/wB/gDxAsrWwsVbBwxICCmbiFhYXNClupIJqQmU12k3nXYt64yW6svM2bee+c8+49cwb+s6R8iKK2ABXAAA7Yj+OOHiUcxcnM5snhcPQAuAssz3ByVX2fZdnltbXVKbACWCAH+oEHVQArwm1VXgJzN4vIZhiGG8AuEABT4Hscd7QUMMVNBEmS3PAj/K16vf7KWlPLc9e31gyAH3HccXg1PGGwyKQoalvnuC9CnmXjJ8DNbrebl+fGr/ulYlnNZvNco9HYSdPxzt7e+E2Wjd+qalNVX7RarbDEBQCL3HbOLYtwtnhT9BCxMZlMHgNbsx0cazsI7KniK8+RAX475x56nARHyevr5w1wulI58U1Vr0yn+S/vEar6TETubG9vf46itgGWjnVQq63WgECErFpdipMk+aiq95xzBthKkuR1FLUtRR7MbBJNmo4GIvK8sEBHHObhqqre6vV67zy5BhwA6VwS03S8CxqqMlXVSyLyCLjoRTbDsPrBkwNgCPTLESoU8ex5wwJjzHXgjD//aa39MkOeAoMFSXTXnNMLxhirhdJTgMnk4GsYruDbHnnysST2k6SnwKdZU4vxqv/8S/8ABkjirgfcNGMAAAAASUVORK5CYII=) repeat scroll 0 -1px rgba(0, 0, 0, 0);
    width: 16px;
    height: 16px;
    content: " ";
    display: inline-block;
    vertical-align: middle;
}

fieldset .field-box {
    margin-right: 50px;
    min-width: 420px;
}

.form-row label {
    text-align: right;
    width: 15em;
}

.print_icon {
    background: url("../../images/icon_print.gif") no-repeat scroll right 0 rgba(0, 0, 0, 0);
    padding-right: 19px;

}

.Phase {
    background-color: #b3b3b3;
    margin-left: 20px;
}

.task {
    background-color: #999;
    margin-left: 20px;
}

.phase {
    background-color: #CCC;
    margin-left: 20px;
}

.step {
    background-color: #FF0;
    margin-left: 20px;
}

.taskresult {
    background-color: #FF4;
    margin-left: 20px;
}


.tree_list ul {
    display: block !important;
}
.tree_list li {
    list-style: none !important;
    position: relative;
    padding: 2px 0 2px 20px;
    /*color: #D29D25;*/
    font-variant: small-caps;
    font-weight: bold;
      cursor: pointer;
}
.tree_list li:before {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #4F5151;
  content: "";
  left: 0;
  transition: .3s ease-in-out;
  top: 6px;
}
.tree_list li:after {
  position: absolute;
  border-left: 1px dotted #4F5151;
  width: 1px;
  bottom: 0px;
  content: "";
  left: 3px;
  top: 6px;
}
.tree_list li:hover:before{
  box-shadow: 0 0 0 10px rgba(0,0,0,.2)
}
.tree_list li:last-child:after {
  content: none;
}

.alertnote {
    font-size: 12px !important;
    display: block;
    padding: 4px 5px 4px 25px;
    margin: 0 0 3px 0;
    border: 1px solid yellow;
    color: orange;
    background: #ffc url("/static/img/icon_alert.gif") 5px .3em no-repeat;
}