span#cusumer-key-id,
span#cusumer-secret-id {
    display: none;
}

.company-apps #delete-cmp-title,
.company-apps #delete-gtwy-title,
.company-apps #popup_delete_content,
.company-apps #delete-confirmation-content,
.company-apps #error-message-content,
.personal-apps #delete-cmp-title,
.personal-apps #delete-gtwy-title,
.personal-apps #popup_delete_content,
.personal-apps #delete-confirmation-content,
.personal-apps #delete-app-name,
.personal-apps #error-message-content {
    display:none;
}
.company-apps .capp-id,
.company-apps .app-item-appid-value,
.company-apps .app-item-cappname-value,
.company-apps .app-item-gateway-value,
.company-apps .app-item-company-value,
.personal-apps #delete-app-id,
.personal-apps .app-item-appid-value,
.personal-apps .app-item-cappname-value,
.personal-apps .app-item-gateway-value,
.personal-apps .app-item-company-value{
    display:none;
}
.company-apps .deletepopUp{
    display:none;
}
.my-apps-req-new-key-modal-date .expire-date-key-calender {
    max-height:400px; 
    overflow:auto;
}

#delete-inline-block {
    display : inline-block !important;
}
#delete-display {
    display : none !important;
}

.delete-inline-block {
    display : inline-block !important;
}
.delete-display {
    display : none !important;
}

.my-apps-expire-date-calender {
    max-height:400px;
    overflow:auto;
}
#delete-confirmation-content {
    display: none;
}
span#hide_consumerKey img,
span#hide_consumerSecret img {
    width: 21px;
    margin-left: 1%;
}

span#hide_consumerKey:hover,
span#hide_consumerSecret:hover,
.icon-copy {
    cursor: pointer;
}

/**************Company App CSS****************/
.my-apps .company-app-name .comp-app-name {
    color: #4d4d4d;
    font-family: "knowledge2017medium";
    font-size: 15px;
    font-weight: 500;
    line-height: 32px;
    display: inline-flex;
}

.my-apps .company-app-name .compn-app-name {
    width: 430px;
    color: #4d4d4d;
    font-family: "knowledge2017regular";
    font-size: 15px;
    font-weight: 400;
    line-height: 32px;
    margin-left: 115px;
}

.my-apps .api-gateway .app-gateway {
    width: 430px;
    color: #4d4d4d;
    font-family: "knowledge2017regular";
    font-size: 15px;
    font-weight: 400;
    line-height: 32px;
    margin-left: 136px;
}

.my-apps .creation-app-date .creat-date {
    color: #4d4d4d;
    font-family: "knowledge2017medium";
    font-size: 15px;
    font-weight: 500;
    line-height: 32px;
    display: inline-flex;
}

.my-apps .creation-app-date .create-app-date {
    width: 430px;
    color: #4d4d4d;
    font-family: "knowledge2017regular";
    font-size: 15px;
    font-weight: 400;
    line-height: 32px;
    margin-left: 165px;

}

.my-apps .exp-app-date .expr-app-date {
    color: #4d4d4d;
    font-family: "knowledge2017medium";
    font-size: 15px;
    font-weight: 500;
    line-height: 32px;
    display: inline-flex;
}

.my-apps .exp-app-date .expiry-app-date {
    width: 430px;
    color: #4d4d4d;
    font-family: "knowledge2017regular";
    font-size: 15px;
    font-weight: 400;
    line-height: 32px;
    margin-left: 177px;
}

.my-apps .appro-app-date .appr-app-date {
    color: #4d4d4d;
    font-family: "knowledge2017medium";
    font-size: 15px;
    font-weight: 500;
    line-height: 32px;
    display: inline-flex;
}

.my-apps .appro-app-date .approve-app-date {
    width: 430px;
    color: #4d4d4d;
    font-family: "knowledge2017regular";
    font-size: 15px;
    font-weight: 400;
    line-height: 32px;
    margin-left: 155px;
}

/**************Personal App CSS****************/

.my-apps .creation-date .creat-date,
.my-apps .audit_info {
    color: #4d4d4d;
    font-family: "knowledge2017medium";
    font-size: 15px;
    font-weight: 500;
    line-height: 32px;
    display: inline-flex;
}

.page-tr-myapps .my-keys-page .created_info {
    margin-left: 143px;
}

.page-tr-myapps .my-keys-page .created_info.created_on {
    margin-left: 146px;
}

.page-tr-myapps .my-keys-page .created_info.created_by {
    margin-left: 148px;
}

.page-tr-myapps .my-keys-page .updated_info.updated_on {
    margin-left: 142px;
}

.page-tr-myapps .my-keys-page .updated_info.updated_by {
    margin-left: 144px;
}

.page-tr-myapps .my-keys-page .updated_info {
    margin-left: 140px;
}

.devportal-key-secret-div {
    margin-top: 10px;
}

#delete-confirmation-content.devportal_apps_delete_confirmation {
    width: 448px;
}

.devportal_apps_delete_confirmation #close_mykeys_confirmation_window {
    display: block;
    margin: 2% 35%;
    width: 116px;
}

.my-apps .creation-date .create-dat {
    width: 430px;
    color: #4d4d4d;
    font-family: "knowledge2017regular";
    font-size: 15px;
    font-weight: 400;
    line-height: 32px;
    margin-left: 168px;
}

.my-apps .expiry-date .exp-date {
    color: #4d4d4d;
    font-family: "knowledge2017medium";
    font-size: 15px;
    font-weight: 500;
    line-height: 32px;
    display: inline-flex;
}

.my-apps .expiry-date .expr-name {
    width: 430px;
    color: #4d4d4d;
    font-family: "knowledge2017regular";
    font-size: 15px;
    font-weight: 400;
    line-height: 32px;
    margin-left: 174px;
}

.my-apps .approve-date .appr-date {
    color: #4d4d4d;
    font-family: "knowledge2017medium";
    font-size: 15px;
    font-weight: 500;
    line-height: 32px;
    display: inline-flex;
}

.my-apps .approve-date .approve-name {
    width: 430px;
    color: #4d4d4d;
    font-family: "knowledge2017regular";
    font-size: 15px;
    font-weight: 400;
    line-height: 32px;
    margin-left: 151px;
}

#cusumer-key-id-dots {
    margin-left: 70px;
}

#cusumer-secret-id-dots {
    margin-left: 70px;
}

.app-item-key-value {
    margin-left: 69px;
}

.my-apps .icon-save .form-submit {
    float: left;
    margin-right: 6%;
    margin-left: 1%;
    margin-top: 0px !important;
    display: inline-block;
    position: absolute;
}

.personal-apps-keys-generate-new-key {
    left: 56% !important;
    top: 13px;
    position: absolute;
    display: inline-block;
}

.app-details .delete_pending {
    position: relative;
    margin-left: 66%;
    margin-top: -42px;
    width: 185px;
    height: 39px;
    background: white;
    border-radius: 5px;
    font-family: knowledge2017regular;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
    float: right;
    border: 1px solid;
    cursor: not-allowed;
    display: none;
}

.company-apps .mykeys-apps-com-keys-generate-new-key {
    width: 185px;
    height: 45px;
    border-radius: 5px;
    border: 1px solid #4d4d4d;
    background: white;
    left: 56%;
    top: 13px;
    position: absolute;
}

.company-apps #delete_app {
    display: inline-block;
    position: absolute;
    top: -8px;
    left: 80%;
    width: 162px;
    height: 45px;
    background: #dc0a0a;
    border-radius: 5px;
    color: #ffffff;
    font-family: knowledge2017regular;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #dc0a0a;
}

.my-keys-page #tr-apigee-company-invite-user-form .company-title {
    margin-left: -0;
    height: 45px;
    color: #4d4d4d;
    font-family: "knowledge2017black";
    font-size: 24px;
    font-weight: 900;
    line-height: 40px;
    position: relative;
    display: inline-block;
    margin-right: 12%;
}

.my-keys-page .company-invite-user-form-email-class {
    position: relative;
    margin-left: 0%;
}

.my-keys-page #tr-apigee-company-invite-user-form .company-invite-user-form-role-class {
    margin-left: 453px;
    margin-top: -47px;
    position: relative;
}

.my-keys-page .my-apps #tr-apigee-company-invite-user-form .form-submit {
    width: 12%;
    height: 37px;
    border-radius: 5px 5px 5px 5px;
    background-color: #FA6400;
    border-color: #FA6400;
    color: #ffffff;
    font-family: "knowledge2017medium";
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
    margin-top: -9%;
    margin-left: 60%;
    position: absolute;
    display: inline-block;
    float: none;
}

.my-keys-page .my-apps .apigee-company-tables {
    /* margin-top: -64%; */
}

.my-keys-page .my-apps .company-invite-user-form-role-class #edit-company-admin-role .option {
    font-weight: normal;
}

.my-keys-page .my-apps .apigee-company-tables>tbody>tr>td {
    color: #4d4d4d;
    font-family: "knowledge2017medium";
    font-size: 15px;
    font-weight: 500;
    line-height: 28px;
    border-top: 1px solid #ddd;
    vertical-align: top;
    padding: 8px;
}

.my-keys-page .my-apps .apigee-company-tables>thead>tr>th {
    padding-bottom: 13px;
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

#tr-apigee-company-modify-user-roles {
    margin-left: 6%;
    position: relative;
    display: inline-block;
    margin-top: 4%;
}

#tr-company-remove-developer {
    margin-left: 6%;
    position: relative;
    display: inline-block;
    margin-top: 4%;
}

#edit-company-admin-role .form-item-company-admin-role-company-admin label.option {
    font-weight: normal !important;

}

.company-apps #myapps_delete_button {
    position: absolute;
    margin-left: 75%;
    margin-top: 7px;
}

.company-invite-user-form-delete-apps-class #delete-mykeys-company-app {
    top: 2px;
    margin-top: 63px;
    left: 77%;
    width: 185px !important;
    height: 37px;
    background: #dc0a0a;
    border-radius: 5px;
    color: #ffffff;
    font-family: knowledge2017regular;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 23px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #dc0a0a;
    position: absolute;
}

#edit-company-admin-role .form-item-company-admin-role-company-admin {
    width: 100% !important;
    margin-left: -6%;
}

.tr-myapps-manage-roles-delete-company .my-apps-delete-confirmation-checkbox {
    margin-top: 3% !important;
    position: relative;
}

.my-apps-delete-confirmation-checkbox #never-expire-field {
    margin-left: 0% !important;
}

.tr-myapps-manage-roles-delete-company #delete_manage_tr_mykeys__apps {
    width: 109px;
    height: 30px;
    color: #4d4d4d;
    font-family: knowledge2017regular;
    font-size: 22px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: left;
    padding-left: 0px;
}

.tr-myapps-manage-roles-delete-company .my-apps-delete-confirmation-checkbox label {
    padding-left: 10px;
    width: auto;
    height: auto;
    color: #4d4d4d;
    font-style: normal;
    letter-spacing: normal;
    line-height: 26px;
    text-align: left;
    margin-left: 2%;
    position: relative;
    display: inline-block;
    margin-top: -25px;
}

.app-details .my-apps-delete-confirmation-checkbox #never-expire-field {
    margin-left: 0% !important;
}

.app-details .delete_mykeys_app {
    width: 109px;
    height: 30px;
    color: #4d4d4d;
    font-family: knowledge2017regular;
    font-size: 22px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: left;
    padding-left: 0px;
}

/* .modal-backdrop.in {
   position: relative;
} */
.app-details .company-apps .my-apps-delete-confirmation-checkbox #never-expire-field {
    margin-left: 2% !important;
}

.company-apps .my-apps-delete-confirmation-checkbox label {
    padding-left: 5px;
}

.personal-apps #popup_delete_content #myapp_delete_detail {
    width: auto;
    height: auto;
    color: #4d4d4d;
    font-family: knowledge2017regular;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 35px;
    text-align: left;
    padding-left: 0px;
}

.company-invite-user-form-delete-pending-apps-class #delete-pending-company-app {
    position: absolute;
    top: 15%;
    left: 74%;
    width: 185px !important;
    height: 37px;
    background: white;
    border-radius: 5px;
    color: black;
    font-family: knowledge2017regular;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 23px;
    text-align: center;
    text-decoration: none;
    border: 1px solid black;
    float: right;
    cursor: not-allowed;
}

.delete-company-title {
    display: none !important;
}

.delete-gateway-title {
    display: none !important;
}

.tr-myapps-manage-roles-delete-company #close_confirmation_window_company {
    width: 18%;
    height: 38px;
    font-family: knowledge2017regular;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    letter-spacing: normal;
    line-height: 18.7px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #4d4d4d;
    background-color: white;
}

input#comp-app-search-box {
   
    border-radius: 3px;
    width: 15em;
    transition: width .3s;
    padding: 0.6em 0.75em;
    border-width: 1px;
    border: 1px solid #d0d0d0;
    outline: none !important;
    
}

div#company-search-div h5 {
    border-bottom: none !important;
}

#company-search-div{
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 12px;
}