contrail.controller.css

/*
 * Copyright (c) 2016 Juniper Networks, Inc.
 * All rights reserved.
 */

/* Service Instances page*/
.padingTop6{
    padding-top:6px;
}
.bgCol{
    background-color:#f9f9f9;
}

/* policy rules */
.rule-item, .rule-item-header {
    min-height:20px;
    padding: 8px 8px 1px;
}
.rule-item:nth-child(even), .rule-item-header {background: #f9f9f9;}

/*policy rule styles */
#PolicyRules #simple_action  .select2-chosen,
#PolicyRules #protocol .select2-chosen,
#PolicyRules #src_address .select2-chosen,
#PolicyRules #direction .select2-chosen,
#PolicyRules #dst_address .select2-chosen
{
    color: #3182bd;
}

#PolicyRules #simple_action .select2-container-disabled .select2-choice,
#PolicyRules #simple_action .select2-container,
#PolicyRules #protocol .custom-combobox .input-group-addon,
#PolicyRules #src_address .select2-container,
#PolicyRules #direction .select2-container,
#PolicyRules #direction .select2-container-disabled .select2-choice,
#PolicyRules #dst_address .select2-container,
#PolicyRules #dst_ports_text,
#PolicyRules #src_ports_text,
#PolicyRules input{
    border: 0px !important;
    color: #3182bd;
}
#PolicyRules .select2-container, #PolicyRules  input {
    background : transparent;
}
#PolicyRules .select2-container:disabled, #PolicyRules input:disabled{
    background-color:#f4f4f4;
}
#PolicyRules #simple_action .select2-arrow ,
#PolicyRules #protocol .select2-arrow ,
#PolicyRules #src_address .select2-arrow ,
#PolicyRules #direction .select2-arrow ,
#PolicyRules #dst_address .select2-arrow
{
    display: none !important;
}

#windowCreatePolicy .rule-item .select2-chosen {
    color: #3182bd;
}

#windowCreatePolicy .rule-item .span2 .select2-container, #windowCreatePolicy .rule-item .span1 .select2-container, #windowCreatePolicy .rule-item .select2-container.select2-container-disabled .select2-choice, #windowCreatePolicy .rule-item .span1 .span12{
    border: 0px !important;
}

#windowCreatePolicy .rule-item .span1 .span12 {
    color: #3182bd;
}

#windowCreatePolicy .rule-item .select2-arrow {
    display: none !important;
}

#windowCreatePolicy .rule-item .select2-chosen {
    margin-right:0px !important;
}

.res-icon  + .select2-offscreen  + input{
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    margin-left: -5px;
}

.rule-format {
    font-style : italic;
    font-weight : bold;
}

#windowCreatePolicy .rule-item .select2-container, #windowCreatePolicy .rule-item  input {
    background : transparent;
}

.image-network:before  {
    content : url(../img/network.png);
    vertical-align : middle;
}

.image-policy:before {
    content : url(../img/policy.png);
    vertical-align : middle;
}

.image-subnet:before {
    content : url(../img/subnet.png);
    vertical-align : middle;
}

#PolicyRules .contrail-editable-grid-table th, #PolicyRules .contrail-editable-grid-table td{
    padding:4px 6px 4px 6px;
}

#PolicyRules .contrail-editable-grid-table th{
    white-space: nowrap;
    color:#787878;
}

#PolicyRules .contrail-editable-grid-table tr:first-child td{
    padding-top:10px;
}

#PolicyRules table thead{
    background-color:#f9f9f9;
}

#PolicyRules table, #static_routes_collection>div>table{
    margin-top:10px;
}
#PolicyRules .custom-combobox-input:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);		  	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);		    	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);		    	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
.ui-accordion #interfaceCollectionAccordian.ui-accordion-content{
    padding:1px;
}
/*
#interfaceCollectionAccordian .contrail-editable-grid-table tr td{
    padding:5px 0px;
}
*/
#interfaceCollectionAccordian .editable-grid-input-append{
    padding-right:17px;
}

#interfaceCollectionAccordian .collection-actions-add{
    text-align:left;
    padding:0px 0px 10px 0px;
}

#static-routes-collection table{
    margin:0px 10px 10px 30px;
}

div.vis-network div.vis-navigation div.vis-button{
    background-color:#f9f9f9;
    border: 1px solid #efefef;
    -moz-border-radius: 0px;
    border-radius:0px;
    color: #777;
    font-family: FontAwesome;
    font-size:15px;
    position: absolute;
    z-index: 1;
    padding:8px 10px;
    vertical-align:middle;
    line-height: normal;
}
div.vis-refresh {
    top: 130px;
    right: 10px;
}
div.vis-refresh:before{
    content: "\f01e";
}

div.vis-network div.vis-navigation div.vis-button:hover{
    box-shadow:none;}

div.vis-network div.vis-navigation div.vis-button.vis-zoomIn{
    top:10px;
    right:10px;
    background-image:none;
}

div.vis-network div.vis-navigation div.vis-button.vis-zoomIn:before{
    content: "\f00e";
}

div.vis-network div.vis-navigation div.vis-button.vis-zoomOut{
    top:50px;
    right:10px;
    background-image:none;
}

div.vis-network div.vis-navigation div.vis-button.vis-zoomOut:before{
    content: "\f010";
}

div.vis-network div.vis-navigation div.vis-button.vis-zoomExtends{
    top:90px;
    right:10px;
    background-image:none;
}

div.vis-network div.vis-navigation div.vis-button.vis-zoomExtends:before{
    content: "\f05c";
}

div.vis-network div.vis-navigation div.vis-button.vis-up, div.vis-network div.vis-navigation div.vis-button.vis-down,
div.vis-network div.vis-navigation div.vis-button.vis-right, div.vis-network div.vis-navigation div.vis-button.vis-left{
    display:none;
}

div.vis-network canvas{
    cursor:move;
}

#bgp-grid .value tr:last-child td{
    border-bottom:none;}
.sec_label{
    font-weight:500;
    color:#000;}
.familyAttr_val{padding-right:10px;}

#termCollection tbody tr:nth-child(4n+3) td,
#termCollection tbody tr:nth-child(4n+4) td{
    background: #fdfdfd;
}


#peer_selection>table{
    width:100%;}
.select2-container .select2-choice .select2-arrow b:before {
    padding:0px 8px 0px 0px;
    float:right;}
#address_family{
    padding-right:0px;
    width:220px;}
#configure-bgp_router #loop_count{width:204px;}
#bgp-grid ul.item-list .key{
    width:23.08% !important;
}
#bgp-grid ul.item-list .value{
    width:57.26%; !important;
}


#dashboard-alerts-modal ul.grid-action-menu{

    top:110px!important;}

#peer_selection>table table{width:100%; padding:0px 10px;}
#peer_selection>table table th, #peer_selection>table table td{padding-left:10px;}
#peer_selection>table th, #peer_selection>table td{padding-left:10px;}
#family_attrs{padding:0px 87px 0px 15px}
#family_attrs div a.editable-grid-add-link{
    float:left;
    font-size:12px;}
#family_attrs th:first-child, #family_attrs td:first-child, #static_routes_collection th:first-child, #family_attrs td:first-child{
    padding-left:50px;}
#peer_selection>table>thead>tr>th{
    line-height:1.4;
}
#peer_selection .contrail-editable-grid-table tr:nth-child(4n+3) td, #peer_selection .contrail-editable-grid-table tr:nth-child(4n+4) td{
    background:none;
}
#peer_selection>table.contrail-editable-grid-table tr th{
    padding-right:5px;}
#peer_selection>table.contrail-editable-grid-table table.contrail-editable-grid-table tr:nth-child(1) td {
    padding-top:6px;}
#peer_selection>table.contrail-editable-grid-table table.contrail-editable-grid-table tr:nth-child(3n+1) td, #peer_selection>table.contrail-editable-grid-table tr:nth-child(1) td {

    border-top:none;}
#peer_selection .item-list table tr:first-child td{
    background-color:gray;}
#bgp-grid .value th, #config-vn-list .value th, #config-ipam-list .value th, #service-instances-grid .value th, #global-bgp-options-grid th{
    font-weight:600;
    border-bottom:#777 solid 1px;
    padding-bottom:2px;}
#global-bgp-options-grid th, #global-bgp-options-grid td{
    color:#777;
    font-size:12px;
}

#bgp-grid .value tr td{
    border-bottom:#f5f5f5 solid 1px;
    vertical-align:top;}
#config-vn-list .value td, #config-ipam-list .value td, #service-instances-grid .value td{
    vertical-align:top;}
#service-instances-grid .value td a{
    color:#3182bd;
    text-decoration:underline;}
#bgp-grid .value .addressFamily {
    padding: 5px 20px 20px 20px;
}

#bgp-grid .value .addressFamily tr td{border:none;}
#bgp-grid .addressFamily tr th{font-weight:normal; border:none; background:#cccccc; color:white;}
#bgp-grid .addressFamily tr td, #bgp-grid .addressFamily tr th{
    padding:0px 5px;}
#bgp-grid .addressFamily table{border:#CCC solid 1px; height:20px;overflow:scroll;}
#peer_selection>table{
    width:100%;}
.select2-container .select2-choice .select2-arrow b:before {
    padding:0px 8px 0px 0px;
    float:right;}
#address_family{
    padding-right:0px;
    width:250px;
    padding-top:0px;}
#prefix_limit{width:213px}
#bgp-grid ul.item-list .key, #config-vn-list ul.item-list .key, #config-ipam-list ul.item-list .key, #service-instances-grid ul.item-list .key{
    width:23.08% !important;
}
#bgp-grid ul.item-list .value, #service-instances-grid ul.item-list .value{
    width:57.26% !important;
    vertical-align:top;
}
#config-vn-list ul.item-list .value, #config-ipam-list ul.item-list .value{
    width:76.26%!important;
    vertical-align:top;}
div#peer_selection_section {
    padding-left: 10px;
}
tr.collapsibleChildContainer> td{
    padding-left:30px!important;
    padding-bottom:10px;
}
#peer_selection>table tr.data-row  td{
    padding-top:5px;}
#peer_selection th.action-cell, #peer_selection td.action-cell{
    text-align:left;
    padding-right:12px;}
#peer_selection>table table, #peer_selection>table table input{
    font-size:12px;}

tr.collapsibleChildContainer{
    border-bottom:#d7d7d7 solid 1px;}
.bgp-peer-text-center{text-align:center!important;}
/*#peer_selection .contrail-editable-grid-table thead,#peer_selection  .collection-table thead{
    line-height:1;}*/

#peer_selection>table tr.data-row>td{
    padding-top:10px!important;}
#interfaces-collection #interfaceType,#static-routes-collection #prefix, #static-routes-collection #next_hop{
    padding-right: 17px;
}
.no-margin{
    margin:0px!important;}
#PolicyRules .contrail-editable-grid-table th, #PolicyRules .contrail-editable-grid-table td {
    padding: 4px 3px 4px 3px;
}
#PolicyRules .contrail-editable-grid-table th:first-child, #PolicyRules .contrail-editable-grid-table td:first-child {
    padding-left: 6px;
}
.collapsibleChildContainer table{
    width:100%;}
#port_tuples_vmi_collection th{
    padding-left:5px;}
#port_tuples_vmi_collection td{
    padding-left:2px;}
#port-tuples-collection th:first-child{
    min-width:20px!important;}
#port-tuples-collection th.action-cell, #port-tuples-collection td.action-cell{
    text-align:left;
}
#port-tuples-collection td.action-cell{
    padding-right:0px;
    padding-left:5px;
}

#dashboard-alerts-modal ul.grid-action-menu{
    margin-top:-95px;
    margin-right:3px;
}

.max-z-index {
    z-index: 30000;
}

#configure-network input.ace-input[type=checkbox] + .ace-lbl::before, #configure-network input.ace-input[type=radio] + .ace-lbl::before{
    margin-right:10px;}
#configure-Ports-form .contrail-editable-grid-table{
    margin-top:5px;
    margin-bottom:10px;}
#network_ipam_refs th, #user_created_host_routes th, #user_created_dns_servers th, #floating_ip_pools th, #user_created_route_targets th, #user_created_export_route_targets th, #user_created_import_route_targets th,#configure-Ports th, #configure-service_instance-form th{
    padding-left:5px;}
#network_ipam_refs td, #user_created_host_routes td, #user_created_dns_servers td, #floating_ip_pools td, #user_created_route_targets td, #user_created_export_route_targets td, #user_created_import_route_targets td, #configure-Ports td, #configure-service_instance-form td{
    padding-left:2px;}

/*
#network-form .contrail-editable-grid-table thead,#network-form .collection-table thead, #advanced_options .contrail-editable-grid-table thead, #advanced_options .collection-table thead,#configure-service_instance #svcInstV1PropAccordian thead,#configure-Ports #dhcpOptionCollection thead,#configure-Ports #fatFlowCollection thead {
    line-height:1;}*/
.headerRowAction{
    margin-top:0px!important;
    margin-bottom:0px!important;
    padding-bottom:0px;
    max-width:17px;}
.action-cell a+a{padding-left:5px;}
.headerRowAction{padding-left:2px;}
.underlay-container:before {
    content: "\f141";
    text-decoration: inherit;
    speak: none;
    position: absolute;
    margin-left: 49.5%;
    bottom: -9px;
    font-family: FontAwesome;
    color: #858585;
}
#securityGroupValue .form-label{
    display:none;}

.alarms-circle-display-flex {
    display: inline-flex;
}

.alarms-display-inline {
    display: inline;
}

#configure-service_template #interfaces>table{
    width:100%;}
td.action-cell a{color:#787878;}
#configure-service_template input.ace-input[type=checkbox] + .ace-lbl::before, #configure-service_template input.ace-input[type=radio] + .ace-lbl::before{
    margin-right:8px;}
.headerRowAction:parent{
    width:40px;}
#ipFabAddresses{
    padding-top:24px;}

#interfaces-collection tr:first-child td{
    padding-top:17px;}
#interfaces-collection>table>thead{
    background-color:#f9f9f9;}
#interface_type, td#interfaceType, td#user_created_ip, td#prefix{padding-right:16px;}
/*#interfaces-collection tr.collapsibleChildContainer> td{padding-bottom:0px;}*/
#interfaces-collection tr.collapsibleChildContainer .data-row td, #interfaces-collection tr.collapsibleChildContainer .error-row td{height:0px;}
#interfaces th.text-center{
    text-align:center!important}
#PolicyRules .custom-combobox>span.input-group-addon{
    background:transparent;
    border:transparent solid 1px;
    position:absolute;
    top:3px;
}
#PolicyRules .custom-combobox-input:focus{
    outline:none;
}
#PolicyRules .custom-combobox-input+span i.fa-caret-down{
    display:none;
}
#PolicyRules .custom-combobox-input:focus +span i.fa-caret-down{
    display:block;
}
/*
Added for severity bubble in config alarms
*/
.circle.mini {
    border: 1px;
}
#PolicyRules>table>tbody>tr>td>div>div.select2-container, #PolicyRules>table>tbody>tr>td .select2-container-disabled a{
    border:0px;
}
#PolicyRules>table>tbody>tr>td.data-cell-mirror>div>div.select2-container, #PolicyRules>table>tbody>tr>td.data-cell-QoS>div>div.select2-container{
    border:1px solid #dadada;
}
#PolicyRules>table>tbody>tr>td .select2-container-disabled{
    border: 1px solid #f4f4f4;
}
#PolicyRules .custom-combobox-input+span i.icon-caret-down{
    display:block;vertical-align:top;
}
#PolicyRules .custom-combobox .ui-autocomplete-input {
    margin: 0;
    padding: 0 19px 0 5px;
}
#PolicyRules td.data-cell-service_instances .form-element.span10, #PolicyRules td.data-cell-mirror .select2-container.span10, #PolicyRules td.data-cell-QoS .select2-container.span10{margin-left:3px;}
#PolicyRules th>a.editable-grid-add-link{
    margin-left:5px;}

#graceful_restart_section input.ace-input[type=checkbox] + .ace-lbl::before {
    margin-right: 10px;
}
table td[class*="col-xs-"], table th[class*="col-xs-"], .row-fluid table td[class*="col-xs-"], .row-fluid table th[class*="col-xs-"] {
    display: table-cell;
    float: none;
    margin-left: 0;
    padding-left:0px;
}
#config-policies-grid-id  table.sharedlist_permission, #port-grid-id table.sharedlist_permission, #config-svc-template-grid table.sharedlist_permission, #bgp-as-a-service-grid table.sharedlist_permission, #dns-server-grid table.sharedlist_permission, #config-alarm-grid table.sharedlist_permission{
    width:65%!important;
}

#configure-routingPolicy .and-clause-collection td.data-cell.data-cell-value, #configure-routingPolicy #or-clause-collection td.data-cell.data-cell-variables, #configalarm_edit_alarm_rule #or-clause-collection td.data-cell.data-cell-variables{
    padding-top: 12px;
}
#configure-routingPolicy #or-clause-collection .data-cell.data-cell-operation>div{
    margin-top:-2px;
}
#servicePorts .contrail-editable-grid-table, #analyzer_rule_section .contrail-editable-grid-table{
    margin-left:15px;
    margin-right:15px;}
#share_list th:first-child, .contrail-editable-grid-table th:first-child {
    padding-left: 5px;
}
#security_group_edit_security_group .contrail-editable-grid-table{
    margin-top:5px;}
#interface #infServer{
    padding-left:15px;}
#analyzer_rule_section>label{
    padding-left:15px;
    padding-bottom:5px;
    font-size:13px;}
#configalarm_edit_alarm_rule #description .textarea-input-group{
    width:100%;}
#configalarm_edit_alarm_rule .collection-table .data-cell>div.row{margin:0px;}