/*
    Toolset GUI base styles.

    Used for the generic and listing pages.

    @since 2.2
*/

#toolset-page-content .sort-icon-inactive {
    color: #ccc !important;
}

#toolset-page-content table.wp-list-table td.manage-column > a.sort-column {
    cursor: pointer;
}

#toolset-page-content a.a-without-href {
    cursor: pointer;
    text-decoration: underline;
}

/*
    Table row styling
*/
#toolset-page-content .row-actions > span > a {
    cursor: pointer;
}

/*
    Spinner image before the page is fully loaded.

    Center horizontally and vertically.
*/
#toolset-page-content .toolset-page-spinner {
    height: 400px;
    position: relative;
}

#toolset-page-content .toolset-page-spinner > img {
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Handle too long dialog titles. */
.ui-dialog-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}

/* Red buttons. To be combined with button-primary. */
.toolset-red-button {
    background-color: #FF4444 !important;
    border-color: #DE2020 !important;
    box-shadow: #DE2020 0 1px 0 0 !important;

    text-shadow: 0 -1px 1px red, 1px 0 1px red, 0 1px 1px red, -1px 0 1px red !important;
}

/* Button in a row */
.toolset-button-in-row + .toolset-button-in-row {
    margin-left: 8px;
}

/* Override styling from basic.css in Types back to default. */
body.wp-admin button.ui-corner-all.toolset-button-in-dialog {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/*
    For table that contains labels and inputs in two columns.

    Adjustments to make it look like legacy Types tables.
*/
table.toolset-field-table tbody td:first-child {
    text-align: right;
    vertical-align: middle;
    min-width: 200px;
    width: 20%;
}

/*
  Input
 */
.toolset-input-inline {
    margin-bottom: 5px;
}

.toolset-input-inline:after {
    content: '';
    display: block;
    clear: both;
}

.toolset-input-inline label {
    box-sizing: border-box;
    width: 25%; /* fallback old browsers */
    width: calc(0% + 150px);
    float: left;
    padding-right: 10px;
}

.toolset-input-inline > div {
    box-sizing: border-box;
    width: 75%; /* fallback old browsers */
    width: calc(100% - 150px);
    float: right;
}

.toolset-input-inline > div > input[type=text],
.toolset-input-inline > div > textarea {
    margin: 1px;
    width: 100%;
}

/*
  Toolset Postbox, basically same style as WordPress postbox
  (For the case you need the same style, but different functionality, e.g. Field Groups)
 */
.toolset-postbox {
    position: relative;
    min-width: 255px;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    background: #fff;
    margin-bottom: 20px;
    padding: 0;
    line-height: 1;
    width: 99%; /* fallback old browsers */
    width: calc( 100% - 5px );
}

.toolset-postbox h3.toolset-postbox-title {
    font-size: 14px;
    padding: 8px 12px;
    margin: 0;
    line-height: 1.4;
    border-bottom: 1px solid #eee;
}

.toolset-postbox .toolset-collapsible-handle {
    display: block;
    float: right;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
}

.toolset-postbox .toolset-collapsible-handle:before {
    right: 12px;
    font: 400 20px/1 dashicons;
    speak: none;
    display: inline-block;
    padding: 8px 10px;
    top: 0;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none !important;
    content: '\f142'
}

.toolset-postbox.toolset-collapsible-closed .toolset-collapsible-handle:before {
    content: '\f140';
}

.toolset-postbox .toolset-collapsible-inside {
    padding: 0;
    margin: 0;
    border: 0;
    box-shadow: none;
}


/*
 Toolset Collapsable
 */
.toolset-collapsible-inside {
    display: block;
}

.toolset-collapsible-closed .toolset-collapsible-inside {
    display: none;
}

