/*
* ============LICENSE_START=======================================================
* ONAP : SDNC-FEATURES
* ================================================================================
* Copyright 2018 TechMahindra
*=================================================================================
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*     http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
* ============LICENSE_END=========================================================
*/
 
 body{ 
 padding-top:20px; 
 overflow-y:scroll;
 }

/* form styling */
#form-container{  
	margin-bottom:20px;
    border-radius:5px;
}
#form-container .page-header{  
	margin:0; padding:30px; 
    border-top-left-radius:5px; border-top-right-radius:5px;
     }
    
 table.tableDisplay{
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
     border-collapse: collapse;
     width: 100%;
     table-layout: auto;
}
 table.tableDisplay tr:nth-child(even){
     background-color: #C0C0C0;
}
 table.tableDisplay th{
     padding-top: 12px;
     padding-bottom: 12px;
     text-align: left;
     background: linear-gradient(to top, #f8f8f8 0%, #cce5ff 83%);
     color: black;
}
 table.tableDisplay td,table.tableDisplay th {
     border: 1px solid #ddd;
     padding: 8px;
     width:30px;
     
}
 table.tableDisplay tr:{
     text-align: left;
}
 table.tableDisplay tr:hover {
     background-color:#cce5ff;
}
 .first_row{
     background-color: #cce5ff;
     color: black;
     text-align:left;
}
 .column {
     float: left;
     width: 32.2%;
     padding: 10px;
     margin-left:20px;
     height: 60px;
    /* Should be removed. Only for demonstration */
}
/* Clear floats after the columns */
 .row:after {
     content: "";
     display: table;
     clear: both;
}
 #btnSubmit{
     background-color: #cce5ff;
     margin-top:20px;
     margin-left:20px;
     margin-bottom:10px;
     width:100px;
     height:30px;
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
     border-collapse: collapse;
     border: 1px solid #ddd;
     font-weight:700;
}
 .btndownload{
     background-color: #cce5ff;
     margin-top:20px;
     margin-bottom:10px;
     margin-left:20px;
     width:130px;
     height:30px;
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
     border-collapse: collapse;
     border: 1px solid #ddd;
     font-weight:700;
}
 #exampleInput{
     margin-left:25px;
     width:160px;
}
 #exampleEndInput{
     margin-left:10px;
}
 .error{
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
     color:Red;
     font-size: 14px;
     margin-bottom:10px;
}
 .labeltext{
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
 .sort-icon {
     font-size: 9px;
     margin-left: 5px;
}
 th {
     cursor:pointer;
}
 .heading{  
     margin-top:30px;
     width:1100px;
     height:45px;
     margin-bottom:20px;
     font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
     margin-right: -15px;
     margin-left: 5px;
     font-size: 20px;
      background: linear-gradient(to top, #f8f8f8 0%, #cce5ff 83%);
     padding-top:15px;

}
form_validationBody{
	width:900px;
	margin-left:15px;
	margin-top:60px;
	margin-bottom:20px;
}
button:hover {
    position: relative;
}
button[title]:hover:after {
     padding: 4px 8px;
     position: absolute;
     left: 0;
     top: 100%;
     white-space: nowrap;
     z-index: 20px;
     background:red;
}
.arrowRed {
font-size: 30px;
color: red;
}
.arrowGreen {
font-size: 30px;
color: green;
}
.ng-invalid  { border: 1px solid red; }
.testMain{
	width:1100px;
	margin-left:15px;
	margin-top:60px;
	margin-bottom:20px;
}
.testNotification{
	padding:0px;
}
.testImgIcon{
	margin-left:5px;
	margin-right:10px;
	padding-right:10px;
}
.testCol{
	background-color:#f2f2f2;
	width:25%;
	margin-left:35px;
}
.check{
	 margin-left:10px;
	margin-right:10px;
}
.btnRunTest{
	background-color:#f2f2f2;
	width:75%;
	height:75px;
	margin-left:35px;
	margin-bottom:35px;
}
.ReportMain{
	width:1100px;
	margin-left:15px;
	margin-top:60px;
}
.ReportNotification{
	padding:0px;
	margin-right:10px;
	text-align:center;
}
.ReportImgIcon{
	margin-left:5px;
	margin-right:10px;
}
input[type=checkbox] { 
	padding-right: 3px;!important;
	}