/*****************************************************************************
*
*   Copyright (C) Siemens AG 2010 All Rights Reserved. Confidential
*
******************************************************************************
*
*   Project:        Desigo CC Help
*   Subproject:     -
*   Author:         Suraj Bairagi (PUN3)
*   Creation Date:  8/14/2018 12:15:00 PM
*   File Name:      indexEngineering.html
*   User Stories:   654108: Customized home page for operator and engineering helps    
*
*					BTQ00317773 : Change in look and feel of "Index.html" page 
*					BTQ00318069: HTML Index Page - making the search image clickable
******************************************************************************/


.button-text{
	color: #1f497d;
	font-size:calc(12px + 0.7vw);
	margin-top: 3%;
}

.container{
	margin-top: calc(10px + 2vw);
}

.container-fluid{
	margin-top: calc(20px + 1.5%)
}

.button-icons
{
		width: 100%;
		height: auto;
}

 .root-body{
	 background-color: #ffffff;
 }

 .buttons-text-col{
	text-align: left; 
	padding-left: 7%;
	margin-top: 4%;
 }

 .icon-col{
	
	padding: 0%;
	margin-left: 2.7%;
	text-align: left;
 }
 


 /************************************************ Search ******************************************/
#custom-search-input .search-query {
	width:100%;
	height: calc(20px + 1.5vw);

        /* IE7-8 doesn't have border-radius, so don't indent the padding */
    -webkit-border-radius: 1.25vw;
    -moz-border-radius: 1.25vw;
	border-radius: 2em;

	font-size: calc(8px + 1vw);	
	background-image: url(../../../assets/img/Index_Search.svg) ;
	background-repeat: no-repeat;
	background-position: 98% 50%;
	background-size: calc(10px + 1.5vw);
	border: 3px solid;
	border-color: #20a5d8;
	text-indent: 4%;
	padding-right: calc(3.5em);
}

.typeahead__display{
	font-size: calc(8px + 0.4vw);	
}

.schema-navbar-search{
	margin: 0%;
	margin-top: 10%;
}

 /* To disable the additional clear button which Internet Explorer puts by default */
 input[type=search]::-ms-clear {
    display: none;
}

.search-col{
	padding-top:4%;
	padding-left:2%;
	padding-right:0%;
}

.search-query:focus{
    z-index: 0;   
}

/* Adding media queries for handling larger displays */
@media (min-width: 3840px) {
    .container {
        width:3000px
    }
}

@media (min-width: 2560px) and (max-width: 3839px){
    .container {
        width:2000px
    }
}

@media (min-width: 1440px) and (max-width: 2559px) {
    .container {
        width:1080px
    }
}

@media (min-width: 1200px) and (max-width: 1440px){
	.container {
		width: 850px;
	}
}

@media (min-width: 992px) and (max-width: 1200px){
	.container {
		width: 800px;
	}
}

/* Adding search button for hover effect BTQ00318069: HTML Index Page - making the search image clickable */
.search-button {
	position: absolute;
	right: calc(8px + 0.4vw);
	top: calc(2px + 0.2vw);
	background-color:transparent;
	color: transparent;
	width: calc(15px + 1.3vw);
	height: calc(15px + 1.3vw);
	outline: 0;
  }



/*****************************************************************************
*
*   Copyright (C) Siemens AG 2010 All Rights Reserved. Confidential
*
*****************************************************************************/