* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.container{
  width: 100%;
  max-width: 800px;
  margin:20px auto;
}

.nobg{
	background: none;
}

.page.content{
	margin: 20px auto;
	max-width : 920px;
	font-family: 'Roboto', sans-serif;
    font-size: 13px;
}

.page.content > p{
	font-size: 15px;
	line-height: 1.8;
	margin-bottom : 20px;
}

.container-uninstall{
  background: url('/images/bg-9.jpeg');
  background-repeat: no-repeat;
  background-size: cover;
  width:100%;
  height:100%;
  -webkit-transition: background 1.5s linear;
  -moz-transition: background 1.5s linear;
  -o-transition: background 1.5s linear;
  -ms-transition: background 1.5s linear;
  transition: background 1.5s linear;
  }

.container-uninstall .content{
  position:absolute;
  top:40%;
  left:25%;
  display: flex;
  color:#fff;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  font-family: 'sans serif';
}

/* .btn-install{
  border-radius: 50px;
  background: #FAAB00;
  padding: 10px 40px;
  color: #fff;
  font-size: 25px;
  margin-top: 20px;
  font-family: 'roboto';
} */

.overlay{
  background:rgba(0,0,0,.4);
  min-height:100%;
  width:100%;
  position:absolute;
}
.btn-install{
  border-radius: 50px;
  background: #459a9c;
  padding: 10px 10px;
  color: #fff;
  font-size: 16px;
  margin-top: 20px;
  font-family: 'roboto';
  cursor: pointer;
  text-align: center;
  width: 150px;
  font-weight: 600;
}
.btn-install:hover{
  background : #195a5b;
}
.btn-container{
  width:200px;
}
.btn-container a{
  text-decoration : none;
}

.thankyou{
  font-size: 35px;
  font-family: sans-serif;
}

.thankyoulogo{
  background : url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0MiA0MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDIgNDI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yOC42LDExLjhjLTAuNC0xLjMtMC45LTIuNS0xLjYtMy43Yy0xLjQtMi40LTMuNS00LjUtNi02Yy0yLjUsMS41LTQuNSwzLjYtNiw2Yy0wLjcsMS4yLTEuMiwyLjQtMS42LDMuNw0KCWMwLjgsMC40LDEuNiwwLjgsMi4zLDEuM2MyLjMsMS41LDQuMiwzLjUsNS4zLDYuM2MxLjEtMi43LDIuOS00LjgsNS4zLTYuM0MyNywxMi42LDI3LjgsMTIuMSwyOC42LDExLjggTTExLjYsMTENCgljMC40LTEuNCwxLTIuNywxLjgtMy45YzEuNy0yLjksNC4yLTUuMyw3LjItN2MwLjMtMC4yLDAuNy0wLjIsMSwwYzMsMS43LDUuNSw0LjEsNy4yLDdjMC43LDEuMiwxLjMsMi42LDEuOCwzLjkNCgljMi40LTAuOCw1LjEtMS40LDcuOS0xLjh2MGMwLjIsMCwwLjQsMCwwLjUsMC4xYzAuNSwwLjIsMC43LDAuOCwwLjUsMS4zYy0xLjgsNC4yLTIsNy42LTIuMSwxMC42Yy0wLjMsNi43LTAuNiwxMS44LTE1LjgsMjAuNg0KCWMtMC4zLDAuMi0wLjcsMC4yLTEsMEM1LjIsMzMuMSw1LDI3LjksNC43LDIxLjJjLTAuMS0zLTAuMy02LjQtMi4xLTEwLjZjLTAuMS0wLjItMC4xLTAuNC0wLjEtMC42YzAuMS0wLjUsMC42LTAuOSwxLjEtMC44DQoJQzYuNSw5LjYsOS4yLDEwLjIsMTEuNiwxMXogTTI5LjEsMTMuN2MtMC42LDAuMy0xLjIsMC42LTEuNywxYy0yLjgsMS44LTQuOCw0LjUtNS4zLDguN2MtMC4xLDAuNS0wLjYsMC45LTEuMSwwLjgNCgljLTAuNC0wLjEtMC44LTAuNC0wLjgtMC44Yy0wLjYtNC4xLTIuNS02LjgtNS4zLTguN2MtMC41LTAuNC0xLjEtMC43LTEuNy0xYy0wLjIsMS0wLjMsMi0wLjMsM2MwLDMuMSwwLjgsNi4xLDIuNCw4LjcNCgljMS40LDIuNCwzLjUsNC41LDYsNmMyLjUtMS41LDQuNS0zLjYsNi02YzEuNS0yLjYsMi40LTUuNiwyLjQtOC43QzI5LjMsMTUuNywyOS4yLDE0LjcsMjkuMSwxMy43eiBNMjEsMzkuOQ0KCWMxMy44LTguMSwxNC4xLTEyLjcsMTQuMy0xOC44YzAuMS0yLjgsMC4zLTUuOSwxLjYtOS43Yy0yLjIsMC40LTQuMiwwLjktNi4xLDEuNWMwLjMsMS4yLDAuNCwyLjUsMC40LDMuOGMwLDMuNS0wLjksNi44LTIuNiw5LjcNCgljLTEuNywyLjktNC4yLDUuMy03LjIsN2MtMC4zLDAuMi0wLjcsMC4yLTEsMGMtMy0xLjctNS41LTQuMS03LjItN2MtMS43LTIuOS0yLjYtNi4yLTIuNi05LjdjMC0xLjMsMC4xLTIuNiwwLjQtMy44DQoJYy0xLjgtMC43LTMuOS0xLjEtNi4xLTEuNWMxLjMsMy44LDEuNSw2LjksMS42LDkuN0M2LjksMjcuMSw3LjIsMzEuOCwyMSwzOS45eiIvPg0KPC9zdmc+DQo=');
  width:286px;
  height:64px;
  background-repeat: no-repeat;
  margin:0;
}

#extname {
  font-family: Roboto;
  font-size: 28px;
  text-align: center;
  color: #515151;
  font-weight: 400;
  margin-bottom: 20px;
}

label{
  font-weight: 600;
}

#alert-success, #alert-danger{
  display:none;
}

.logo{
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0MiA0MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDIgNDI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yOC42LDExLjhjLTAuNC0xLjMtMC45LTIuNS0xLjYtMy43Yy0xLjQtMi40LTMuNS00LjUtNi02Yy0yLjUsMS41LTQuNSwzLjYtNiw2Yy0wLjcsMS4yLTEuMiwyLjQtMS42LDMuNw0KCWMwLjgsMC40LDEuNiwwLjgsMi4zLDEuM2MyLjMsMS41LDQuMiwzLjUsNS4zLDYuM2MxLjEtMi43LDIuOS00LjgsNS4zLTYuM0MyNywxMi42LDI3LjgsMTIuMSwyOC42LDExLjggTTExLjYsMTENCgljMC40LTEuNCwxLTIuNywxLjgtMy45YzEuNy0yLjksNC4yLTUuMyw3LjItN2MwLjMtMC4yLDAuNy0wLjIsMSwwYzMsMS43LDUuNSw0LjEsNy4yLDdjMC43LDEuMiwxLjMsMi42LDEuOCwzLjkNCgljMi40LTAuOCw1LjEtMS40LDcuOS0xLjh2MGMwLjIsMCwwLjQsMCwwLjUsMC4xYzAuNSwwLjIsMC43LDAuOCwwLjUsMS4zYy0xLjgsNC4yLTIsNy42LTIuMSwxMC42Yy0wLjMsNi43LTAuNiwxMS44LTE1LjgsMjAuNg0KCWMtMC4zLDAuMi0wLjcsMC4yLTEsMEM1LjIsMzMuMSw1LDI3LjksNC43LDIxLjJjLTAuMS0zLTAuMy02LjQtMi4xLTEwLjZjLTAuMS0wLjItMC4xLTAuNC0wLjEtMC42YzAuMS0wLjUsMC42LTAuOSwxLjEtMC44DQoJQzYuNSw5LjYsOS4yLDEwLjIsMTEuNiwxMXogTTI5LjEsMTMuN2MtMC42LDAuMy0xLjIsMC42LTEuNywxYy0yLjgsMS44LTQuOCw0LjUtNS4zLDguN2MtMC4xLDAuNS0wLjYsMC45LTEuMSwwLjgNCgljLTAuNC0wLjEtMC44LTAuNC0wLjgtMC44Yy0wLjYtNC4xLTIuNS02LjgtNS4zLTguN2MtMC41LTAuNC0xLjEtMC43LTEuNy0xYy0wLjIsMS0wLjMsMi0wLjMsM2MwLDMuMSwwLjgsNi4xLDIuNCw4LjcNCgljMS40LDIuNCwzLjUsNC41LDYsNmMyLjUtMS41LDQuNS0zLjYsNi02YzEuNS0yLjYsMi40LTUuNiwyLjQtOC43QzI5LjMsMTUuNywyOS4yLDE0LjcsMjkuMSwxMy43eiBNMjEsMzkuOQ0KCWMxMy44LTguMSwxNC4xLTEyLjcsMTQuMy0xOC44YzAuMS0yLjgsMC4zLTUuOSwxLjYtOS43Yy0yLjIsMC40LTQuMiwwLjktNi4xLDEuNWMwLjMsMS4yLDAuNCwyLjUsMC40LDMuOGMwLDMuNS0wLjksNi44LTIuNiw5LjcNCgljLTEuNywyLjktNC4yLDUuMy03LjIsN2MtMC4zLDAuMi0wLjcsMC4yLTEsMGMtMy0xLjctNS41LTQuMS03LjItN2MtMS43LTIuOS0yLjYtNi4yLTIuNi05LjdjMC0xLjMsMC4xLTIuNiwwLjQtMy44DQoJYy0xLjgtMC43LTMuOS0xLjEtNi4xLTEuNWMxLjMsMy44LDEuNSw2LjksMS42LDkuN0M2LjksMjcuMSw3LjIsMzEuOCwyMSwzOS45eiIvPg0KPC9zdmc+DQo=');
  width:50px;
  height:50px;
  background-repeat: no-repeat;
  margin: 10px;
}

.title{
  width:250px;
  margin:10px auto;
}

footer[class="floating"]{
	position: relative;
}

footer{
  position:fixed;
  bottom:0;
  padding:10px;
  width:100%;
  background: #343a40;
  font-family: Roboto;
  font-size:14px;
  display: flex;
  align-items: center;
}

header{
	background: #343a40;
    padding: 5px;
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
}

footer > p{
  display: flex;
  align-items: center;
  justify-content: space-between;
  justify-items: center;
  max-width:315px;
  margin:0 auto;
  text-align: center;
  color:#fff;
  font-size: 11px;
}

footer a{
  margin-left:10px;
  font-weight: 600;
  color:#fff;
  text-decoration: none;
}

footer a:hover{
  opacity: 1;
  color:#fff;
}

#container-list{
  margin : 20px 0;
  min-height: 800px;
}

#tabs-id a{
  cursor : pointer;
}

figure img{
  border-radius: 100px;
}

.loading{
  width:64px;
  height:64px;
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.nav-item {
  margin : 10px;
  color: #007bff;
}
.nav-item a{
  text-decoration:none;
}
.nav-item a:hover{
  color:#fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: #007bff;
  font-size : 14px;
}
.navbar-dark .navbar-nav .nav-link:hover {
  text-decoration: underline;
  color: #007bff;
}

@media only screen and (max-width: 1620px) {
  figure{
    flex-direction: column;
  }
  figure img{
    border-radius: 100px;
  }
}

@media only screen and (max-width: 1570px) {
  #container-list{
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media only screen and (max-width: 1200px) {
  #container-list{
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (max-width: 668px) {
  #container-list{
    grid-template-columns: 1fr;
  }
}