body {
       padding-top: 60px;
       }

.icon {
        background-color: white;
        background-image: url(image/crossarrow.png);
        background-size: contain;
        /*size does not work*/
        display:block;
        width: 8px;
        background-repeat: no-repeat;
        padding-right: 20px;
        }
.icon svg{
           width:100% !important;
           }
.btn-group-xs > .btn, .btn-xs {
                                /*padding: .25rem .4rem;*/
                                font-size: .875rem;
                                line-height: .5;
                                /*border-radius: .2rem;*/
                                }

.bd-placeholder-img {
                      font-size: 1.125rem;
                      text-anchor: middle;
                      webkit-user-select: none;
                      moz-user-select: none;
                      user-select: none;
                      }

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
                           font-size: 3.5rem;
                           }
}

.svg-container {
                 background-color: white;
                 }
#chart2 {
          background-color: white;
          }

.y.axis line {
               fill: none;
               }

.x.axis line {
               fill: none;
               stroke: #e0e0e0;
               shape-rendering: crispEdges;
               }

.axis path {
             display: none;
             }

.brush .extent {
                 fill-opacity: .125;
                 shape-rendering: crispEdges;
                 }

.btn-shane2{
             background-color: darkorchid;
             border-color:darkorchid;
             }

.btn-shane2:hover {
                    background-color: darkorchid;
                    border-color:darkorchid;
                    }
.btn-shane2:focus {
                    background-color: darkorchid;
                    border-color:darkorchid;
                    }

.btn-shane3{
             background-color: #4997d0;
             border-color:#4997d0;
             }
.btn-shane3:hover {
                    background-color: #4997d0;
                    border-color:#4997d0;
                    }
.btn-shane3:focus {
                    background-color: #4997d0;
                    border-color:#4997d0;
                    }

.panel-resizable {
                   resize: both;
                   overflow: hidden;
                   }
.panel-resizable svg{
                      width:100% !important;
                      
                      }
.panel-resizable-vert {
                        resize: vertical;
                        overflow: hidden;
                        }

.panel-resizable-vert::-webkit-resizer {
                                         background: lightsteelblue;
                                         background-image: url(images/vertdoublearrow.png);
                                         background-size: contain;
                                         /*size does not work*/
                                         display:block;
                                         width: 150px !important;
                                         height: 150px !important;
                                         }

.panel-resizable-horz {
                        resize: horizontal;
                        overflow: hidden;
                        }

.panel-resizable-horz::-webkit-resizer {
                                         background: lightsteelblue;
                                         background-image: url(images/diagdoublearrow.png);

                                         background-size: contain;

                                         /*size does not work*/
                                         display:block;
                                         width: 150px !important;
                                         height: 150px !important;
                                         }
.panel-resizable-horz svg{
                           background: white;
                           width:100% !important;
                           
                           }
.panel-resizable-horz1 {
                         resize: horizontal;
                         overflow: hidden;
                         }

.panel-resizable-horz1::-webkit-resizer {
                                          background: lightsteelblue;
                                          background-image: url(images/diagdoublearrow.png);
                                          
                                          background-size: contain;
                                          
                                          /*size does not work*/
                                          display:block;
                                          width: 150px !important;
                                          height: 150px !important;
                                          }
.panel-resizable-horz1 svg{
                            background: white;
                            width:100% !important;
                            
                            }
.tick line{
            stroke-width: 1px;
            stroke: grey;
            }



.resize {
          display: inline !important; /* show when empty */
          fill: #7A7A7A;
          fill-opacity: 1;
          stroke: #7A7A7A;
          stroke-width: 2px;
          }

.toolTip {
           position: absolute;
           display: none;
           min-width: 80px;
           height: auto;
           background: none repeat scroll 0 0 #ffffff;
           border: 1px solid #6F257F;
           padding: 14px;
           text-align: center;
           font-size: 12px;
           }

.bar {
       /*shape-rendering: crispEdges;*/
       }

/*HTML Horizonal Legend*/
.country-name {
                margin: 0 !important;
                }
.key-dot {
           display: inline-block;
           height: 10px;
           margin-right: .5em;
           width: 10px;
           }

.removed { background: red;
           opacity:0.3  }
.some { background: orange;
        opacity:0.3}

.concord{
          background: white;
          }

.concHighlight{
                background: lightyellow;
         }

.concselected {
                background: lightgray;
                }

#legend2{
          overflow:hidden;
          }
.legend2 {
           float:left;
           margin-right: 1em;
           }
#outerdiv {
            margin-bottom: 10px;
            margin-right: 15px;
            margin-left: 15px;
            }

#metadatadiv img {
                   width: 100%;
                   }
/*Sets the maximum height of the entire modal to 95% of the screen height*/
#flistModal .modal-content {
                             max-height: 95vh;
                             overflow: scroll;
                             }

.kwhilight{
            font-weight: bold;
            color: blue;
            }

/*!*Sets the maximum height of the modal body to 90% of the screen height*!*/
/*.modal-body {*/
/*  max-height: 90vh;*/
/*}*/
.concord{
          position: relative;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          }
#corpusDescContent .row > div {
                                flex: 1;
                                background: 	#F0F0F0;
                                border: 1px solid grey;
                                }