:root {
    --bgColor: white;
    --inputColor: black;
    --outlineColor: dodgerblue;
    --beamColor: #2ebb96;
    --spacer: 1rem;
}

* {
    box-sizing: border-box;
}

html,
body {
    height: 100%;
}

body {
    display: grid;
    place-items: center;
    background: var(--bgColor);
}

body.show-password {
    --bgColor: black;
    --inputColor: white;
    --outlineColor: var(--beamColor);
}

form {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    padding: var(--spacer);
}

form>*+* {
    margin-top: var(--spacer);
}

.form-item>*+* {
    margin-top: 0.5rem;
}

label,
input,
button {
    font-size: 1.5rem;
    font-family: monospace;
    color: var(--inputColor);
}

label:focus,
input:focus,
button:focus {
    outline: 3px solid var(--outlineColor);
    outline-offset: 2px;
}

label::-moz-focus-inner,
input::-moz-focus-inner,
button::-moz-focus-inner {
    border: none;
}

label[id="password"],
input[id="password"],
button[id="password"] {
    color: black;
}

button {
    border: none;
}

[id="submit"] {
    cursor: pointer;
    margin: calc(var(--spacer) * 2) 0 0 2px;
    padding: 0.75rem 1.25rem;
    color: var(--bgColor);
    background-color: var(--inputColor);
    box-shadow: 4px 4px 0 rgba(30, 144, 255, 0.2);
}

[id="submit"]:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}

.input-wrapper {
    position: relative;
}

input {
    padding: 0.75rem 4rem 0.75rem 0.75rem;
    border: 2px solid transparent;
    border-radius: 0;
    background-color: transparent;
    box-shadow: inset 0 0 0 2px black, inset 6px 6px 0 rgba(30, 144, 255, 0.2), 3px 3px 0 rgba(30, 144, 255, 0.2);
    -webkit-appearance: none;
}

input:focus {
    outline-offset: 1px;
}

.show-password input {
    box-shadow: inset 0 0 0 2px black;
    border: 2px dashed white;
}

.show-password input:focus {
    outline: none;
    border-color: var(--beamColor);
}

[id="eyeball"] {
    --size: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: none;
    position: absolute;
    top: 70%;
    right: 0.75rem;
    border: none;
    background-color: transparent;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

[id="eyeball"]:active {
    -webkit-transform: translateY(calc(-50% + 1px));
    transform: translateY(calc(-50% + 1px));
}

.eye {
    width: var(--size);
    height: var(--size);
    border: 2px solid var(--inputColor);
    border-radius: calc(var(--size) / 1.5) 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.eye:before,
.eye:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border-radius: 100%;
}

.eye:before {
    width: 35%;
    height: 35%;
    background-color: var(--inputColor);
}

.eye:after {
    width: 65%;
    height: 65%;
    border: 2px solid var(--inputColor);
    border-radius: 100%;
}

[id="beam"] {
    position: absolute;
    top: 50%;
    right: 1.75rem;
    -webkit-clip-path: polygon(100% 50%, 100% 50%, 0 0, 0 100%);
    clip-path: polygon(100% 50%, 100% 50%, 0 0, 0 100%);
    width: 100vw;
    height: 25vw;
    z-index: 1;
    mix-blend-mode: multiply;
    transition: -webkit-transform 200ms ease-out;
    transition: transform 200ms ease-out;
    transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: translateY(-50%) rotate(var(--beamDegrees, 0));
    transform: translateY(-50%) rotate(var(--beamDegrees, 0));
    pointer-events: none;
}

.show-password [id="beam"] {
    background: var(--beamColor);
}

.active>.list {
    display: block;
}


* {
    margin: 0;
    padding: 0;
}
body {
    overflow: hidden;
}
.login-content {
    /* height: 360px;
    width: 350px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -160px;
    margin-top: -200px */

    font-size: 3rem;
    width: 500px;
}
.login-content .login-head {
    background: white;
    height: 60px;
    line-height: 60px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    letter-spacing:3px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}
.login-content > input::-webkit-input-placeholder{
    color:white;
}
.login-content > input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:white;
}
.login-content > input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:white;
}
.login-content > input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:white;
}
.login-content .login-body {
    height: 300px;
    background-color: rgba(255,255,255,0.1);
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px
}
.login-body .form-content {
    width: 90%;
    margin: 0 auto
}
.form-content .form-account {
    padding-top: 40px;
    padding-bottom:15px;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 2px solid rgba(255,255,255,0.4);
}
.form-account i {
    color: white;
}
.form-account input {
    width: 90%;
    border: none;
    float: right;
    height: 20px;
    background: transparent;
    outline: none;
    color:white;
    border-radius: 5px;
}
.martop20 {
    margin-top: 20px;
}
.rem span {
    color: white;
    margin-left: 10px;
}
.loginbtn {
    margin-top: 30px;
    text-align: center;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}
.loginbtn button {
    background: rgba(255,255,255,0.5);
    outline: none;
    font-weight: bold;
    height: 45px;
    border-radius: 10px;
}
.loginbtn span {
    color: white
}
input:-webkit-autofill{
    background-color: rgb(250, 255, 189);
    background-image: none;
    color: yellow;
}
.white {
    color: white;
}
.marleft10 {
    margin-left: 10px;
}
.nav-header .headtitle {
    /* color: white;
    font-weight: bolder;
    font-size: 18px;
    margin-left: 20px;
    margin-top: 3px;
    display: inline-block */
    color: white;
    font-size: 19px;
    margin-left: 20px;
    font-weight: 550;
    display: inline-block;
    padding: 5px;
}
<!-- -->

.side-nav {
    min-height: 300vh;
    background: #ebebeb;
     /*#09192a;*/
}
.top-navbar {
    background:#ed5565;
    /*#ed5565;*/
    line-height: 50px;
    margin-bottom: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-left: 50px;
    z-index: 99999;
}
.side-nav >li >a {
    display: block;
    padding-left: 50px;
}
.left-navbar {
    position: fixed;
    z-index: 1;
    width: 220px;
    left: 0;
    top:50px;
}
.leftnav-list li {
    list-style: none;
    padding-top: 15px;
    padding-bottom: 15px;
}

.leftnav-list li::before {
    content: "\02022";
    margin-left: 30px;
    margin-right: 18px;
    color: #5d9cec;
    font-style: normal;
    text-decoration: none;
  }
 .leftnav-list li:hover, .leftnav-list li:active , .leftnav-list li:focus {
     background: #f5f5f5;
     cursor: pointer;
 }
 .top-navbar .userinfo {
     list-style: none;
     float: right;
     /* margin-right: 50px; */
     padding: 8px;
}
.martop40 {
    margin-top: 40px;
}

<!--  -->

.searchbg {
    background: url("./static/images/search.png");
}
.delivery-table {
    width: 100%;
}
.delivery-table tr th,.delivery-table tr td {
    padding: 8px;
    text-align: left;
}
.delivery-table tr th {
    background: #D3D3D3;
    color: white;
}
.delivery-table tbody tr {
    background: white;
}
.delivery-table tbody tr td {
    /*color: grey;*/
    /*background: white;*/
}
.delaymonth {
    background: lightsteelblue;
}
.delivery-table  tr:hover td {
    background: #f2f2f2;
}
.delivery-table tr:first-child th:first-child {
    border-top-left-radius: 5px;
}
.delivery-table tr:first-child th:last-child {
    border-top-right-radius: 5px;
}
.lay-body {
    top: 80px;
    left: 220px;
    width: auto;
    height: 100%;
    right: 0px;
    position: absolute;
    overflow: hidden;
    overflow-y: auto;
    padding-bottom: 80px;
}
.process-select {
    width: 130px;
    float: left
}
.height30 {
    height: 30px;
}
.floatleft {
    float: left;
}
.width80 {
    width: 80px;
}
.width160 {
    width: 160px;
}
.width200 {
    width: 200px;
}
.lay-body .head-img {
    height: 25px;
    width: 25px;
    margin-top: 2px
}
.lay-body .search-content {
    height: 30px;
    background: white;
    border: 1px solid #ccc;
    border-radius: 5px;
    width:300px
}
.inblock {
    display: inline-block
}
.search-title {
    border: none;
    outline: none;
    height: 23px;
    border-radius: 5px;
    padding-top: 5px;
    padding-left: 5px;
    width: 260px
}
.handhover {
    cursor: pointer;
}
.lay-content {
    padding:20px 20px
}
.clearfloat {
    clear: both;
}
/*.delivery-table tr td:nth-child(7) div,.delivery-table tr th:nth-child(7){*/
    /*width: 150px;*/
/*}*/
/*.delivery-table tr td:nth-child(10) div,.delivery-table tr td:nth-child(10) {*/
    /*width: 150px;*/
/*}*/
.delivery-table tr:nth-child(odd){
    background: #f5f5f5;
}
.delivery-table tr:nth-child(even)  {
    background: #FFF;
}
.word-style {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
}

<!-- -->

.form-input {
    display: inline-block;
    width: 30%;
    margin-top: 20px;
}
label {
    margin-right: 5px;
    /*font-weight: 100;*/
    font-family: Arial;
    font-size: 13px;
    min-width: 100px;
    float: left;
}
.form-control {
    width: 70%;
    display: inline-block;
    font-size: 13px;
}
.form-table{
    width: 84%;
    display: inline-block;
    font-size: 13px;
}
.foreign-delivery label {
    width: 80px;
    float: left;
}
.lay-body .detail-content {
     border-radius: 5px;
     box-shadow: 0 2px 1px #ccc;
     min-height: 80px;
     width: 80%;
     background: white
}
.detail-content .detail-head {
    height: 30px;
    line-height:30px;
    background: #5d9cec;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-left: 20px
}
.detail-content .detail-body {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px
}
.detail-body .detail-title {
     color:#5d9cec;
    font-weight: bold
}
.form-input .btnnone {
    border: none;
    outline: none;
    background: none
}
.form-input span {
    font-size: 13px;
    letter-spacing: 1px;
}
.refresh-img {
    height: 23px;
    width: 23px;
    margin-left: 10px
}
.martop10 {
    margin-top: 10px;
}
.remark-list {
    list-style: none
}
.remark-list li {
    color: #ed5565;
    font-size: 12px;
    word-break: break-all
}
.floatr {
    float: right;
}
.textcenter {
    text-align: center;
}
.repartment {
    list-style: none;
    margin: 0;
}
.repartment li::before {
    content: "\02022";
    margin-left: 30px;
    margin-right: 18px;
    color: #ed5565;
    font-style: normal;
    text-decoration: none;
}
.repartment li {
    height: 40px;
    line-height: 40px;
    color: grey;
    cursor: pointer;
}
.repart-nav {
    position: fixed;
    top:70px;
    min-height: 200px;
    width:200px;
    right: 5%;
    border-radius: 5px;
    box-shadow: 2px 2px 3px lightgrey
}
.repart-nav .repart-head {
    height: 45px;
    line-height: 45px;
    background: #f6f8fa;
    color: #5d9cec;
    text-align: center;
    font-size: 18px;
    font-weight: bold
}
/*.delivery-table tr td:nth-child(4) div, .delivery-table tr th:nth-child(4) {*/
    /*width: 150px;*/
/*}*/
.wid100 {
    width: 100%;
}
/*.delivery-table tr td:nth-child(9) select, .delivery-table tr td:nth-child(9) {*/
    /*width: 120px;*/
/*}*/
select.form-control {
    font-size: 13px;
    color: grey;
}
.wid80 {
    width: 80px;
}
.wid40 {
    width: 40px;
}
.modal-dialog {
    margin-top: 80px;
}
.wid130 {
    width: 130px;
}
.wid100 {
    width: 100px;
}
.panel-info {
     border-color: #eeeeee;
}
.panel-info>.panel-heading {
    background-color: #ed5565;
    border-color: #ed5565;
    color: white;
}
.panel {
    margin-bottom: 0;
    border: none;
}
.ui-select-bootstrap>.ui-select-match>.btn {
    width: 160px;
    display: block;
    overflow: hidden;
}
.pm-search {
    min-width: 500px;
}
.wid200 {
    width: 200px;
}
.pad10 {
    padding: 10px;
}
.lay-content {
    padding-bottom: 100px;
    overflow-x: auto;
}
.pdfbtn {
    position: absolute;
    bottom: 1px;
    left: 20px;
    z-index: 999999;
}
.pdfbtn .pdfbtn-head {
    width: 300px;
    height: 40px;
    line-height: 40px;
    background: #ed5565;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
    color: white;
    font-weight: bold;
    cursor: pointer;
}
.pdfbtn .pdfbtn-body {
    width: 300px;
    overflow: hidden;
    background: #eff3ec;
    padding-left: 15px;
    padding-right: 15px;
    min-height:200px;
}
.pdfbtn-content {
    margin-top: 10px;
    margin-bottom: 10px
}
.updown {
    float: right;
    margin-right: 15px;
    line-height: 40px;
}
.editable-buttons {
    display: block;
    text-align: right;
}
.this{
    font-weight: 800;
}
/**********************Debra start*********************/
.de-f{
    float: left;
}
.de-r{
    float:right;
}
button.btn-normalpink {
    display: inline-block;
    padding: 6px 12px;
    background-color: #ed5565;
    color: #fff;
    border-color: #f55b6b;
    border: 1px;
    border-radius: 5px;
    outline: none;
}
button.btn-normalpink:link{
    background: #D3D3D3;
    color: #fff;}
button.btn-normalpink:visited {
    background: #D3D3D3;
    color: #fff;}
button.btn-normalpink:hover {
    background: #D3D3D3;
    color: #fff;}
button.btn-normalpink:active {
    background: #D3D3D3;
    color: #fff;}
a.btn-skyblue{
    padding: 2px;
}
.tailsea .btn-info{
    color: #fff;
    background-color: #5b9cec !important;
    border-color: #5b9cec !important;
}
.tailsea .btn-info.active, .tailsea .btn-info:active, .open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #5b9cec !important;
    border-color: #5b9cec !important;
}
.lay-contenttail {
    padding:20px 20px
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #5c9cec !important;
}
.ta{
    min-height: 500px !important;
}
.ta .tailtable .tailtable-colory{
    background-color: #f7b995;
}
.ta .tailtable .tailtable-colorb{
    background-color: #5bc0de;
}
.tailtable{
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}
.tailtable td,.tailtable th{
    border-bottom: 1px solid #fff;
    border-right:1px solid #fff;
}
.ta .tailtable tr:first-child th:first-child {
    border-top-left-radius: 15px;
}
.ta .tailtable tr:first-child th:last-child {
    border-top-right-radius: 15px;
}
.tailtable>thead>tr>th, .tailtable>tbody>tr>th, .tailtable>tfoot>tr>th, .tailtable>thead>tr>td, .tailtable>tbody>tr>td, .tailtable>tfoot>tr>td {
    border: 1px solid #eeeeee;
}
.tailtable .form-control{
    width: 100%;
}
.tail-datetime ul{
min-width: 216px;
}
.tail-datetime ul tr th{
    background: #5b9cec;
    color: white;
}
.tail-datetime ul tr th, .tail-datetime ul tr td{
    padding: 0px;
    text-align: left;
}
.tail-datetime ul tr th {
     background: #fff !important;
     color: #333333;
}
.tapa .pagination{
    width: 430px;
    margin-left: 50px;
}
.tapa .page-total{
    color: #666;
    font-size: 14px;
}
.tail-datetime .btn-group>.btn, .btn-sm {
    padding: 5px 5px !important;
    font-size: 7px !important;
    line-height: 0.5 !important;
    border-radius: 3px !important;
}
.iconcolor{
    color: #5b9cec;
    font-size: 20px;
    border: none;
    padding-right: 1%;
    background-color: transparent;
}
.btn-group .ui-select-container[theme=bootstrap].direction-up .ui-select-dropdown{
    top:40px !important;
}
.tailtable .ng-isolate-scope .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    padding: 3px 3px;
}
/*.lay-head{*/
    /*min-width: 1440px;*/
/*}*/
/***************************End************************/

ul li{
    list-style-type:none;
    font-size: medium;
}
body{
    overflow-x: auto;
}
#main_view {
    margin: 0 auto;
    min-width: 1500px;

}
@media (min-width: 1024px) {
    #main_view {
        max-width: 1000px;
        margin-top: 100px;
    }
}

@media (min-width: 1200px) {
    #main_view {
        max-width: 1600px;
        margin-top: 50px;
    }
}

a{
    text-decoration: none !important;
}

.createproblemsb{
    height: 800px;
    width: 100%;
    padding-right: 10px;
    border-right: 2px solid #ebecf0;
}
.createproblemsb > .createproblemshead,.searchproblemsb > .searchproblemshead{
    /*height: 70px;*/

}
.searchproblemsb > .searchproblemshead{
    border-bottom: 2px solid #ebecf0;
    height: 50px;
}
.searchproblemshead h3{
    margin-left: 15px;
}
.cpbtn{
    width: 250px;
}
.cpbtn input,.spselect,.cpbtn span button{
    height: 30px;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.createproblemsh3,.searchproblemsh3{
    display: inline-block;
    /*float: left;*/
    margin-top: 2px;
    color: #393838;
}
.h26{
    height: 26px;
}
.mt10{
    margin-top: 10px;
}
.searchproblemsb{
    height: 800px;
    width: 70%;
    padding-right: 10px;
}
#main_div{
    width: 100%;
    overflow: hidden;
    border-bottom: 2px solid #ebecf0;
    margin-top: 60px;
}
.searchproblemsb> .searchproblemshead > .spselect{
    width: 200px;
    float: right;
}
.confirm-btn {
    text-align: center;
    margin-top: 30px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;"
}

.cptable{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px 20px;
}
.spselect{
    width: 250px;
}
.cptable .spselect{
    padding-left: 5px;
}
.cptable tr{
    margin-bottom: 30px;
}
.cptable tr td{
    background-color: white;
    text-align: left;
    padding-left: 13px;
    font-size: 14px;
}
.trsplit{

}
.iconsvg{
    width: 16px;
    height: 16px;
}
.bank_xl {
    width: 100%;
    border: 1px solid #ccc;
    border-top: 0px;
    border-bottom: 0px;
    position: absolute;
    z-index: 1;
    background: #ffffff;
}
.bank_xljt{
    position: absolute;
    right: 0px;
    top: 1px;
    width: 50px;
    height: 29px;
    /* background-color: red; */
    line-height: 26px;
    text-align: center;
    border-left: 1px solid #ccc;
}
.bank_xljt1{
    height: 30px;
    position: absolute;
    width: 100%;
    top: 0px;
}
.position-rel{
    position: relative;
    width: 250px;
}
.position-rel input{
    height: 30px;
    width: 250px;
    padding-left: 10px;
}
.wid250{
    width: 250px;
}
.h30{
    height: 30px;
}
.describetextarea{
    max-width: 350px;
    min-width: 350px;
    min-height: 150px;
    max-height: 350px;
}
.upload-content {
        width: 100%;
        height: 100px;
        border: 1px dashed lightgrey;
        height: 100px;
        width: 100px;
        position: relative;
    }
.upload-content .upload-info {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -40px;
}
.upload-content .uploadbtn {
    position: absolute;
    bottom: 0;
}
.upload-content .uploadbtn button {
    width: 100px;
}
.uploadlist {
    height: 100px;
    overflow: auto;
    border: 1px dashed lightgrey;
}
.uploadlist ul li>a {
    cursor: pointer;
}
.upload-info img {
    height: 50px;
    width: 50px;
}
.deldocument-img {
    height: 15px;
    width: 15px;
    float: right;
    margin-right: 15%;
}
.btn-info {
    color: #fff;
    background: linear-gradient(to bottom, #5caaec,#5f7dec);
    border-color: #5e82ec;
    /*width: 100px;*/
    margin-left: 0;
}
.half-row{
    width: 50%;
    float: left;
}
.fileup{
    margin-top: 10px;
 }
.fileup-left{
    width: 18%;display: inline-block;float:left
}
.deldocument-img{
    margin-right: 5%;
}
.dragtext{
    padding-left: 10px;
}
.btn-danger{
    overflow: hidden;
    margin-top: 8px;
    margin-left: 38%;
    background: linear-gradient(to bottom, #ec6258,#e24a3e);
}
.upload-info i{
    font-size: 55px;
}
.position-rel>.bank_xl>ul{
    margin-left: 0px;
    padding-left: 0px;
    text-align: left;
    margin-bottom: 0px;
}
.bank_xl>ul>li {
    padding-top: 4px;
    padding-bottom: 3px;
    border-bottom: 1px solid #ccc;
    padding-left: 5px;
}
.bank_xl>ul>li>a {
    display: block;
    width: 100%;
}
.contentleft{
    width: 37%;
    height: 100%;
    border-right: 2px solid #ebecf0;
    padding: 10px;
}
.contentleft>.issue-list {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
.searchproblemscontent{
    height: 100%;
}
.jt_xz{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.issuelist{
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    height: 700px;
    overflow-x: hidden;
}
.issuelist li {
    border-bottom:1px solid #dfe1e5;
    padding: 5px;

}
.word-style{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.issuelist li .splitview-issue-link {
    outline: none;
}
.issuelist li .splitview-issue-link>div {
    padding: 10px;
}
.issuelist li img {
    vertical-align: text-bottom;
}
.issuecontentcontainer {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 0px;
    padding-left: 0px;
}
.issue-link-key{
    font-size: 15px;
    display: block;
}
.pagination {
    padding-left: 30%;
}
.issue-link-summary{
    color: black;
    font-size: 13px;
}
.contentright{
    width: 63%;
    overflow-y: auto;
    height: 100%;
}
.project-avatar{
    width: 50px;
    height: 50px
}
.aui-page-header-inner{
    height: 80px;
}
.aui-page-header-image{
    display: inline-block;
    float: left;
}
.p15{
    padding: 15px;
}
.aui-nav aui-nav-breadcrumbs>li{
    position: relative;
    float: none;
    display: inline;
}
.aui-nav, .aui-nav>li {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    padding-right: 10px;
}
.aui-page-header-main{
    padding-left: 10px;
    width: 90%;
}
.editable-field{
    font-size: 25px;
    color: #393838;

}
.txtellipsis{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.txtellipsis23{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.txtellipsis2{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.module:first-child {
    margin-top: 0;
}
.module {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 25px;
}
.mod-header {
    position: relative;
}
.mod-header .ops {
    background-color: #fff;
    margin-top: 2px;
    cursor: pointer;
}
.aui-button.toggle-title {
    padding: 0;
    position: absolute;
    left: 0;
    top: 3px;
    width: 14px;
    height: 14px;
    border: 0;
}
.toggle-wrap .toggle-title {
    display: inline-block;
    cursor: pointer;
}
.toggle-title {
    background-position: 2px 2px;
}
.ttitle{
    color: #172b4d;
    overflow: hidden;
    margin-left: 17px;
    font-size: 14px;
    font-weight: 600;
    padding-top: 2px;
}
.mod-content {
    margin-top: 5px;
    padding-left: 20px;
}
.property-list.two-cols>.item {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    clear: left;
    float: left;
    width: 50%;
}
.property-list .item {
    margin: 1px 0 0 0;
}
.property-list .wrap {
    padding: 0 10px 0 150px;
}
.property-list .item .name, .issue-body-content .item-details dl>dt {
    text-align: left;
}
.property-list .item .value {
    word-wrap: break-word;
    overflow-wrap: break-word;
    display: inline-block;
    max-width: 100%;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-top: 2px;
    position: relative;
    vertical-align: top;
}
.td50{
    padding: 10px;
    width: 20%;
    text-align: left;
    background-color: white;
}
.wp30{
    width: 30%;
}
.mod-content-table{
    width: 100%;

}
.aui-avatar-inner img{
    border-radius: 50%;
}
.moduletextarea{
    min-width: 550px;
    max-width: 550px;
    min-height: 150px;
    max-height: 300px;
}
.toggle-wrap {
    padding-left: 20px;
    position: relative;
}
.user-avatar {
    background-repeat: no-repeat;
    background-position: center left;
    padding: 1px 0 2px 5px;
    position: relative;
    display: inline-block;
}
.actionContainer .subText {
    font-size: 1em;
}
.aui-avatar-inner {
    height: 16px;
    max-width: 16px;
    max-height: 16px;
    width: 16px;
}
.remarkscontent{
    display: inline-block;
    padding: 20px;
    position: relative;
    margin-bottom: 55px;
}
.actionContainer{
    border-bottom: 1px solid #ccc;
    margin-top: 10px;
}
.mod-contentimg{
    width: 555px;
    min-height: 200px;
    border: 3px dotted #ccc;
    padding: 10px;
}
.mod-contentimg div{
    width: 100px;
    display: inline-block;
    margin-right: 5px;
}
.mod-contentimg div>img{
    width: 55px;
    display: block;
    margin: 0 auto;
}