/* ----- Options Page Css ----- */
.side-link-content {
    padding: 0;
    border: none;
    margin: 0;
}

.side-link-content-body.options {
    margin: 0;
    padding-bottom: 0;
    padding-top: 0;
}

.options .tabs-container {
    padding: 0;
    background: #f8f9fb;
    margin-top: 0;
    border-top: 0;
    background: #fff;
}

.options .tabs-container .btn-white {
    padding: 13px 8px;
}

.options .tabs-content {
    padding: 0;
}

.options-model {
    width: 60%;
    min-width: 400px;
    max-width: 800px;
    margin: auto;
}

.tabs-content {
    height: 420px;
    max-height: 550px;
    overflow: auto;
}

.options .tabs-content .content:first-child,
.options .tabs-content .content:first-child .log-content {
    display: block;
}

.secondary-report-check {
    padding-left: 30px;
}

.log-content {
    /*min-height: 250px;*/
    padding: 25px;
    color: #555655;
    /*margin-top: 20px;*/
}

.log-content.log-textarea,
.log-content.log-textarea label {
    font-weight: 400;
    /*font-size: 16px;*/
}

div form[role="form"] {
    margin-bottom: 20px;
}

.log-content-min-height {
    min-height: 150px !important;
}

.log-textarea {
    min-width: 882px;
    width: 100%;
    /*max-height: 500px;*/
    /*overflow: auto;*/
    /*margin: 0;*/
}

.log-textarea-wizard {

    /*max-height: 500px;*/
    /*overflow: auto;*/
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 1%;
    margin-bottom: 1%;
}

.log-textarea-wizard-large {

    /*max-height: 500px;*/
    /*overflow: auto;*/
    margin-left: 5%;
    margin-right: 5;
    margin-top: 1%;
    margin-bottom: 1%;
}

.log-textarea-wizard-big {

    /*max-height: 500px;*/
    /*overflow: auto;*/
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 5%;
    margin-bottom: 5%;
}

.form-wizard-blue {
    background: #f1f9ff;
    border: 2px solid #c4e6ff;
}

.form-wizard-context {
    background: #f8f9fb;
    border: 2px solid #eaebef;
}

.row-wizard {
    margin-right: -15px;
    margin-left: -15px;
    padding-top: 10px;
}

.selected-header-wizard {
    background-color: #337ab7;
    background-color: RGB(0, 173, 250);
}

.col-md-99 {
    width: 99%;
}

.col-md-66 {
    width: 100px;
}

.col-md-33 {
    width: 33%;
}

.input-small-wizard {
    width: 250px;
}

.input-medium-wizard {
    width: 350px;
}

.input-large-wizard {
    width: 650px;
}

.input-round-wizard {
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -moz-box-shadow: inset 0 0 2px #ccc;
    -o-box-shadow: inset 0 0 2px #ccc;
    -ms-box-shadow: inset 0 0 2px #ccc;
    -webkit-border-radius: 6px;
    -webkit-box-shadow: inset 0 0 2px #ccc;
    background: #fff;
    border-radius: 6px;
    border: solid 2px #e6e6e7;
    box-shadow: inset 0 0 2px #ccc;
    color: #102B41;
    font-size: 17px;
    height: 40px;
    padding: 5px 10px;
}

.log-content .log-sub-content #CloudsConfigDiv {
    min-height: 345px;
}

.table th {
    text-align: center;
    color: black;
}

.table th,
.table td {
    border-top: none !important;
}

input #gridMachine1 {
    width: 1000px !important;
}

#restart-Appvance-Machines {
    padding-right: 20px;
}

#upgradeAllMachines {
    padding-left: 20px;
}

/*.options .btn-group {
    padding: 20px 20px 0 20px;
    background: #f8f9fb;
}*/

.options .content {
    padding: 0;
    border: 0;
    box-shadow: 0 0 0;
    border-radius: 0;
}

.options .content .btn {
    margin-left: 6px;
}

.options input[type="checkbox"] {
    position: relative;
    top: 2px;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

#local_browsersProxy,
#local_notValidatePath,
#server_browsersProxy,
#server_notValidatePath {
    top: 4px;
}

/* to avoid save popup scroll hide issue  in options panel */
#modal-dialog .panel .dialog-content {
    width: 500px !important;
    padding: 0px !important;
}

.body-content {
    padding-bottom: 0px;
    /* To avoid spacing */
}

.after-fixed {
    padding-top: 80px !important;
    /* To avoid more spacing */
}

.after-fixed ul.nav-tabs a {
    font-size: 16px;
}

#gridMachinesTable table {
    border: 1px solid #CCC;
    border-collapse: collapse;
}

#gridMachinesTable td {
    border: none;
}

#gridMachinesTable tbody tr:hover,
#addCloudModalDialogTbl tbody tr:hover {
    background: transparent;
}

#addCloudModalDialogTbl table {
    border: 1px solid #CCC;
    border-collapse: collapse;
}

#addCloudModalDialogTbl td {
    border: none;
}

.modal-header {
    background-color: #005677;
}

.modal-title {
    color: #fff;
}

#glyphCloseAddCloudModal,
#labManagmentloginModal {
    color: #fff;
}

#functionalGridmachines-dialog .panel-body {
    padding: 0px;
}

a.l-btn span.l-btn-left {
    height: 24px;
}

.btn-delete {
    background: #EE2B4B;
    color: #fff;
}

.side-link-content.rounded-corners {
    margin-bottom: 50px;
    /*To avoid content hide with footer*/
}

#baseLicense {
    color: #23527c;
    text-decoration: underline;
}

.cloud-table-row-selected {
    background-color: rgba(0, 86, 119, 0.74);
    border: none;
}

.cloud-table-row-selected td {
    color: #fff;
}

.cloud-table-row-selected td a:nth-child(3) {
    color: #fff !important;
}

.fa-add,
.fa-cancel {
    cursor: pointer;
}

/* ---------------------------- */

.result-tab-hidden-content {
    display: none;
    /* by default only ebable check box is visible */
}

/* adding for modal windows display */
.custom-designer-modal {
    background: #fff none repeat scroll 0 0;
    display: none;
    left: 0;
    margin: 0 auto;
    min-height: 30%;
    position: absolute;
    right: 0;
    top: 5%;
    min-width: 950px;
    width: 80%;
    z-index: 450;
    padding-bottom: 15px;
    background-color: #f7f7f7;
}

.custom-designer-modal.rounded-corners .modal-body {
    margin: 10px;
    padding: 1%;
    font-family: 'RobotoMedium', 'Verdana', 'Geneva', 'sans-serif';
    color: #000;
}

/*.custom-designer-modal.rounded-corners .modal-header.side-padding {
    background: #273e53;
}*/

.custom-designer-modal.rounded-corners .modal-header .label.confirm {
    color: #fff;
    font-size: 17px;
}

.options-pref-repo-del-disabled,
.options-pref-repo-del-disabled:hover {
    background: #7c7c7c;
    color: #fff;
}

.brush-clear-clouds.align-right {
    text-align: right;
}

.hidden-brush-clear {
    display: none;
}

.gridMachines-container {
    overflow: auto;
    height: auto !important;
    min-width: auto;
}

.options-cloud-disabled-btn,
.options-cloud-disabled-btn:hover {
    /*    background: #7c7c7c;
    color: #fff;*/
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.7;
}

#repositoryPrivateKey {
    display: none;
    /*height: 200px;*/
}

.local-browser-system.selected,
.server-browser-system.selected {
    background: #b1c2d3;
    /*border: 1px solid #9fa3a8;
    box-shadow: 1px 4px 7px #9fa3a8;*/
}

#dpl {
    display: none;
}

#dplSection a {
    text-decoration: none;
}

#dplSection table th td {
    border: 1px solid black !important;
    border-collapse: collapse;
}

#dplSection th {
    text-align: center;
}

.margin-top {
    margin-top: 20px;
}

#controlsId h2 {
    padding-left: 20px;
}

#loading {
    background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
    margin: auto;
    width: 20px;
    height: 20px;
}

#overlayHarScenario .progress {
    margin-left: 90px;
}

#ipProxy {
    font-size: 16px;
}

.http-proxy-options-lf-pad {
    padding-left: 2%;
}

.http-proxy-options-lf-pad-btn {
    padding-left: 23px;
}

#httpProxyControls {
    margin-top: 15px;
}

.http-proxy-options-mark-step {
    margin-top: 10px;
}

#markStep {
    /*width: 113%;*/
}

@media only screen and (max-width: 2000px) {

    /*#start_stop_Proxy{
        width: 96%;
    }*/
    #httpProxyConfigContent>div:nth-child(6)>div>div {
        margin-left: 6%;
    }

    /*#clearProxy{
        width:98.5%;
    }*/
    #httpProxyConfigContent>div.row.col-md-12>div>div:nth-child(1)>div>div.col-md-6.padding-r-0 {
        margin-left: 5.6%;
    }
}

@media only screen and (max-width: 1366px) {
    #start_stop_Proxy {
        width: 93%;
    }

    #httpProxyConfigContent>div:nth-child(6)>div>div {
        margin-left: 6%;
    }

    #clearProxy {
        width: 97.5%;
    }

    #httpProxyConfigContent>div.row.col-md-12>div>div:nth-child(1)>div>div.col-md-6.padding-r-0 {
        margin-left: 5.3%;
    }
}

.step-n-mark {
    margin-left: 0% !important;
}

.http-proxy-options-mark-step .row.http-proxy-options-lf-pad {
    width: 100%;
    margin-left: 0%;
}

.proxy-status-div {
    clear: both;
    margin-top: 1%;
}

#httpProxyConfigContent>div.row.col-md-12>div>div:nth-child(4) {
    padding-top: 15px;
    margin-left: 0.1%;
    max-width: 99%;
    padding-bottom: 15px;
}

.clear-both {
    clear: both;
}

.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}

.row {
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

#controlsId label {
    font-size: 15px;
}

.btn {
    font-size: 14px;
}

.heading {
    margin-bottom: 20px !important;
}

#repositoryAuth {
    /* border: none;
    background: transparent;*/
    width: 45%;
    min-width: auto;
}

label.AppDynamicslbl {
    font-weight: 400;
}

#AppDynamicsssl,
#AppDynamics-CheckHealthRules {
    width: 20px;
    height: 20px;
}

.local-browser-system.selected,
.server-browser-system.selected {
    background: #005677;
    color: #fff;
    border: 1px solid #005677;
}

.template-area {
    border: 1px solid #ddd;
    padding: 5px 10px;
    margin-top: 5px;
    overflow-y: auto;
}

#reportsContent {
    /* overflow-y: auto; */
    overflow-y: unset;
    margin-bottom: 0;
}

input[name=editingReportName] {
    margin-top: 7px;
    display: inline-block;
    border: none;
    background: transparent;
    color: #005677;
    font-weight: 700;
    font-size: 17px;
}

.selected-template {
    background: #eaebef85 !important;
    color: #fff;
    font-weight: bold;
}

#functionalGridmachines-content {
    border-bottom: 1px solid #ddd !important;
}

#functionalGridmachines-content th {
    background: rgba(96, 125, 139, 0.76);
}

#reportList.table-hover thead tr:hover th,
#reportList.table-hover tbody tr:hover td {
    background-color: #eaebef85;
}

.edit-report-template:hover {
    text-decoration: none;
}

#monitorConfigContent th,
#monitorConfigContent td {
    color: #555655;
}

#monitorConfigContent a[name=editListener] {
    min-width: 30px;
    display: inline-block;
}

#monitorConfigContent .fa-pencil {
    color: #1C9FFF;
}

#monitorConfigContent .fa-trash-o {
    color: #EE2B4B;
}

#monitorConfigContent .action-column {
    width: 90px;
}

.listener-modal {
    width: 80%;
    margin: 50px auto;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 441;

}

.listener-iterator {
    min-height: 300px;
    background: #fff;
    padding: 15px 5px;
}

.status-container .status-label,
.status-container .status-text {
    float: left;
    font-weight: bold;
    color: #333;
}

.status-container .status-label {
    width: 150px
}

.status-container .status-field {
    min-height: 30px;
}

.colon-before:before {
    content: ': \00a0';
}

.sampleDNS {
    margin: 5px 15px;
    display: inline-block;
    font-style: italic;
    font-weight: 100;
}

.status-container .permission-label {
    min-width: 50px;
    display: inline-block;
    margin-left: -5px;
}

.status-container .permission-text:before {
    content: ':\00a0\00a0\00a0\00a0';
}

.border-red,
.border-red:focus {
    border-color: red;
}

#alertPopUp .modal-dialog {
    margin: auto;
}

.logTable {
    width: 100%;

}

.logTable,
th,
td {
    border-collapse: collapse;
    padding: 15px;
}

.log-date {
    width: 20%;
}

.log-message {
    width: 40%;
    word-break: break-all;
}

.drop {
    margin-bottom: 1%;
}

.drop>.full-width {
    width: 200px !important;
}

.log-role {
    width: 6%;
}

#tableLogs,
th {
    cursor: pointer;
}

#tableLogs,
td {
    cursor: default;
}

#logErrorFile {
    margin-left: 1%;
}

#userList input.selectUser,
#userList input#selectAllUsers,
#teamList input.deleteteam,
#teamList input#selectAllTeams {
    width: 15px !important;
    height: 15px !important;
    margin: 0px !important;
    padding: 0px !important;
}

table#userList tbody tr :not(.item-user) {
    text-align: center;
}

.multiple-actions a {
    height: 28px;
    padding: 3px 9px;
    margin-right: 5px;
}

.fileName {
    float: left;
    text-align: center;
    padding: 6px 10px;
    display: table;
    max-width: 120px;
    margin-left: 5px;
    overflow: hidden;
    overflow-x: auto;
    flex-wrap: wrap;
    white-space: nowrap;
    font-size: 12px;
    height: 30px;
    border-radius: 4px;
    color: #fbfdf5;
    background-color: orange;
}

.table-hover tbody tr#tableHeaders:hover td {
    background-color: unset;
}

.wrapsso {
    width: 50%;
}

.error-border {
    border-color: red !important;
}

.no-border-table tbody tr td {
    border: none !important;
}

.align-elements tbody tr td:first-child {
    width: 30%;
    text-align: end !important;
    vertical-align: middle !important;
}

#Teams, #Credentials table tbody tr td {
    text-align: center !important;
    vertical-align: middle !important;
}

#addNewUserModal .modal-dialog {
    width: 60% !important;
}

.userTeamContainer {
    display: flex;
    max-height: 358px;
}

.overflowScroll {
    overflow: scroll;
}