* {
  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,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,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxOTMgNDgiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOS4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMCBCdWlsZCAxMTYpICAtLT4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLnN0MCB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPGc+CiAgICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjIuNiwxNi45Yy45LDAsMS42LjIsMi4yLjVzMS4xLjcsMS41LDEuMi43LDEuMS45LDEuOGMuMi43LjMsMS40LjMsMi4yLDAsMS4yLS4yLDIuNC0uNywzLjVzLTEuMSwyLTEuOSwyLjljLS44LjgtMS43LDEuNC0yLjgsMS45cy0yLjIuNy0zLjUuNy0uNCwwLS44LDBoLTEuNGMtLjUsMC0xLjEtLjItMS42LS4zLS42LDAtMS4xLS4zLTEuNi0uNmw0LjYtMTkuNCw0LjEtLjYtMS43LDYuOWMuNC0uMi43LS4zLDEuMS0uNGgxLjN2LS4zWk01OS4yLDI4LjNjLjYsMCwxLjItLjIsMS44LS41czEtLjcsMS40LTEuMi43LTEuMS45LTEuNy4zLTEuMy4zLTIsMC0xLjUtLjQtMi0uOC0uNy0xLjYtLjdoLTFjLS40LDAtLjguMy0xLjEuNmwtMS44LDcuM2gxLjVzMCwuMiwwLC4yWiIvPgogICAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTcyLjYsMzEuMmgtMy45bDMuMy0xNGg0bC0zLjQsMTRaTTc0LjUsMTUuNWMtLjYsMC0xLS4yLTEuNS0uNS0uNC0uMy0uNy0uOC0uNy0xLjVzMC0uNy4yLTEuMWMuMi0uMy40LS42LjYtLjkuMi0uMi41LS40LjktLjYuMy0uMS43LS4yLDEuMS0uMi42LDAsMSwuMiwxLjUuNS40LjMuNy44LjcsMS41czAsLjctLjIsMS4xYy0uMi4zLS40LjYtLjYuOS0uMi4yLS41LjQtLjkuNi0uMywwLS43LjItMS4xLjJaIi8+CiAgICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNODAsMTMuN2w0LjEtLjYtMSw0LjFoNC40bC0uOCwzLjJoLTQuNGwtMS4yLDQuOWMwLC40LS4yLjgtLjIsMS4xdi45YzAsLjMuMy41LjYuNi4zLDAsLjcuMiwxLjIuMmgxLjJsMS4yLS4zLjMsM2MtLjUuMi0xLjEuNC0xLjcuNXMtMS40LjItMi4yLjJjLTEuMiwwLTIuMi0uMi0yLjktLjUtLjctLjQtMS4yLS45LTEuNC0xLjUtLjMtLjYtLjQtMS40LS40LTIuMnMuMi0xLjcuNC0yLjZsMi42LTExcy4yLDAsLjIsMFoiLz4KICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04Ny43LDI1LjZjMC0xLjIuMi0yLjMuNi0zLjRzMS0yLDEuNy0yLjgsMS42LTEuNCwyLjctMS45YzEtLjUsMi4yLS43LDMuNS0uN3MxLjUsMCwyLjEuMiwxLjIuNCwxLjcuNmwtMS40LDMuMWMtLjQsMC0uNy0uMy0xLjEtLjRzLS44LS4yLTEuNC0uMmMtMS4zLDAtMi40LjQtMy4xLDEuMy0uOC45LTEuMSwyLjEtMS4xLDMuN3MuMiwxLjYuNiwyLjIsMS4xLjgsMi4yLjgsMSwwLDEuNS0uMi45LS4yLDEuMy0uNGwuMywzLjJjLS41LjItMSwuNC0xLjYuNXMtMS4zLjItMi4yLjItMi0uMi0yLjgtLjUtMS40LS44LTEuOS0xLjMtLjktMS4yLTEuMS0xLjktLjMtMS41LS4zLTIuM2MwLDAtLjIuMi0uMi4yWiIvPgogICAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTEwNS4zLDMxLjZjLS45LDAtMS44LDAtMi41LS40LS43LS4zLTEuMy0uNy0xLjctMS4yLS41LS41LS44LTEuMS0xLTEuOHMtLjMtMS41LS4zLTIuMy4yLTIuMS41LTMuMi45LTIsMS41LTIuOSwxLjUtMS41LDIuNS0yLjFjMS0uNSwyLjEtLjgsMy40LS44czEuNywwLDIuNC40Yy43LjMsMS4zLjcsMS43LDEuMi41LjUuOCwxLjEsMSwxLjhzLjMsMS41LjMsMi4zLS4yLDIuMS0uNSwzLjItLjgsMi0xLjUsMi45LTEuNSwxLjUtMi41LDIuMWMtMSwuNS0yLjEuOC0zLjQuOGgwWk0xMDcuMywyMC4yYy0uNiwwLTEuMS4yLTEuNS41cy0uOC44LTEuMSwxLjMtLjUsMS4xLS43LDEuNy0uMiwxLjItLjIsMS43YzAsLjksMCwxLjYuNCwyLjFzLjguNywxLjUuNywxLjEtLjIsMS41LS41LjgtLjgsMS4xLTEuMy41LTEuMS43LTEuNy4yLTEuMi4yLTEuN2MwLS45LDAtMS42LS40LTIuMXMtLjgtLjctMS41LS43WiIvPgogICAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTExOC4yLDMxLjJoLTMuOWwzLjMtMTRoNGwtMy40LDE0aDBaTTEyMC4xLDE1LjVjLS42LDAtMS0uMi0xLjUtLjUtLjQtLjMtLjctLjgtLjctMS41czAtLjcuMi0xLjFjLjItLjMuNC0uNi42LS45LjItLjIuNS0uNC45LS42LjMtLjEuNy0uMiwxLjEtLjIuNiwwLDEsLjIsMS41LjUuNC4zLjcuOC43LDEuNXMwLC43LS4yLDEuMWMtLjIuMy0uNC42LS42LjktLjIuMi0uNS40LS45LjYtLjMsMC0uNy4yLTEuMS4yWiIvPgogICAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTEyNSwxNy44Yy4zLDAsLjYtLjIsMS0uM2wxLjItLjNjLjQsMCwxLS4yLDEuNS0uMmgxLjljMi4xLDAsMy41LjYsNC4zLDEuOHMuOSwyLjkuNCw1bC0xLjgsNy42aC00bDEuOC03LjRjLjEtLjUuMi0uOS4zLTEuM3YtMS4xYzAtLjMtLjItLjYtLjUtLjhzLS43LS4zLTEuMi0uMy0xLDAtMS42LjJsLTIuNiwxMC44aC00bDMuMi0xMy40di0uM2guMVoiLz4KICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNDAuNCwxOGMuNy0uMywxLjUtLjUsMi4yLS42LjctLjIsMS41LS4yLDIuMi0uMiwzLjIsMCw0LjksMS43LDQuOSw1LjFzLS4yLDIuMy0uNiwzLjVjLS40LDEuMS0xLDIuMS0xLjcsMy0uOC45LTEuNywxLjUtMi44LDIuMS0xLjEuNS0yLjMuOC0zLjcuOHMtMS4zLDAtMS45LS4ybC0xLjIsNC45aC0xLjhsNC40LTE4LjF2LS4zaDBaTTEzOS40LDI5LjZjLjYuMiwxLjEuMiwxLjcuMiwxLjEsMCwyLjEtLjIsMi45LS43LjktLjQsMS42LTEsMi4yLTEuNy42LS43LDEtMS41LDEuMy0yLjRzLjUtMS44LjUtMi43YzAtMS4zLS4zLTIuMy0uOS0yLjlzLTEuNS0uOS0yLjYtLjloLTEuMmMtLjQsMC0uOC4yLTEuMy4zbC0yLjUsMTAuNmgwdi4yaDBaIi8+CiAgICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTU0LjMsMThjLjctLjMsMS40LS41LDIuMi0uN3MxLjYtLjMsMi40LS4zaDEuMmMuNCwwLC43LDAsMS4xLjNsLS41LDEuNmMtLjctLjItMS40LS4zLTIuMS0uM2gtMS40Yy0uNSwwLS45LjItMS40LjNsLTIuOSwxMi4xaC0xLjdsMy4xLTEzLjJoMHYuMmgwWiIvPgogICAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2NC4yLDE3LjRoMS43bC0zLjMsMTMuOGgtMS43czMuMy0xMy44LDMuMy0xMy44Wk0xNjQuOSwxMy40YzAtLjUuMS0uOC40LTEuMS4zLS4yLjUtLjQuOC0uNHMuNi4xLjguMy4zLjUuMy45LS4xLjgtLjQsMWMtLjMuMi0uNi4zLS45LjNzLS42LS4xLS44LS4zLS4zLS41LS4zLS44aDBaIi8+CiAgICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTc2LjUsMzAuNWMtLjQuMi0uOS41LTEuNi43LS43LjItMS42LjMtMi41LjMtMS42LDAtMi44LS41LTMuNi0xLjRzLTEuMi0yLjItMS4yLTMuOC4yLTIuNC42LTMuNWMuNC0xLjEuOS0yLjEsMS42LTIuOS43LS45LDEuNi0xLjUsMi43LTIsMS0uNSwyLjItLjgsMy42LS44czEuOC4yLDIuNy41bC0uNywxLjZjLS40LS4yLS44LS4zLTEuMi0uM2gtMS4yYy0uOSwwLTEuOC4yLTIuNi42cy0xLjQuOS0yLDEuNi0xLDEuNS0xLjMsMi40LS41LDEuOC0uNSwyLjguMywyLjEuOCwyLjgsMS40LDEsMi42LDEsLjgsMCwxLjEsMCwuNy0uMiwxLjEtLjNjLjMsMCwuNi0uMi45LS4zLjIsMCwuNC0uMi42LS4zbC4yLDEuNnYtLjJoLS4xWiIvPgogICAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTE5MS4xLDIwLjZjMCwxLS4yLDEuOC0uNywyLjRzLTEuMiwxLjEtMi4xLDEuNS0xLjkuNi0zLjIuOGMtMS4yLjItMi42LjMtNC4xLjN2LjZjMCwuNSwwLDEsLjIsMS40LjEuNC4zLjguNiwxLjJzLjcuNiwxLjIuOCwxLjIuMywyLC4zLDEuMiwwLDEuOS0uM2MuNi0uMiwxLjItLjQsMS44LS44bC4yLDEuNmMtLjYuMy0xLjMuNi0yLC44cy0xLjUuMy0yLjIuMy0xLjgsMC0yLjUtLjRjLS43LS4yLTEuMi0uNi0xLjYtMS0uNC0uNC0uNy0xLS45LTEuNnMtLjMtMS4zLS4zLTIuMS4yLTIuMy41LTMuNC45LTIuMSwxLjUtM2MuNy0uOSwxLjUtMS42LDIuNS0yLjFzMi4xLS44LDMuNC0uOCwyLjIuMywyLjksMSwxLDEuNSwxLDIuNmgwWk0xODcuMSwxOC43Yy0uNywwLTEuNCwwLTIsLjQtLjYuMy0xLjIuNy0xLjcsMS4ycy0uOSwxLjEtMS4zLDEuNy0uNiwxLjMtLjgsMi4xYzEuNSwwLDIuOCwwLDMuOC0uM3MxLjktLjQsMi41LS43LDEuMS0uNiwxLjMtMWMuMy0uNC40LS45LjQtMS40cy0uMi0xLjItLjYtMS42Yy0uNC0uMy0xLS41LTEuNi0uNWgwWiIvPgogIDwvZz4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjguNSwyN2MuNC0xLjUtLjMtMi44LTEuNS0zLjUsMS4xLS4zLDItMS4xLDIuMi0yLjMuNC0xLjgtLjctMy40LTMuNS00LjJsLjQtMS45LTIuMy0uNS0uNCwxLjgtMS4yLS4zLjQtMS44LTIuMy0uNS0uNCwxLjhoLS41bC0xLjctLjUtLjUsMi4xLDEuNy40LTEuOSw3LjktMS43LS40LS41LDIuMSwxLjcuNGguNWwtLjQsMS43LDIuMy41LjQtMS42LDEuMi4zLS40LDEuNiwyLjMuNS40LTEuNmMzLjIuNyw1LjEsMCw1LjYtMi4ydi4yaDBaTTI0LjUsMTljMS40LjMsMiwxLDEuOCwxLjlzLTEuMSwxLjMtMi41LjlsLTIuOC0uNy43LTIuOSwyLjguN2gwWk0yMy4xLDI3bC0zLjMtLjguNy0zLDMuMy44YzEuNS4zLDIuMSwxLDEuOSwycy0xLjEsMS4zLTIuNiwxWiIvPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSwyMi40YzAtLjYtLjQtMS0xLTEuMSwwLTItLjUtMy45LTEuMS01LjcsMCwwLC4yLDAsLjMtLjIuNS0uNS41LTEuMiwwLTEuNi0uMy0uMy0uNy0uNC0xLjEtLjMtLjktMS45LTIuMS0zLjctMy41LTUuMy4yLS4yLjMtLjQuMy0uNywwLS42LS41LTEuMi0xLjItMS4ycy0uNSwwLS43LjNjLTEuNS0xLjQtMy4xLTIuNS00LjktMy40di0uM2MwLS42LS41LTEuMi0xLjItMS4ycy0uOC4yLTEsLjZjLTItLjgtNC4yLTEuMi02LjQtMS4zQzIzLjUuNCwyMywwLDIyLjQsMHMtMS4xLjUtMS4xLDFjLTIsLjEtMy45LjUtNS43LDEuMSwwLDAsMC0uMi0uMi0uMy0uNS0uNS0xLjItLjUtMS42LDAtLjMuMy0uNC43LS4zLDEuMS0xLjkuOS0zLjcsMi4xLTUuMywzLjQtLjItLjItLjQtLjMtLjctLjMtLjYsMC0xLjIuNS0xLjIsMS4yczAsLjUuMy43Yy0xLjQsMS41LTIuNSwzLjEtMy40LDQuOWgtLjNjLS42LDAtMS4yLjUtMS4yLDEuMnMuMi44LjYsMWMtLjgsMi0xLjIsNC4yLTEuMyw2LjRDLjQsMjEuNCwwLDIxLjksMCwyMi41cy40LDEsMSwxLjFjMCwyLC41LDMuOSwxLjEsNS43LDAsMC0uMiwwLS4yLjItLjUuNS0uNSwxLjIsMCwxLjYuMy4zLjcuNCwxLjEuMy45LDIsMi4xLDMuOCwzLjUsNS40LDAsLjItLjIuNC0uMi43LDAsLjYuNSwxLjIsMS4yLDEuMnMuNSwwLC42LS4yYzEuNSwxLjQsMy4yLDIuNSw1LDMuNHYuM2MwLC42LjUsMS4yLDEuMiwxLjJzLjctLjIuOS0uNWMyLC44LDQuMiwxLjIsNi41LDEuMywwLC41LjUsMSwxLjEsMXMxLS40LDEuMS0xYzIsMCwzLjktLjUsNS43LTEuMXYuMmMuNS41LDEuMi41LDEuNiwwLC4zLS4zLjQtLjcuMy0xLDItLjksMy44LTIuMSw1LjQtMy41LjIsMCwuNC4yLjcuMi42LDAsMS4yLS41LDEuMi0xLjJzMC0uNS0uMi0uNmMxLjQtMS41LDIuNS0zLjIsMy40LTVoLjNjLjYsMCwxLjItLjUsMS4yLTEuMnMtLjItLjgtLjUtMWMuOC0yLDEuMi00LjIsMS4zLTYuNC42LDAsMS0uNSwxLTEuMWgtLjQuMVpNMzYuNCwzNy4zbC00LS43aDBjMC0uNi0uNS0xLjItMS4yLTEuMnMtLjkuMy0xLjEuOGwtNS43LTFjMy44LS4zLDcuNC0xLjYsMTAuNi0zLjUuNS0uMywxLS43LDEuNS0xbC42LjN2NS41Yy0uMywwLS42LjQtLjcuN2gwWk0yMS43LDQzYy0yLjItMS40LTQuMi0zLjEtNS44LTUsLjItLjIuMy0uNS4zLS43czAsMCwwLDBsNS4zLTEuNWMuMi4zLjQuNS44LjZ2Ni41Yy0uMiwwLS40LDAtLjYuMywwLDAsMC0uMiwwLS4yWk04LjQsMzcuMmMwLS40LS4zLS43LS43LS45bC43LTRjLjYsMCwxLjEtLjUsMS4xLTEuMXMtLjMtLjktLjctMS4xbDEtNS42Yy4zLDMuOCwxLjYsNy40LDMuNSwxMC42LjMuNS42LDEsMSwxLjQtLjIuMi0uMi40LS4zLjZoLTUuNlpNOC43LDcuNmw0LC43YzAsLjYuNSwxLjEsMS4xLDEuMXMuOS0uMywxLjEtLjdsNS43LDFjLTMuOC4zLTcuNCwxLjYtMTAuNiwzLjUtLjUuMy0xLC42LTEuNCwxLS4yLS4yLS40LS4zLS42LS4zdi01LjVjLjIsMCwuNi0uMy43LS43aDBaTTIzLjMsMmMyLjIsMS40LDQuMiwzLjEsNS44LDUsMCwuMi0uMy40LS4zLjdzMCwwLDAsMGwtNS4zLDEuNWMtLjItLjMtLjUtLjYtLjgtLjZWMi4yYy4yLDAsLjQsMCwuNS0uMmgwWk0zNi43LDcuOGMwLC40LjMuNy43LjhsLS43LDRjLS42LDAtMS4xLjUtMS4xLDEuMnMuMy45LjgsMS4xbC0xLDUuN2MtLjMtMy44LTEuNi03LjQtMy41LTEwLjYtLjMtLjUtLjYtMS0xLTEuNS4yLS4yLjItLjQuMy0uNmg1LjYsMFpNNDIuOCwyMi4zaC02LjVjMC0uNC0uMy0uNy0uNy0uOWwxLjEtNi41aC41bDUuNyw3czAsLjMtLjIuNGguMVpNMzYuMiwyOS45di41Yy0uNS4zLTEsLjctMS40LDEtMi4yLDEuMy00LjcsMi4zLTcuMiwyLjksMS41LS43LDIuOS0xLjYsNC0yLjcsMi0yLDMuNC00LjcsMy43LTcuOGwxLjUsNS4xYy0uNC4yLS42LjYtLjYsMWgwWk0yMy42LDM0LjhjMC0uNS0uNi0uOS0xLjEtLjlzLTEsLjQtMS4xLjljLTMtLjMtNS43LTEuNi03LjctMy42cy0zLjMtNC43LTMuNi03LjdjLjUsMCwuOS0uNi45LTEuMXMtLjQtMS0uOS0xLjFjLjMtMywxLjYtNS42LDMuNi03LjZzNC43LTMuMyw3LjctMy42YzAsLjUuNi44LDEuMS44czEtLjQsMS4xLS44YzMsLjMsNS43LDEuNiw3LjcsMy42czMuMyw0LjcsMy42LDcuNmMtLjUsMC0uOS42LS45LDEuMXMuNCwxLC45LDEuMWMtLjMsMy0xLjYsNS43LTMuNiw3LjdzLTQuNywzLjMtNy43LDMuNlpNMTUuMSwzNi4xaC0uNWMtLjMtLjUtLjYtLjktLjktMS40LTEuMy0yLjItMi4zLTQuNy0yLjktNy4yLjYsMS41LDEuNiwyLjksMi43LDQsMiwyLDQuNywzLjQsNy44LDMuN2wtNS4xLDEuNWMtLjItLjQtLjYtLjctMS0uN2gtLjFaTTguOSwxNXYtLjVjLjUtLjMuOS0uNiwxLjQtLjksMi4yLTEuMyw0LjctMi4zLDcuMi0yLjktMS41LjctMi45LDEuNi00LDIuNy0yLDItMy40LDQuNy0zLjcsNy44bC0xLjUtNS4yYy40LS4yLjYtLjYuNi0xWk0zMCw4LjhjLjIsMCwuMywwLC41LS4xLjMuNS43LDEsMSwxLjUsMS4zLDIuMiwyLjMsNC43LDIuOSw3LjItLjYtMS41LTEuNi0yLjktMi43LTQtMi0yLTQuNy0zLjQtNy44LTMuN2w1LjItMS41Yy4yLjQuNi42LDEsLjZoLS4xWk0yMS45LDJzLjMsMCwuNC4ydjYuNWMtLjQsMC0uNy40LS45LjdsLTYuNS0xLjFoMHYtLjVsNy01LjdoMFpNNy4xLDE1LjljLjIsMCwuNC4zLjcuM3MwLDAsMCwwbDEuNSw1LjNjLS4zLjItLjUuNS0uNi44SDIuMmMwLS4yLDAtLjQtLjMtLjYsMS40LTIuMiwzLjEtNC4yLDUtNS44LDAsMCwuMiwwLC4yLDBaTTIuMywyMi43aDYuNWMwLC40LjMuNy43LjhsLTEuMSw2LjVjLS4yLDAtLjQsMC0uNS4ybC01LjctN3MuMi0uMy4yLS40aDBaTTIzLjIsNDIuOXMtLjMtLjItLjUtLjJ2LTYuNWMuNCwwLC43LS4zLjgtLjdsNi41LDEuMWMwLC4yLDAsLjMuMi41bC03LDUuN2gwWk0zOC4xLDI5LjFjLS4yLS4yLS41LS4zLS43LS4zczAsMCwwLDBsLTEuNS01LjNjLjMtLjIuNS0uNC42LS44aDYuNWMwLC4yLDAsLjQuMy41LTEuNCwyLjItMy4xLDQuMi01LDUuOGgtLjIsMFpNNDEuNiwxNS40Yy4zLjMuNi40LDEsLjMuNiwxLjgsMSwzLjYsMS4xLDUuNiwwLDAtLjMsMC0uNC4ybC01LjctN2MuMi0uMi4zLS41LjMtLjgsMC0uNS0uMy0uOS0uNy0xLjFsLjctNGMuMiwwLC40LDAsLjUtLjIsMS40LDEuNiwyLjUsMy4zLDMuNCw1LjJoMGMtLjUuNS0uNSwxLjIsMCwxLjZ2LjJzLS4yLDAtLjIsMFpNMzEuMSw0Yy40LDAsLjctLjIuOS0uNCwxLjguOSwzLjQsMiw0LjksMy4zdi40aC01LjVjMC0uNC0uNS0uOC0xLjEtLjhzLS40LDAtLjYuMmMtMS43LTItMy42LTMuNy01LjktNS4xdi0uMmMyLjIuMSw0LjMuNiw2LjMsMS4zdi4yYzAsLjYuNSwxLjIsMS4yLDEuMmgtLjJaTTEzLjksMy40Yy41LjUsMS4yLjUsMS42LDAsLjMtLjMuNC0uNi4zLS45LDEuOC0uNiwzLjYtLjksNS42LTEsMCwuMSwwLC4yLjIuM2wtNyw1LjdjLS4yLS4yLS41LS4zLS44LS4zLS41LDAtLjkuMy0xLjEuOGwtNC0uN2gwYzAtLjIsMC0uNC0uMi0uNiwxLjYtMS40LDMuMy0yLjUsNS4yLTMuNGguMlpNMywxNS4xYy42LDAsMS4yLS41LDEuMi0xLjJzLS4yLS43LS41LS45Yy45LTEuOCwyLTMuNCwzLjQtNC44LDAsMCwuMi4xLjQuMXY1LjVjLS40LjEtLjguNi0uOCwxLjFzMCwuNC4yLjZjLTIsMS43LTMuNywzLjYtNS4xLDUuOWgtLjNjLjEtMi4yLjYtNC4zLDEuMy02LjMsMCwwLC4yLDAsLjIsMFpNMy41LDI5LjRjLS4zLS4zLS42LS40LTEtLjMtLjYtMS44LS45LTMuNi0xLTUuNmguM2w1LjcsN2MtLjIuMi0uMy40LS4zLjcsMCwuNS4zLjkuOCwxLjFsLS43LDRjLS4yLDAtLjQsMC0uNi4yLTEuNC0xLjYtMi41LTMuMy0zLjQtNS4yaC4yYy41LS41LjUtMS4yLDAtMS42aDBzMC0uMywwLS4zWk0xNCw0MC45Yy0uNCwwLS43LjItLjkuNS0xLjgtLjktMy40LTItNC44LTMuMywwLDAsMC0uMi4yLS40aDUuNmMwLC40LjYuNywxLjEuN2guNWMxLjcsMiwzLjYsMy43LDUuOSw1LjF2LjJjLTIuMiwwLTQuMy0uNi02LjMtMS4zdi0uMmMwLS42LS41LTEuMi0xLjItMS4yaC0uMVpNMzEuMiw0MS41Yy0uNS0uNS0xLjItLjUtMS42LDAtLjMuMy0uNC43LS4zLDEtMS44LjYtMy42LjktNS42LDEuMXYtLjRsNy01LjdjLjIuMi40LjMuNy4zLjUsMCwuOS0uMywxLjEtLjdsNCwuN2MwLC4yLDAsLjQuMi41LTEuNiwxLjQtMy4zLDIuNS01LjIsMy40di0uMnMtLjMsMC0uMywwWk00Mi4xLDI5LjhjLS42LDAtMS4yLjUtMS4yLDEuMnMuMi43LjUuOWMtLjksMS44LTIsMy40LTMuMyw0LjksMCwwLS4zLDAtLjQtLjJ2LTUuNWMuNCwwLC44LS42LjgtMS4xdi0uNWMyLTEuNywzLjctMy43LDUuMS01LjloLjJjMCwyLjItLjYsNC4zLTEuMyw2LjNoLS40LDBaIi8+CiAgPGc+CiAgICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTAwLjgsNDUuNHYtNS43aC41bDQsNWgtLjN2LTVoLjZ2NS43aC0uNWwtNC01aC4zdjVoLS42WiIvPgogICAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTEwOC45LDQ0LjloMy41di41aC00LjF2LTUuN2gzLjl2LjVoLTMuM3Y0LjdaTTEwOC44LDQyLjJoM3YuNWgtM3YtLjVaIi8+CiAgICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTE1LjgsNDUuNGwtMS45LTUuN2guNmwxLjgsNS40aC0uM2wxLjktNS40aC42bDEuOCw1LjRoLS4zbDEuOC01LjRoLjZsLTEuOSw1LjdoLS42bC0xLjgtNS4xaC4ybC0xLjgsNS4xaC0uNloiLz4KICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMjguNSw0NS40di01LjJoLTJ2LS41aDQuNnYuNWgtMnY1LjJoLS42WiIvPgogICAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTEzMS43LDQ1LjRsMi42LTUuN2guNmwyLjYsNS43aC0uNmwtMi40LTUuNGguMmwtMi40LDUuNGgtLjZaTTEzMi43LDQzLjlsLjItLjVoMy4zbC4yLjVoLTMuN1oiLz4KICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMzkuMyw0NS40di01LjdoMi41Yy42LDAsMS4xLjEsMS41LjRzLjUuNi41LDEuMSwwLC42LS4yLjhjLS4xLjItLjMuNC0uNi41LS4yLjEtLjUuMi0uOC4ydi0uMmMuNSwwLC44LDAsMS4xLjIuMy4xLjUuMy42LjUuMS4yLjIuNS4yLjgsMCwuNS0uMi45LS41LDEuMS0uNC4zLS45LjQtMS42LjRoLTIuNlpNMTM5LjksNDQuOWgyYy41LDAsLjksMCwxLjItLjMuMy0uMi40LS40LjQtLjhzLS4xLS42LS40LS44Yy0uMy0uMi0uNy0uMy0xLjItLjNoLTIuMXYtLjVoMS45Yy41LDAsLjgsMCwxLjEtLjNzLjQtLjQuNC0uOC0uMS0uNi0uNC0uOC0uNi0uMy0xLjEtLjNoLTEuOHY0LjdaIi8+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;
  }
}