/* Top Social button   */

.socialbutton {
    width: 200px;
    margin-left: 250px;
    text-align: center;
}


/* Top Social button end  */

.comment-below {
    align-content: center;
    align-items: center;
    margin-left: 45%;
    font-weight: 900;
}

h5 {
    color: #ea503f;
    font-family: courier;
    font-weight: 900;
}


/* link changing test  */

a:link {
    /* Applies to all unvisited links */
    text-decoration: none;
}

a:visited {
    /* Applies to all visited links */
    text-decoration: none;
    color: #00f;
}

a:hover {
    /* Applies to links under the pointer */
    text-decoration: none;
}

a:active {
    /* Applies to activated links */
    text-decoration: none;
}


/* link changing test end  */


/* website information */


/* Site information Css */

:focus {
    outline: 0
}

a {
    color: #00f;
    cursor: pointer;
    text-decoration: none
}

a,
a:active,
button:active,
button:disabled {
    filter: alpha(opacity=75);
    opacity: .5
}

a:link,
button,
p a {
    filter: alpha(opacity=100);
    opacity: 1
}

a img {
    border: none
}

body {
    background: #F8F8F8;
    color: #000;
    font-weight: 300;
    height: 100%;
    text-align: left;
    -webkit-text-size-adjust: 100%
}

body,
input {
    font-family: Lato, Lucida Grande, Lucida Sans Unicode
}

h1 {
    font-size: 2em
}

h2 {
    font-size: 1.25em
}

img {
    max-width: 100%
}

p {
    margin: 1em 0
}

p:first-child {
    margin-top: 0
}

p:last-child {
    margin-bottom: 0
}

strong {
    font-weight: 400
}

ul {
    list-style-position: inside;
    -webkit-padding-start: 1px
}

.Info {
    border-spacing: 0 1em;
    display: table;
    margin: 0 auto;
    text-align: left;
    top: 20px
}

.Info>.Item {
    display: table-row
}

.Info>.Item>.Left,
.Info>.Item>.Right {
    display: table-cell;
    padding: .5rem 1rem
}

.Info>.Item>.Left {
    font-weight: 400;
    padding-left: 0;
    text-align: right;
    vertical-align: middle
}

.Info>.Item>.Right {
    border-left: .125em solid #CCC;
    max-width: 40em;
    padding-right: 0;
    text-align: left;
    vertical-align: top
}


/* ----------------------------------- */


/* .select2-container {
  height:100px !important;
} */

.select2-container--default .select2-selection--single {
    border: 1px solid #ccc !important;
    border-radius: 0px !important;
}


/* ---- */


/* select {
    border: none;
    outline: none;
    scroll-behavior: smooth;
}

select#xyz {
    border: 0px;
    outline: 0px;
} */


/* -- */

.box {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}

.stack-top {
    z-index: 9;
    margin: 5px;
    /* for demo purpose  */
}

#myInput1,
#myInput2 {
    width: 100%;
    /* Full-width */
    font-size: 16px;
    /* Increase font-size */
    padding: 10px 10px 10px 10px;
    /* Add some padding */
    border: 1px solid #ddd;
    background-color: white;
    color: #000;
    /* Add a grey border */
    /* margin-bottom: 0px; */
    /* Add some space below the input */
}

#myUL1,
#myUL2 {
    /* Remove default list styling */
    list-style-type: none;
    padding: 0;
    margin: 0;
    height: 300px;
    overflow: auto;
}

#myUL1 li a,
#myUL2 li a {
    border: 1px solid #ddd;
    /* Add a border to all links */
    margin-top: -1px;
    /* Prevent double borders */
    background-color: #f6f6f6f6;
    /* Grey background color */
    padding: 10px;
    /* Add some padding */
    text-decoration: none;
    /* Remove default text underline */
    font-size: 16px;
    /* Increase the font-size */
    color: black;
    /* Add a black text color */
    display: block;
    /* Make it into a block element to fill the whole list */
}

#myUL1 li a:hover:not(.header),
#myUL2 li a:hover:not(.header) {
    background-color: #eee;
    /* Add a hover effect to all links, except for headers */
}

.arrow {
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2.5px;
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}


/* -- */

.tvg-outer {
    padding: 0px 15px 0px 15px;
}

.tvg {
    padding: 5px 5px 5px 5px;
    background-color: #f6f6f6f6;
    font-size: 16px;
    text-align: center;
    border: solid 0.8px #aaa;
    user-select: none;
}

.tvg:hover {
    border: solid 0.8px dodgerblue;
}

.search {
    position: relative;
    color: #aaa;
    font-size: 16px;
}

.search input {
    text-align: left;
}

.search .arrow {
    position: absolute;
    top: 45%;
}

.search .arrow {
    /* left: 240px; */
    left: 94%;
}

small {
    font-weight: lighter;
    color: darkgray;
}