@charset "utf-8";

input {vertical-align: middle}

/* wizard */
.wizard-btn {}
.wizard .w-header {margin:10px 0}
.wizard .w-header ul {list-style: none !important;padding: 0;margin: 0;}
.wizard .w-header ul > li {float:left;width:25%;padding:0}
.wizard > .w-header ul > li > a {display:block;width: auto;margin:7px 7px 7px 0;padding:12px;text-decoration:none;border-radius:3px;cursor:default}
.wizard > .w-header ul > li > a.w-select {background:#00acac;color:#fff;cursor:pointer;font-weight:bold}
.wizard > .w-header ul > li > a.w-selected {background:#008a8a;color:#fff;font-weight:bold}
.wizard > .w-header ul > li > a.w-disabled {background:#eee;color:#aaa}
.wizard .w-panel {margin-bottom:15px}

/* tree grid */
.tgrid {overflow:auto;border-top:1px solid #e7eaec;border-bottom:1px solid #e7eaec}
.tgrid > table.table-bordered {border:none;margin-bottom:0}
.tgrid > table.table-bordered > thead {background:#2a72b5}
.tgrid > table.table-bordered > thead > tr > th {white-space:nowrap;color:#fff}
.tgrid > table.table-bordered > tbody > tr:last-child > td {border-bottom:none}
.tgrid .tree-indent:before {content:' '}
.tgrid .tree-indent {width:11px;height:13px;display:inline-block;vertical-align:middle}
.tgrid .tree-chk-ext {margin-left:7px;vertical-align:middle}
.tgrid .tree-img {margin-left:4px;vertical-align:middle}
.tgrid .tree-expander {display:inline-block;padding-left:2px;cursor:pointer;color:#676a6c}
.tgrid .tree-expander > i.fa:before {width:11px}
.tgrid .tree-text {display:inline-block;vertical-align:middle;padding-left:5px}
/*.tgrid .tree-td, .tgrid .tree-td > label, .tgrid .tree-text label, .tgrid .tree-text input, .tgrid .tree-text span {vertical-align:middle}*/
.tgrid .tree-disable-text, .tgrid .tree-disable-text > label {color:#ccc}
.tgrid .tree-nowrap {white-space:nowrap}
.tgrid .tree-td > label, .tgrid .tree-td .tree-text label {margin-bottom:0}

/* menu action */
.p-menu-actions > label, .menu-actions > label {margin-right:3px}
.p-menu-actions > label, .p-menu-actions > label > input, .menu-actions > label, .menu-actions > label > input, .td-menu-action-actions > label, .td-menu-action > label > input {vertical-align: middle}
.td-menu-action > label, .menu-actions > label {font-weight:normal}

/* sancline */
.sancline {border-bottom: 1px solid #e7eaec}
.sancline div.thead {height: 32px}
.sancline .thead > .tr > .td {text-align:center;color:#fff;border-bottom:none;white-space:nowrap;font-weight:bold}
.sancline .tbody > .tr-draft > .td {padding-top:10px;padding-bottom:10px}
.sancline .tbody > .tr:first-child > .td {border-top:none}
.sancline .tbody > .tr > .td {vertical-align: middle;white-space:nowrap}
.sancline .tbody > .tr > .td:first-child {text-align: center}
.sancline .tbody > .tr > .td-step, .sancline .tbody > .tr > .td-step-name {display:flex;align-items:center;justify-content:center;word-break:break-all;white-space:normal}
.sancline .line-icon {margin-right: 5px}
.sancline-btn {margin-bottom:8px}
.sancline-btn > .btn-group {margin-right:3px}

.draft span.label {font-size:11px;padding:5px 8px}
@media (max-width: 768px) {
    .draft-td { text-align: center;}
    .sancline > div.thead {display: none}
    .sancline  div.td-step {background:#f3f3f4;font-weight:bold}
}

.alert-message {padding:5px 0;font-weight: bold}
.empty-row > td {padding-left:5px}

/* phone tag */
.phone-split {margin:0 3px}

/* email tag */
.email-at {margin:0 3px}
.email-select {margin-left:3px}

#_requestReasonText {width:100%;height:130px;margin:0;padding:5px;overflow:auto;border:1px solid #d9dcde}

/* util */
.doc-show, .doc-show-block, .doc-show-row, .doc-show-cell {display:none}
.strike {text-decoration:line-through}
.no-under-line {text-decoration:none !important;}
.link-hover:hover {font-weight: bold}
.valign-middle {vertical-align: middle !important}
.no-bold {font-weight: normal !important}

/* timer */
.timer-count {font-weight:bold;display:inline}
.timer-msg {font-weight:bold}
.timer-start {color:#428bca}
.timer-end {color:#23c6c8}

/* listtable */
th.wd1, td.wd1 {width:1%}
th.wd2, td.wd2 {width:2%}
th.wd3, td.wd3 {width:3%}
th.wd4, td.wd4 {width:4%}
th.wd5, td.wd5 {width:5%}
th.wd10, td.wd10 {width:10%}
th.wd15, td.wd15 {width:15%}
th.wd20, td.wd20 {width:20%}


.sort {cursor:pointer}
.sort > div {display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}
.sort > div > i.sort-icon {line-height:normal;margin-left:5px}
.sort > div > i.disabled {opacity:0.5}
.sort i.sort-icon:hover, .sort i.sort-icon:focus {opacity:1;color:#000}

/* alert */
.alert-white {background-color: #fff;color:#242a30;border: 1px solid #dee2e6}
.alert .alert-title {font-weight:bold;font-size:14px;margin-bottom:5px}
.alert .alert-title-icon {padding-right:5px}

/* label */
.label .label-auth {cursor:pointer}

input.popup-search {background:#fff !important}

/* input group size */
.proptable .mw90, .listtable .mw90 {max-width:90%}
.proptable .mw80, .listtable .mw80 {max-width:80%}
.proptable .mw70, .listtable .mw70 {max-width:70%}
.proptable .mw65, .listtable .mw65 {max-width:65%}
.proptable .mw60, .listtable .mw60 {max-width:60%}
.proptable .mw55, .listtable .mw55 {max-width:55%}
.proptable .mw50, .listtable .mw50 {max-width:50%}
.proptable .mw45, .listtable .mw45 {max-width:45%}
.proptable .mw40, .listtable .mw40 {max-width:40%}
.proptable .mw35, .listtable .mw45 {max-width:35%}
.proptable .mw30, .listtable .mw30 {max-width:30%}
.proptable .mw20, .listtable .mw20 {max-width:20%}
.proptable .mw10, .listtable .mw10 {max-width:10%}
.proptable .wd90, .listtable .wd90 {width:90%}
.proptable .wd80, .listtable .wd80 {width:80%}
.proptable .wd70, .listtable .wd70 {width:70%}
.proptable .wd65, .listtable .wd65 {width:65%}
.proptable .wd60, .listtable .wd60 {width:60%}
.proptable .wd55, .listtable .wd55 {width:55%}
.proptable .wd50, .listtable .wd50 {width:50%}
.proptable .wd45, .listtable .wd45 {width:45%}
.proptable .wd40, .listtable .wd40 {width:40%}
.proptable .wd35, .listtable .wd45 {width:35%}
.proptable .wd30, .listtable .wd30 {width:30%}
.proptable .wd20, .listtable .wd20 {width:20%}
.proptable .wd10, .listtable .wd10 {width:10%}

.prop-inline .proptable .td .form-control:not(.multi-select) {display:inline;width:auto;vertical-align:middle}
.prop-center .proptable .th, .prop-center .proptable .td {display:flex;justify-content:center;flex-direction:column}

@media (max-width: 768px) {
    .proptable .mw80, .listtable .mw80 , .proptable .mw70, .listtable .mw70, .proptable .mw60, .listtable .mw60,
    .proptable .mw55, .listtable .mw55, .proptable .mw50, .listtable .mw50, .proptable .mw45, .listtable .mw45,
    .proptable .mw40, .listtable .mw40, .proptable .mw35, .listtable .mw45, .proptable .mw30, .listtable .mw30,
    .proptable .mw20, .listtable .mw20, .proptable .mw10, .listtable .mw10  {max-width:90%;width:100%}
}

/* widget */
.widget-doc-group .title {color:#fff}
.sanc-draft-text {font-size: 13px}
/*.sanc-range {color: #f8ac59;}*/
/*.sanc-user {font-weight:bold}*/
.widget .sanc-status {font-size:18px;margin-left: 8px}
.widget-select {cursor: pointer}
.widget-select:focus, .widget-select:hover {filter: alpha(opacity=80);opacity:.8;cursor:pointer}
.stats-content > div.sanc-title {font-size:16px;font-weight: bold}
.stats-content > div.sanc-count {font-size:35px;font-weight: bold}
.stats-content > div.sanc-count > div {font-size:19px;font-weight: bold}

.radio.btn {padding-left:12px}
.radio.btn > label{padding-left:12px;color:#fff}


/* listtable row selectable */
.listtable > thead > tr > th > span.doc-i18n {color:#fff}
.listtable > tbody > tr.requestable {cursor: pointer}
.listtable > tbody > tr.requestable:hover > td, .listtable > tbody > tr.requestable:hover > td span:not(.label), .listtable > tbody > tr.requestable:hover > td div {color:#000}
.listtable > tbody > tr.no-requestable:hover > td {background-color: #fff !important;}

/* listtable align */
.listtable-th-center table.listtable > thead > tr > th, .listtable-td-center table.listtable > tbody > tr > td {text-align:center;vertical-align:middle}
.listtable-td-valign-middle table.listtable > tbody > tr > td {vertical-align:middle}
.listtable-td-center table.listtable > tbody > tr > td .proptable > .tr > .td {text-align:left;display:flex;justify-content:center;flex-direction: column}

/* td align */
.proptable-td-valign-middle > div.proptable > .tr > .td {display:flex;align-items:center}

div.div-auth-date {flex-flow: nowrap}

/* bootstrap-selectpicker */
div.bootstrap-select > .dropdown-menu .dropdown-header .text {margin-left: 15px;font-size:12px}

div.no-hover .table-hover tbody tr:hover { background-color: inherit !important;}
div.no-hover .table-hover tbody tr:hover td, div.no-hover .table-hover tbody tr:hover th {background-color: inherit !important;}
div.display-inline .pwd-confirm {padding:0 5px 0 8px}

/* border style */
.border-s-grey-1 {border:1px solid #ced8db}

/* long title wrapping */
div.div-table > .row > .th {word-break:break-all;white-space:normal}

/* bootstrap 4.2 */
@media (min-width: 768px) {
    .modal-xl {
        max-width:1190px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 935px;
    }
}