/*!
 * Bootstrap v4.0.0-beta (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}img{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}html{box-sizing:border-box;font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}*,::after,::before{box-sizing:inherit}footer,header,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1.2rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}ul{margin-top:0;margin-bottom:1rem}ul ul{margin-bottom:0}b,strong{font-weight:bolder}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code{font-family:monospace,monospace;font-size:1em}img{vertical-align:middle;border-style:none}[role=button],a,button,input{-ms-touch-action:manipulation;touch-action:manipulation}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.display-1{font-size:6rem;font-weight:300;line-height:1.1}.display-2{font-size:5.5rem;font-weight:300;line-height:1.1}.display-3{font-size:4.5rem;font-weight:300;line-height:1.1}.display-4{font-size:3.5rem;font-weight:300;line-height:1.1}hr{margin-top:.5rem;margin-bottom:.5rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:5px}code{font-family:Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}code{padding:.2rem .4rem;font-size:90%;color:#bd4147;background-color:#f8f9fa;border-radius:.25rem}a>code{padding:0;color:inherit;background-color:inherit}.container{margin-right:auto;margin-left:auto;padding-right:auto;padding-left:auto;width:100%}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px;}.col-sm-9{margin-left:1%;}.col-sm-3{margin-right:1%;}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 23%;flex:0 0 23%;max-width:23%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 49%;flex:0 0 49%;max-width:49%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 49%;flex:0 0 49%;max-width:49%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 81%;flex:0 0 81%;max-width:81%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.5rem .75rem;font-size:1rem;line-height:1.25;border-radius:.25rem;transition:all .15s ease-in-out}.btn:focus,.btn:hover{text-decoration:none}.btn:focus{outline:0;box-shadow:0 0 0 3px rgba(0,123,255,.25)}.btn:disabled{opacity:.65}.btn:active{background-image:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary:focus{box-shadow:0 0 0 3px rgba(0,123,255,.5)}.btn-primary:disabled{background-color:#007bff;border-color:#007bff}.btn-primary:active{background-color:#0069d9;background-image:none;border-color:#0062cc}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger:focus{box-shadow:0 0 0 3px rgba(220,53,69,.5)}.btn-danger:disabled{background-color:#dc3545;border-color:#dc3545}.btn-danger:active{background-color:#c82333;background-image:none;border-color:#bd2130}.btn-light{color:#111;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#111;background-color:#e2e6ea;border-color:#dae0e5}.btn-light:focus{box-shadow:0 0 0 3px rgba(248,249,250,.5)}.btn-light:disabled{background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:active{background-color:#e2e6ea;background-image:none;border-color:#dae0e5}.btn-link{font-weight:400;color:#007bff;border-radius:0}.btn-link,.btn-link:active,.btn-link:disabled{background-color:transparent}.btn-link,.btn-link:active,.btn-link:focus{border-color:transparent;box-shadow:none}.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#0056b3;text-decoration:underline;background-color:transparent}.btn-link:disabled{color:#868e96}.btn-link:disabled:focus,.btn-link:disabled:hover{text-decoration:none}.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.m-0{margin:0!important}.mt-0{margin-top:0!important}.m-1{margin:.25rem!important}.mt-1{margin-top:.25rem!important}.m-2{margin:.5rem!important}.mt-2{margin-top:.5rem!important}.m-3{margin:1rem!important}.mt-3{margin-top:1rem!important}.m-4{margin:1.5rem!important}.mt-4{margin-top:1.5rem!important}.m-5{margin:3rem!important}.mt-5{margin-top:3rem!important}.p-0{padding:0!important}.px-0{padding-right:0!important;padding-left:0!important}.p-1{padding:.25rem!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.p-2{padding:.5rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.p-3{padding:1rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.p-4{padding:1.5rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.p-5{padding:3rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.m-auto{margin:auto!important}.mt-auto{margin-top:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0{margin-top:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1{margin-top:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2{margin-top:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3{margin-top:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4{margin-top:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5{margin-top:3rem!important}.p-sm-0{padding:0!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.p-sm-1{padding:.25rem!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto{margin-top:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0{margin-top:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1{margin-top:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2{margin-top:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3{margin-top:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4{margin-top:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5{margin-top:3rem!important}.p-lg-0{padding:0!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.p-lg-1{padding:.25rem!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto{margin-top:auto!important}}.text-justify{text-align:justify!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0062cc!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#bd2130!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#dae0e5!important}body{font-family:Montserrat,sans-serif;background-attachment:fixed;background-size:cover;color:#000;max-width:1050px;margin:auto;border-style:groove;border-width:2px}p{font-size:20px;color:#02366a;text-align:left;text-indent:50px}a,li{font-size:20px;color:#0a79e8}.logo{background-color:#fffFF;background-repeat:no-repeat;background-position:centre top;text-align:right;max-width:1050px;max-height:200x;float:centre}.lo{max-width:1050px;background-color:#320105}.logo h1{text-align:center;color:#fff;font-size:40px;font-weight:700}.logo p{text-align:center;color:#fff}h1{font-size:30px;color:#54575a}h2{font-size:25px;color:#54575a}h3{font-size:23px;color:#54575a}h4{font-size:16px;color:#54575a}.word{background-color:#f0f0f;color:#212529;padding:0 .2em;border-radius:.15em}.meas_container{background-color:rgba(255,230,240,.5)}.row{font-size:30px}.title{font-size:14px}#content{height:175px;background-color:rgba(255 255 255 .2);margin:10px auto;font-size:30px;overflow:scroll;overflow-x:hidden;padding:0 5px;line-height:42px}.change{height:25px;font-size:16px}#input{background-color:#d3d3d3;width:100%;font-size:30px;padding:10px;color:#00f}.restart{margin-top:10px;opacity:.8;float:right}.btn-primary{background:rgba(255,77,77,.8)}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background:#ff4d4d}.topnav{overflow:hidden;background-color:grey}.topnav a{float:left;color:#fff;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px}.topnav a:hover{background-color:#ddd;color:#000}.footer-basic{padding:auto;background-color:#fff;color:#4b4c4d}.footer-basic ul{padding:0;list-style:none;text-align:center;font-size:18px;line-height:1.6;margin-bottom:0}.footer-basic li{padding:0 10px}.footer-basic ul a{color:inherit;text-decoration:none;opacity:.8}.footer-basic ul a:hover{opacity:1}.footer-basic .copyright{margin-top:15px;text-align:center;font-size:13px;color:#aaa;margin-bottom:0}.bu{border-style:groove;border-width:2px;margin:auto}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUSjIg1_i6t8kCHKm459Wlhzg.ttf) format('truetype')}
 
 .change{
    height: 25px;
    font-size: 16px;
}

#input{
    background-color: lightgrey;
    width: 100%;
    font-size: 30px;
    padding: 10px;
    color: blue;
}

.restart{
    margin-top: 10px;
    opacity: 0.8;
    float: right;
    
}

.scoreDown, .scoreUp{
    border-radius: 5px;
    padding: 5px;
    font-size: 12px;
}

.scoreDown{
    background: white;
}

.scoreUp{
    background: white;
    color: black;
}

.modal{
    
}

.activeWord{
    background-color: transparent;
    color: Tomato;
    border-radius: 8px;
}

.wrongCharacter{
    color:red;
}

.correctCharacter{
    color:green;
}

.input-group {
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;

}
.pagination{
     display:inline-block;
     padding-left:0;
     margin:5px 0;
     border-radius:0 
}
 .pagination>li{
     display:inline 
}
 .pagination>li>a,.pagination>li>span{
     position:relative;
     float:left;
     padding:5px 10px;
     margin-left:-1px;
     line-height:1.42857143;
     color:#2780e3;
     text-decoration:none;
     background-color:#ffffff;
     border:1px solid #dddddd 
}
 .pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{
     z-index:2;
     color:#165ba8;
     background-color:#e6e6e6;
     border-color:#dddddd 
}
 .pagination>li:first-child>a,.pagination>li:first-child>span{
     margin-left:0;
     border-top-left-radius:0;
     border-bottom-left-radius:0 
}
 .pagination>li:last-child>a,.pagination>li:last-child>span{
     border-top-right-radius:0;
     border-bottom-right-radius:0 
}
 .pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{
     z-index:3;
     color:#999999;
     cursor:default;
     background-color:#f5f5f5;
     border-color:#dddddd 
}
 .pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{
     color:#999999;
     cursor:not-allowed;
     background-color:#ffffff;
     border-color:#dddddd 
}
 .pagination-lg>li>a,.pagination-lg>li>span{
     padding:18px 30px;
     font-size:16px;
     line-height:1.3333333 
}
 .pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{
     border-top-left-radius:0;
     border-bottom-left-radius:0 
}
 .pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{
     border-top-right-radius:0;
     border-bottom-right-radius:0 
}
 .pagination-sm>li>a,.pagination-sm>li>span{
     padding:5px 10px;
     font-size:13px;
     line-height:1.5 
}
 .pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{
     border-top-left-radius:0;
     border-bottom-left-radius:0 
}
 .pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{
     border-top-right-radius:0;
     border-bottom-right-radius:0 
}
 #online-visitors-list {
        background-color: white;
        text-align: center;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-weight: 300;
        font-size: 15px;
        color: #8dc0e3;
        overflow:scroll;
      }

      #online-visitors-list a {
        text-decoration: none;
        color: #8dc066;
        padding-left: 5px;
      }

      #online-visitors-list b {
        font-size: 30px;
        color: #8db0e3;
      }
      #frm{  
    border: solid gray 1px;   
    border-radius: 2px;  
    margin: 120px auto;  
    background: white;  
    padding: 50px;  
}  
/* Styles for the popup */
.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    align-items: center;
    justify-content: center;
}

.popup-content {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    text-align: center;
}

.close-popup {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
}

/* Styles for the side column */
.side-column {
    float: right;
    width: 30%;
    background-color: #f0f0f0;
    padding: 20px;
    text-align: center;
}

.side-column h3 {
    margin-bottom: 10px;
}
.select-input {
            background-color: LightSalmon;
            color: white;
        }