@charset "utf-8";

.window-profile-computer {
  height: 650px;
  width: 900px;
}
.window-profile-mobile {
  width: 100%;
  height: 650px;
}
.window-profile {
  background-color: rgb(30, 105, 111);
}
.window-profile label {
  color: #dedede;
}
.window-profile .input-alone {
  float: left;
  width: 165px;
  margin-left: 10px;
  margin-bottom: 10px;
  height: 57px;
}
.window-profile .input-doble {
  float: left;
  width: 340px;
  margin-left: 10px;
  margin-bottom: 10px;
  height: 57px;
}
.window-profile .profile-header {
  margin-top: 15px;
}
.window-profile .btConfig {
  font-size: 25px;
  color: #45bdca;
  cursor: pointer;
}
.window-profile .btConfig:hover {
  color: #2f4244;
}
.window-profile .photoProfile {
  margin-top: 24px;
  overflow: hidden;
  width: 117px;
  height: 102px;
  margin-bottom: 9px;
  border: 5px solid #fff;
}
.window-profile .photoProfile img {
  width: 107px;
  height: 107px;
}
.window-profile .photoProfile .fileIFrame {
  position: absolute;
}
.window-profile .photoProfile .changePhoto {
  opacity: 0.01;
  filter: alpha(opacity=1);
  width: 24px;
  height: 24px;
}
.window-profile .photoProfile .upload {
  margin-top: 54px;
  margin-left: 65px;
  position: absolute;
}
.window-profile .photoProfile .bt-upload {
  text-align: center;
  border-radius: 33px;
  height: 30px;
  width: 30px;
  cursor: pointer;
  background: rgba(125, 122, 122, 0.79);
}
.window-profile .photoProfile .bt-upload:hover {
  background: rgba(51, 51, 51, 0.79);
}
.window-profile .photoProfile .bt-upload label {
  cursor: pointer;
  font-size: 8px;
  margin-top: 10px;
  color: #fff;
}
.window-profile .photoProfile .bt-upload input {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  z-index: 5;
  margin-top: -31px;
}
.window-profile .photoProfile .bt-rotate-image {
  margin-top: 54px;
  margin-left: 7px;
  color: #fff;
  font-size: 16px;
  line-height: 31px;
  position: absolute;
  text-align: center;
  border-radius: 33px;
  height: 30px;
  width: 30px;
  cursor: pointer;
  background: rgba(125, 122, 122, 0.79);
}
.window-profile .photoProfile .bt-rotate-image:hover {
  background: rgba(51, 51, 51, 0.79);
}
.window-profile .photoProfile .error {
  width: 100%;
  height: 100%;
  background: red;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-size: 25px;
  line-height: 140px;
}
.window-profile .photoProfile .progressUpload {
  text-align: center;
  position: absolute;
  width: 122px;
  margin-top: 63px;
  margin-left: 11px;
  border: 1px solid #ddd;
  padding: 1px;
  border-radius: 3px;
}
.window-profile .photoProfile .barUpload {
  background-color: #e3c046;
  width: 0%;
  height: 12px;
  border-radius: 3px;
}
.window-profile .photoProfile .percentUpload {
  color: #333;
  position: absolute;
  display: inline-block;
  top: 1px;
  left: 48%;
  font-size: 9px;
  line-height: 12px;
}
.window-profile .photoProfile .imgReturn {
  text-align: center;
}
.window-profile .photoProfile .loading {
  margin-top: 10px;
  font-size: 30px;
  color: #333;
}
.window-profile .profile-nav {
  text-align: center;
  float: left;
}
.window-profile .profile-nav .change {
  background: #8fb0b3;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer;
}
.window-profile .profile-nav .btn-tabs {
  float: left;
  font-size: 11px;
  height: 35px;
  margin: 2px;
  padding: 10px;
  border-radius: 0px;
}
.window-profile .profile-nav .btn-cancel,
.window-profile .profile-nav .btn-close,
.window-profile .profile-nav .btn-submit {
  width: 101px;
}
.window-profile .profile-nav .on {
  background: #24bdca;
}
.window-profile .profile-nav .bt-save {
  background: #fab941;
}
.window-profile .profile-nav .bt-save:hover {
  background: #bd8621;
}
.window-profile .profile-bottom {
  margin-top: 10px;
}
.window-profile .dataGoogle {
  width: 360px;
  float: left;
}
.window-profile .mapGoogle {
  float: left;
  width: 516px;
  height: 305px;
  background: #9e9e9e;
  margin-top: 24px;
  border: 2px solid #ccc;
}

.window-profile .tabsProfile .data-work {
  float: left;
  height: 100%;
}
.window-profile .tabsProfile .data-work .list {
  overflow: hidden;
  width: 240px;
  height: 300px;
  border: 1px solid #ccc;
  margin-top: 24px;
  background: #fff;
}
.window-profile .tabsProfile .data-work .list ul {
}
.window-profile .tabsProfile .data-work .list ul li {
  list-style: none;
  height: 30px;
  width: 100%;
}
.window-profile .tabsProfile .data-work .list ul li div {
  float: left;
  padding: 4px;
  border: 1px solid #ccc;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.window-profile .tabsProfile .data-work .list ul li .status {
  width: 32px;
}
.window-profile .tabsProfile .data-work .list ul li .status span {
  border-radius: 50%;
  display: block;
  width: 20px;
  height: 20px;
  float: left;
}
.window-profile .tabsProfile .data-work .list ul li .status .activated {
  background: #8bc34a;
  color: #fff !important;
}
.window-profile .tabsProfile .data-work .list ul li .status .disabled {
  background: #b72a3f;
  color: #fff !important;
}
.window-profile .tabsProfile .data-work .list ul li .status .wait {
  background: #fab941;
  color: #fff !important;
}
.window-profile .tabsProfile .data-work .list ul li .position {
  width: 90px;
}
.window-profile .tabsProfile .data-work .list ul li .nameCompany {
  width: 100px;
}
.window-profile .tabsProfile .data-cv {
  float: right;
  width: 620px;
  height: 100%;
}
.window-profile .box-capability {
  height: 310px;
  overflow: hidden;
}
.window-profile .box-capability .list-capability {
  height: 100%;
  display: flex;
}

.settingsUser {
}
.settingsUser .connect-google {
}
.settingsUser .connect-google span {
  position: absolute;
  margin-left: -40px;
}

.settingsUser .data-friend {
  float: left;
  height: 100%;
}
.settingsUser .data-friend .list {
  overflow: hidden;
  width: 100%;
  height: 300px;
  border: 1px solid #ccc;
  background: #fff;
}
.settingsUser .data-friend .list ul li {
  list-style: none;
  height: 50px;
  width: 100%;
  display: inline-flex;
  padding: 5px;
}
.settingsUser .data-friend .list ul li .bx {
  float: left;
}
.settingsUser .data-friend .list ul li .photo {
  position: relative;
  float: left;
  margin-right: 10px;
  height: 40px;
  width: 40px;
  overflow: hidden;
}
.settingsUser .data-friend .list ul li .photo img {
  border-radius: 50%;
  height: 40px;
  width: 40px;
}
.settingsUser .data-friend .list ul li .data {
  float: left;
  width: 78%;
}
.settingsUser .data-friend .list ul li .name {
  font-size: 12px;
  margin-top: 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.settingsUser .data-friend .list ul li .info {
  font-size: 10px;
  color: #afaeab;
  width: 185px;
  float: left;
}

.settingsUser .data-friend .list ul li .actions {

}
.settingsUser .data-friend .list ul li .friend {
  font-size: 17px;
  padding: 5px;
  cursor: pointer;
}
.settingsUser .data-friend .list ul li .friend.yes {
  color: #8bc34a;
}
.settingsUser .data-friend .list ul li .friend.no {
  color: #afafaf;
}