/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
    display: none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}

.tabberlive {
    margin-top: 1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
    margin: 0;
    padding: 3px 0;
    border-bottom: 1px solid #778;
    font: bold 12px Verdana, sans-serif;
}

    ul.tabbernav li {
        list-style: none;
        margin: 0;
        display: inline;
    }

        ul.tabbernav li a {
            padding: 3px 0.5em;
            margin-left: 3px;
          
            border-bottom: none;
            background: #ccc;
            text-decoration: none;
        }

            ul.tabbernav li a:link {
                color: #448;
            }

            ul.tabbernav li a:visited {
                color: #667;
            }

            ul.tabbernav li a:hover {
                color: #000;
                background: #AAE;
                border-color: #227;
            }

        ul.tabbernav li.tabberactive a {
            background-color: #fff;
          
        }

            ul.tabbernav li.tabberactive a:hover {
                color: #000;
                background: white;
               
            }

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
    border-top: 0;
    /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */
    /* height:200px; */
    /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */
    /* overflow:auto; */
}

    /* If desired, hide the heading since a heading is provided by the tab */
    .tabberlive .tabbertab h2 {
        display: none;
    }

    .tabberlive .tabbertab h3 {
        display: none;
    }

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}

.tabberlive#tab2 {
}

    .tabberlive#tab2 .tabbertab {
        height: 200px;
        overflow: auto;
    }
/*******UI Enhancement**************/

.searchPanel {
  

  background: #ffffff;
  height: auto;
  color: #000 !important;
  padding: 20px;
  font-size: 14px;
  margin-top: 0px;
  border: #138bb4 solid 1px;
  -webkit-border-radius: 0 0 15px 15px;
  
}
.searchPanel table{min-width:30%;}
   /***Asmaa******Handel tabs problem On Safari *************/
   
ul.tabbernav li {
    /*display: inline-flex;*/
  
    display: inline-block !important;
    margin-top: 8px !important;
    margin-bottom: 16px !important;
    position: relative;

}

    ul.tabbernav li a {
        padding: 16px;
        background: #3B3B3B;
        margin-left: 0px;
        
        border-bottom: none;
        text-decoration: none;
    }

        ul.tabbernav li a:link {
            color: #1da5d3;
            margin-right: 4px;
        }

        ul.tabbernav li a:visited {
            color: #fff;
        }

        ul.tabbernav li.tabberactive a, ul.tabbernav li a:hover {
            padding: 16px;
            background: #00bfff;
            color: #fff;
        }



       
.showBt{
  /* background: url(images/bt.png) no-repeat; */
   width: 88px;
  height: 31px;
  border: 1px solid #03475e;
  border-radius: 3px;
  background: #1da5d3;
  cursor: pointer;
  font-weight: bold;
  font-size: inherit;
  color: white;
}
.showBt:hover{  outline: 2px solid #1da5d3;
  outline-offset: 3px;
  background: #404040;
  color: #FFFFFF;
}
ul.tabbernav {
    margin: 0;
    padding: 0 !important;
    border-bottom: 1px solid #778;
    font-size: 13px;
    font-stretch: extra-expanded;
    font-weight: bold;
}

.newtab {
    border-left: 0px !important;
    border-right: 0px !important;
    padding-top: 2px !important;
}

.boxui {
  width: 20%;
  border-right: 2px solid #cccccc;
  margin-right: 32px;
}

.selectSearchPanel {
    padding: 4px;
    width: 175px;
    color: #272727;
}

.tabbertab {
    padding-left: 0px !important;
}

/**chart style**/
.dvOutBound canvas {
    width: 600px !important;
}
#tabs> ul.tabbernav {
  display: none;
}

@media only screen and (max-width: 1024px){
 
input[type='radio'] {
   -webkit-appearance: radio !important; 
     -webkit-border-radius: 0;
}

}
#dvChart0 {
    margin-top: -10px;
}