﻿    .popupicon
        {
            background-color: transparent !important;
        }
        .navbar .popover
        {
            width: 800px !important;
            height: 500px !important;
            -webkit-border-top-left-radius: 0px;
            -webkit-border-bottom-left-radius: 0px;
            border-top-left-radius: 0px;
            border-bottom-left-radius: 0px;
        }
        
        .navbar .popover-content
        {
            text-align: center;
        }
        
        .navbar .popover-content img
        {
            /*height: 212px;
            max-width: 250px;*/
        }
        
        .navbar .dropdown-menu
        {
            -webkit-border-top-right-radius: 0px;
            -webkit-border-bottom-right-radius: 0px;
            border-top-right-radius: 0px;
            border-bottom-right-radius: 0px;
            -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
        }
        
        .navbar .dropdown-menu > li > a:hover
        {
            background-image: none;
            color: white;
            background-color: rgb(0, 129, 194);
            background-color: rgba(0, 129, 194, 0.5);
        }
        
        .navbar .dropdown-menu > li > a.maintainHover
        {
            color: white;
            background-color: #0081C2;
        }
        
        .popupicon ul
        {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }
        
        .popupicon li
        {
            float: left;
            display: inline-block !important;
            padding: 0px 21px 0px 21px;
            width: 11.1%;
        }
        
        .popupicon li a
        {
            display: block;
            color: white;
            text-align: center;
            padding: 1px;
            text-decoration: none;
        }
        .popupicon li a img
        {
            width: 75px;
        }
        
        .popupicon li a:hover
        {
            background-color: transparent;
        }
        .popover
        {
            height: 370px !important;
            overflow: hidden;
        }
        .dropdown-menu
        {
        }
        
         @media only screen and (max-width: 499px) and (min-width: 0px)
        {
          .dotted, .col-sm-1 ,.col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,.container
          {
              padding:5px !important;
          }
        }
        @media only screen and (max-width: 600px) and (min-width: 500px)
        {
            body
            {
                background-color: lightblue;
            }
        }
        @media only screen and (max-width: 700px) and (min-width: 601px)
        {
            body
            {
                background-color: green;
            }
        }
        
        @media only screen and (max-width: 1000px) and (min-width: 701px)
        {
        
            .popover
            {
                max-width: 800px !important;
            }
        }
        @media only screen and (max-width: 1100px) and (min-width: 1001px)
        {
            body
            {
                background-color: green;
            }
            .popover
            {
                max-width: 1000px !important;
            }
        }
        @media only screen and (min-width: 1101px)
        {
            body
            {
                background-color: green;
            }
            .popover
            {
                max-width: 1150px !important;
            }
        }
        .backgroundShadow
        {
           /* -webkit-box-shadow: 0px 5px 65px 81px rgba(31,67,209,0.86);
            -moz-box-shadow: 0px 5px 65px 81px rgba(31,67,209,0.86);
            box-shadow: 0px 5px 65px 81px rgba(31,67,209,0.86);
            */
            -webkit-box-shadow: 0px 5px 65px 81px rgba(63,161,218,1);
            -moz-box-shadow: 0px 5px 65px 81px rgba(63,161,218,1);
            box-shadow: 0px 5px 65px 81px rgba(63,161,218,1);
            
           
        }