* {
  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,.6);
  min-height:100%;
  width:100%;
  position:absolute;
}
.btn-install{
  border-radius: 50px;
  background: rgb(83, 163, 24);
  padding: 10px 40px;
  color: #fff;
  font-size: 25px;
  margin-top: 20px;
  font-family: 'roboto';
  cursor: pointer;
  width: 200px;
  font-weight : 600;
}
.btn-install:hover{
  background : rgb(49, 130, 0)
}
.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,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjx0aXRsZT5sb2dvQDF4PC90aXRsZT4NCjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KPGc+DQoJPGc+DQoJCTxnPg0KCQkJPGc+DQoJCQkJPGc+DQoJCQkJCTxnPg0KCQkJCQkJPGc+DQoJCQkJCQkJPGc+DQoJCQkJCQkJCTxnPg0KCQkJCQkJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLjEsMTNjMC44LTEuMiwyLjMtMC45LDIuOS0xYy0wLjIsMC40LTAuMywwLjgtMC43LDFDMTIuNiwxMy42LDExLjcsMTMuMywxMS4xLDEzIi8+DQoJCQkJCQkJCTwvZz4NCgkJCQkJCQkJPGc+DQoJCQkJCQkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTMuMiwxMWMwLjItMS40LDEuNi0xLjgsMi4xLTIuMmMwLDAuNCwwLjEsMC44LTAuMSwxLjJDMTQuNywxMC45LDEzLjgsMTEsMTMuMiwxMSIvPg0KCQkJCQkJCQk8L2c+DQoJCQkJCQkJCTxnPg0KCQkJCQkJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0LjEsOC44Yy0wLjUtMS40LDAuNi0yLjQsMS0yLjljMC4yLDAuNCwwLjQsMC43LDAuNCwxLjJDMTUuNCw3LjksMTQuNyw4LjQsMTQuMSw4LjgiLz4NCgkJCQkJCQkJPC9nPg0KCQkJCQkJCQk8Zz4NCgkJCQkJCQkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMy44LDUuOWMtMS4yLTAuOC0wLjktMi4zLTEtMi45YzAuNCwwLjIsMC44LDAuMywxLDAuN0MxNC40LDQuNSwxNC4xLDUuMywxMy44LDUuOSIvPg0KCQkJCQkJCQk8L2c+DQoJCQkJCQkJPC9nPg0KCQkJCQkJPC9nPg0KCQkJCQk8L2c+DQoJCQkJCTxnPg0KCQkJCQkJPGc+DQoJCQkJCQkJPGc+DQoJCQkJCQkJCTxnPg0KCQkJCQkJCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQuOCwxMy4xYy0wLjgtMS4yLTIuMy0wLjktMi45LTFjMC4yLDAuNCwwLjMsMC44LDAuNywxQzMuNCwxMy42LDQuMywxMy4zLDQuOCwxMy4xIi8+DQoJCQkJCQkJCTwvZz4NCgkJCQkJCQkJPGc+DQoJCQkJCQkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMi44LDExQzIuNyw5LjYsMS4zLDkuMiwwLjcsOC44YzAsMC40LTAuMSwwLjgsMC4xLDEuMkMxLjMsMTAuOSwyLjIsMTEsMi44LDExIi8+DQoJCQkJCQkJCTwvZz4NCgkJCQkJCQkJPGc+DQoJCQkJCQkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMS45LDguOGMwLjUtMS40LTAuNi0yLjQtMS0yLjlDMC43LDYuMiwwLjUsNi41LDAuNSw3QzAuNiw3LjksMS4zLDguNCwxLjksOC44Ii8+DQoJCQkJCQkJCTwvZz4NCgkJCQkJCQkJPGc+DQoJCQkJCQkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMi4yLDUuOWMxLjItMC44LDAuOS0yLjMsMS0yLjljLTAuNCwwLjItMC44LDAuMy0xLDAuN0MxLjYsNC41LDEuOSw1LjMsMi4yLDUuOSIvPg0KCQkJCQkJCQk8L2c+DQoJCQkJCQkJPC9nPg0KCQkJCQkJPC9nPg0KCQkJCQk8L2c+DQoJCQkJPC9nPg0KCQkJCTxnPg0KCQkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOCwxNGMtMS42LDAtMy4yLTAuNi00LjQtMS44QzEuOSwxMC40LDEuMyw4LDIuMSw1LjdsMC0wLjFsMC4yLDAuMWwwLDAuMUMxLjYsOCwyLjEsMTAuMywzLjcsMTINCgkJCQkJCWMxLjIsMS4yLDIuNywxLjgsNC4zLDEuOGMxLjUsMCwzLjEtMC42LDQuMy0xLjhjMS42LTEuNiwyLjItNCwxLjUtNi4ybDAtMC4xbDAuMi0wLjFsMCwwLjFjMC44LDIuMywwLjIsNC43LTEuNSw2LjQNCgkJCQkJCUMxMS4yLDEzLjQsOS42LDE0LDgsMTR6Ii8+DQoJCQkJPC9nPg0KCQkJPC9nPg0KCQk8L2c+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTMsOC4xYzAtMSwwLjYtMS44LDEuNy0xLjhDNS45LDYuMyw2LjQsNyw2LjQsOGMwLDEuMS0wLjYsMS45LTEuNywxLjlDMy41LDkuOSwzLDkuMSwzLDguMXogTTUuNyw4LjENCgkJCQljMC0wLjgtMC4zLTEuMi0wLjktMS4yYy0wLjYsMC0xLDAuNC0xLDEuMmMwLDAuOSwwLjQsMS4yLDAuOSwxLjJDNS4zLDkuMyw1LjcsOSw1LjcsOC4xeiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTkuOCw4LjZDOS44LDguNiw5LjgsOC42LDkuOCw4LjZMOS44LDkuN0M5LjQsOS44LDguOSw5LjksOC41LDkuOWMtMS4zLDAtMS44LTAuOC0xLjgtMS44DQoJCQkJYzAtMSwwLjYtMS44LDEuOC0xLjhjMC40LDAsMC44LDAuMSwxLjEsMC4zdjAuOWwtMC41LDBMOSw3QzksNi45LDksNi45LDksNi45Yy0wLjEsMC0wLjMtMC4xLTAuNC0wLjFjLTAuNiwwLTEsMC41LTEsMS4yDQoJCQkJYzAsMC44LDAuMywxLjMsMSwxLjNjMC4xLDAsMC4zLDAsMC40LDBDOSw5LjMsOSw5LjMsOSw5LjJWOC42SDguNWwwLjEtMC40SDEwdjAuNEw5LjgsOC42eiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTEwLjMsOS44VjkuNWwwLjMsMGMwLjEsMCwwLjEsMCwwLjEtMC4xVjYuOGMwLTAuMSwwLTAuMS0wLjEtMC4xbC0wLjMsMFY2LjNoMS42djAuNGwtMC40LDANCgkJCQljLTAuMSwwLTAuMSwwLTAuMSwwLjF2Mi41aDAuOWMwLjEsMCwwLjEsMCwwLjEtMC4xbDAuMS0wLjVIMTN2MS4xSDEwLjN6Ii8+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==');
  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,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTk4IDM1Ij4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjkuMy4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMi4xLjAgQnVpbGQgMTUxKSAgLS0+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgIH0KCiAgICAgIC5zdDEgewogICAgICAgIGlzb2xhdGlvbjogaXNvbGF0ZTsKICAgICAgfQoKICAgICAgLnN0MiB7CiAgICAgICAgZmlsbDogIzNjOTY2MzsKICAgICAgfQoKICAgICAgLnN0MyB7CiAgICAgICAgZmlsbDogdXJsKCNsaW5lYXItZ3JhZGllbnQpOwogICAgICB9CiAgICA8L3N0eWxlPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgxPSIwIiB5MT0iMTcuNSIgeDI9IjM1IiB5Mj0iMTcuNSIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgwIDM1KSBzY2FsZSgxIC0xKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMzYzk2NjMiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNDZhYjcyIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KICA8Y2lyY2xlIGNsYXNzPSJzdDMiIGN4PSIxNy41IiBjeT0iMTcuNSIgcj0iMTcuNSIvPgogIDxnIGNsYXNzPSJzdDEiPgogICAgPGcgY2xhc3M9InN0MSI+CiAgICAgIDxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xMTYuMSwyNS41aC0xYy0uMiwwLS4zLS4xLS4zLS4zdi0xNC40YzAtLjIuMS0uMy4zLS4zaDFjLjIsMCwuMywwLC40LjJsNi41LDExLjNoMHYtMTEuMmMwLS4yLjEtLjMuMy0uM2gxYy4yLDAsLjMuMS4zLjN2MTQuNGMwLC4yLS4xLjMtLjMuM2gtLjljLS4yLDAtLjMtLjEtLjUtLjNsLTYuNC0xMS4yaDB2MTEuMmMwLC4yLS4xLjMtLjMuM1oiLz4KICAgICAgPHBhdGggY2xhc3M9InN0MiIgZD0iTTEzNi4zLDI1LjVoLTVjLTEuMSwwLTEuOS0uMy0yLjUtLjlzLS45LTEuNS0uOS0yLjV2LTVjMC0xLjEuMy0xLjkuOS0yLjZzMS41LS45LDIuNS0uOWgyYzEuMSwwLDEuOS4zLDIuNS45cy45LDEuNS45LDIuNnYzYzAsLjItLjEuNC0uMy40aC02LjZjLS4yLDAtLjIsMC0uMi4ydjEuNGMwLDEuNC43LDIsMiwyaDQuOGMuMiwwLC4zLjEuMy4zdi44YzAsLjItLjEuMy0uMy4zWk0xMjkuOCwxOS4xaDUuMWMuMiwwLC4yLDAsLjItLjJ2LTEuOGMwLTEuMy0uNy0yLTItMmgtMS42Yy0xLjMsMC0yLC43LTIsMnYxLjhjMCwuMiwwLC4yLjIuMloiLz4KICAgICAgPHBhdGggY2xhc3M9InN0MiIgZD0iTTE0My4zLDI1LjVoLTEuNGMtLjIsMC0uNC0uMS0uNC0uM2wtMy0xMS4zYzAtLjIsMC0uMy4yLS4zaDEuMmMuMiwwLC4zLjEuNC4zbDIuMyw5LjVoLjFsMi40LTkuNWMwLS4yLjItLjMuNC0uM2gxLjFjLjIsMCwuNC4xLjQuM2wyLjMsOS41aC4xbDIuMy05LjVjMC0uMi4yLS4zLjQtLjNoMS4yYy4yLDAsLjMuMS4yLjNsLTMsMTEuM2MwLC4yLS4yLjMtLjQuM2gtMS41Yy0uMiwwLS4zLS4xLS40LS4zbC0yLjMtOS4zaC0uMWwtMi4yLDkuM2MwLC4yLS4yLjMtLjQuM1oiLz4KICAgICAgPHBhdGggY2xhc3M9InN0MiIgZD0iTTE2Mi4xLDE1LjFoLTEuM2MtLjIsMC0uMy0uMS0uMy0uM3YtLjljMC0uMi4xLS4zLjMtLjNoMS4zYy4yLDAsLjIsMCwuMi0uMnYtMmMwLS4yLjEtLjMuMy0uM2gxLjFjLjIsMCwuMy4xLjMuM3YyYzAsLjEsMCwuMi4zLjJoMi41Yy4yLDAsLjQuMS40LjN2LjljMCwuMi0uMS4zLS40LjNoLTIuNWMtLjIsMC0uMywwLS4zLjJ2Ni43YzAsMS4zLjcsMiwyLjEsMmguOWMuMiwwLC40LjEuNC4zdi45YzAsLjItLjEuMy0uNC4zaC0xLjFjLTEuMSwwLTEuOS0uMy0yLjYtLjktLjYtLjYtMS0xLjQtMS0yLjV2LTYuOGMwLS4xLDAtLjItLjItLjJaIi8+CiAgICAgIDxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xNzQuMiwyNS41aC0xLjJjLTEuMSwwLTEuOS0uMy0yLjUtLjlzLS45LTEuNS0uOS0yLjV2LTVjMC0xLjEuMy0xLjkuOS0yLjZzMS41LS45LDIuNS0uOWg1LjFjLjIsMCwuMy4xLjMuM3YxMS4zYzAsLjItLjEuMy0uMy4zaC0xLjFjLS4yLDAtLjMtLjEtLjMtLjN2LS45aDBjLS40LjgtMS4yLDEuMi0yLjQsMS4yWk0xNzYuNywyMS44di02LjZjMC0uMSwwLS4yLS4yLS4yaC0zLjNjLTEuMywwLTEuOS43LTEuOSwydjQuOWMwLDEuNC42LDIsMS45LDJoMS4zYy43LDAsMS4yLS4yLDEuNi0uNi40LS40LjYtLjkuNi0xLjZaIi8+CiAgICAgIDxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xODEuNiwyNS4ydi0xNS44YzAtLjIuMS0uMy4zLS4zaDEuMWMuMiwwLC4zLjEuMy4zdjUuM2gwYy40LS44LDEuMi0xLjIsMi40LTEuMmgxLjNjMS4xLDAsMS45LjMsMi41LjlzLjksMS41LjksMi41djUuMmMwLDEuMS0uMywxLjktLjksMi41cy0xLjUuOS0yLjUuOWgtNS4yYy0uMiwwLS4zLS4xLS4zLS4zWk0xODMuNiwyNGgzLjNjMS4zLDAsMi0uNywyLTJ2LTVjMC0xLjQtLjctMi0yLTJoLTEuNGMtLjcsMC0xLjIuMi0xLjYuNnMtLjYuOS0uNiwxLjZ2Ni43YzAsLjEsMCwuMi4yLjJaIi8+CiAgICA8L2c+CiAgPC9nPgogIDxnPgogICAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTIyLjgsMTEuNmMxLjIsMS4xLDIuMSwyLjUsMi41LDQsLjEuNS42LjgsMS4xLjcuNS0uMS44LS42LjctMS4xLS41LTEuOS0xLjUtMy43LTMtNS0uMS0uMS0uMy0uMy0uNS0uNGwuOC0xLjRjLjEtLjMsMC0uNi0uMi0uNy0uMywwLS42LDAtLjcuMmwtLjcsMS4zYy0uNS0uMy0xLS41LTEuNS0uN2wxLjUtMi44Yy4xLS4zLDAtLjYtLjItLjctLjMsMC0uNiwwLS43LjJsLTEuNiwzYy0uNS0uMS0xLS4yLTEuNi0uMy0yLjYtLjMtNS4xLjUtNy4xLDIuMXMtMy4zLDMuOS0zLjUsNi41Yy0uMywyLjYuNSw1LjEsMi4xLDcuMS40LjUuOC45LDEuMywxLjNsLS45LDEuNmMtLjEuMywwLC42LjIuN2guMmMuMiwwLC40LS4xLjUtLjNsLjgtMS41Yy41LjMsMSwuNiwxLjUuOGwtMS41LDIuOWMtLjEuMywwLC42LjIuN2guMmMuMiwwLC40LS4xLjUtLjNsMS42LTMuMWMuNi4yLDEuMy4zLDEuOS40aDFjMS42LDAsMy4yLS40LDQuNy0xLjIsMS43LTEsMy4xLTIuNCw0LTQuMi4xLS4yLjEtLjUsMC0uNywwLS4yLS4yLS40LS41LS41LS4yLS4xLS41LS4xLS43LDAtLjIsMC0uNC4yLS41LjVoMGMtLjcsMS40LTEuOCwyLjYtMy4yLDMuNC0xLjQuOC0zLDEuMS00LjYuOS0uNCwwLS44LS4xLTEuMi0uMmw3LjEtMTMuNmguMXYuNFpNMTEuNSwyMi40Yy0xLjMtMS42LTEuOS0zLjctMS43LTUuN3MxLjItMy45LDIuOS01LjNjMS42LTEuMywzLjctMS45LDUuNy0xLjcuMywwLC42LDAsLjkuMWwtNywxMy40Yy0uMy0uMy0uNS0uNS0uOC0uOFpNMTQuNiwyNC43Yy0uMSwwLS4zLS4xLS40LS4ybC0uNy0uNGMtLjEsMC0uMi0uMS0uMy0uMmw3LjItMTMuOGMuMywwLC41LjIuOC4zbC43LjRoMGwtNy4yLDEzLjhoLS4xWiIvPgogICAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTE5LjUsMTMuNmMtLjIsMC0uNCwwLS41LjJsLTMuNiw2LjljMCwuMiwwLC40LjIuNS4yLDAsLjQsMCwuNS0uMmwzLjYtNi45YzAtLjIsMC0uNC0uMi0uNVoiLz4KICA8L2c+CiAgPGcgY2xhc3M9InN0MSI+CiAgICA8ZyBjbGFzcz0ic3QxIj4KICAgICAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTUwLjgsMjUuNWgtMi42Yy0xLjIsMC0yLjItLjMtMi45LTFzLTEtMS42LTEtMi44di03LjRjMC0xLjIuMy0yLjIsMS0yLjhzMS42LTEsMi45LTFoMi42YzEuMiwwLDIuMi4zLDIuOCwxLC43LjcsMSwxLjYsMSwyLjh2MS4xYzAsLjMtLjIuNS0uNS41aC0yYy0uMywwLS41LS4yLS41LS41di0xYzAtLjUtLjEtLjktLjMtMS4xLS4yLS4yLS42LS4zLTEuMS0uM2gtMS42Yy0uNSwwLS44LjEtMSwuMy0uMi4yLS4zLjYtLjMsMS4xdjcuMWMwLC41LjEuOS4zLDEuMS4yLjIuNi4zLDEsLjNoMS42Yy41LDAsLjktLjEsMS4xLS4zLjItLjIuMy0uNi4zLTEuMXYtMWMwLS4zLjItLjUuNS0uNWgyYy4zLDAsLjUuMi41LjV2MS4xYzAsMS4yLS4zLDIuMi0xLDIuOC0uNy43LTEuNiwxLTIuOCwxWiIvPgogICAgICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTkuNSwyNS41aC0yYy0uMywwLS41LS4yLS41LS41di0xMWMwLS4zLjItLjUuNS0uNWgyYy4zLDAsLjUuMi41LjV2LjhoMGMuMi0uNC41LS43LjktMSwuNC0uMi45LS4zLDEuNC0uM2guOGMuMywwLC41LjIuNS41djEuNmMwLC4yLDAsLjMtLjEuNCwwLDAtLjIsMC0uNCwwaC0xLjZjLTEuMSwwLTEuNi42LTEuNiwxLjh2N2MwLC4zLS4yLjUtLjUuNVoiLz4KICAgICAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTY3LjEsMjkuNWgtMS41Yy0uMywwLS41LS4yLS41LS41di0xLjZjMC0uMy4yLS41LjUtLjVoLjVjMSwwLDEuNy0uMSwyLS40LjQtLjMuNi0uOC44LTEuNmgtMS4yYy0uMywwLS41LS4yLS42LS41bC0yLjctMTAuM2MwLS4zLDAtLjUuNC0uNWgyLjFjLjMsMCwuNS4yLjYuNWwyLDguNmgwbDItOC42YzAtLjMuMy0uNS42LS41aDJjLjQsMCwuNS4yLjUuNWwtMi45LDExLjRjLS4zLDEuMy0uOSwyLjMtMS42LDIuOS0uNy43LTEuNywxLTIuOSwxWiIvPgogICAgICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzguNiwyOC43aC0yYy0uMywwLS41LS4yLS41LS41di0xNC4yYzAtLjMuMi0uNS41LS41aDJjLjMsMCwuNS4yLjUuNXYuOGgwYy4yLS40LjUtLjcuOS0uOXMuOS0uMywxLjQtLjNoMWMxLjIsMCwyLjEuMywyLjcsMXMuOSwxLjYuOSwyLjh2NC4zYzAsMS4yLS4zLDIuMi0uOSwyLjhzLTEuNSwxLTIuNywxaC0xYy0uNSwwLS45LS4xLTEuNC0uMy0uNC0uMi0uNy0uNS0uOS0uOWgwdjRjMCwuMy0uMi41LS41LjVaTTgwLjgsMjIuOWgxYy41LDAsLjktLjEsMS4xLS4zLjItLjIuMy0uNi4zLTEuMXYtNGMwLS41LS4xLS45LS4zLTEuMS0uMi0uMi0uNi0uMy0xLjEtLjNoLTFjLTEuMSwwLTEuNi42LTEuNiwxLjh2My4yYzAsMS4yLjUsMS44LDEuNiwxLjhaIi8+CiAgICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04OC43LDE2LjFoLS45Yy0uMiwwLS4zLDAtLjQsMHMtLjEtLjItLjEtLjR2LTEuNmMwLS4zLjItLjUuNS0uNWguOWMuMiwwLC4zLDAsLjMtLjN2LTIuMmMwLS4zLjItLjUuNS0uNWgyYy4zLDAsLjUuMi41LjV2Mi4yYzAsLjIsMCwuMy4zLjNoMS44Yy4zLDAsLjUuMi41LjV2MS42YzAsLjIsMCwuMy0uMS40LDAsMC0uMi4xLS40LjFoLTEuOGMtLjIsMC0uMywwLS4zLjN2NS4yYzAsLjUuMS44LjMsMSwuMi4yLjYuMywxLjEuM2guOWMuMywwLC41LjIuNS41djEuNmMwLC4yLDAsLjMtLjEuNHMtLjIuMS0uNC4xaC0xLjRjLTEuMiwwLTIuMi0uMy0yLjktMXMtMS0xLjYtMS0yLjh2LTUuM2MwLS4yLDAtLjMtLjMtLjNaIi8+CiAgICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMDIuNCwyNS41aC0yLjFjLTEuMiwwLTIuMi0uMy0yLjktMS0uNy0uNy0xLTEuNi0xLTIuOHYtNC4zYzAtMS4yLjMtMi4yLDEtMi44LjctLjcsMS42LTEsMi45LTFoMi4xYzEuMiwwLDIuMi4zLDIuOCwxczEsMS42LDEsMi44djQuM2MwLDEuMi0uMywyLjItMSwyLjhzLTEuNiwxLTIuOCwxWk0xMDAuOCwyMi45aDEuMmMuNSwwLC45LS4xLDEuMS0uMy4yLS4yLjMtLjYuMy0xLjF2LTQuMWMwLS41LS4xLS44LS4zLTEuMS0uMi0uMi0uNi0uMy0xLjEtLjNoLTEuMmMtLjUsMC0uOS4xLTEuMS4zLS4yLjItLjMuNi0uMywxLjF2NC4xYzAsLjUuMS45LjMsMS4xcy42LjMsMS4xLjNaIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4=');
  width:210px;
  height:40px;
  background-repeat: no-repeat;
  margin-left: 40px;
  margin-top: 40px;
  cursor: pointer;
}

.logo.page{
  margin-top: 0;
  margin-left : 20px;
}

.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;
  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;
}

.menu{
  position: fixed;
  top: 30px;
  right: 50px;
  color:#fff;
  cursor : pointer;
}
.menu .collapse a:hover{
  color: #fff !important
}

.form-control{
  padding : 1rem .75rem;
  margin:10px 0;
  background: #2B313A;
  border: 1px solid #363D48;
  color:#fff;
}  
.input-group .form-control {
  padding-left: 2.5rem; /* Adjust based on icon size */
}
.input-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #6c757d;
}

.input-icon-top {
  position: absolute;
  right: 15px;
  top: 20px;
  transform: translateY(-50%);
  color: #6c757d;
}
.title{
  width: 100%;
  color:#fff;
  font-size: 50px;
  margin-bottom: 5px;
  font-weight: 600;
  letter-spacing: 1px;
}
.subtitle{
  width : 100%;
  color:#EB912F; 
  margin-bottom: 60px;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 1px;
}
.container-form{
  max-width: 1000px;
  background:#2B313A; 
  padding: 80px; 
  border-radius: 10px;
  font-family: 'roboto';
  width: 100%;
  margin:20px auto;
}

@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;
  }
}