* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.container{
  width: 100%;
  max-width: 800px;
  margin:20px auto;
}

.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';
}

.thankyou{
  font-size: 35px;
  font-family: sans-serif;
}

.thankyoulogo{
  background : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAR4AAABACAYAAADMOhjlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMi1jMDAwIDc5LjU2NmViYzViNCwgMjAyMi8wNS8wOS0wODoyNTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjExNUUzREE5MjQ5OTExRUQ4M0JCQkM1MjA1QjJGQTVFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjExNUUzREFBMjQ5OTExRUQ4M0JCQkM1MjA1QjJGQTVFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTE1RTNEQTcyNDk5MTFFRDgzQkJCQzUyMDVCMkZBNUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTE1RTNEQTgyNDk5MTFFRDgzQkJCQzUyMDVCMkZBNUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6K3E6VAAANTElEQVR42uxd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');
  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,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy44LjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtvcGFjaXR5OjAuOTt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxnIGNsYXNzPSJzdDAiPg0KCTxnPg0KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTUuNSwxOC44Yy0wLjEsMC0wLjIsMC0wLjMsMGMtMC4yLDAtMC40LTAuMi0wLjQtMC40YzAtMC4yLDAuMi0wLjQsMC40LTAuNGMxLjQsMC4xLDIuNi0wLjQsMy41LTEuNQ0KCQkJYzEtMS4yLDEuMy0yLjksMC45LTQuNmMtMC42LTIuMy0yLjQtMy4xLTQtMi45Yy0xLDAuMS0xLjgsMC42LTIuNCwxLjJjLTAuNSwwLjYtMC43LDEuNC0wLjUsMi4yYzAuMSwxLjEsMC44LDEuOSwxLjgsMi4xDQoJCQljMC45LDAuMiwxLjgtMC4yLDIuMi0wLjljMC40LTAuNywwLjEtMS4yLTAuMy0xLjVjLTAuMy0wLjItMC44LTAuMi0xLjIsMC40Yy0wLjEsMC4yLTAuMywwLjItMC41LDAuMWMtMC4yLTAuMS0wLjItMC4zLTAuMS0wLjUNCgkJCWMwLjMtMC42LDAuNy0wLjgsMS0wLjljMC40LTAuMSwwLjgtMC4xLDEuMSwwLjJjMC43LDAuNCwxLjIsMS40LDAuNSwyLjVjLTAuNSwwLjgtMS40LDEuMy0yLjQsMS4zYy0wLjIsMC0wLjQsMC0wLjYtMC4xDQoJCQljLTEtMC4yLTIuMi0xLTIuNC0yLjdjLTAuMS0xLjEsMC4xLTIuMSwwLjctMi44YzAuNi0wLjgsMS43LTEuNCwyLjktMS41YzEuMS0wLjEsMi4xLDAuMSwzLDAuN2MwLjksMC42LDEuNiwxLjYsMS45LDIuNw0KCQkJYzAuNSwxLjksMC4xLDMuOS0xLDUuMkMxOC40LDE4LjIsMTcsMTguOCwxNS41LDE4Ljh6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNiwxOC44Yy0wLjMsMC0wLjUsMC0wLjgtMC4xYy0zLjItMC40LTUuNS0zLjEtNS41LTYuM2MwLTEuNCwxLTMuOCwzLTdjMS41LTIuNCwzLTQuMywzLTQuMw0KCQkJQzE1LjgsMS4xLDE1LjksMSwxNiwxYzAuMSwwLDAuMiwwLjEsMC4zLDAuMWMwLDAsMS41LDIsMyw0LjNjMiwzLjIsMyw1LjYsMyw3YzAsMS43LTAuNywzLjMtMS45LDQuNUMxOS4zLDE4LjIsMTcuNywxOC44LDE2LDE4LjgNCgkJCXogTTE2LDJjLTAuNSwwLjctMS42LDIuMi0yLjcsMy45Yy0xLjksMy0yLjksNS4zLTIuOSw2LjZjMCwyLjgsMi4xLDUuMiw0LjksNS41YzAuMiwwLDAuNSwwLDAuNywwYzMuMSwwLDUuNi0yLjUsNS42LTUuNg0KCQkJYzAtMS4zLTEtMy42LTIuOS02LjZDMTcuNiw0LjIsMTYuNSwyLjcsMTYsMnoiLz4NCgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE0LDcuOGMtMC4xLDAtMC4yLDAtMC4zLTAuMWMtMC4xLTAuMS0wLjEtMC4zLTAuMS0wLjRjMC44LTEuNSwxLjktMi45LDItM2MwLjEtMC4xLDAuMi0wLjEsMC4zLTAuMQ0KCQkJYzAuMSwwLDAuMiwwLjEsMC4zLDAuMWMwLDAuMSwxLjEsMS40LDEuOSwyLjhjMC4xLDAuMSwwLjEsMC4zLDAsMC40Yy0wLjEsMC4xLTAuMywwLjItMC40LDAuMWMwLDAtMC43LTAuMy0xLjYtMC4zDQoJCQljLTAuMSwwLTAuMSwwLTAuMiwwYy0xLDAtMS43LDAuNC0xLjcsMC40QzE0LjIsNy44LDE0LjEsNy44LDE0LDcuOHogTTE2LDUuMWMtMC4zLDAuNC0wLjcsMC45LTEuMSwxLjZjMC4zLTAuMSwwLjYtMC4xLDEtMC4xDQoJCQljMC4xLDAsMC4xLDAsMC4yLDBjMC4zLDAsMC42LDAsMC45LDAuMUMxNi42LDYsMTYuMiw1LjUsMTYsNS4xeiIvPg0KCTwvZz4NCgk8Zz4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNOS45LDI3LjNjLTAuMiwwLTAuMywwLTAuNSwwYy0xLTAuMS0yLTAuOC0yLjctMS43Yy0wLjYtMC45LTEtMS45LTAuOS0yLjljMC4xLTEuMSwwLjYtMi4xLDEuNC0zDQoJCQkJYzEuNC0xLjQsMy4zLTIsNS0xLjdjMS41LDAuMywyLjgsMS4yLDMuNSwyLjdjMC4xLDAuMiwwLDAuNC0wLjIsMC41Yy0wLjIsMC4xLTAuNCwwLTAuNS0wLjJjLTAuNi0xLjMtMS43LTIuMS0zLTIuMw0KCQkJCWMtMS41LTAuMy0zLjIsMC4zLTQuNCwxLjVjLTEuNywxLjYtMS40LDMuNy0wLjUsNC45YzAuNiwwLjgsMS40LDEuMywyLjIsMS40YzAuOCwwLjEsMS41LTAuMSwyLjItMC42YzAuOS0wLjcsMS4yLTEuNiwwLjktMi42DQoJCQkJYy0wLjMtMC45LTEtMS40LTEuOS0xLjRjMCwwLDAsMCwwLDBjLTAuOCwwLTEuMSwwLjUtMS4xLDFjMCwwLjQsMC4yLDAuOCwwLjksMC44YzAsMCwwLDAsMCwwYzAuMiwwLDAuNCwwLjIsMC40LDAuNA0KCQkJCWMwLDAuMi0wLjIsMC40LTAuNCwwLjRjMCwwLDAsMCwwLDBjLTAuNiwwLTEtMC4zLTEuMi0wLjVjLTAuMy0wLjMtMC40LTAuNy0wLjQtMS4xYzAtMC44LDAuNy0xLjcsMS45LTEuN2MwLDAsMCwwLDAsMA0KCQkJCWMxLjIsMCwyLjIsMC44LDIuNiwxLjljMC4zLDEsMC4yLDIuNC0xLjIsMy40QzExLjUsMjcsMTAuNywyNy4zLDkuOSwyNy4zeiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTcuNCwyOS40Yy0zLjQsMC03LTAuNS03LjEtMC41Yy0wLjEsMC0wLjItMC4xLTAuMy0wLjJDMCwyOC42LDAsMjguNSwwLDI4LjRjMCwwLDEtMi4zLDIuMy00LjgNCgkJCQljMS44LTMuMywzLjMtNS40LDQuNS02LjFjMS0wLjYsMi4xLTAuOCwzLjItMC44YzEuMSwwLDIuMiwwLjMsMy4xLDAuOGMxLDAuNiwxLjgsMS40LDIuNCwyLjNjMC4xLDAuMiwwLjMsMC41LDAuNCwwLjcNCgkJCQljMS4yLDIuOSwwLjEsNi4zLTIuNyw3LjlDMTIuMSwyOS4xLDEwLjIsMjkuNCw3LjQsMjkuNHogTTAuOSwyOC4yYzEuMSwwLjEsMy44LDAuNCw2LjUsMC40YzIuNiwwLDQuNS0wLjMsNS40LTAuOA0KCQkJCWMyLjQtMS40LDMuNC00LjQsMi40LTdjLTAuMS0wLjItMC4yLTAuNC0wLjMtMC42Yy0xLTEuNy0yLjktMi44LTQuOC0yLjhjLTEsMC0xLjksMC4zLTIuOCwwLjdDNi4xLDE4LjgsNC42LDIwLjgsMywyNA0KCQkJCUMyLDI1LjcsMS4zLDI3LjQsMC45LDI4LjJ6Ii8+DQoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNi41LDI3LjZjLTEuNywwLTMuNC0wLjItMy41LTAuMmMtMC4xLDAtMC4yLTAuMS0wLjMtMC4yYy0wLjEtMC4xLTAuMS0wLjIsMC0wLjNjMC0wLjEsMC43LTEuNiwxLjUtMw0KCQkJCWMwLjEtMC4xLDAuMi0wLjIsMC40LTAuMmMwLjIsMCwwLjMsMC4yLDAuMywwLjNjMCwwLDAuMSwwLjgsMC42LDEuNmMwLjUsMC45LDEuMiwxLjMsMS4yLDEuM0M2LjksMjcsNywyNy4xLDYuOSwyNy4zDQoJCQkJQzYuOSwyNy41LDYuNywyNy42LDYuNSwyNy42QzYuNiwyNy42LDYuNSwyNy42LDYuNSwyNy42eiBNMy42LDI2LjdjMC40LDAsMS4xLDAuMSwxLjksMC4xYy0wLjItMC4yLTAuNC0wLjUtMC42LTAuOA0KCQkJCWMtMC4yLTAuMy0wLjQtMC43LTAuNS0xQzQuMSwyNS43LDMuOCwyNi4zLDMuNiwyNi43eiIvPg0KCQk8L2c+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTIxLjgsMjcuM2MtMC41LDAtMC45LTAuMS0xLjQtMC4yYy0xLjktMC41LTMuNC0xLjgtNC0zLjVjLTAuNS0xLjUtMC40LTMsMC41LTQuNGMwLjEtMC4yLDAuMy0wLjIsMC41LTAuMQ0KCQkJCWMwLjIsMC4xLDAuMiwwLjMsMC4xLDAuNWMtMC44LDEuMi0wLjksMi41LTAuNSwzLjdjMC41LDEuNCwxLjksMi42LDMuNSwzYzAuNCwwLjEsMC44LDAuMiwxLjIsMC4yYzEuNiwwLDIuOC0xLDMuMy0yLjINCgkJCQljMC40LTAuOSwwLjQtMS45LDAuMS0yLjZjLTAuMy0wLjctMC44LTEuMi0xLjctMS42Yy0xLTAuNC0yLTAuMi0yLjcsMC41Yy0wLjYsMC43LTAuNywxLjYtMC4zLDIuM2MwLjQsMC43LDEsMC43LDEuNCwwLjUNCgkJCQljMC4zLTAuMiwwLjYtMC42LDAuMi0xLjJjLTAuMS0wLjIsMC0wLjQsMC4xLTAuNWMwLjItMC4xLDAuNCwwLDAuNSwwLjFjMC4zLDAuNiwwLjMsMSwwLjIsMS4zYy0wLjEsMC40LTAuNCwwLjctMC43LDAuOQ0KCQkJCWMtMC43LDAuNC0xLjgsMC4zLTIuNC0wLjhjLTAuNi0xLTAuNC0yLjMsMC40LTMuMmMwLjctMC44LDItMS40LDMuNS0wLjdjMSwwLjQsMS43LDEuMSwyLjEsMmMwLjQsMSwwLjMsMi4xLTAuMSwzLjINCgkJCQljLTAuNCwxLTEuMiwxLjgtMi4xLDIuMkMyMy4xLDI3LjEsMjIuNSwyNy4zLDIxLjgsMjcuM3oiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNC42LDI5LjRjLTIuOCwwLTQuOC0wLjMtNS44LTAuOWMtMS41LTAuOC0yLjUtMi4yLTMtMy44Yy0wLjQtMS42LTAuMi0zLjMsMC42LTQuOA0KCQkJCWMwLjEtMC4yLDAuMy0wLjUsMC41LTAuN2MwLjYtMC44LDEuNC0xLjQsMi4zLTEuOGMwLjktMC40LDEuOC0wLjYsMi44LTAuNmMxLjEsMCwyLjIsMC4zLDMuMiwwLjhjMS4yLDAuNywyLjgsMi44LDQuNSw2LjENCgkJCQljMS4zLDIuNSwyLjMsNC43LDIuMyw0LjhjMCwwLjEsMCwwLjIsMCwwLjNjLTAuMSwwLjEtMC4yLDAuMi0wLjMsMC4yQzMxLjYsMjguOSwyOC4xLDI5LjQsMjQuNiwyOS40eiBNMjIsMTcuNA0KCQkJCWMtMS43LDAtMy40LDAuOC00LjQsMi4yYy0wLjEsMC4yLTAuMywwLjQtMC40LDAuNmMtMC43LDEuMy0wLjksMi44LTAuNiw0LjJjMC40LDEuNCwxLjMsMi42LDIuNiwzLjRjMC45LDAuNSwyLjgsMC44LDUuNCwwLjgNCgkJCQljMi42LDAsNS40LTAuMyw2LjUtMC40Yy0wLjMtMC44LTEuMS0yLjUtMi00LjNjLTEuNy0zLjItMy4xLTUuMi00LjItNS44QzIzLjksMTcuNiwyMywxNy40LDIyLDE3LjR6Ii8+DQoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjUuNiwyNy42Yy0wLjIsMC0wLjMtMC4xLTAuNC0wLjNjMC0wLjIsMC0wLjMsMC4xLTAuNGwwLDBjMCwwLDAuNy0wLjUsMS4xLTEuM2MwLjUtMC45LDAuNS0xLjcsMC41LTEuNw0KCQkJCWMwLTAuMiwwLjEtMC4zLDAuMy0wLjNjMC4yLDAsMC4zLDAsMC40LDAuMmMwLjksMS41LDEuNSwzLjEsMS42LDMuMmMwLDAuMSwwLDAuMiwwLDAuM2MtMC4xLDAuMS0wLjIsMC4yLTAuMywwLjINCgkJCQlDMjguOSwyNy4zLDI3LjIsMjcuNSwyNS42LDI3LjZDMjUuNiwyNy42LDI1LjYsMjcuNiwyNS42LDI3LjZ6IE0yNy41LDI0LjljLTAuMSwwLjMtMC4yLDAuNi0wLjQsMWMtMC4yLDAuNC0wLjQsMC43LTAuNiwwLjkNCgkJCQljMC43LDAsMS40LTAuMSwxLjgtMC4xQzI4LjIsMjYuMiwyNy45LDI1LjYsMjcuNSwyNC45eiIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=');
  width:50px;
  height:50px;
  background-repeat: no-repeat;
}

.title{
  width:250px;
  margin:10px auto;
}

footer{
  position:fixed;
  bottom:0;
  padding:10px;
  width:100%;
  background: #343a40;
  font-family: Roboto;
  font-size:14px;
}

header{
  background:#343a40;
  padding:5px;
  width:100%;
  height:65px;
}

footer p{
  text-align: center;
  color:#fff;
  margin:0;
}

footer a{
  margin-left:10px;
  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;
  }
}

