﻿
td.field-label { color: #2c3b49; opacity: .8; }
td.field-value { color: #222; }
    td.field-value .value { max-width: 90%; display: inline-block; -ms-word-break: break-word; word-break: break-word; }

.table-summary { border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; border-left: 1px solid #ececec; width: 100%; table-layout: fixed; }
    .table-summary tr { border-bottom: 1px solid #fff; }
    .table-summary .field-label { padding-left: 0; padding-right: 30px; background: #fbfbfb; width: 30%; vertical-align: top; padding-top: 4px; }
        .table-summary .field-label label { margin: 0; line-height: 17px; padding-left: 5px; vertical-align: middle; }
    .table-summary .field-value .value { max-width: 80%; width: auto !important; vertical-align: middle; padding: 5px 3px; min-height: 34px; }
    .table-summary td:nth-child(2) { border-bottom: 1px solid #ececec; border-right: 1px solid #ececec; }

/*block toggle*/
.block { background: #fff; border: 1px solid #f9f9f9; }

    .block .block-toggle { margin: 0; margin-bottom: 10px; }
        .block .block-toggle a { color: #000; }

/*item details header*/
.item-details-header { background: #fff; padding: 15px; }
    .item-details-header .item-header { min-height: 80px; }
    .item-details-header .item-icon { display: table; height: 80px; width: 80px; padding: 0; float: left; position: absolute; background: #ef5e29 !important; }
        .item-details-header .item-icon div { display: table-cell; position: relative; text-align: center; vertical-align: middle; }
        .item-details-header .item-icon .fa { color: #fff; font-size: 35px; }

    .item-details-header .item-info { display: inline-block; padding-left: 90px; width: 100%; }


/*sweet alert*/
.sa-button-container { text-align: center; }

/*validation*/


/*ui-select*/
.ui-select-container .btn { margin-bottom: 0; }

/* v2.6 */
.entity-manager .field-row { border: solid 1px #ddd; }
.entity-manager .field-props { border-left: solid 1px #ddd; }
.entity-manager .field-prop { color: #333; font-size: 12px; }
    .entity-manager .field-prop.disabled { opacity: .3; }

.nav-tabs > li > a { position: relative; }
.nav-tabs .badge-tab { position: relative; right: -1px; top: -10px; font-size: 11px; }

.ui-select-container .form-control { background-color: transparent; margin: 0; }
.ui-select-container.ng-invalid .form-control { border-color: transparent; }

.green { color: green; }
.red { color: red; }
.avatar-wrapper { position: relative; padding: 5px; width: 150px; }
    .avatar-wrapper .btn-edit { position: absolute; top: 20px; right: -15px; display: none; }
    .avatar-wrapper:hover .btn-edit { display: block; }
    .avatar-wrapper .btn-delete { position: absolute; top: 50px; right: -15px; display: none; }
    .avatar-wrapper:hover .btn-delete { display: block; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; }
