:root {
/*  --color-primary: 23 34 61;*/
--color-primary: 35 52 97;
}

.required-label {
  color: red;
}

.link2,
.alert a {
  color: #0000FF;
}

table a,
.link {
  color: #233461;
}

.user-photo-in-form {
  width: 150px;
  height: 150px;
}
.user-photo-preview {
  width: 150px;
}

.user-photo-in-form {
  cursor: pointer;
  border-radius: 50%;
}

.user-photo-preview:hover .user-photo-icon {
  display: block;
}

.user-photo-icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  width: 150px;
  height: 150px;
  background: #555;
  border-radius: 50%;
  opacity: .7;
  cursor: pointer;
  display: none;
}

.user-photo-icon .fa {
  font-size: 40px;
  margin-top: 40%;
  color: #fff;
}


.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  /*  padding: 5px 0;*/
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
  color: #777777;
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.open>.dropdown-menu {
  display: block;
}

.open>a {
  outline: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

.pull-right>.dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }

  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.largeline {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.largeline span {
  display: table-cell;
  word-wrap: break-word;
}

.project_list {
  display: grid;
  grid-template-columns: 200px auto;
  column-gap: 20px;
}

.flex-break {}

@media screen and (max-width: 640px) {
  .verif {
    grid-column: span 3 / span 3;
  }

  .verif .w30 {
    width: 100%;
  }

  .btnbreak {
    flex-wrap: wrap;
  }

  .btnbreak .btn {
    flex-basis: 100%;
    margin-bottom: 10px;
  }

  #msg_class {
    right: auto;
  }

  .project_list {
    display: grid;
    grid-template-columns: auto;
    column-gap: 20px;
  }

  .mlr {
    margin-left: 0;
    flex-basis: 100%;
    text-align: center;
  }

  .mlr div {
    margin-top: 0;
  }

  .flex-break {
    flex-basis: 100%;
  }
}