﻿
body {
    margin: 0px;   
    font-family: 'Roboto-Light', sans-serif !important;
}
.fa {
    font-family: 'FontAwesomeSolid';   
}
a {
    color: #00aff1;    
}

.bodyText {
   font-size: 15px;    
}



.MagnifierIconContainer {
    padding-top: 1px; 
    padding-left:14px; 
    padding-right: 14px; 
    padding-bottom: 25px; 
    background-color: #8fbdd0; 
    height:38px; 
    border-radius: 10px; 
    margin-right: 2px;
    position: relative;
    top: 2px;
}

.MagnifierIcon {
    vertical-align: middle;
    color: #ffffff;
    background-color: #8fbdd0;
    position: relative;
    top:  5px;    
}

.DivHeaderStyle {
    background-color: #006993;
    color: white;
}

.LogoContainer {
   display: block;
   height: 100px;
}

.LogoImage {
    float:right;
}

.Title {
  
}

.DivSimpleSearchStyle {

}

.DivSimpleSearchIntro {
    background-color: #00aff1;
    color: white;
}

@media screen and (max-width : 820px) {
  .TableListStyle {
      width:99%;
      padding-left: 1%;   
  }
}
@media screen and (min-width : 821px) {
  .TableListStyle {
      width:90%;
      padding-left: 10%;   
  }
}
/*
.ButtonSearch {
  -webkit-transition-duration: 0.4s !important; // Safari 
  transition-duration: 0.4s !important;
}

.ButtonSearch:hover {
  background-color: #4CAF50 !important; 
  color: white !important;
}
*/

.ButtonSearchNoShadow:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: default !important;    
}

.ButtonSearch:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19) !important;
    cursor: pointer !important;
}




div.Feedback_AjaxWaitAdC {
    position: fixed;
    top: 0;
    bottom: 1px;
    background-repeat: no-repeat;
    width: 100%;
    background: url(imgGIF/sandglass_blue.gif?5095&11033) no-repeat;
    background-size: 60px 60px;
    background-position: center, center;
    background-color: white;
    padding: 10px 0;
    text-align: center;
    z-index: 10000;
    border-top-right-radius: 3px;
    opacity: 0.8;
}
@media screen and (min-width : 1366px) {
    .SimpleSearchTitleIconsContainer {
        margin-left: 65%;
    }
    .SimpleSearchTitleIcons {
         position: relative;
    }
}
@media screen and (min-width : 1220px) and (max-width : 1365px){
    .SimpleSearchTitleIconsContainer {
        margin-left: 60%;
    }
    .SimpleSearchTitleIcons {
         position: relative;
    }
}
@media screen and (min-width : 767px) and (max-width : 1219px) {
    .SimpleSearchTitleIcons {
        position: static;
    }
    .SimpleSearchTitleIconsContainer {
        margin-left: 37%;
        margin-top: 5px;
    }
}

@media screen and (min-width : 686px) and (max-width : 766px) {
    .SimpleSearchTitleIcons {
        position: static;
    }
    .SimpleSearchTitleIconsContainer {
        margin-left: 28%;
        margin-top: 5px;
    }
}


@media screen (max-width : 685px) {
    .SimpleSearchTitleIcons {
        position: static;
    }
    .SimpleSearchTitleIconsContainer {
        margin-left: 1%;
        margin-top: 5px;
    }
}

@media screen and (max-width : 567px) {
    .TitleIcons {
         margin-left: 5px;
         position: static;
         margin-top: 5px;
    }
    .TitleIconsNoMarginLeft {
         position: static;
         margin-top: 5px;
    }  
}
@media screen and (min-width : 568px) {
    .TitleIcons {
        margin-left: 60px;
        position: relative;
    }
    .TitleIconsNoMarginLeft {
         position: relative;
    }
}

@media screen and (min-width : 1192px) {
    .DivAreaFilter {
        border-style: dotted;
        border-color: #006993;
        border-width: 1px;
        vertical-align:middle; 
        height:60px; 
        font-family:Roboto;
        width: 90%;
        margin-left: 100px;
        margin-top: 20px;
    }
    .Activity4 {
        margin-left: 20px;    
    }
    

    .DivOtherFilter {
        border-style: dotted;
        border-color: #006993;
        border-width: 1px;
        vertical-align:middle; 
        height:300px; 
        font-family:Roboto;
        width: 90%;
        margin-left: 100px;
        margin-top: 20px;
        }
        
}

@media screen  and (min-width : 896px) and  (max-width : 1191px) {
    .DivAreaFilter {
        border-style: dotted;
        border-color: #006993;
        border-width: 1px;
        vertical-align:middle; 
        height:200px; 
        font-family:Roboto;
        width: 85%;
        margin-left: 100px;
        margin-top: 20px;
    }
    .Activity4 {
        margin-left: 125px;
    }
    .DivOtherFilter {
        border-style: dotted;
        border-color: #006993;
        border-width: 1px;
        vertical-align:middle; 
        height:500px; 
        font-family:Roboto;
        width: 85%;
        margin-left: 100px;
        margin-top: 20px;
    }

}



.Activity2 {
    margin-left: 20px;
}


@media screen and (min-width : 640px) and (max-width : 895px) {
    .Activity3 {
        margin-left: 125px;
    }
    .DivAreaFilter {
        border-style: dotted;
        border-color: #006993;
        border-width: 1px;
        vertical-align:middle; 
        height:200px; 
        font-family:Roboto;
        width: 80%;
        margin-left: 100px;
        margin-top: 20px;
    }
    .Activity4 {
        margin-left: 125px;
    }
    .DivOtherFilter {
        border-style: dotted;
        border-color: #006993;
        border-width: 1px;
        vertical-align:middle; 
        height:500px; 
        font-family:Roboto;
        width: 80%;
        margin-left: 100px;
        margin-top: 20px;
    }

    
}
@media screen and (min-width : 896px) {
    .Activity3 {
        margin-left: 20px;
    }
}

@media screen and (min-width : 551px) and (max-width : 639px) {
    .Activity2 {
        margin-left: 125px;
    }
    .Activity3 {
        margin-left: 125px;
    }
    .DivAreaFilter {
        border-style: dotted;
        border-color: #006993;
        border-width: 1px;
        vertical-align:middle; 
        height:310px; 
        font-family:Roboto;
        width: 75%;
        margin-left: 100px;
        margin-top: 20px;
    }
    .Activity4 {
        margin-left: 125px;
    }
    .DivOtherFilter {
        border-style: dotted;
        border-color: #006993;
        border-width: 1px;
        vertical-align:middle; 
        height:500px; 
        font-family:Roboto;
        width: 75%;
        margin-left: 100px;
        margin-top: 20px;
    }

    
}

.DivOtherFiltersRegulatorsCtn {
    margin-top: 50px;   
}

@media screen and (min-width : 2315px) {
    .DivOtherFiltersEntitiesCtn {
        margin-right: 300px;
    }
}

@media screen and (max-width : 2314px) {
    .DivOtherFiltersEntitiesCtn {
        margin-right: 50px;
    }
}

@media screen and (max-width : 550px) {
    .bodyText {
        padding-left: 10px !important;
        padding-right: 0px !important;

    }
    .Activity2 {
        margin-left: 125px;
    }
    .Activity3 {
        margin-left: 125px;
    }

    .Activity4 {
        margin-left: 125px;
    }
    
}



@media screen and (max-width : 535px) {
    .DivOtherFilterMarginLeftCtn {
        margin-left: 0px;
    }
}

@media screen and (min-width : 536px) {
    .DivOtherFilterMarginLeftCtn {
        margin-left: 50px;
    }
}

@media screen and (max-width : 489px) {
    .DefineMarginLeft {
        margin-left: 5px;
    }
    .DefinePadding1 {
        padding-left: 10px;
        padding-right: 10px; 
    }
        .DefinePadding2 {
        padding-left: 10px;
        padding-right: 10px; 
    }
        .DefinePadding3 {
        padding-left: 10px;
        padding-right: 10px; 
    }

        .DivAreaFilter {
        border-style: dotted;
        border-color: #006993;
        border-width: 1px;
        vertical-align:middle; 
        height:400px; 
        font-family:Roboto;
        width: 75%;
        margin-left: 10px;
        margin-top: 20px;
    }
    .DivOtherFilter {
        border-style: dotted;
        border-color: #006993;
        border-width: 1px;
        vertical-align:middle; 
        height:500px; 
        font-family:Roboto;
        width: 75%;
        margin-left: 10px;;
        margin-top: 20px;
    }
    .Activity1 {
        margin-left: 10px;
        display: block;
    }    
    .Activity2 {
        margin-left: 10px;
    }
    .Activity3 {
        margin-left: 10px;
    }

    .Activity4 {
        margin-left: 10px;
    }
}

@media screen and (min-width : 490px) {
    .DefineMarginLeft {
        margin-left:20px;
    }
    .DefinePadding1 {
        padding-left: 50px;
        padding-right: 50px; 
    }
     .DefinePadding2 {
        padding-right: 32px; 
        padding-left: 32px; 
    } 
    
    .DefinePadding3 {
        padding-right: 46px; 
        padding-left: 46px;
    }
    
    
}

@media screen and (min-width : 490px) and (max-width : 550px) {
        .DivAreaFilter {
        border-style: dotted;
        border-color: #006993;
        border-width: 1px;
        vertical-align:middle; 
        height:310px; 
        font-family:Roboto;
        width: 75%;
        margin-left: 10px;
        margin-top: 20px;
    }
    .DivOtherFilter {
        border-style: dotted;
        border-color: #006993;
        border-width: 1px;
        vertical-align:middle; 
        height:500px; 
        font-family:Roboto;
        width: 75%;
        margin-left: 10px;
        margin-top: 20px;
    }
}
@media screen and (min-width : 421px) {
    .WidthComboBoxes {
           width: 300px; 
   
    }
}

@media screen and (max-width : 420px) {
    .WidthComboBoxes {
           width: 200px; 
   
    }
}
@media screen and (min-width : 387px) {
    .MainTextWidth {
        width: auto;
        overflow:hidden;
        display:block;
        padding-left: 50px;
        max-width:1200px;
        margin-top: 50px;
    }
}

@media screen and (max-width : 386px) {
    .MainTextWidth {
        width: 100% !important;
        padding-left: 0px !important;
        position: relative;
        top: 10px;
        overflow:hidden;
        display:block;
        margin-top: 50px;
        margin-bottom: 50px;
    }
}


