.view {
    top: 50px;
    height: 100%;
    background-color: #5cb8e1;
    color: #FFF
}

.view2 {
    top: 75px;
    height: 100%;
    background-color: #5cb8e1;
    color: #FFF;
	!important; 
	position: relative;
	cursor: default; 
}

.punchblue,
.punchred {
    background-color: #FFF
}

.punchblue {
    color: #5cb8e1
}

.punchred {
    color: #e72f48
}

.punchredbg {
    background-color: #e72f48
}

.punchbluebtn {
    background-color: #5cb8e1;
    color: #FFF
}

.punchredbtn {
    background-color: #e72f48;
    color: #FFFFFF;
}

#map-canvas {height: 375px;width: 100%;margin: 0px;padding: 5px;text-align:center;}
#map-canvas2 {height: 375px;width: 100%;margin: 0px;padding: 5px;text-align:center;}
#map-canvas3 {height: 375px;width: 100%;margin: 0px;padding: 5px;text-align:center;}
#info-box {background-color: white;border: 1px solid black;bottom: 30px;height: 20px;padding: 1px; position: absolute;left: 30px;}

a.stat:active {color: black; text-decoration:none;font-size: bolder;}
a.stat:visited {color: black; text-decoration:none;font-size: bolder;}
a.stat:link {color: black; text-decoration:none;font-size: bolder;}
a.stat:hover  {color: #e72f48; text-decoration:underline;font-size: bolder;}

a.obvious:active {color: #5cb8e1; text-decoration:underline;}
a.obvious:visited {color: #5cb8e1; text-decoration:underline;}
a.obvious:link {color: #5cb8e1; text-decoration:underline;}
a.obvious:hover  {color: #e72f48; text-decoration:underline;}

a.nav-link:active {color: #5cb8e1; text-decoration:none;}
a.nav-link:visited {color: #5cb8e1; text-decoration:none;}
a.nav-link:link {color: #5cb8e1; text-decoration:none;}
a.nav-link:hover  {color: #e72f48; text-decoration:underline;}
h3 {color:black:}

.basic-textarea textarea {height: auto;}

.card.chat-room .friend-list li {border-bottom: 1px solid #e0e0e0; }
.card.chat-room .friend-list li:last-of-type {border-bottom: none; }
.card.chat-room img.rounded-circle {border-radius: 50%; }
.card.chat-room img.avatar {height: 3rem; width: 3rem; }
.card.chat-room .text-small {font-size: 0.95rem; }
.card.chat-room .text-smaller {font-size: 0.75rem; }

a.dropdown-item:hover {
    background-color: #e72f48;
    color: white;
}

.animated-icon1 {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer
}

.animated-icon1 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    background: #e72f48
}

.animated-icon1 span:nth-child(1) {
    top: 0
}

.animated-icon1 span:nth-child(2) {
    top: 10px
}

.animated-icon1 span:nth-child(3) {
    top: 20px
}

.animated-icon1.open span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.animated-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px
}

.animated-icon1.open span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.switch.blue-white-switch label input[type=checkbox]:checked + .lever:after {background-color: #5cb8e1;}
.switch.blue-white-switch label .lever  {background-color: #ccc;}
.switch.blue-white-switch label .lever:after {background-color: #ccc;}