/* peach F36C5D

#F36C5D

 */

 .which-school-words {
      color: #F36C5D;
    }

    .preview-input {
      border: none;
      border-bottom: solid 1px rgb(78, 98, 98);
      width: 50%
    }

    .preview-input:focus {
      outline: none;
    }


.faq-div {
        margin-right: 40%;
        /*background-color: pink;*/
      }

      
input {
  border-radius: 0px;
}


.form-input-a {
        border-radius: 0px;
        border: none;
        border-bottom: 1px solid #E3EBEC;
      }

      .form-input-a:focus {
        border-bottom: 1px solid #243537;
      }


      .textarea-a {
      /*background-color: red;*/
      border: 1px solid #E3EBEC;
      border-radius: 0px;

    }

    .textarea-a:focus {
      border-color: #243537;
    }
/*
    .textarea-a:hover {
      border-color: black;
    }*/


body {
	font-family: 'Source Sans Pro', sans-serif;
  color:#243537;
}


.navbar {
	background-color: #61C2CC;
}

.nav-link {
	color: white;
}

  .register-btn {
    border: white 1px solid;
    border-radius: 0px;
    background-color: transparent;
    color: white;
    margin-right: 10px;
    font-family: "Source Sans Pro";
    font-weight: bold;
    line-height: 21px;
    padding: 6px 26px;
  }


  .navbar-brand-img {
    height: 54px;
    margin-top: -8px;
    margin-left: -5px;
  }

  .dropdown-menu {
    border-radius: 0px;
  }

    /* change the color of the lines in the hamburger icon */
    .custom-toggler .navbar-toggler-icon {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }

    .custom-toggler {
      border: none;
    }


    /*sidebar nav */

     



  .collegeNameSpan {
  	font-size: 28px;
  }

  .searchCollegesSpan {
  	float: right;
    padding-left: 30px;
  }

  .searchCollegesSpan .btn {
  	background-color: #F36C5D;
  	color: white;
  	font-weight: bold;
  	line-height: 21px;
  	font-size: 12px;
  	border-radius: 0px;
  	padding-left: 40px;
  	padding-right: 40px;
  	/*margin-left: 25%;*/
  }

  .searchCollegesSpan .btn:hover {
    background-color: #FF9084;
    color: white !important;
  }


  .primary-btn-a {
    background-color: #F36C5D;
    color: white;
    font-weight: bold;
    line-height: 21px;
    font-size: 12px;
    border-radius: 0px;
    padding-left: 40px;
    padding-right: 40px;
    /*margin-left: 25%;*/
  }


  .decisionTypesDiv {
  	background-color: #F4F8F8;
  	padding: 20px;
    padding-bottom: 0px;
  	margin-top: 15px;
  	font-weight: 600;
  }



  .question-icon {
  height: 1.4em;
  padding-left: 3px;
  /*border: none;*/
  }

  .question-icon img{
  	border: none;
  	height: 2em;
  }



    .modal-content ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
      color: #B4C4C6;
      font-weight: 100;
      font-size: 14px;
    }
    .modal-content ::-moz-placeholder { /* Firefox 19+ */
      color: #B4C4C6;
      font-weight: 100;
      font-size: 14px;
    }
    .modal-content :-ms-input-placeholder { /* IE 10+ */
      color: #B4C4C6;
      font-weight: 100;
      font-size: 14px;
    }
    .modal-content :-moz-placeholder { /* Firefox 18- */
      color: #B4C4C6;
      font-weight: 100;
      font-size: 14px;
    }

      .modal {
        color: black;
        border-radius: 0px;
      }

      .modal-content {
        border-radius: 0px;
        /*text-align: left;*/
        padding: 3% 8%;

      }

      .modal-header-a {
        font-weight: normal;
        text-align: left;
        font-size: 1.2em;
      }

      .modal-content input {
        width: 100%;
        border: 0;
        outline: 0;
        background: transparent;
        border-bottom: 1px solid #E3EBEC;
        color: black;
        padding: .5em;
      }

      /* for index  of /colleges */

    .checkbox-preview-a input[type='checkbox'] {
      border-radius: 0px;
    }


    .checkbox-preview-a input[type=checkbox] {
      display:none;
    }
       
    .checkbox-preview-a input[type=checkbox] + label
    {
      background: white;
      height: 16px;
      width: 16px;
      display:inline-block;
      padding: 0 0 0 0px;
      border: #cacece 1px solid;
    }


    .tooltip-a {
      height: 0px;
    }


    .preview-deadline-label {
      font-weight: 100;
      font-size: .8em;
    }

    .preview-deadline-label a  {
      color: #F36C5D;
    }

    .preview-tasks-label {
      color: #12A1AE;
      line-height: 22px;
      font-size: 15px;
      /*font-weight: 100;*/
    }

  .radio-item-a {
    display: inline-block;
    position: relative;
    padding: 0 6px;
    margin: 10px 0 0;
  }

  .radio-item-a input[type='radio'] {
    display: none;
  }

  .radio-item-a label {
    color: black;
    font-weight: bold;
    font-size: .8em;
  }

  .radio-item-a label:before {
    content: " ";
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 5px 0 0;
    width: 20px;
    height: 20px;
    border-radius: 11px;
    border: 1px solid black;
    /*border: 1px solid #F36C5D;*/
    background-color: white;
  }

  .radio-item-a input[type=radio]:checked + label:after {
    border-radius: 11px;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 9px;
    left: 10px;
    content: " ";
    display: block;
    background: #F36C5D;
  }

  /* checkbox-a */
  .checkbox-a input[type=checkbox] {
    display:none;
  }
   
  .checkbox-a input[type=checkbox] + label {
    background: white;
    height: 16px;
    width: 16px;
    display:inline-flex;
    padding: 0 0 0 0px;
    border: #cacece 1px solid;
  }



  .checkbox-a input[type=checkbox]:checked + label {
    background-image: url("https://v5.makemeafreshman.com/img/check_white.png");
    background-size: 14px 14px;
    background-color: #F36C5D;
    border-color: #F36C5D;
    height: 16px;
    width: 16px;
    display:inline-flex;
    padding: 0 0 0 0px;
  }

  .container-fluid {
    padding: 0px;
  }


  .btn-icon {
    background-color: transparent;
    padding:0px;
  }

  .modal-content {
    border-radius: 0px;
    padding-left: 2%;
    padding-right: 2%;
  }

  .modal-content h5 {
    color: #61C2CC;
  }

   /*table striped*/
  .checklist-table tr:nth-child(odd) {
    background-color: #F4F8F8;
  }

  .checklist-table {
    border: none;
    margin-top: -30px;
  }

  .checklist-table thead {
    background-color: white;
    border-bottom: 2px solid #B6CDCF;
    border-top: none;
  }

  .checklist-table tbody {
    border-bottom: 2px solid #B6CDCF;
  }

 
  .checklist-table tr {
    border: none;
    font-weight: 300;
  }

  .checklist-table thead tr:first-child{
    background-color: white;
  }


  th {
    border: none !important;
  }

    .individual-sidebar-div-active {
    background-color: #F4F8F8 !important;
  }


  .individual-sidebar-div-college-active  {
    background-color: #E3EBEC;
    color: #3F5A5D;
    font-family: "Source Sans Pro";
    font-size: 15px;
    line-height: 22px;
  }

  .individual-sidebar-div {
    min-height: 120px;
     /*needs to be the same as college bar */
    padding:30px;
    background-color: white;
    border-bottom: 1px solid #B6CDCF;
    text-align: center;
    line-height: 27px;
    font-size: 18px;
    color: #3F5A5D;
  }



  .individual-sidebar-div-college-active {
    background-color: #E3EBEC;
  }

  
  .individual-sidebar-div-college {
    /*margin: 10px -30px -30px -30px;*/
    margin: 0px;
    padding: 8px 10px;
    min-height: 10px;
    font-size: 14px;
    line-height: 1em;
  }

  .individual-sidebar-div img {
    height: 40px;
  }

  a:hover {
    text-decoration: none;
  }


  .disabledStudentNav:hover {
    color: #B4C4C6;
  }



  /* sidebar in desktop */
  @media (min-width: 769px) {
    .sidenav {
      text-align: left;
        height: 100%; /* 100% Full-height */
        /*adjust main too*/
        width: 250px;
        position: fixed; /* Stay in place */
        z-index: 1; /* Stay on top */
        top: 0;
        left: 0;
          /*background-color: #111;*/
           /* Black*/
        overflow-x: hidden; /* Disable horizontal scroll */
        /* account for navbar at top */
        margin-top: 70px; /* Place content 60px from the top */
          /*transition: 0.5s;  0.5 second transition effect to slide in the sidenav */
        border-right: 1px solid #B6CDCF;
      }
      
       

    .main {
      margin-top: 70px;
      /*same as sidenav*/
      margin-left: 250px;
      padding: 5%;
    }
  }


  /* side (bottom) bar in mobile */
  /* Small devices (tablets, 768px and up) */
      @media (max-width: 768px) {
        .faq-div {
        margin-right: 1%;
        /*background-color: pink;*/
      }


        .sidenav {
          /*adjust main too*/
          position:fixed;
          height:90px;
          bottom:0px;
          left:0px;
          right:0px;
          margin-bottom:0px;
          z-index: 1;
        }
           

        .main {
          margin-top: 70px;
          /*same as sidenav*/
          margin-left: 0px;
          padding: 5%;
          /*background-color: pink;*/
          /* must be the same as navbar */
          margin-bottom:120px;
        }

        .individual-sidebar-div {
          width: 25%;
          float: left;
          padding: 20px 2px;
          margin: 0px;
          border: 1px solid #B6CDCF;
          font-size: 13px;
          line-height: 20px;
        }

        .individual-sidebar-div img {
          height: 40px;
        }

      }

  .error-input {
      border-bottom: 2px solid #F36C5D !important;
    }

    .success-input {
      border-bottom: 1px solid #61C2CC !important;
    }


    .grey-btn-a {
      background-color: #B4C4C6 !important;
    }


    .grey-btn-a:hover {
      background-color: #E3EBEC !important;
    }

    .primary-btn-a:hover {
      background-color: #FF9084;
      color: white !important;
    }

    .primary-btn-a:active {
      background-color: #E65B4C;
      color: white !important;
      box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.25);
    }


    /* style the progress bar r*/
      .progress-bar-a {
        font-size: 14px;
        height: 22px;
        border-radius: 2px 0 0 2px;
        background-color: #F36C5D;
      }      

      .progress-a {
        border-radius: 2px;
        background-color: #F4F8F8;
        box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.25);
      }


    .hr-a {
      border: 1px solid #B6CDCF;
    }


    .checkbox-a input[type=checkbox]:disabled + label {
    background-image: url("https://v5.makemeafreshman.com/img/check_white.png");
    background-size: 14px 14px;
    background-color: #E5E5E5;
    border-color: #CCCCCC;
    height: 16px;
    width: 16px;
    display:inline-block;
    padding: 0 0 0 0px;
    color: #CCCCCC;
    cursor: not-allowed;
  }


@media (max-width: 375px) {
    .modal button {
      font-size: 10px;
    }
  }