#footer{
    height:30px;
    position:fixed;
    bottom: 0px;

}
.grid{
    margin:10px;
}
.grid_cat{
    margin:20px;
    width: initial;
}
/*.app-bar-element > button {color:white;}*/
/*
[id^="ButtonFav"],[id*=" ButtonFav"]{
    padding-top:10px;
    padding-left:10px;
}
*/
.tile, .tile-small, .tile-wide, .tile-large, .tile-square
 {
    border-radius:5px;
    margin:6px;
}
.tile-small .tile-content.iconic .icon{

    font-size:30px;
}


.tile-content  a.link-content-tile{
    width:100%;
    height:85%;
   /*border:solid 1px red;*/
   /* float:left;*/
}
.tile-content  a.link-top-tile{
    width:79%;
  /*//max-width:8%;*/
    height:23%;
    max-height:18%;
  /*//  border:solid 1px red;*/
    float:right;
}

.tile-group-title{
    height:100px;
}
.nav-bar-title{
    font-size: 1.4rem !important;
    margin-left:50px;
    cursor: default !important;
    overflow: hidden;
}



.app-bar .app-bar-element, .app-bar-element.place-right,.app-bar-element.place-left{
	padding: 0px;
}

.mif-1_5x{
    font-size:1.7rem;
}
    


.BB_color{
    background-color:  rgba(35, 144, 203,1) !important;

}
.BB_color:hover {
    background-color:  rgba(35, 144, 203,1) !important;

}

.BB-gray{
    color:#494748;

}
.cyan{
    background-color:#1BA1E2;
}
.cyan:hover{
    background-color:#1B6EAE;

}
.search__field {
    outline-color: transparent; 
}
[id^="btn_nav_fav"] {
    background-color: transparent;
    border: none;
    height: inherit;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0.5rem;
    padding-bottom: 0px;
    padding-left: 0.5rem;
}
#btn_showSearchBox, #btn_linkToTab, #btn_linkToTab, #btn_save_search {
    background-color: transparent;
    border: none;
    height: inherit;
    margin: 0px;
    padding-top: 0px;
    padding-right: 1rem;
    padding-bottom: 0px;
    padding-left: 1rem;
}

#btn_save_search{
    display:none;
}

.steel{
background-color:  #647687 !important;
}
.steel:hover{
/*//background-color:  !important;*/
}



.tile .tile-label{
 
font-style: normal;
 white-space: nowrap;
 overflow:hidden;
 width:80%;

 /*transition-property: background, color;
    transition-duration: 0.2s, 0.2s;
    transition-timing-function: initial, initial;
    transition-delay: initial, initial;*/

}

.tile-group
{
    /*background-color: #E4E8EA;*/
    margin:10px 10px 10px 10px;
    border-radius:10px;
    padding-bottom:6px;
    padding-left:6px;
    padding-right:6px;
    overflow:hidden;

}
.hint{
    font-style: normal;
}


.input-control{
    width:100%!important;
} 

.title-icon{
    padding-right:12px;
    padding-left:12px;
    padding-bottom:6px;
}


 /*#nav-home{
         line-height:inherit;
         padding-left:12px;
         padding-right:12px;


 }*/

    
 .dropdown-toggle:before{
     display:none;
 }
 .MenuBB-nav-bar-element{
         line-height:inherit;
         padding-left:16px;
         padding-right:16px;

 }
 #btn_save{
     padding-left:10px;
     padding-right:5px;
 }
.refreshComp {
     padding-left:10px !important;
     padding-right:5px !important;
  }
.MenuBB-nav-bar-element > tbody{
     display:none;
 }

#toggle-tiles-dropdown_menu{
    line-height:inherit;
         padding-left:10px;
         padding-right:10px;
}
#MenuBoard_StateViewNameEdit {

    font-size: 1.4rem;
    /*margin-left:50px;*/
    cursor: text;
    text-decoration: none;
    border:none;
    color:white;
    padding:0px;
    line-height:3.125rem;
 }
#MenuBoard_StateViewNameEdit:focus{
    outline:0;
}
 .No-display-aspxButton {
     display:none !important;
 }

 #nav-home-enLarge{
         line-height:inherit;
         cursor:pointer;
         padding: 0 24px;

  }
 #nav-home-enLarge:hover{
         line-height:inherit;
         cursor:pointer;
         font-size:1.5rem;
         padding: 0 19px;

 }
  #nav-home-shrink{
         line-height:inherit;
         cursor:pointer;
         font-size:1.5rem;
  }
 #nav-home-shrink:hover{
         line-height:inherit;
         cursor:pointer;
         font-size:1rem;


 }

#FilterEdit #nav-home{
        padding-left:12px;
        padding-right:12px;
}
#FilterEdit  {
display:none;
}
#_filterMenu::-webkit-search-decoration,
#_filterMenu::-webkit-search-cancel-button,
#_filterMenu::-webkit-search-results-button,
#_filterMenu::-webkit-search-results-decoration
{
display:none;

}
#_filterMenu::-ms-clear {  display: none; width : 0; height: 0; }
#_filterMenu::-ms-reveal {  display: none; width : 0; height: 0; }
#app-bar_TextFitler{

	height: auto;
	margin-top: 19px;
    margin-left: 10px;
    margin-right: 10px;
}
.h-menu > li > a {
    padding: 0px; 
    color: white;
}
#ListViewState li{
    overflow:hidden;
}
.d-menu li a{
    min-width:0;
}
.d-menu.context li a{
    padding: 0 2rem 0 2.5rem;
}
.ContainerItem {
    display: flex !important;
    }
[id^=linkItem] {
    flex: 2;
    overflow:hidden;
}

[id^=editItem] {
    flex: 1;
    padding: 0px !important;
    right: 0.5rem;
    cursor: pointer;
        }

#MenuBB [id^=editItem]{
    display:none;
}

            [id^=editItem]:hover {
                color: #727272 !important;
            }

        .hidden {
            display: none !important;
        }

        [id^=textBoxViewName] {
            display: none;
            padding-left: 0.875rem;
            padding-top: 0.875rem;
            padding-bottom: 0.875rem;
            padding-right: 0.875rem;
            width:100%;
        }
        [id^=textBoxViewName]> .form-group{
            width:100%;
         }
        [id^=textBoxViewName]> .form-group > .input{
            width:98%;
         }

.app-bar-drop-container{
    width:332px;
    max-height:824px;
}
#toggle-tiles-dropdown,#toggle-tiles-view-dropdown_view{
    line-height:inherit;
}
#toggle-tiles-view-dropdown_view_drop-container  {
    width:165px;
}

#toggle-tiles-view-dropdown_TCDHUB_drop-container{
    width:auto;
    overflow-y:scroll;
}
#toggle-tiles-view-dropdown_Comps_drop-container{
    overflow-y:scroll;
    width:352px;
}


#imgBB{
    /*cursor:default;*/
    padding-left:24px;
    box-sizing: initial; 
	background-color: transparent !important;
}

.bottom-menu {
    background-color: lightgray !important;
    z-index: 1030;
    position: inherit !important;
}
.BtnRemoveCatSearch {
    position:fixed;
	right:25px;
    font-size: 1rem;
    background-color: red;
	color:white !important;
    cursor: pointer;
}
 .BtnRemoveCatSearch:hover {
    padding:5px;
    background-color:  #494748;
	border-radius: 100%;
 }


#HomeBoard_cbpHome{
	height: calc(100vh - var(--TopMenuHeight));
	overflow:auto;
}

    #EditCatBB{
        height:calc(100vh - var(--TopMenuHeight));
        width:calc(100%);
        position: fixed;
        z-index:2000;
        top:calc(var(--TopMenuHeight));
        background: rgba(211,222, 226, 0.9);
    }
    .EditCat{
        pointer-events:none;
        opacity :0;
        transition: opacity 0.5s;
    }
    .Edit--open{
        pointer-events:auto;
        opacity:1;
    }
    .EditCatContainer{
        width: 100%;
        height:calc(100vh - var(--TopMenuHeight));
        background-color: white;
        margin: auto;
        top: var(--TopMenuHeight);
        display: flex;
        box-shadow:0px 0px 5px grey;
    }
    .EditCatContainer h3{
        margin-top: 0;
    }
    .EditCatDiv{
        width: 40%;
        padding: 15px;
    }
    .EditCatDiv:first-child{
        width: 90%;
        border-right: 1px solid rgba(211,222, 226, 0.9);
    }
     .inline-list li {
    display: inline-block;
    margin-right: .625rem;
}
             .icon-list li {
            width: 20%;
            padding: .625rem;
            cursor: pointer;
            vertical-align: baseline;
            font-size: .9em;
        }
        .icon-list li:hover {
            background-color: #64b4db;
            color: #fff;
        }
        .icon-list li [class*=mif-] {
            font-size: 1.25rem;
            margin-right: 10px;
            color: #999;

        }
        .preview-container{
            display:flex;
            flex-direction:column;
            height:90%;
        }
        .preview-container .tile-square{
            margin:auto;
        }
        .icon-list li:hover [class*=mif-] {
            color: #fff;


        }
        .EditCatDivLeftContainer{
        	height: 100%;
        	display: flex;
        	flex-direction: column;
            overflow: auto;
        }
        .EditCatDivColor{
        	padding: 20px;
        	padding-bottom: 40px;
        }
        .EditCatDivIcon{
			height:100%; 
			padding: 20px; 
			display: flex; 
			flex-direction: column;
        }
        span[id$='propertiesCat']{
            display:none;
        }
        #toolbar_editCat_color .toolbar-button{
            min-width:3.125rem;
            height:3.125rem;
            margin-bottom:7px;
            border:0;
        }


@media screen and (min-width: 1401px)
{
    #imgBB{
        background-image:url(../../../../images/logo.png);
        background-repeat:no-repeat;
        background-position:center;
        width:149px;
        margin-right:12px;   
    }
    #imgBB2:hover{
        background-image:url(../../../../images/logo_over.png);
        background-repeat:no-repeat;
        background-position:center;
        width:149px;
        margin-right:12px;   
    }	
    .nav-bar-title
    {
        width:52%;
    }
     #MenuBoard_StateViewNameEdit
     {
         width:180%;
         height:100%;
     }
}
@media screen and (max-width: 1401px)
{
    #imgBB{
        background-image:url(../../../../images/logo.png);
        background-repeat:no-repeat;
        background-position:center;
        width:149px;
        margin-right:12px;   
    	}

        .nav-bar-title{
            max-width:50%;
        }
         #MenuBoard_StateViewNameEdit
         {
         width:200%;
         height:100%;

     	}
           #app-bar_TextFitler
           {
		height: initial;
		margin-top: 17px;
		}
}

@media screen and (max-width: 1201px)
{
    #imgBB{
        background-image:url(../../../../images/logo.png);
        background-repeat:no-repeat;
        background-position:center;
        width:149px;
        margin-right:12px;   

    }

     #MenuBoard_StateViewNameEdit 
     {
        /*max-width: 100%;*/
        margin-left:0px;
        height:100%;
     }
     .nav-bar-title
     {
         /*margin-left:0px;*/

         max-width:40%;
     }

      .MenuBB-nav-bar-element
      {
         padding:0px 7px;

      }
      #nav-home-enLarge
      {
		padding: 0px 7px;
      }
      #app-bar_TextFitler
      {
		height: initial;
		margin-top: 15px;
		}	
    .CC
    {
    	max-width:250px;
    }
    .IconSearch
    {
    	padding-left:5px;
     }
      #footer
      {
      	height: 15px;
      }
}

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

     #MenuBoard_StateViewNameEdit{
        /*max-width: 110%;*/
        height:100%;
    }
     .nav-bar-title {
        /* max-width:49%;*/
     }
     #imgBB{
        background-image:url(../../../../images/logoMini.png);
        background-repeat:no-repeat;
        background-position:center;
        width:12px;
        margin-right:10px;   


    }
    .app-bar-drop-container{
        width:150px;
        max-height:548px;
        overflow-y: scroll;
        overflow-x:hidden;

    }
    #toggle-tiles-view-dropdown_view_drop-container  {
        width:80px;
        max-height:408px;
        overflow-y: scroll;
        overflow-x:hidden;
    }
    #MenuBoard_cbpMenu_TextSearch{
        width:80px;
    }
    #footer{
    	height: 5px;
    }
    
}
@media screen and (max-width: 665px) {
    #img_bb
     {
        background-image:url(../../../../images/logoMini.png);
        background-repeat:no-repeat;
        background-position:center;
        width:12px;
        margin-right:10px; 
    }
    .nav-bar-title
     {
         max-width:48%;
     }
    #MenuBoard_StateViewNameEdit
    {
        /*max-width: 110%;*/
        height:100%;
    }
    #app-bar_TextFitler
    {
		height: initial;
		margin-top: 12px;
	}	
    .CC
    {
        max-width:200px;
    }
    #MenuBoard_cbpMenu_TextSearch
    {
        width:48px;
    }

    #_searchField
    {
    	width: 107px;
    }
    #footer
    {   	
    	height: 2px;
    }

}