html,body{
  height:100%;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none; 
  font-size: 16px;
}

#progress-page{
  height:5px;
  width:100%;
  position:absolute;
  z-index:10000;
  bottom:0;
  left:0;
}
#progress-page-perc{
  height:5px;
}

/*overrides */

a{text-decoration:none !important}

select.form-control[multiple], select.form-control[size] {
  height: auto !important;
}

.player{width:854px;}



.accordion>.card {
  overflow:auto !Important;
}

.modal#modalbox {
  min-height: calc(100% - 3.5rem) !important; /* added 2020-06-07 */
}

.modal-force .modal-body{
  min-height:400px !important;
  overflow: auto;
}

.modal-force .modal-footer{
  /*display:block; removed 2020-06-07*/
}

.modal-content .modal-footer {  
  display: flex; /* added 2020-06-07 */
}

.modal-content .carousel-item img {
  padding: 1.75rem;
  width: 100%; /* added 2020-06-07 */
  float: left; /* added 2020-06-07 */
}

div.form-control-lg{padding:0!important}

/* extend */

.right-0{right:0}

.popover{text-align:center}

.pointy{cursor:pointer}
.strong{font-weight:bold}

.font-large{
  font-size:150%;
}
.font-double{
  font-size:200%;
}
.font-triple{
  font-size:300%;
}
.font-quadruple{
  font-size:400%;
}

ol.list-numbers{
  list-style: none;
  counter-reset: item;
  margin:1rem 0;
  padding:0;
}
ol.list-numbers li{
  position:relative;
  counter-increment: item;
  text-align:left;
  display:block;
  padding-left:4rem;
  margin-bottom:1rem;
}

ol.list-numbers li::before{
  position:absolute;
  left:0;
  top:5px;
  display:inline-block;
  height:2.5rem;
  width:2.5rem;
  text-align:center;
  line-height:2.5rem;
  content: counter(item);
  background:#eee;
  font-weight:bold;
  border-radius:50%;
}

/* TABLE */

table i{line-height: 1.5rem !important;}

/*
#main .slidein{width:100%;margin-left:-2000px;}
#main .slidein:nth-of-type(1){animation: slideIn .5s linear;animation-fill-mode: forwards;}
#main .slidein:nth-of-type(2){animation: slideIn .5s linear;animation-fill-mode: forwards;animation-delay:.5s}
#main .slidein:nth-of-type(3){animation: slideIn .5s linear;animation-fill-mode: forwards;animation-delay:1s}
#main .slidein:nth-of-type(4){animation: slideIn .5s linear;animation-fill-mode: forwards;animation-delay:1.5s}
#main .slidein:nth-of-type(5){animation: slideIn .5s linear;animation-fill-mode: forwards;animation-delay:2s}
#main .slidein:nth-of-type(6){animation: slideIn .5s linear;animation-fill-mode: forwards;animation-delay:2.5s}
#main .slidein:nth-of-type(7){animation: slideIn .5s linear;animation-fill-mode: forwards;animation-delay:3s}

  @keyframes slideIn{
    from{margin-left:-2000px;}
    to{margin-left:0;}
  }

*/

.progress-bar{

}

    @keyframes load {
      from{width:0;}
    }

.spinning{
  animation-duration: .5s;
  animation-name: spin;
  animation-iteration-count: infinite;
  animation-timing-function:linear;
}

  @keyframes spin {
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
  }

.fadeOut{
  animation-name: fadeOut;
  animation-duration: .5s;
  animation-fill-mode: forwards;
}
.fadeIn{
  animation-name: fadeIn;
  animation-duration: .5s;
  animation-fill-mode: forwards;
}

  @keyframes fadeOut{
    from{opacity:1}
    to{opacity:0}
  }
  @keyframes fadeIn{
    from{opacity:0}
    to{opacity:1}
  }
  
/* matches */

.match-layout .col{
  line-height:1rem;
}
.match-layout strong{
  display:block;
}

.match-layout .rad-val{
  line-height:1.2rem;
}
.match-layout .rad-val small{
  padding-top:25px;
  font-size:70%;
}

#tuituion-in-prog{
  animation-name: progIN;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
#tuituion-out-prog{
  animation-name: progIND;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}

  @keyframes progIN{
    from{width:0}
  }
  @keyframes progIND{
    0%{width:0}
    53%{width:0}
  }
  
/* profiles page */



.page-profile h2,
.page-profile h3{
  text-align:center;
  display:block;
  width:100%;
}

.page-profile h2{
  font-weight:normal;
  font-size:175%;
  text-transform: uppercase;
}

.page-profile .row-group{
  border-bottom:1px solid;
}
.page-profile .row-group .row{
  margin-bottom:2rem !important;
}
.page-profile .row-group .row:last-of-type{
  margin-bottom:0 !important;
}
.page-profile .row-group .row:last-of-type{
  margin-bottom:0 !important;
}

.page-profile:not(.profile-cat-10004):not(.profile-cat-10007):not(.profile-cat-10008) .content > .row-group{
  border-top:1px solid ;
  padding: 3rem 0;
}
.page-profile .content > .row-group:first-of-type{
  border:none !important;
}

.page-profile{padding-top:3.8rem}

.row-group > .row{margin:0 !important}
.row-group .row{margin-top:2rem}


.profile-cats .col{
  height:3rem;
  line-height:3rem;
}

#form-group-28,
#form-group-43{display:block !important}

.page-profile label:not(.label-child):not(.custom-file-label){
  font-size:150%;
}
  
  .page-profile .form-group .input-group,
  .page-profile .custom-file{
    width:400px !important;
    margin:0 auto;
  }
  
.profile-cat-10004 .content.text-center{text-align:left !important}

.page-profile .nav li{border:1px solid;border-top:none}
.page-profile .nav li:first-of-type{border-left:none}
.page-profile .nav li:last-of-type{border-right:none}

/* resume */

.resume-builder,
.resume-view{
  width:300px;
}

/* videos */

.video-thumb{
  flex: 0 0 20%;
  max-width: 20%;
}

.video-thumb img{
 border:.5rem solid transparent;
}
.video-thumb img:hover{
 border:.5rem solid #9ebc2e;
}


/* login pages */

#content{
  width:100%;
  height:100%;
}

#login{
  position:absolute;
  width:100%;
  height:100%;
}
  #login #alertbox{
    position:absolute;
    width:calc(100% - 20px);
    margin:10px;
  }

  .form-login{
    position:relative;
    top:50%;
    width:400px;
    margin:0 auto !important;
    margin-top:-200px !important;
    border:none !important;
  }
  
  .layout-activate .form-login{
    top:40% !important;
  }
  
  .area-login small{text-align:center}
  
  .layout-activate.activate .area-login{
    top:10%;
    margin-top:0 !important;
  }

  #login h4{
    margin-bottom:20px;
  }

/* ALERTS */

#alertbox{

}

  #alertbox .alert{
    margin:0;
    border-radius:0;
  }

/* MAIN */

#main{
  position:absolute;
  top:5rem;
  padding:0 0 0 120px;
  width:100%;
  height:calc(100% - 80px);
  animation-name: mainIn;
  animation-duration: .5s;
}

  #main.expand{
    padding-left: 0;
    animation-name: mainExpand;
    animation-duration: .5s;
  }

  @keyframes mainIn {
  from {padding-left:0;}
  to {padding-left:120px;}
  }
  @keyframes mainExpand {
  from {padding-left:120px;}
  to {padding-left:0;}
  }

.content{padding:1rem; /*padding-top:3.8rem;*/}

/* HEADING */

.heading{
/*  position:fixed;*/
  display:block;
  z-index:1001;
  width:100%;
  right:0;
  height:3.8rem;
  line-height:3.6rem;
}

  .heading h1{
    font-weight:normal;
    font-size:150%;
    padding:0 0 0 140px;
    height:3.8rem;
    line-height:3.8rem;
    margin-bottom:0;
    box-shadow:0 0 20px rgba(0,0,0,.15);
    animation-name: headingIn;
    animation-duration: .5s;
  }

    .expand .heading h1{
      padding-left:20px;
      animation-name: headingExpand;
      animation-duration: .5s;
    }

  @keyframes headingIn {
  from {padding-left:20px;}
  to {padding-left:140px;}
  }
  @keyframes headingExpand {
  from {padding-left:140px;}
  to {padding-left:20px;}
  }

.heading .btns{
  position:absolute;
  right:20px;
  top:1rem;
  line-height: 0;
}

.heading .btns .dropdown{
  display:inline-block;
}

.heading .btns .btn-group{
  margin-right:20px;
}

/* AREA */

.area{
  border-radius:1rem;
  padding:1rem;
}

  .area.tab-content{
    border-top:none !important;
    border-top-left-radius:0;
  }

  .area .giant{
    font-weight:bold;
    font-size:400%;
    padding:0;
    margin:0;
  }