/*
 * @package   Awesome Support: Private Credentials
 * @author    Robert W. Kramer III for Awesome Support <support@getawesomesupport.com>
 * @license   GPL-2.0+
 * @link      https://getawesomesupport.com
 * @copyright 2016. Awesome Support
 *
 */

.input_fields_credential,
.input_fields_encryption_key {
    clear: both;
    overflow: hidden;
    margin: 15px auto;
}

#TB_window {
    font-family: "Open Sans", Arial, Verdana, sans-serif;
    font-size: 13px;
}
#TB_ajaxContent {
    /*display: inline;*/
    padding: 15px 15px;
    margin: 10px;
}

#credentials_form {
    margin: 0 20px;
}

.nav_bar_credential_actions {
    text-align: center;
}

.wrapper_pc_resetkey {
    margin-bottom: 10px;
}

/*input#pc_resetkey {
    margin: 0;
    margin-right: 0 !important;
}
*/
/* Button bar for actions on single credential */
#nav_bar_encryption_key {
    margin: 10px 0;
    padding: 0 20px;
    border: 0 solid green;
    height: auto;
}

#nav_bar_modal {
    margin: 10px 0;
    border: 0 solid red;
    text-align: center;
    padding: 7px;
    height: auto;
}

.nav_bar_credential_actions button.button,
.nav_bar_credential_actions button[disabled]:hover {
    font-size: 13px;
    line-height: 13px;
    margin-right: 10px;
    padding: 0px 8px 1px;
}

#nav_bar_modal input.button,
#nav_bar_modal input.button:hover {
    font-size: 13px;
    line-height: 13px;
    margin-right: 10px;
    padding: 8px 10px 8px;
}

#credentials_tabs {
    margin-top: 10px;
    min-height: 325px;
}

.input_fields_credential > .field_label {
    float: left;
    margin-bottom: 3px;
    width: 150px;
    clear: left;
}

.input_fields_credential > .field_input {
    border: 0;
    float: left;
    margin-bottom: 3px;
/*    margin-right: 100px;
    width: 150px;*/

    display: block;
    height: 34px;
    color: #555;
    background-color: #fff;
    background-image: none;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

div.input_fields_credential table td span.field_input input[type="text"]{
    width: 200px !important;
    margin-right: 10px;
}

.input_fields_credential > th {
    width: 150px;
}

#TB_window button.button-small {
    margin-right: 5px;
}

#TB_window button, #TB_window button:hover {
    font-size: 13px;
    font-family: inherit;
}

form#credentials_form > .ui-autocomplete {
    position: absolute;
    cursor: default;
    z-index: 111111 !important;
}

form#credentials_form > .invalid {
    color: red !important;
}

#credentials_form input[type="text"].success {
    /*color: green;*/
}

div#TB_window.thickbox-loading {
    /* max-height: 550px; */
	max-height: 100%;
}