@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Poppins:400,400i,500,600&display=swap');

#main {
	padding: 0 0 0 3px !important;
}
#main.saved-college #mainpanel {
    float:left;
}

.sc-wrap {
    width: 100%;
	float: left;
	position: relative;
    margin-left:-1px;
}

/* header */
.sc-header * {
    box-sizing:border-box;
}
.sc-header {
	background-color:transparent;
	padding: 5px 0 0 0;
    display: block;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.sc-header h3 {
    margin-top:0px;
    margin-bottom:30px;
    font-size:20px !important;
    font-family: inherit;
    letter-spacing:0 !important;
    display:block !important;
}
.sc-header h3 img {
    width: 100px;
    position: absolute;
    right: 15px;
}
.sc-header a {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	cursor: pointer;
    font-size:12px;
    color:#0E7AA4 !important;
    font-weight:600;
}
.sc-header a:hover,
.sc-header a:focus {
    text-decoration:none;
    color:#014466 !important;
}
.sc-header .btn-back {
    width: 34px;
    height: 34px;
    color: #fff !important;
    font-size: 16px;
    padding: 0;
    text-align: center;
    line-height: 30px;
    display: inline-block;
    margin: -5px 10px 0 0 !important;
    margin-right:10px;
    border-radius:30px;
}
.sc-header .btn-back:hover {
    color: #fff !important;
}
.sc-header nav {
    border-bottom:1px solid #eee;
    padding: 10px 0px 0px;
    display: block;
    width: 100%;
    float: left;
    position: relative;
    z-index: 10;
}
.sc-header nav ul {
	list-style: none;
    margin: 0;
    padding: 0;
	display: inline-block;
}
.sc-header nav ul li {
	display: inline-block;
    cursor: pointer;
}
.sc-header nav ul li:first-child a {
    margin-left:0;
}
.sc-header nav ul li.active a {
	color:#014466 !important;
    border-bottom:2px solid #0E7AA4;
}
.sc-header nav ul li.active a:hover {
	color:#014466 !important;
}
.sc-header nav ul li a {
    border-bottom:2px solid transparent;
	display: block;
	text-transform:inherit;
    font-weight: 700;
    margin: 0 10px;
    position: relative;
    cursor: pointer;
    font-size:13px;
    color:#0E7AA4 !important;
    padding-bottom:10px;
    font-weight:600;
}
.sc-header nav ul li a:hover,
.sc-header nav ul li a:focus {
    color:#014466 !important;
}
.sc-header nav span {
	float:right;
	display: inline-block;
	padding: 0;
}
.sc-header nav span span {
	float:none;
}
.sc-header nav span .separator {
    padding:0 10px;
}
.sc-header nav span a .fa-calendar-o {
    color:#0E7AA4;
}
.sc-header nav span .tag-match i {
    color: #35bd6f;
}
.sc-header nav span .tag-match i:focus {
    outline:none;
}
.sc-header nav span .tag-reach i {
    color: #ff8117;
}
.sc-header nav span .tag-safety i {
    color: #0E7AA4;
}
.sc-header nav span .status-1 i {
    color:#ff7400;
}
.sc-header nav span .status-2 i {
    color:#07a9d2;
}
.sc-header nav span .status-3 i {
    color:#04cbc4;
}
.sc-header nav span .status-4 i {
    color:#f84b4b;
}
.sc-header nav span .status-5 i {
    color:#9b9b9b;
}
.sc-header nav span .status-6 i {
    color:#35bd6f;
}

.sc-header nav.non-license {
    padding-bottom:10px;
}


/* menu */
.sc-header nav .menuBtn {
	display:none;
	padding:0 20px 10px 0;
	cursor:pointer;
    color:#0E7AA4
}
.sc-header nav .menuBtn:hover {
    color:#014466;
}
.sc-wrap .breadcrumbs {
    width: 100%;
    float: left;
    margin-top: -10px;
    margin-bottom: 10px;
}
.sc-wrap .breadcrumbs.brag {
    margin-top:10px;
}
.sc-wrap .breadcrumbs ul {
    list-style: none;
    padding-left:0;
}
.sc-wrap .breadcrumbs ul li {
    display:inline-block;
    font-weight:600;
    font-family: Inherit;
}
.sc-wrap .breadcrumbs ul li a {
    color:#0E7AA4;
}
.sc-wrap .breadcrumbs ul li .separator {
    margin: 0 10px;
}


/* content */
.sc-content * {
    box-sizing:border-box;
}
.sc-content {
	padding:30px 0;
    width: 100%;
    margin: 0 auto;
}
.sc-content h3 {
    font-size: 18px !important;
    display:block !important;
}
.sc-content h4 {
    margin: 10px 0;
    color: #014466;
    font-size: 18px !important;
    font-weight: 600 !important;
    padding-bottom:0;
    text-transform: capitalize;
}
.sc-content h5 {
    color: #333;
    font-weight:600;
}
.sc-content p {
    font-size:14px;
    line-height:20px;
}
.sc-content a {
    color: #0E7AA4 !important;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	cursor: pointer;
    font-weight:600;
    font-size:14px;
    font-family: inherit;
}
.sc-content a:hover,
.sc-content a:focus {
    text-decoration:none;
    color:#014466 !important;
}

.sc-content i {
    display:inline-block;
}
.sc-content hr {
    background-color: #eee;
    width:100%;
    float:left;
}
.sc-content small {
    display: inline-block;
    font-style:italic;
    color: #828282;
}
.sc-content strong {
    font-weight:600;
    color:#333;
}
.sc-content strong.extra {
    font-weight:700;
    color:#333;
}


/* common */
.text-primary {
    color: #0E7AA4;
}
.mt-0 {
	margin-top:0px !important;
}
.mt-5 {
	margin-top:5px !important;
}
.mt-7 {
	margin-top:7px !important;
}
.mt-10 {
	margin-top:10px;
}
.mt-15 {
	margin-top:15px;
}
.mt-12 {
	margin-top:12px;
}
.mt-20 {
	margin-top:20px !important;
}
.mt-25 {
	margin-top:25px !important;
}
.mt-30 {
	margin-top:30px !important;
}
.mb-0 {
	margin-bottom:0px !important;
}
.mb-5 {
	margin-bottom:5px !important;
}
.mb-7 {
	margin-bottom:7px !important;
}
.mb-10 {
	margin-bottom:10px !important;
}
.mb-15 {
	margin-bottom:15px !important;
}
.mb-20 {
	margin-bottom:20px !important;
}
.mb-30 {
	margin-bottom:30px !important;
}
.mr-0 {
	margin-right:0px !important;
}
.mr-5 {
	margin-right:5px;
}
.mr-10 {
	margin-right:10px;
}
.ml-5 {
	margin-left:5px !important;
}
.ml-10 {
	margin-left:10px !important;
}
.pt-0 {
    padding-top:0 !important;
}
.pb-0 {
    padding-bottom:0 !important;
}
.pb-10 {
    padding-bottom:10px !important;
}
.d-block {
    display:block;
}
.d-inline {
    display:inline !important;
}
.d-inline-block {
    display:inline-block;
}
.d-none {
    display:none;
}
.d-xs-block {
    display:none !important;
}
.d-xs-inline-block {
    display:none !important;
}
.d-xs-block {
    display:none !important;
}
.width-full {
    width: 100%;
    float: left;
}
.pull-left {

}
.inline-block {
    display: inline-block;
}
.indent {
    width:100%;
    float:left;
    padding-left:28px;
}
.sc-content .link-disabled,
.sc-content .link-disabled:hover {
    color: #6a6a6a !important;
    font-weight: normal;
    cursor: default;
    pointer-events:none;
}
.sc-content button.link {
    padding: 0;
    border: none;
    background-color: transparent;
    color:#0E7AA4;
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.sc-content button.link:hover {
    color:#014466;
}

.sc-content button.link:focus{
    color:#014466;
    outline: thin dotted;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px;
    outline:none;
}


/* transform and animations */
sc-content .fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.sc-content .btn-animation-loading > i {
    display:none;
}
.sc-content .btn i.fa-spinner {
    display:none;
}
.sc-content .btn-animation-loading i.fa-spinner {
    display:inline-block;
}
.loading-overlay {
    width: 200px;
	height: 80px;
    position: fixed;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
    z-index:100;
    text-align:center;
}
.loading-overlay i {
    font-size: 80px;
    color: #014466;
    position: relative;
    z-index: 150;
}



/* pulse animation with 10sec delay */
.btn-double.pulse-10 {
    display: block;
    width: auto;
    height: 34px;
    border-radius: 5px;
    background: #fff;
    cursor: pointer;
    box-shadow: 0 0 0 #4d90fe8c;
    -webkit-animation: pulse-10 10s infinite;
    -moz-animation: pulse-10 10s infinite;
    -ms-animation: pulse-10 10s infinite;
    -o-animation: pulse-10 10s infinite;
    animation: pulse-10 10s infinite;

}
.btn-default.pulse-10:hover {
  animation: none;
}
@-webkit-keyframes pulse-10 {
    0% {
        -webkit-box-shadow: 0 0 0 0 #60b2cf91;
    }
    80% {
        -webkit-box-shadow: 0 0 0 0 #60b2cf91;
    }
    90% {
        -webkit-box-shadow: 0 0 0 10px #4d90fe00;
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 #4d90fe00;
    }
}
@-moz-keyframes pulse-10 {
    0% {
        -webkit-box-shadow: 0 0 0 0 #60b2cf91;
    }
    80% {
        -webkit-box-shadow: 0 0 0 0 #60b2cf91;
    }
    90% {
        -webkit-box-shadow: 0 0 0 10px #4d90fe00;
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 #4d90fe00;
    }
}
@-o-keyframes pulse-10 {
    0% {
        -moz-box-shadow: 0 0 0 0 #60b2cf91;
        box-shadow: 0 0 0 0 #60b2cf91;
    }
    80% {
        -moz-box-shadow: 0 0 0 0 #60b2cf91;
        box-shadow: 0 0 0 0 #60b2cf91;
    }
    90% {
        -moz-box-shadow: 0 0 0 10px #4d90fe00;
        box-shadow: 0 0 0 10px #4d90fe00;
    }
    100% {
        -moz-box-shadow: 0 0 0 0 #4d90fe00;
        box-shadow: 0 0 0 0 #4d90fe00;
    }
}
@keyframes pulse-10 {
  0% {
    -moz-box-shadow: 0 0 0 0 #60b2cf91;
    box-shadow: 0 0 0 0 #60b2cf91;
  }
   80% {
    -moz-box-shadow: 0 0 0 0 #60b2cf91;
    box-shadow: 0 0 0 0 #60b2cf91;
  }
  90% {
      -moz-box-shadow: 0 0 0 10px #4d90fe00;
      box-shadow: 0 0 0 10px #4d90fe00;
  }
  100% {
      -moz-box-shadow: 0 0 0 0 #4d90fe00;
      box-shadow: 0 0 0 0 #4d90fe00;
  }
}



/* pulse animation with no delay */
.pulse {
    display: block;
    width: 26px;
    height: 34px;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0 0 0 #4d90fe8c;
    -webkit-animation: pulse 2s infinite;
    -moz-animation: pulse 2s infinite;
    -ms-animation: pulse 2s infinite;
    -o-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}
.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
    0% {
    -webkit-box-shadow: 0 0 0 0 #60b2cf91;
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px #4d90fe00;
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 #4d90fe00;
    }
}
@-moz-keyframes pulse {
    0% {
    -webkit-box-shadow: 0 0 0 0 #60b2cf91;
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px #4d90fe00;
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 #4d90fe00;
    }
}
@-o-keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 #60b2cf91;
        box-shadow: 0 0 0 0 #60b2cf91;
    }
    70% {
        -moz-box-shadow: 0 0 0 10px #4d90fe00;
        box-shadow: 0 0 0 10px #4d90fe00;
    }
    100% {
        -moz-box-shadow: 0 0 0 0 #4d90fe00;
        box-shadow: 0 0 0 0 #4d90fe00;
    }
}
@keyframes pulse {
    0% {
    -moz-box-shadow: 0 0 0 0 #60b2cf91;
    box-shadow: 0 0 0 0 #60b2cf91;
    }
    70% {
        -moz-box-shadow: 0 0 0 10px #4d90fe00;
        box-shadow: 0 0 0 10px #4d90fe00;
    }
    100% {
        -moz-box-shadow: 0 0 0 0 #4d90fe00;
        box-shadow: 0 0 0 0 #4d90fe00;
    }
}

/*
.sc-content .num-count {
    position:relative;
}

@-webkit-keyframes outerglow {
   0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.3);
  }
  30% {
    transform: scale(1.2);
  }
  40% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}
@-moz-keyframes outerglow {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.3);
  }
  30% {
    transform: scale(1.2);
  }
  40% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}
@-o-keyframes outerglow {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.3);
  }
  30% {
    transform: scale(1.2);
  }
  40% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes outerglow {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.3);
  }
  30% {
    transform: scale(1.2);
  }
  40% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}

.sc-content .glow-effect {
    position: absolute;
    background-color: #9ad8d1;
    height: 20px;
    width: 20px;
}

.sc-content .glow-effect.animate {
    -webkit-animation: outerglow 2s 1;
    -moz-animation: outerglow 2s 1;
    -ms-animation: outerglow 2s 1;
    -o-animation: outerglow 2s 1;
    animation: outerglow 2s 1;
}*/


/* buttons */
.sc-content .btn {
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
    font-weight:400;
    padding: 6px 15px;
    width: unset;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    margin-bottom: inherit;
}
.sc-content .btn-primary {
    background-color:#0E7AA4;
	color: #fff !important;
    border:none;
    text-transform: capitalize;
    font-family: inherit;
}
.sc-content .btn-primary:hover,
.sc-content .btn-primary:focus,
.sc-content .btn-primary:active {
    background-color:#014466;
    color: #fff !important;
    outline:none;
}
.sc-content .btn-primary.disabled:hover,
.sc-content .btn-primary[disabled]:hover {
    background-color:#0E7AA4 !important;
	color: #fff !important;
}
.sc-content .btn-default {
    border-color: #eee;
    font-weight:600;
    color:#0E7AA4 !important;
    text-transform: capitalize;
    font-family: inherit;
}
.sc-content .btn-default:hover,
.sc-content .btn-default:focus,
.sc-content .btn-default:active {
    background-color: #eee;
    color:#014466 !important;
    box-shadow:none;
}
.sc-content .btn-default.round {
    border-radius:20px;
    padding: 6px 20px;
}
.sc-content .btn-large {
    padding: 6px 20px;
}
.sc-content .btn-outline {
    border-color: #0E7AA4;
    border-width:2px;
    padding:4px 10px;
    text-transform: capitalize;
    font-family: inherit;
}
.sc-content .btn-outline:hover,
.sc-content .btn-outline:focus {
    background-color: #014466;
    border-color: #014466;
    color: #fff;
}
.sc-content h4 .btn {
	margin:-10px 0 0 0;
	padding: 6px 12px;
    margin-top: -5px;
}
.sc-content a i.fa-angle-right, 
.sc-content button i.fa-angle-right {
    margin-left: 0px;
    font-weight: 700;
    font-size: 14px;
}
.sc-content .btn-double {
    height: 34px;
    line-height: 32px;
    padding-top:0 !important;
    padding-bottom:0 !important;
}
.sc-content .btn-double .btn-icon {
    border-left: 1px solid #eee;
    padding-right: 0;
    margin-left: 10px;
    height: 32px;
    display: inline-block;
}
.sc-content .btn-default.btn-double:hover .btn-icon {
    border-color:#ddd;
}
.sc-content .btn-double .btn-icon i {
    padding-left: 7px;
}
.btn-brag-back {
    color:#0E7AA4 !important;
    font-size:14px;
}
.btn-brag-back:hover {
    color:#014466 !important;
    text-decoration: none;
}
.sc-content .btn-scatter {
    padding: 5px 12px;
    float: right;
    margin-top: -2px;
    border-radius: 30px;
}
.sc-content .btn-scatter .img-scatter {
    background: url(../Images/SavedColleges/scatterplot1.png) no-repeat top left;
    background-size: 12px auto;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}
.sc-content .btn-scatter:hover .img-scatter {
    background: url(../Images/SavedColleges/scatterplot2.png) no-repeat top left;
    background-size: 12px auto;
}


/* forms */
.sc-content .form-container.border-none {
    border:none;
}
.sc-content .form-container {
    background-color: #f6f6f6;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.sc-content .form-container .form-body {
    padding: 20px;
}
.sc-content .form-container .form-footer {
    padding: 10px 20px;
    text-align:right;
    border-top: 1px solid #e2e2e2;
}
.sc-content .form-container hr {
    background-color:#e2e2e2;
}
.sc-content .form-container .form-group {
    display:inline-block;
    width:100%;
}
.sc-content .form-group label {
    font-size: 14px;
    padding-top: 5px;
    display: inline-block;
    width:100%;
}
.sc-content .form-group p.label {
    font-weight: normal;
    color: #6a6a6a;
    white-space: unset;
    white-space: inherit;
    text-align: right;
    display: inherit;
    vertical-align: inherit;
    padding: 5px 0 0 0;
}
.sc-content .form-group label.multi-line {
    padding-top:0;
    margin-bottom:0;
}
.sc-content label.multi-row {
    padding-top:0;
}
.sc-content .form-group p {
    margin-bottom:0;
}
select.form-control {
    font-size: 14px;
	background: #fff url(../Images/SavedColleges/icon-arrow.png) no-repeat top 13px right 12px;
    background-size: 11px auto;
	-webkit-appearance: none;
	-moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
	appearance: none;
    cursor:pointer;
    padding-right: 30px;
    height:34px;
}
.sc-content .form-control.disabled {
    background-color: #f6f6f6;
}

/* select ie fix */
.sc-content select::-ms-expand {
    display: none;
}

/* select firefox fix */
@-moz-document url-prefix() {
  select.form-control {
    height:34px;
    line-height:34px;
    padding: 0 30px 0 12px;
  }
}
.sc-content .input-small {
    max-width:250px;
}
.sc-content textarea {
    height:100px;
    resize: none;
}

/* error style */
.sc-content .has-error p.label {
	color: #f4516c !important;
	font-weight:700;
}

.sc-content .has-error .form-control,
.sc-content .is-invalid {
	border-color: #f4516c;
}
.sc-content .has-error .form-control:focus,
.sc-content .is-invalid:focus {
    border-color: #f4516c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(244, 81, 108, 0.40);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(244, 81, 108, 0.40);
	-ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(244, 81, 108, 0.40);
    -o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(244, 81, 108, 0.40);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(244, 81, 108, 0.40);
}
.sc-content p.error-message {
	color: #f4516c;
	font-size: 14px;
    margin-bottom:0;
    margin-top:4px;
    line-height:1.3em;
    background: none;
    font-weight:400;
}
.sc-content p.error-message i {
    position: relative;
    top: -1px;
    font-size:14px !important;
    font-weight:400;
}
.sc-content .form-control.error {
	border-color: #f4516c;
}
.sc-content label.error {
	color: #f4516c;
}
.sc-content .has-error .ui-multiselect .ui-multiselect-label-container {
    border-color: #f4516c;
}
.sc-content .has-error .multiSelectInput .ui-multiselect .ui-multiselect-panel .ui-multiselect-item label {
    color:#333 !important;
    font-weight:normal;
}
.sc-content p.success-message {
    background-color:transparent !important;
	color: #35bd6f !important;
	font-size: 14px;
    margin-bottom:0;
    margin-top:4px;
    line-height:1.3em;
    background: none;
}
.sc-content p.success-message i {
    position: relative;
    top: -1px;
    font-size:14px !important;
}
.sc-content .has-error .datepicker-wrap .datepicker-input-icon:focus {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
}

/* date input */
.sc-content input[type="date"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
	-moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
	appearance: none;
}
.sc-content input[type="date"] {
    position: relative;
    cursor:pointer;
    line-height:inherit !important;
}

.sc-content input[type="date"]:after {
    content: " "; 
    padding: 0;
    cursor:pointer;
}

.sc-content input[type="date"]:hover:after {
    cursor:pointer;
}

.sc-content input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent;
    cursor:pointer;
}

.sc-content input[type="date"]::-webkit-inner-spin-button {
    z-index: 1;
}

.sc-content input[type="date"]::-webkit-clear-button {
     z-index: 1;top:10px;
 }
.sc-content .datepicker-wrap {
    position: relative;
    cursor: pointer;
    line-height: inherit !important;
    height: 34px;
    width:250px;
    display: block;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}
.sc-content .datepicker-wrap .datepicker-clear {
    position: absolute;
    z-index: 200;
    padding: 8px 5px;
    right: 12px;
}
.sc-content .datepicker-wrap .datepicker-clear i :before {
    color:#014466;
}
.sc-content .datepicker-wrap .datepicker-input-icon {
    position: relative;
    z-index:20;
    cursor: pointer;
    line-height: inherit !important;
    height: 34px;
    width:250px;
    display: block;
    padding: 6px 12px;
    font-size: 14px;
    color: #555;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.sc-content .datepicker-wrap .datepicker-input-icon:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.sc-content .datepicker-wrap .datepicker-input-icon i {
    font-size: 14px !important;
    margin-top: 3px;
    display:inline-block;
    color:#0E7AA4 !important;
    left: 12px;
    position: absolute;
}
.sc-content .datepicker-wrap span.date-selected {
    position: absolute;
    left:32px;
    top: 8px;
    font-size: 14px;
    z-index:10;
    margin-left:inherit;
}
.sc-content .datepicker-wrap span.date-selected span {
    margin-left:inherit;
}
.sc-content .datepicker-wrap .datepicker-calendar {
    left:0;
}
.sc-content .datepicker-wrap .datepicker-calendar-container {
    background-color: #fff !important;
    padding:0 0 5px 0 !important;
}
.sc-content .datepicker-wrap .datepicker-calendar-container:after {
    border-bottom-color:#014466;
    border-width: 5px;
    margin-left: -5px;
}
.sc-content .datepicker-wrap .datepicker-calendar-container .datepicker-calendar-month-section {
    background-color:#014466;
    padding:10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.sc-content .datepicker-wrap .datepicker-calendar-container .datepicker-calendar-month-section .fa-caret-left:before {
    content:"\f104" !important ;
}
.sc-content .datepicker-wrap .datepicker-calendar-container .datepicker-calendar-month-section .fa-caret-right:before {
    content:"\f105" !important ;
}
.sc-content .datepicker-wrap .datepicker-calendar-container .datepicker-calendar-month-section .month-title {
    text-transform:capitalize;
    background-color:#014466 !important;
    font-weight: normal;
}
.sc-content .datepicker-wrap .datepicker-calendar-container .datepicker-calendar-day-names {
    padding:0 10px;
}
.sc-content .datepicker-wrap .datepicker-calendar-container .datepicker-calendar-day-names span {
    width:26px;
    color: #014466 !important;
    font-weight: 700;
    display:flex !important;
    justify-content: center !important;
    float: left !important;
    width: 24px !important;
    height: 12px;
    margin: 5px 0px 0 0;
    font-size: 14px;
    align-items: center;
    text-align: center;
}
.sc-content .datepicker-wrap .datepicker-calendar-container .datepicker-calendar-days-container {
    padding: 0 10px;
    margin-top:0 !important;
}
.sc-content .datepicker-wrap .datepicker-calendar-container .datepicker-calendar-days-container span {
    width: 24px !important;
    margin:0 !important;
    border:none !important;
    color: #969696 !important;
    font-size:12px !important;
}
.sc-content .datepicker-wrap .datepicker-calendar-container .datepicker-calendar-days-container span.selected {
    background-color: #014466 !important;
    border-radius: 20px;
    color: #fff !important;
}
.sc-content .datepicker-wrap .datepicker-calendar-container .datepicker-calendar-days-container span:hover,
.sc-content .datepicker-wrap .datepicker-calendar-container .datepicker-calendar-days-container span:focus {
    outline:none;  
    background-color: #f6f6f6 !important;
    border-radius: 20px;
    color: #014466 !important;
}

/* radio */
.sc-content .radio-style {
	position:relative;
    width: 100%;
	float: left;
}
.sc-content .radio-style .checkbox-item {
	width: 100%;
	float: left;
    position:relative;
}
.sc-content .radio-style input {
	margin-bottom: 10px;
    opacity: 0;
    z-index: 1;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 0px;
    margin-top: 0;
    cursor: pointer;
}
.sc-content .radio-style label {
	display: inline-block;
    padding-left: 10px;
    margin-bottom: 10px;
	width: 100%;
    padding-left: 20px;
	position:relative;
    pointer-events: inherit;
    font-size:14px;
    cursor:pointer;
}
.sc-content .radio-style label::before {
    -webkit-transition: color 0.15s ease-in-out;
    -moz-transition: color 0.15s ease-in-out;
	-ms-transition: color 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out;
}
.sc-content .radio-style label::before {
	content: "\f1db";
    font-family: "FontAwesome";
    font-size: 16px;
    color: #ccc;
    display: inline-block;
    position: absolute;
    width: 14px;
    height: 19px;
    left: 0;
    background-color: #FFF;
    cursor: pointer;
    line-height: 19px;
}

.sc-content .radio-style input[type="radio"]:checked + label::before{
    font-family: "FontAwesome";
    content: "\f192";
    color: #0E7AA4;
    border: none;
}
.sc-content .radio-style input[type="radio"]:focus + label::before {
	outline: none;
    color:#014466;
}
.sc-content .form-group.radio-group {
    width:100%;
    float:left;
    padding-left:20px;
}
.sc-content .form-group.radio-group label {
    padding-top:0;
}


/* checkbox */
.sc-content .checkbox-style {
	position:relative;
	width: 100%;
	float: left;
}
.sc-content .checkbox-style input {
    opacity: 0;
    z-index: 1;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0px;
    margin-top: 0;
    cursor: pointer;
}
.sc-content .checkbox-style label {
	display: inline-block;
    padding:0;
	position:relative;
    pointer-events: inherit;
	width: 20px;
    height: 20px;
    margin: 0;
	cursor:pointer;
}
.sc-content .checkbox-style input[type="checkbox"] + label::after {
    font-family: "FontAwesome";
    content: "\f00c";
	color: #fff;
	position: relative;
	left: 5px;
    top: 0px;
    font-size: 10px;
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.sc-content .checkbox-style input[type="checkbox"]:hover + label::after {
    font-family: "FontAwesome";
    content: "\f00c";
	color: #ccc;
	position: relative;
	left: 5px;
    top: 0px;
    font-size: 10px;
}
.sc-content .checkbox-style label::before {
	content: "";
    font-family: "FontAwesome";
    font-size: 16px;
	line-height: 19px;
	position: absolute;
	display: inline-block;
    width: 20px;
    height: 20px;
    left: 0;
    color: #ccc;
	background-color: #FFF;
    cursor: pointer;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	-ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	webkit-transition: background-color 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out;
	-ms-transition: background-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out;
	-webkit-box-shadow: inset 2px 2px 2px 0px #f1f1f1;
    -moz-box-shadow: inset 2px 2px 2px 0px #f1f1f1;
    -ms-box-shadow: inset 2px 2px 2px 0px #f1f1f1;
    -o-box-shadow: inset 2px 2px 2px 0px #f1f1f1;
	box-shadow: inset 2px 2px 2px 0px #f1f1f1;
}

.sc-content .checkbox-style input[type="checkbox"]:checked + label::before{
    font-family: "FontAwesome";
    content: "";
	border-color:#35bd6f;
	background-color:#35bd6f;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
	box-shadow: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	-ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.sc-content .checkbox-style input[type="checkbox"]:checked + label::after {
    font-family: "FontAwesome";
    content: "\f00c";
	color: #fff;
	position: relative;
	left: 5px;
    top: 0px;
    font-size: 10px;
}
.sc-content .checkbox-style input[type="checkbox"]:checked:focus + label::after {
    color:#fff;
}
.sc-content .checkbox-style input[type="checkbox"]:focus + label::before {
	outline: thin dotted;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	-ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    outline:none;
}

.sc-content .checkbox-style input[type="checkbox"]:disabled {
    cursor:default;
}
.sc-content .checkbox-style input[type="checkbox"]:disabled + label::before {
    background-color: #f6f6f6;
    -webkit-box-shadow: inset 2px 2px 2px 0px #e6e6e6;
    -moz-box-shadow: inset 2px 2px 2px 0px #e6e6e6;
    -ms-box-shadow: inset 2px 2px 2px 0px #e6e6e6;
    -o-box-shadow: inset 2px 2px 2px 0px #e6e6e6;
    box-shadow: inset 2px 2px 2px 0px #e6e6e6;
}
.sc-content .check-disabled {
    opacity:1 !important;
}
.sc-content .check-disabled .checkbox-style input[type="checkbox"]:disabled + label::after {
    color: #f6f6f6;
}
.sc-content .check-disabled .checkbox-style input[type="checkbox"]:checked:disabled + label::before {
    border: 1px solid #ccc;
    background-color: #ddd;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

/* select 2 multiselect */
.sc-content .multiSelectInput input.form-control {
    font-size:14px !important;
}
.sc-content .multiSelectInput .ui-select-match {
    height:34px;
    overflow:hidden;
}
.sc-content .multiSelectInput .ui-select-match span {
    margin-left: inherit;
}
.sc-content .multiSelectInput .ui-select-match .form-control.ui-select-toggle {
    height:34px;
    padding:0px 20px 6px 12px;
    line-height:32px;
    margin-left:inherit;
}
.sc-content .multiSelectInput .ui-select-match .ui-select-placeholder {
    color:#ababab;
    font-size:14px;
    margin-left:inherit;
}
.sc-content .ui-multiselect .ui-multiselect-label {
    font-size:14px;
}
.sc-content .ui-multiselect .ui-multiselect-label-container {
    padding: 3px 12px 4px 12px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s, -moz-box-shadow ease-in-out .15s;
	-ms-transition: border-color ease-in-out .15s, -ms-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, -o-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    width:inherit;
}
.sc-content .multiSelectInput .ui-multiselect .ui-multiselect-trigger {
    top:6px !important;
}
.sc-content .ui-multiselect-header {
    display:none;
}
.sc-content .ui-multiselect-panel {
    background-color: #fff !important;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -moz-box-shadow: 1px 1px 10px 0px #f1f1f1;
	-ms-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -o-box-shadow: 1px 1px 10px 0px #f1f1f1;
    box-shadow: 1px 1px 10px 0px #f1f1f1;
}
.sc-content .ui-chkbox .ui-chkbox-icon::before {
    color:#35bd6f;
}
.sc-content .multiSelectInput .ui-multiselect ul li label {
    display: inline-block;
    vertical-align: middle;
}
.sc-content .multiSelectInput .ui-multiselect .ui-multiselect-panel .ui-multiselect-item {
    font-size:14px;
}

.sc-content .multiSelectInput .ui-multiselect .ui-multiselect-trigger span {
    font-size:12px;
}
.sc-content .ui-select-container:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.sc-content .ui-select-container:focus .form-control {
    border-color: #66afe9;
}
.sc-content .ui-multiselect.ui-state-focus {
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.sc-content .ui-multiselect.ui-state-focus .ui-multiselect-label-container {
    border-color: #66afe9;
}
.sc-content .has-error .ui-select-container:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(244, 81, 108, 0.65);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(244, 81, 108, 0.65);
    outline: 0;
}
.sc-content .has-error .ui-select-container:focus .form-control {
    border-color: #f4516c;
}
.sc-content .has-error .ui-multiselect.ui-state-focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(244, 81, 108, 0.65);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(244, 81, 108, 0.65);
    outline: 0;
}
.sc-content .has-error .ui-multiselect.ui-state-focus .ui-multiselect-label-container{
    border-color: #f4516c;
}


/* modal */
.sc-content .modal-header {
    padding:13px 20px;
    background: #014466;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.sc-content .modal-header .close {
    color: #fff;
    margin-top:1px;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.sc-content .modal-header .modal-title {
    color: #fff !important;
    margin:0;
}
.sc-content .modal-body {
    padding: 25px 20px 20px;
}
.sc-content .modal-body .sc-tabs {
    position:relative;
    margin-top:10px;
}
.sc-content fieldset .checkbox-wrap {
    float: left;
    margin-right: 8px;
}
.sc-content fieldset .checkbox-wrap + p {
    padding-left:28px;
}
.sc-content .modal-footer .num-count {
    margin-right:10px;
}
.sc-content .modal-footer .btn {
    border-radius: 25px;
}

/* alerts */
.sc-content .alert {
	position:relative;
    font-size:14px;
}

.sc-content .alert p {
	color: #333;
	margin-bottom:0;
    font-size:14px;
}
.sc-content .alert-success {
    background-color: rgba(0, 189, 157, 0.10);
    border: none;
}
.sc-content .alert-success i {
	color: #00bd9d !important;
}
.sc-content .alert-info {
    background-color: rgba(23, 163, 184, 0.10);
    border: none;
}
.sc-content .alert-info i {
	color: #0E7AA4 !important;
}
.sc-content .alert-info a {
    color: #0E7AA4 !important;
}
.sc-content .alert-warning {
    background-color: rgba(244, 212, 95, 0.15);
    border: none;
}
.sc-content .alert-warning i {
	color: #ffc800 !important;
}
.sc-content .alert-danger {
    background-color: rgba(244, 95, 99, 0.10) !important;
    border: none;
}
.sc-content .alert-danger i {
	color: #f45f63 !important;
}
.sc-content .alert-dismissable .close, .alert-dismissible .close {
	position:absolute;
	top: 31px;
	right:20px;
	z-index:10;
}

.sc-content .alert .alert-link {
    color:#0E7AA4;
}

.sc-content .alert .alert-link:hover {
    color:#014466;
}
.sc-content .alert .alert-link i {
    color: inherit;
}

/* notify */
.sc-content .notify {
    position:relative;
    font-size:13px;
    padding:13px 20px;
    margin-bottom:15px;
}
.sc-content .notify p {
	color: #333;
	margin-bottom:0;
    font-size:14px;
}
.sc-content .notify .close {
    font-size:13px;
    margin-top:3px;
}
.sc-content .note-success {
    background-color: #edf9f2;
    border-left:4px solid #5BBCB1;
}
.sc-content .note-success i {
	color: #00bd9d;
}
.sc-content .note-info {
    background-color: #eff9fa;
    border-left: 4px solid #05659B;
}
.sc-content .note-info i {
	color: #0E7AA4 !important;
}
.sc-content .note-warning {
    background-color: #fdf9e7;
    border: none;
    border-left: 4px solid #f3cc31;
}
.sc-content .note-warning i {
	color: #ffc800;
}
.sc-content .note-danger {
    background-color: #fef6f6;
    border: none;
    border-left: 4px solid #f84b4b;
}
.sc-content .note-danger i {
	color: #f45f63;
}
.sc-content .note-dismissable .close {
	position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

.sc-content .notify .note-link {
    color:#0E7AA4;
}

.sc-content .notify .note-link:hover {
    color:#014466;
}
.sc-content .notify .note-link i {
    color: inherit;
}

/* more menu */
.sc-content .more-wrap {
	display: inline-block;
	position:relative;
}
.sc-content .more-wrap .more-main {
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
    font-weight: 600;
    color: #0E7AA4;
}
.sc-content .more-wrap .more-main:hover,
.sc-content .more-wrap .more-main:focus {
    color: #014466;
}
.sc-content .more-wrap .more-main:focus .tag {
    border-color: #ddd;
}
.sc-content .more-wrap .more-main:hover i,
.sc-content .more-wrap .more-main:focus i {
    color: #014466;
}

.sc-content .more-wrap .more-main.hover {
	background-color:#eee;
    color:#014466;
}
.sc-content .more-wrap .more-main.hover i {
	color:#014466;
}
.sc-content .more-wrap .more-main:hover > i {
    color:#014466;
}
.sc-content .more-wrap .more-main i {
    color:#0E7AA4;
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.sc-content .more-wrap .more-main:hover .tag,
.sc-content .more-wrap .more-main.hover .tag {
    border-color: #ddd;
}
.sc-content .more-wrap .more-main .tag {
    background-color: #f1f1f1;
    color: #333;
    padding: 3px 7px;
    font-size: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin-left: 10px;
    display: inline;
    position: relative;
    top: -1px;
    border:1px solid #f1f1f1;

}

.sc-content .more-wrap .more-options.align-left {
	right:inherit;
    top:39px;
}
.sc-content .more-wrap .more-options {
	display:none;
	position: absolute;
	background-color: #fff;
    width: auto;
    float: left;
    z-index: 10;
    text-align: left;
	border: 1px solid #eee;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -moz-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -ms-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -o-box-shadow: 1px 1px 10px 0px #f1f1f1;
	box-shadow: 1px 1px 10px 0px #f1f1f1;
	right: 0;
    top: 35px;
}
.sc-content .more-wrap .more-options.show {
    display:block;
}

.sc-content .more-wrap .more-options ul {
	list-style:none;
	padding:10px 0;
	margin:0;
    width: 100%;
    float: left;
}

.sc-content .more-wrap .more-options ul li {
}

.sc-content .more-wrap .more-options ul li a {
	color: #333;
	padding: 4px 15px;
    display: block;
    white-space: nowrap;
    font-weight:normal;
}
.sc-content .more-wrap .more-options ul li fieldset {
	color: #333;
	padding: 3px 15px;
    display: block;
    white-space: nowrap;
}
.sc-content .more-wrap .more-options ul li fieldset label {
    margin-bottom:0;
}
.sc-content .more-wrap .more-options ul li a:hover,
.sc-content .more-wrap .more-options ul li a:focus {
	background-color: #eee;
    outline:none;
}





/* saved colleges */
.sc-content .empty-wrap.saved-college {
    border:none;
    background-color:transparent;
    box-shadow:none;
    padding-left:0;
    padding-right:0;
}
.sc-content .empty-wrap.saved-college .empty-icon {
    background: url(../Images/SavedColleges/empty-saved-college.png) no-repeat;
    background-size: 230px auto;
    height: 138px;
    width: 230px;
}
.sc-content .empty-wrap.saved-college .search-wrap {
    display:block;
    text-align:left;
}
.sc-content .empty-wrap.upcoming {
    background-color: transparent;
    border:none;
    padding:0;
    box-shadow:none;
    margin:0;
    width:100%;
    float:left;
    padding-top: 20px;
}
.sc-content .empty-wrap.upcoming .empty-icon {
    background: url(../Images/SavedColleges/empty-task.png) no-repeat;
    background-size: 115px auto;
    height: 97px;
    width: 115px;
}
.sc-content .empty-wrap.upcoming h3 {
    font-size:16px;
    font-family: inherit;
    text-transform: capitalize;
}
.sc-content .empty-wrap.upcoming p {
    padding-bottom:20px;
}
.sc-content .empty-wrap .empty-example {
    width:100%;
    float:left;
    position:relative;
    overflow:hidden;
}
.sc-content .empty-wrap .empty-example .linear-gradient {
    position:absolute;
    z-index:20;
    background: linear-gradient(transparent, white);
    height: 148px;
    width: 100%;
}
.sc-content .empty-wrap .empty-example table {
    text-align:left;
    position:relative;
    z-index:10;
    width:100%;
}
.sc-content .empty-wrap .empty-example table tr div:first-child svg {
    fill:#cdd4d9;
}
.sc-content .empty-wrap .empty-example table tr div:last-child svg {
    fill:#eee;
}
.sc-content .top-btns {
    position:relative;
}
.sc-content .top-btns .sc-tabs {
    border-bottom: 1px solid #eee;
    position:relative;
}
.sc-content .top-btns .sc-tabs + span {
    position:absolute;
    top: 0;
    right: 15px;
}
.sc-content .sc-tabs li {
    padding:0 10px;
}
.sc-content .sc-tabs li:first-child {
    padding-left:0;
}
.sc-content .sc-tabs li a {
    padding: 10px 0;
    border:none;
    border-bottom-width: 2px;
    border-bottom-style:solid;
    border-bottom-color:transparent;
}
.sc-content .sc-tabs li a:hover,
.sc-content .sc-tabs li a:focus {
    border-color:transparent;
    background-color:transparent;
}
.sc-content .sc-tabs li.active a {
    border-color: #0E7AA4;
    color:#014466 !important;
}
.sc-content .sc-tabs li.active a:hover,
.sc-content .sc-tabs li.active a:focus {
    border:none;
    border-bottom:2px solid #0E7AA4;
    color:#014466;
}

.sc-content .sc-tab-content {
    overflow:hidden;
    padding-bottom:85px;
}
.sc-content .sc-tab-content .tab-pane:first-child {
    transform:translate(-400px);
    display:-webkit-box !important;
    opacity:0;
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
    height:0;
}
.sc-content .sc-tab-content .tab-pane:last-child {
    transform:translate(400px);
    display:-webkit-box !important;
    opacity:0;
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
    height:0;
}
.sc-content .sc-tab-content .tab-pane.active {
    transform:translate(0px);
    display:block !important;
    opacity:1;
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
    height:auto;
    
}
.sc-content .btnCollapse {
	position: absolute;
	right:15px;
    top:1px;
	z-index:20;
	padding: 6px 12px;
	margin-top: 0px;
	margin-bottom:0;
}
.sc-content .btnCollapse i {
	-webkit-transition: -webkit-transform 0.2s ease-in-out;
	-moz-transition: -moz-transform 0.2s ease-in-out;
	-ms-transition: -ms-transform 0.2s ease-in-out;
	-o-transition: -o-transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
}
.sc-content .btnCollapse.expand i {
	-webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.sc-content .col-left {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.sc-content .col-left.full-width {
	width: 100% !important;
}
.sc-content .col-left.full-width .btn-add {
	margin-right:36px;
}
.sc-content .col-right {
    float:right;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	opacity:1;
}
.sc-content .col-right.width-none {
	width: 0% !important;
	opacity:0;
	overflow:hidden;
    height:0px;
}
.sc-content .title {
	padding-bottom:15px;
	margin-bottom:0px;
    font-family: inherit;
    text-transform: capitalize;
    letter-spacing:0 !important;
    width:100%;
}
.sc-content .title small {
    position: relative;
    top: -1px;
}
.sc-content .title .btn-group {
    float:right;
}
.sc-content .title .btn:focus {
    outline:none;
    border: 1px solid #eee;
}
.sc-content .title .btn-group .active {
    background-color:#eee;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
	box-shadow: none;
}
.sc-content .title .btn-group .active i {
    color:#014466;
}
.sc-content .title .btn {
	margin-top: -5px; 
	margin-bottom: 0;
}
.sc-content .title .num-count {
	float: right;
	font-size: 28px;
	font-weight:600;
	line-height: 26px;
	margin-right:10px;
}

.sc-content .title .num-text {
	float:right;
	font-size:12px;
	margin-top:1px;
    letter-spacing:0;
}
.sc-content .title .link {
    font-size: 14px;
}

.sc-content .sort-wrap {
    width: 100%;
    float: left;
    margin-top: 5px;
}
.sc-content .sort-wrap div {
    border: 1px solid #eee;
    padding:7px 10px;
    border-bottom: none;
}
.sc-content .sort-wrap div .sort-title {
    margin-right:10px;
}
.sc-content .sort-wrap div .sort-status {
    white-space: nowrap;
}
.sc-content .bubble {
    background-color: #f84b4b;
    position: relative;
    border-radius: 25px;
    color: #fff;
    font-size:12px;
    height: 22px;
    width: 22px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    line-height: 22px;
    top: -8px;
    left: -2px;
    margin-left:5px;
}
.sc-content a .bubble {
    text-decoration:none;
    cursor:default;
}
.sc-content a:hover .bubble {
    text-decoration:none;
    cursor:default;
}


/* intend to apply */
.sc-content .sort-wrap div .sort-status.status-1 i {
	color: #ff7400 !important;
}

/* applied */
.sc-content .sort-wrap div .sort-status.status-2 i {
	color:#07a9d2 !important;
	
}
/* accepted */
.sc-content .sort-wrap div .sort-status.status-3 i {
	color:#04cbc4 !important;
	
}
/* waitlisted */
.sc-content .sort-wrap div .sort-status.status-4 i {
	color:#f84b4b !important;
	
}
/* Not accepted */
.sc-content .sort-wrap div .sort-status.status-5 i {
	color:#9b9b9b !important;
	
}
/* intend to enroll */
.sc-content .sort-wrap div .sort-status.status-6 i {
	color:#35bd6f !important;
	
}


.sc-content .sort-wrap div:last-child {
    border-bottom: 1px solid #eee;
}

.sc-content .sort-wrap .dnd-sortable-drag {
    background-color: #f6f6f6;
}
.sc-content .btn-add {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.sc-content .btn-add i {
	-webkit-transition: -webkit-transform 0.2s ease-in-out;
	-moz-transition: -moz-transform 0.2s ease-in-out;
	-ms-transition: -ms-transform 0.2s ease-in-out;
	-o-transition: -o-transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
}
.sc-content .btn-add.hover {
	background-color: #eee;
    color: #014466;
}
.sc-content .btn-add.hover:hover {
    color: #014466;
}
.sc-content .btn-add.hover i {
	color: #014466;
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sc-content .btn-add span {
    position: relative;
    visibility: visible;
    margin-left:5px;
    width: auto;
    -webkit-transition: width 2s;
	-moz-transition: width 2s;
	-ms-transition: width 2s;
	-o-transition: width 2s;
	transition: width 2s;
}
.sc-content .btn-add.hover span {
    position: absolute;
    margin-left: 5px;
    width:0;
    overflow:hidden;
}
.sc-content .search-wrap {
	width: 100%;
	float:left;
	border: 1px solid #eee;
	background-color: #f1f1f1;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
	margin-top:10px;
	padding:15px;
	position: relative;
    display:none;
}
.sc-content .search-wrap .form-group {
    margin-bottom:0;
}
.sc-content .search-wrap .multiSelectInput {
    float:left;
    width: 517px !important;
}
.sc-content .multiSelectInput .ui-select-choices-row a {
    color: #333 !important;
}
.sc-content .multiSelectInput .ui-select-choices-row.active a {
    color: #fff !important;
}
.sc-content .multiSelectInput .ui-select-choices-row.active a strong {
    color: #fff;
    font-weight:600;
}
.sc-content .search-wrap.full-width .multiSelectInput {
    width:761px !important;
}
.sc-content .search-wrap span,
.sc-content .search-wrap input {
	display: inline-block;
	width:100%;
    font-size:14px;
}
.sc-content .search-wrap button {
	display: inline-block;
	padding: 7px 23px;
	margin:0;
    margin-left:10px;
    max-width:143px;
}
.sc-content .card-wrap {
	width: 100%;
	float:left;
	border: 1px solid #eee;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -moz-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -ms-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -o-box-shadow: 1px 1px 10px 0px #f1f1f1;
	box-shadow: 1px 1px 10px 0px #f1f1f1;
	margin-top:10px;
	position: relative;
}

.sc-content .card-wrap .card-status {
	position: relative;
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.sc-content .card-wrap .card-status span {
	color: #fff;
	display:inline-block;
	padding: 2px 20px 4px;
	text-transform:uppercase;
	font-weight: 600;
    font-size:14px;
}
/* intend to apply */
.sc-content .card-wrap .card-status.status-1 {
	border-top: 2px solid #ff7400;
}

.sc-content .card-wrap .card-status.status-1 span {
	background-color:#ff7400;
	
}
/* applied */
.sc-content .card-wrap .card-status.status-2 {
	border-top: 2px solid #07a9d2;
}

.sc-content .card-wrap .card-status.status-2 span {
	background-color:#07a9d2;
	
}
/* accepted */
.sc-content .card-wrap .card-status.status-3 {
	border-top: 2px solid #04cbc4;
}

.sc-content .card-wrap .card-status.status-3 span {
	background-color:#04cbc4;
	
}
/* waitlisted */
.sc-content .card-wrap .card-status.status-4 {
	border-top: 2px solid #f84b4b;
}

.sc-content .card-wrap .card-status.status-4 span {
	background-color:#f84b4b;
	
}
/* Not accepted */
.sc-content .card-wrap .card-status.status-5 {
	border-top: 2px solid #9b9b9b;
}

.sc-content .card-wrap .card-status.status-5 span {
	background-color:#9b9b9b;
	
}
/* intend to enroll */
.sc-content .card-wrap .card-status.status-6 {
	border-top: 2px solid #35bd6f;
}

.sc-content .card-wrap .card-status.status-6 span {
	background-color:#35bd6f;
	
}



.sc-content .card-wrap .card-header {
	padding: 5px 0 10px 0;
    margin: 0 20px;
}
.sc-content .card-wrap .card-header .card-title {
    display:inline-block;
    width: 435px;
}

.sc-content .card-wrap .card-header .card-title p .logo-sm{
    width:70px;
    margin-left:10px;
}

.sc-content .card-wrap .card-header .action-position {
	float:right;
	
}

.sc-content .card-wrap .card-header .card-actions {
	text-align:right;
    margin-top:13px;
    float:right;
    width: 300px
}
.sc-content .card-wrap .card-header .card-actions p {
    font-size: 14px;
    display: inline-block;
    margin-bottom:0;
    margin-right:10px;
}
.sc-content .card-wrap .card-header .card-actions .tag {
	border: 1px solid #eee;
    font-size: 14px;
	display:inline-block;
    outline: none;
    vertical-align: unset;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
}

.sc-content .card-wrap .card-header .card-actions .tag a {
    padding: 7px 12px;
	display:inline-block;
    color:inherit;
}
.sc-content .card-wrap .card-header .card-actions .tag a span {
    color: #333;
}
.sc-content .card-wrap .card-header .card-actions .tag a:hover span{
    color:#014466;
}
.sc-content .card-wrap .card-header .card-actions .tag a:hover,
.sc-content .card-wrap .card-header .card-actions .tag a:focus {
    background-color: #eee;
    outline: none;
}

.sc-content .card-wrap .card-header .card-actions .tag.match i,
.sc-content .card-wrap .card-header .card-actions .tag.match a:hover i {
	color: #35bd6f;
}

.sc-content .card-wrap .card-header .card-actions .tag.reach i {
    color: #ff8117 !important;
}

.sc-content .card-wrap .card-header .card-actions .tag.safety i {
	color: #07a9d2 !important;
}

.sc-content .card-wrap .card-header .card-actions .btn {
    display: block;
}

.sc-content .card-wrap .card-header .card-title a {
	margin-bottom:5px;
	font-weight: 600;
    font-size: 16px;
    margin: 10px 0 5px;
    display: inline-block;
    color: #014466;
}
.sc-content .card-wrap .card-header .card-title a:hover {
    color:#0E7AA4;
}

.sc-content .card-wrap .card-header .card-title p {
    margin-bottom:0;
}

.sc-content .card-wrap .card-body {
	padding: 10px 0px;
    margin:0 20px;
    border-top:1px solid #eee;
}

.sc-content .card-wrap .card-body .detail-title {
	margin-bottom:0;
	font-weight: 600;
}

.sc-content .card-wrap .card-body .detail-title i {
	color: #ccc;
}
.sc-content .card-wrap .card-body .detail-title + p {
    margin-bottom:0;
}
.sc-content .card-wrap .card-footer {
	padding: 0px;
	border-top: 1px solid #eee;
}
.sc-content .card-wrap .card-footer .btn-primary {
    margin-bottom:0;
    margin-top:-2px;
}
.sc-content .card-wrap .card-footer .btn-primary:hover,
.sc-content .card-wrap .card-footer .btn-primary:focus,
.sc-content .card-wrap .card-footer .btn-primary:active {
    color: #fff !important;
}
.sc-content .card-wrap .accordion-style {
	width: 100%;
	float: left;
}
.sc-content .card-wrap .accordion-style .accordion-heading {
	border-bottom: 1px solid #eee;
    padding: 10px 20px;
    line-height:28px;
}
.sc-content .card-wrap .accordion-style .accordion-heading.text-right {
    height:51px;
}
.sc-content .card-wrap .accordion-style .accordion-heading .collapse-toggle:hover .accordion-expand::before {
    color: #014466 !important;
}
.sc-content .card-wrap .accordion-style .accordion-heading .collapse-toggle .accordion-expand {
    text-decoration: none;
}
.sc-content .card-wrap .accordion-style .accordion-heading .collapse-toggle.collapsed .accordion-expand:before {
	content: "\f055";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #0E7AA4;
    font-size: 14px;
    position: relative;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	margin-right: 5px;
	top: 0px;
}

.sc-content .card-wrap .accordion-style .accordion-heading .collapse-toggle .accordion-expand:before {
	content: "\f056";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #0E7AA4;
    font-size: 14px;
    position: relative;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	margin-right: 5px;
	top: 0px;
}

.sc-content .card-wrap .accordion-style .accordion-body {
	padding: 0px 20px;
	background-color:#fbfbfb;
}
.sc-content .card-wrap .accordion-style .accordion-body .task-item:first-child {
	border-top:none;
}
.sc-content .card-wrap .card-footer .task-item .t-name {
	font-weight: normal;
}
.sc-content .task-wrap {
    border: 1px solid #eee;
    padding:15px 15px;
    -webkit-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -moz-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -ms-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -o-box-shadow: 1px 1px 10px 0px #f1f1f1;
	box-shadow: 1px 1px 10px 0px #f1f1f1;
    width: 100%;
    float: left;
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.sc-content .task-wrap.scroll {
    max-height: 427px;
}
.sc-content .task-wrap.scroll .task-inner {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 387px;
}



/* scroll bar */
.sc-content .task-inner::-webkit-scrollbar {
	width: 5px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
 
/* Track */
.sc-content .task-inner::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	-ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px; 
}
 
/* Handle */
.sc-content .task-inner::-webkit-scrollbar-thumb {
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	-ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
	background: #ddd; 
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out; 
}



.sc-content .task-item {
	display:block;
	border-top: 1px solid #eee;
	padding: 10px 0;
}
.sc-content .task-wrap .task-item:first-child {
    border-top:none;
    padding-top:0;
}
.sc-content .task-wrap.scroll .task-item:last-child {
    padding-bottom:0;
}
.sc-content .task-item p {
	margin-bottom:0;

}
.sc-content .task-item .t-name {
	font-weight:600;
    color: #014466;
    word-break: break-word;	
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: none;
    -ms-hyphens: none;
}


.sc-content .task-item .t-date {
	color: #929292;
    font-size:13px;
}

.sc-content .task-item.overdue i {
	color: #ed2025;
}
.sc-content .task-item.overdue .t-date {
	color: #ed2025;
}

.sc-content .task-more {
	display:block;
	border-top: 1px solid #eee;
	padding: 10px 0 0;
	text-align:center;
    line-height:10px;
}
.sc-content .separator {
    margin: 0 10px;
    color: #ddd;
}
.sc-content .task-wrap .task-item .checkbox-wrap {
    float:left;
    margin-right:8px;
}
.sc-content .task-wrap.general .task-item .checkbox-wrap + p {
    padding-left:28px;
}

.sc-content .activity-wrap {
    width: 100%;
    float: left;
    border: 1px solid #eee;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 4px 10px rgba(204, 204, 204, 0.25) !important;
    margin-bottom: 1.25rem;
    position: relative;
}
.sc-content .activity-wrap .btn-info {
    position: absolute;
    right: 15px;
    top: 15px;
    background: none;
    color: #0E7AA4;
    border: none;
    font-size: 16px;
    z-index: 10;
}
.sc-content .activity-wrap .icon-container {
    width: 100%;
    float: left;
    background: #F2FAFB;
    text-align:center;
}
.sc-content .activity-wrap .icon-container img {
    max-width: 150px;
    margin: 30px 0;
}
.sc-content .activity-wrap .text-container {
    width: 100%;
    padding: 20px 27px;
    float:left;
}
.sc-content .activity-wrap .meta-block {
    width:100%;
    float:left;
    margin:0;
}
.sc-content .activity-wrap .meta-block .meta-pill {
    position: relative;
    background-color: #E8F7EF;
    display: inline-block;
    color: #014466;
    font-weight: 600;
    border-radius: 30px;
    padding: 5px 13px;
    font-size: 12px;
    margin-bottom: 5px;
    margin-right: 5px;
}
.sc-content .activity-wrap .meta-block .meta-pill .meta-count {
    background-color:#5BBCB1;
    color:#fff;
    font-weight:600;
    border-radius:20px;
    font-size: 10px;
    padding: 0px 7px;
    margin-right: 7px;
    display: inline-block;
}
.sc-content .activity-wrap .meta-block .meta-pill .meta-count.right {
    margin-left:7px;
    margin-right:0;
}

/* empty mode */
.sc-content .empty-wrap {
    text-align:center;
    padding:50px 20px;
    background-color:#fdfdfd;
	border: 2px dashed #b3c0ca;
    border-radius:4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.sc-content .empty-wrap .empty-icon {
	height: 160px;
    width: 200px;
    display: inline-block;
    margin-bottom:20px;
}
.sc-content .empty-wrap h3 {
    margin-bottom:5px;
    font-family: inherit;
    text-transform: capitalize;
    letter-spacing:0 !important;
}
.sc-content .empty-wrap p {
    margin-bottom:20px;
    color:#797979;
}
.sc-content .empty-wrap p.error-message {
    margin-bottom:0;
    color:#f4516c;
}
.sc-content .empty-wrap.task-empty .empty-icon {
	background: url(../Images/SavedColleges/empty-task.png) no-repeat;
    background-size: 200px auto;
    height: 170px;
}
.sc-content .empty-wrap.completed .empty-icon {
    background: url(../Images/SavedColleges/empty-tasks-completed.png) no-repeat;
    background-size: 200px auto;
    height: 170px;
}
.sc-content .empty-wrap.completed,
.sc-content .empty-wrap.archive,
.sc-content .empty-wrap.task-empty {
    margin-top:15px;
}
.sc-content .empty-wrap.archive .empty-icon {
    background: url(../Images/SavedColleges/empty-archive.png) no-repeat;
    background-size: 195px auto;
    height:155px;
    width:195px;
}
.sc-content .empty-wrap.note {
    background-color:#fbfbfb;
	border: 2px dashed #b3c0ca;
    padding:50px 0;
}
.sc-content .empty-wrap.note:after {
    background:none;
}
.sc-content .empty-wrap.note p {
    color:#333;
}
.sc-content .empty-wrap.note .empty-icon {
    background: url(../Images/SavedColleges/empty-note.png) no-repeat;
    background-size: 197px auto;
}
.sc-content .empty-wrap.recommendation .empty-icon {
    background: url(../Images/SavedColleges/empty-recommendation.png) no-repeat;
    background-size: 179px auto;
}
.sc-content .empty-wrap.transcript .empty-icon {
    background: url(../Images/SavedColleges/empty-transcript.png) no-repeat;
    background-size: 179px auto;
}
.sc-content .empty-wrap.app-progress .empty-icon {
    background: url(../Images/SavedColleges/empty-app-progress.png) no-repeat;
    background-size: 173px auto;
    width:175px;
}
.sc-content .empty-wrap.counselor .panel-icon {
    text-align:right;
}
.sc-content .empty-wrap.counselor img {
    max-width:130px;
}
.sc-content .empty-wrap.counselor .panel-content {
    text-align:left;
    padding-left:20px;
}
.sc-content .empty-wrap.counselor .panel-content .form-control {
    max-width:400px;
}

/* tasks */
.sc-content .task-container {
    width:100%;
    float:left;
    position:relative;
}
.sc-content .task-container .dnd-sortable-drag {
    background-color:#f6f6f6;
}
.sc-content .task-container .dnd-sortable-drag:focus{
  
}
.sc-content .task-container .width-full {
    position:relative;
    cursor:default !important;
    padding-left:30px;
}
.sc-content .task-container .width-full.task-btn-row {
    margin-top:10px;
}
.sc-content .task-container .width-full:focus {
    outline:none;
}
.sc-content .task-container .width-full:focus .sort-handle:before {
    opacity:1;
}
.sc-content .task-container .width-full .sort-handle {
    width: 30px; 
    height: 30px;
    color: #ccc;
    position:absolute;
    left:0px;
    top:7px;
    cursor:move !important;
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.sc-content .task-container .width-full .sort-handle:hover {
    color: #014466;
}
.sc-content .task-container .width-full .sort-handle::before {
    content: "";
	background: url(../Images/SavedColleges/icon-grip.png) no-repeat;
    background-size: 8px auto;
    width: 9px;
    height: 14px;
    position: absolute;
    top: 8px;
    left: 10px;
	z-index: 20;
    opacity:0.3;
	-moz-transition: background-image 0.2s ease-in-out;
	-ms-transition: background-image 0.2s ease-in-out;
	-o-transition: background-image 0.2s ease-in-out;
	transition: background-image 0.2s ease-in-out;
}
.sc-content .task-container .width-full .sort-handle i {
    padding:9px;
}
.sc-content .item-wrap {
	width: 100%;
    float: left;
    position:relative;
}
.sc-content .item-wrap.edit:hover::before,
.sc-content .item-wrap.new:hover::before {
	display:none;
}
.sc-content .item-wrap:focus::before {
    outline:none;
}
.sc-content .item-wrap.overdue .title i,
.sc-content .item-wrap.overdue .date,
.sc-content .item-wrap.overdue .date i {
	color: #ed2025 !important;
}
.sc-content .item-wrap.disabled .item-body .button-row .note-actions {
    display:none;
}
.sc-content .item-wrap .item-content {
    border-bottom: 1px solid #eee;
    padding: 10px 0;
	float:left;
	width: 100%;
    position:relative;
    min-height:45px;
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.sc-content .item-wrap .item-content:hover {
    background: #f4f4f4;
}
.sc-content .item-wrap.disabled .item-content:hover{
    background-color:#fff;
}
.sc-content .item-wrap .item-content .checkbox-wrap {
	float:left;
	margin-right:8px;
    margin-top:2px;
    display:inline-block;
    position:relative;
    z-index:10;
}
.sc-content .item-wrap .item-content .checkbox-wrap .checkbox-style {
    display:flex;
}
.sc-content .item-wrap .item-content p {
    display:inline-block;
	color: #797979;
}
.sc-content .item-wrap .item-content .title {
    border:none;
    margin-bottom:0;
    padding-bottom:0;
    font-size: 14px;
    font-weight:500;
	color: #333;
    position: relative;
    top: 2px;
    text-transform:inherit;
    display:inline;
    z-index:5;
}
.sc-content .item-wrap .item-content .item-right {
    text-align: right;
    float:right;
}
.sc-content .item-wrap .item-content .item-right .btn-default {
    font-size: 12px;
    padding: 3px 6px;
	margin-top:0;
	margin-bottom:0;
    opacity:0;
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.sc-content .item-wrap .item-content .item-right .btn-restore {
    opacity:1;
}
.sc-content .item-wrap .item-content .date {
    padding-right: 63px;
    margin-bottom: 0;
    padding-top: 1px;
    display: inline-block;
    float: left;
    font-size:13px;
}
.sc-content .item-wrap .item-content .date i {
    color: #999999;
}
.sc-content .item-wrap .item-content .item-body {
	width:100%;
	float:left;
	padding-left:30px;
}
.sc-content .item-wrap .item-content .item-body.height-control {
    height:0;
}
.sc-content .item-wrap .item-content .item-body p {
	width: 100%;
    font-size: 13px;
    line-height: 1.5em;
    padding-right: 60px;
    padding-top:3px;
    margin-bottom:0;
}
.sc-content .item-wrap .item-content .item-body .button-row {
    margin-top:5px;
}
.sc-content .item-wrap .item-content .item-body .button-row.height-control {
    height:0;
}
.sc-content .item-wrap .item-content .item-body .button-row a {
    font-size:13px;
    padding: 5px 25px;
	margin:0;
}
.sc-content .item-wrap .item-content .item-body .button-row .note-actions {
    position: absolute;
    top: 10px;
    right: 0;
}
.sc-content .item-wrap .item-content .item-body .button-row .note-actions a {
    font-size: 12px;
    padding: 3px 6px;
	margin-top:0;
	margin-bottom:0;
    opacity:0;
}
.sc-content .item-wrap .item-content:hover .item-body .button-row .note-actions a,
.sc-content .item-wrap .item-content .item-body .button-row .note-actions a:focus {
    opacity:1;
}
.sc-content .item-wrap.completed {
    margin-top:30px;
}
.sc-content .item-wrap.completed a {
    font-size: 12px;
}
.sc-content .item-wrap.new .form-container{
    margin-top:10px;
}
.sc-content .item-wrap.edit .form-container {
    margin-top:10px;
}
.sc-content .item-wrap.edit .form-container .form-footer .btn-default {
    border-radius:25px;
}
.sc-content .item-wrap:hover .item-content .item-right .btn-default {
    opacity:1;
}
.sc-content .item-wrap:hover .item-sort {
    opacity:1;
}
.sc-content .item-wrap .form-container .form-group textarea {
    height:auto;
}
.sc-content .completed-tasks.first {
    margin-top:30px;
}
.sc-content .completed-tasks.first h5 {
    display:inline-block;
}
.sc-content .completed-tasks {
    width:100%;
    float:left;
    padding-left: 30px;
}
.sc-content .completed-tasks .item-wrap::before,
.sc-content .completed-tasks .item-wrap:hover::before {
    display:none;
}
.sc-content .completed-tasks .item-wrap:hover .item-content .item-right .btn-default {
    opacity:0;
}
.sc-content .strike {
    color: #797979;
    text-decoration:line-through;
}
.sc-content .completed-tasks .item-wrap .item-content .item-right .date {
    padding-right:0;
}
.sc-content .completed-tasks .item-wrap .item-body p {
    padding-right:0;
}
.sc-content .completed-tasks .item-wrap .item-content .checkbox-wrap {
    opacity: 0.5;
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.sc-content .completed-tasks .item-wrap .item-content .checkbox-wrap:hover {
    opacity: 1;
}
.sc-content .complete-wrap {
    width:100%;
    float:left;
}
.sc-content .complete-wrap .complete-container {
    width:100%;
    float:left;
}
.sc-content .complete-wrap .complete-container .completed-tasks:first-child .item-wrap .item-content {
    margin-top:10px;
    border-top:1px solid #eee;
}
.sc-content .complete-wrap .complete-container .completed-tasks .item-wrap .item-content .item-right .date {
    padding-bottom:2px;
}

.sc-content .task-container.archive .item-wrap .item-content .item-body {
    padding-left:0;
}
.sc-content .suggestion-wrap {
    width: 100%;
    float: left;
    position: relative;
}
.sc-content .suggestion-wrap .suggestion-container {
    width: 100%;
    position: absolute;
    z-index:30;
    background-color: #fff;
    padding: 10px 0px;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -moz-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -ms-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -o-box-shadow: 1px 1px 10px 0px #f1f1f1;
	box-shadow: 1px 1px 10px 0px #f1f1f1;
}
.sc-content .suggestion-wrap .suggestion-container p {
    margin-bottom:0px;
    font-weight:600;
}
.sc-content .suggestion-wrap .suggestion-container .suggestion-item a {
    padding:5px 15px;
    display:block;
}
.sc-content .suggestion-wrap .suggestion-container .suggestion-item a:hover {
    background-color:#F2FAFB;
}





/* notes */
.sc-content .masonry {
    width:calc(100% + 13px);
}
.sc-content .masonry .masonry-item {
    width:calc(33.33333% - 10px);
}
.sc-content .note {
	position: relative;
    min-height:241px;
    width: 100%;
	padding: 20px;
	margin: 0 0 5px;
	color: #fff;
	background: #fff;
	border: 1px solid #eee;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
	z-index:1;
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.sc-content .note:after {
	content: "";
	position: absolute;
	top: -1px;
	right: -1px;
	background: url(../Images/SavedColleges/note-corner.png) no-repeat;
	z-index: 20;
	width: 25px;
	height: 25px;
    opacity:1;
	background-size: 30px auto;
    -webkit-transition: background-image 0.2s ease-in-out;
	-moz-transition: background-image 0.2s ease-in-out;
	-ms-transition: background-image 0.2s ease-in-out;
	-o-transition: background-image 0.2s ease-in-out;
	transition: background-image 0.2s ease-in-out;
}

.sc-content .note .note-header p {
	font-weight: 600;
    word-break:normal !important;
    word-wrap:normal !important;
    color: #333;
     -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
    display:block !important;
}
.sc-content .note .note-body p {
    color: #797979;
    word-break: break-word;	
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: none;
    -ms-hyphens: none;
     -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.sc-content .note:hover .btn-trash {
    opacity:1;
}
.sc-content .note .btn-container {
    position:absolute;
    bottom:5px;
    right:5px;
}
.sc-content .btn-trash {
    padding: 6px 10px;
    opacity:0;
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.sc-content .btn-trash i {
    color:#0E7AA4;
}
.sc-content .btn-trash:hover,
.sc-content .btn-trash:hover i {
    color:#014466;
}
.sc-content .btn-trash:focus {
    opacity:1;
}
.sc-content .edit-mode .note:after {
	opacity:0;
}
.sc-content .edit-mode .note-disabled:after {
    opacity:1;
}
.sc-content .edit-mode .note-disabled {
    cursor:default;
}
.sc-content .edit-mode .note-disabled p {
    color:#bcbcbc;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}
.sc-content .edit-mode .note-disabled p:focus {
    outline:none;
}
.sc-content .edit-mode .note-disabled .btn-container {
    display:none;
}


/* notes file upload */
.sc-content .upload-container {
    margin-top:30px;
}
.sc-content .upload-container .well {
	background-color:#fbfbfb;
	border: 2px dashed #b3c0ca;
	text-align:center;
    margin-bottom:10px;
    width: 100%;
    float: left;
}
.sc-content .upload-container .well p {
	margin:0;
}
.sc-content .upload-container .well small {
    font-style:normal;
}
.sc-content .upload-container .btn-row p {
    margin-right:10px;
}
.sc-content .upload-container .btn-row input {
    position:absolute;
    display:block !important;
    top:0;
    opacity:0;
}
.sc-content .upload-container .btn-row input:focus + label {
    background-color:#014466;
    outline: thin dotted;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px;
}
.sc-content .upload-container .btn-row .file-label {
    display:inline;
}
.sc-content .upload-container table {
	border-bottom: none;
}
.sc-content .upload-container table thead {
	background-color: transparent;
}
.sc-content .upload-container table thead th {
    border:none;
	border-bottom: 2px solid #eee;
    background-color: transparent !important;
    color: #333;
    padding: 8px 0;
    vertical-align:middle;
}
.sc-content .upload-container table tbody tr td {
	border-top:none;
	border-bottom: 1px solid #eee;
	vertical-align:middle;
    padding: 8px 0;
    word-break:break-all;
    word-break: break-word;	
    word-wrap: break-word;
    hyphens: none;
    -ms-hyphens: none;
}
.sc-content .upload-container table tbody tr td .btn {
	margin:0;
	padding:5px 15px;
}
.sc-content .upload-container table tbody tr td .btn-secondary {
	margin:0;
	padding:3px 15px;
    border-color: #eee;
    background-color: #fff;
    font-weight:600;
    color:#0E7AA4;
}
.sc-content .upload-container table tbody tr td .btn-secondary:hover,
.sc-content .upload-container table tbody tr td .btn-secondary:focus {
    background-color: #eee;
    color:#014466;
}


/* applications */
.sc-content .app-tile {
    width: 100%;
    float: left;
    color: #fff;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -moz-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -ms-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -o-box-shadow: 1px 1px 10px 0px #f1f1f1;
	box-shadow: 1px 1px 10px 0px #f1f1f1;
    position: relative;
}
.sc-content .app-tile.deadline .tile-body ul {
    background-color:#07a9d2;
}
.sc-content .app-tile.apply .tile-body ul {
    background-color:#35bd6f;
}
.sc-content .app-tile.apply .tile-body .tab-content .icon-wrap {
    position:relative;
    display: inline-block;
    padding: 17px 21px 20px 23px;
    margin-right: 15px;
    float: left;
}
.sc-content .app-tile.apply .tile-body .tab-content .icon-wrap span::before {
    content: "";
    display: block;
    position: absolute;
    left:0;
    top:0;
    background:url(../Images/SavedColleges/icon-app.png) no-repeat top left;
    background-size:100px auto;
    width: 100px;
    height: 110px;
    z-index: 0;
}
.sc-content .app-tile .tile-body .tab-v .icon-selected {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
}
.sc-content .app-tile .tile-body .tab-v .icon-selected::after {
    content: '\f058';
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
/*--adjust as necessary--*/
    position: relative;
    color: #0E7AA4;
    right:2px;
    font-size: 12px;
    -webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.sc-content .app-tile .tile-body ul {
    padding: 0 0 0 5px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.sc-content .app-tile .tile-body ul li {
    background-color:transparent;
    margin-bottom:0px;
    padding: 0px 15px;
}
.sc-content .app-tile .tile-body ul li a {
    color: #fff !important;
    opacity:0.7;
    border:none;
    font-weight:600;
    padding: 10px 0 10px 0;
    -webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
.sc-content .app-tile .tile-body ul li a:hover,
.sc-content .app-tile .tile-body ul li a:focus {
    background-color:transparent;
    border:none;
    color: #fff;
    opacity:1;
}
.sc-content .app-tile .tile-body ul li.active a {
    color: #fff !important;
    background-color:transparent;
    border-bottom: 1px solid #fff;
    opacity:1;
}
.sc-content .app-tile .tile-body ul li.last {
    float:right;
}
.sc-content .app-tile .tile-body ul li.last a {
    color: #fff;
    font-weight:normal;
}
.sc-content .app-tile .tile-body ul li.last a:hover {
    text-decoration:underline;
}
.sc-content .app-tile .tile-body .tab-content {
    background-color:#fff;
    padding: 20px;
    width: 100%;
    float: left;
    color: #333;
    overflow: hidden;
    position:relative;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.sc-content .app-tile .tile-body .tab-content p {
    color: #333;
}
.sc-content .app-tile .tile-body .tab-content ul {
    border-bottom:none;
    background-color: transparent;
    padding:0;
}
.sc-content .app-tile .tile-body .tab-content ul li {
    background-color: #f6f6f6;
    margin-bottom:0px;
    margin-right:2px;
    padding: 0px;
    border-top: 2px solid #f6f6f6;
}
.sc-content .app-tile .tile-body .tab-content ul li a {
    color: #0E7AA4 !important;
    border:none;
    font-size:11px;
    padding:10px 12px;
    margin:0;
}
.sc-content .app-tile .tile-body .tab-content ul li.active {
    background-color: #fcfcfc;
    border-top: 2px solid #0E7AA4;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
.sc-content .app-tile .tile-body .tab-content ul li.active a {
    color:#696969 !important;
}
.sc-content .app-tile .tile-body .tab-content .tab-content {
    color: #333;
    padding: 0px;
}
.sc-content .app-tile .tile-body .tab-content .tab-v {
    width: 100%;
    float:left;
}
.sc-content .app-tile .tile-body .tab-content .tab-v-content {
    width: 100%;
    float:left;
}
.sc-content .app-tile .tile-body .tab-content .tab-v-content .tab-content {
    background-color: #fcfcfc;
    padding: 15px 20px 5px;
    border: 1px solid #eee;
}
.sc-content .app-tile .tile-body .tab-content .tab-v-content .tab-content:after {
    display:none;
}
.sc-content .app-tile .tile-body .tab-content .tab-v-content .tab-content .panel-body {
    padding:10px;
}
.sc-content .app-tile .tile-body .tab-content h4 {
    font-size:16px;
    font-weight: 600;
    color: #333;
    margin-top:0;
}
.sc-content .app-tile .tile-body .tab-content h4.title {
    font-weight: 600;
    color: #333;
    font-size: 16px;
    margin-top:0;
    margin-bottom: 8px;
    padding-bottom: 8px;
}
.sc-content .app-tile .tile-body .tab-content h4.title a {
    float:right;
    margin-top:0px;
    text-transform:capitalize;
}
.sc-content .app-tile .tile-body .tab-v {
    margin-top:5px;
}
.sc-content .app-tile .tile-body .tab-v .tab-content h4 {
    font-size:14px;
    font-weight: 600;
    color: #333;
    margin-top:0;
}
.sc-content .app-tile .tile-body .tab-content .alert {
    margin:0;
}
.sc-content .app-tile.apply .tile-body .btn-outline {
    border-color:#35bd6f;
    color:#35bd6f !important;
    padding-left:24px;
    padding-right:24px;
}
.sc-content .app-tile.apply .tile-body .btn-outline:hover, 
.sc-content .app-tile.apply .tile-body .btn-outline:focus {
    background-color:#35bd6f;
    color:#fff !important;
}

.sc-content .app-tile .tile-body .date-wrap {
    background-color: #e2f0f5;
    display: inline-block;
    padding: 17px 21px 20px 23px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin-right:15px;
    float: left;
    text-align:center;
}
.sc-content .app-tile .tile-body .date-wrap i {
    font-size:40px;
    color: #0E7AA4 !important;
}
.sc-content .app-tile .tile-body .date-wrap .month { 
    font-size: 16px;
    text-transform:uppercase;
    letter-spacing:4px;
    margin-bottom:0;
    color: #0E7AA4 !important;
}
.sc-content .app-tile .tile-body .date-wrap .day { 
    font-size: 30px;
    letter-spacing:4px;
    margin-bottom:0;
    color: #0E7AA4 !important;
    line-height: 25px;
    margin-top: 5px;
}
.sc-content .app-tile .tile-body .content-wrap {
    display: block;
    padding-left: 105px;
}
.sc-content table.applications td .btn-default {
    display:inline-block;
}

/* table style */
.sc-content .table-responsive {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.sc-content .table-advance {
    width:100%;
	border: 1px solid #e7ecf1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.sc-content table thead label, 
.sc-content table thead input {
    margin:0;
}
.sc-content table thead th {
    font-weight:600;
	background-color: #F2FAFB;
	border: none;
	color: #014466;
    padding: 10px 10px;
    vertical-align: middle;
    font-size:13px;
}
.sc-content table thead th:first-child{
    border-top-left-radius: 4px;
}
.sc-content table thead th:last-child{
    border-top-right-radius: 4px;
}
.sc-content table.dataTable {
    margin-top:0 !important;
    clear: both;
    margin-bottom: 0px !important;
    max-width: none !important;
    border-collapse: separate !important;
    border: 1px solid #e7ecf1;
    border-radius:4px;
}
.sc-content table.dataTable thead .sorting:after {
    content: "\f0dc";
    font-family: FontAwesome !Important;
    opacity:1;
    top:12px;
}
.sc-content table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    font-family: FontAwesome !Important;
    opacity:1;
    top:12px;
}
.sc-content table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    font-family: FontAwesome !Important;
    opacity:1;
    top:12px;
}

.sc-content table tbody label input {
    margin:0;
}
.sc-content table tbody tr td:first-child i {
    font-size:16px;
}
.sc-content table .status {
	padding: 5px;
    font-size:12px;
    display:inline-block;
    width:120px;
    text-align:center;
}
.sc-content table .status.processing {
	background-color: #d4e2f1;
    white-space: nowrap;
}
.sc-content table .status.fulfilled {
	background-color: #c7ebdd;
}
.sc-content table .status.cancel {
	background-color: #f5d6d8;
}
.sc-content table .status.hold {
	background-color: #e5e5e5;
}
.sc-content table .btn {
    padding: 3px 10px;
}
.sc-content table .btn-primary {
	width: 100%;
	text-align:center;
}
.sc-content .tooltip div{
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
	-ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;
}
.sc-content table .icon-rush {
    display: inline-block;
}
.sc-content table .icon-rush img {
    width:20px;
    margin-right: 5px;
}
.sc-content table tbody td {
    vertical-align:middle;
    padding: 6px 10px;
	border-top:1px solid #e7ecf1;
    border-bottom: none;
	border-left: none;
    border-right: none;
    font-size:14px;
}
.sc-content table tbody tr.even {
    background-color: #fbfcfd;
}
.sc-content table tbody tr td .btn-expand {
	position:relative;
    display:inline-block;
	text-decoration:none;
}
.sc-content table tbody tr td .btn-expand:focus {
    color:#014466;
    outline: thin dotted;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px;
    outline:none!important;
}
.sc-content table tbody tr td .btn-expand:hover::after {
    color:#014466;
}
.sc-content table tbody tr td .btn-expand::after {
	content: '\f055';
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
/*--adjust as necessary--*/
    color: #0E7AA4;
    font-size: 16px;
    position: relative;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.sc-content table tbody tr.expand td .btn-expand::after {
	content: '\f056';
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
/*--adjust as necessary--*/
    color: #337ab7;
    font-size: 16px;
    position: relative;
}
.sc-content table tbody tr.even:hover {
    background-color: #fbfcfd;
}
.sc-content table tbody tr:hover {
    background-color:inherit;
}
.sc-content table .checkbox-style label {
    display:inline;
    margin-bottom:0;
    padding: 0 10px;
}
.sc-content table tbody .btn {
    font-size:13px;
    display:inline;
}
.sc-content .even td, .sc-content tr:nth-child(2n+2) .sorting_1 {
    background-color:inherit !important;
}

.sc-content .text-primary {
    color: #0E7AA4;
}
.sc-content .text-secondary {
    color: #014466;
}
.sc-content table tbody tr.even.expand {
	background-color:#f8f8fa;
}
.sc-content table tr.expand {
	padding:10px 20px;
}
.sc-content table tr.expand:hover {
}
.sc-content table tr.child {
	background-color:#fcfcfd;
}
.sc-content table tr.child td {
	padding:15px 20px 10px 20px;
	background-color:#fcfcfd;
}
.sc-content table tr.child .msg-wrap {
    width:100%;
    float:left;
    border-top: 1px solid #e7ecf1;
    padding: 10px 0;
    margin-top:0;
    margin-bottom:0;
}
.sc-content table tr.child .msg-wrap .title {
    border: none;
    padding:0;
    margin-bottom:0;
    font-weight:700;
    display:block;
}
.sc-content table tr.child .msg-wrap .title .title-date {
    font-weight:normal;
    float:right;
}
.sc-content table tr.child .msg-wrap p {
    margin:0;
    font-size: 13px;
}
.sc-content table tr.child .msg-wrap .msg-status {
    display:block;
    margin-top:5px;
    width:100%;
    font-weight:normal;
}
.sc-content table tr.child .msg-wrap .msg-status .status {
    width:100%;
}


/* status */
.sc-content .status {
    background-color: #d4e2f1;
    white-space: nowrap;
    padding: 5px;
    font-size: 12px;
    display: inline-block;
    width: 120px;
    text-align: center;
    color: #333;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
/* created */
.sc-content .status.created {
    background-color:#ebebeb;
}
/* Pending */
.sc-content .status.pending {
    background-color:#d4e6f1;
}
/* Uploaded */
.sc-content .status.uploaded {
    background-color:#fff0da;
}
/* Declined */
.sc-content .status.declined {
    background-color:#fedbdb;
}
/* sent */
.sc-content .status.sent {
    background-color:#d0f0e0;
}

/* recommendations */
.sc-content .rec-requirement {
    position:relative;
    padding-right:80px;
}
.sc-content .rec-requirement.note-warning i {
    color:#014466;
}
.sc-content .rec-requirement.note-success i {
    color: #5BBCB1;
}
.sc-content .rec-requirement .pill-count {
    color:#fff;
    font-weight:600;
    float:right;
    padding: 4px 12px;
    font-size: 12px;
    border-radius: 15px;
    position: absolute;
    top: 9px;
    right:20px;
}
.sc-content .rec-requirement.note-warning .pill-count {
    background: #F3BD5F;
}
.sc-content .rec-requirement.note-success .pill-count {
    background: #5BBCB1;
}
.sc-content .form-group .form-container.verify .form-body p {
    margin-bottom:5px;
}
.sc-content.rec .btn-row {
    margin-bottom:10px;
}
.sc-content.rec .btn-row .link {
    padding-top:3px;
    float:left;
}
.sc-content.rec .btn-row .btn-primary {
    margin-top:-5px;
}
.sc-content.rec table thead .title-actions {
    width:55px;
}
.sc-content .link-cancel {
    float:right;
}
.sc-content p.tag {
    padding:5px 10px;
    background-color: #f6f6f6;
    display:inline-block;
    border-radius:4px;
}

/* brag sheet */
.sc-content .color-block-wrap {
    background-color: #fff;
    padding:20px;
    border:1px solid #eee;
    -webkit-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -moz-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -ms-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -o-box-shadow: 1px 1px 10px 0px #f1f1f1;
	box-shadow: 1px 1px 10px 0px #f1f1f1;
    border-radius:4px;
}
.sc-content .color-block-wrap .color-block {
    border: 3px solid #0E7AA4;
    padding:20px;
    border-radius:4px;
}
.sc-content .color-block-wrap .color-block h2 {
    margin-top:0;
}
.sc-content .color-block-wrap .color-block p {
}
.sc-content .nav-stacked {
    width: 100%;
    float: left;
}
.sc-content .nav-stacked li {
    background-color: #f6f6f6;
    border-left:4px solid #eee;
}
.sc-content .nav-stacked li a {
    border:none;
    background-color:transparent;
}
.sc-content .nav-stacked li.active {
    border-color:#0E7AA4;
}
.sc-content .nav-stacked li.active a {
}
.sc-content .nav-stacked li.active a:hover,
.sc-content .nav-stacked li.active a:focus {
    background-color: transparent;
    border:none;
}

.sc-content .panel-single .panel-default {
    -webkit-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -moz-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -ms-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -o-box-shadow: 1px 1px 10px 0px #f1f1f1;
    box-shadow:1px 1px 10px 0px #f1f1f1;
    border-color: #eee !important;
}
.sc-content .panel-single .panel-heading {
    background-color: #fff !important;
    border-color: #eee !important;
}
.sc-brag .sc-content .panel-single .panel-heading,
.sc-brag .sc-content .panel-single .panel-body {
    padding: 15px 20px;
}
.sc-content .panel-single .panel-heading .panel-title {
    margin:-4px 0 0 0;
    font-size:14px;
    background-color: transparent !important;
}
.sc-content .panel-single .panel-heading .panel-title a {
    text-transform: capitalize;
}
.sc-content .panel-single .panel-heading .panel-title small {
    float:right;
    font-size:12px;
    padding-top:8px;
}
.sc-content .panel-single .panel-heading .panel-title .collapse-toggle .panel-expand {
    text-decoration:none;
}
.sc-content .panel-single .panel-heading .panel-title .collapse-toggle.collapsed .panel-expand:before {
	content: "\f055";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #0E7AA4;
    font-size: 14px;
    position: relative;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	margin-right: 5px;
	top: 0px;
}
.sc-content .panel-single .panel-heading .panel-title .collapse-toggle .panel-expand:before {
	content: "\f056";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #0E7AA4;
    font-size: 14px;
    position: relative;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	margin-right: 5px;
	top: 0px;
}
.sc-content .panel-single .panel-body {
    border-top: 1px solid #eee !important;
}
.sc-content .sub-heading {
    margin-bottom:0;
    font-weight:600;
}
.sc-content .brag-preview {
    margin-bottom: 30px;
}
.sc-content .brag-preview h4.title {
    padding-bottom: 10px;
    margin-bottom: 5px;
    background: #f6f8fa;
    font-size: 14px !important;
    padding: 10px;
    margin-top:0;
    border-bottom:none;
}

.sc-content .brag-item h4 {
    font-size:14px !important;
}
.sc-content .brag-item small {
    font-size:13px;
}
.sc-content .info-block {
    background-color: #f6f8fa;
    padding: 20px;
}
.sc-content .info-block p:last-child {
    margin-bottom:0;
}
.sc-content .table-footer {
    border: 1px solid #e7ecf1;
    border-top:none;
    width: 100%;
    float: left;
    padding: 5px 10px;
}


/* transcripts */
.sc-content .container-right {
    float:right;
}
.sc-content .counselor-selection {
    font-size:14px;
    color:#014466;
    margin-right:10px;
}
.sc-content .panel-wrap {
    width: 100%;
    float: left;
    position: relative;
    border: 1px solid #eee;
    -webkit-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -moz-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -ms-box-shadow: 1px 1px 10px 0px #f1f1f1;
    -o-box-shadow: 1px 1px 10px 0px #f1f1f1;
    box-shadow: 1px 1px 10px 0px #f1f1f1;
    margin-bottom: 10px;
    background-color:#fff;
    border-radius:4px;
}
.sc-content .panel-wrap .panel-header {
    padding: 10px 20px;
    border-bottom: 1px solid #eee;
    width: 100%;
    float: left;
    position:relative;
}
.sc-content .panel-wrap .panel-header h3, 
.sc-content .panel-wrap .panel-header h4 {
    margin: 0;
    padding-bottom: 0;
    padding-top: 0 !important;
    font-size: 16px;
    font-weight: bold;
}
.sc-content .panel-wrap .panel-header  i {
    color:#0E7AA4;
}
.sc-content .panel-wrap .panel-body {
    padding: 15px 20px;
    width:100%;
    float:left;
}
.sc-content .form-group label.align-middle {
    height:34px;
    vertical-align:middle;
    display:table-cell;
    padding-top:0;
    min-width:273px;
}
.sc-content .title-right {
    text-align:right;
}
.sc-content .verify-info .panel-header a {
    float:right;
}
.sc-content .verify-info .panel-body  p {
    margin-bottom:5px;
}
.sc-content .panel-footer {
    width:100%;
    float:left;
    background: #fff;
    padding: 10px 20px;
    border-top: 1px solid #eee;
}
.sc-content .request-schools .panel-footer a {
    display: block;
    text-align: center;
    border-top: 1px solid #eee;
    padding-top: 10px;
    margin-top:10px;
}
.sc-content .request-schools .panel-footer a.collapsed {
    border-top:none;
    padding-top:0;
    margin-top:0;
}
.sc-content .request-schools .panel-footer a.collapsed:before {
    content:"\f055";
    font-family: 'fontAwesome';
    margin-right:5px;
}
.sc-content .request-schools .panel-footer a.collapsed:after {
    content:'Add Additional Schools';
}
.sc-content .request-schools .panel-footer a:before {
    content:"\f056";
    font-family: 'fontAwesome';
    margin-right:5px;
}
.sc-content .request-schools .panel-footer a:after {
    content:'Hide';
}
.sc-content .request-schools {
}

/* -------------------- New activity styles --------------- */

.activity-panel-wrap {
    width: 100%;
    float: left;
    border: 1px solid #eee;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 4px 10px rgba(204, 204, 204, 0.25) !important;
    margin-bottom:1.25rem;
    position:relative;
}
.activity-panel-wrap .d-flex {
    display:flex;
    min-width:1px;
}
.activity-panel-wrap a,
.activity-panel-wrap button {
    -webkit-transition: 0.2s ease-in-out !important;
    -moz-transition: 0.2s ease-in-out !important;
    -ms-transition: 0.2s ease-in-out !important;
    -o-transition: 0.2s ease-in-out !important;
    transition: 0.2s ease-in-out !important;
    text-decoration:none;
}
.activity-panel-wrap .activity-panel-body {
    width: 100%;
    float: left;
}
.activity-panel-wrap .activity-panel-body .btn-info {
    position: absolute;
    right: 22px;
    top: 22px;
    background:none;
    color:#0E7AA4;
    border: none;
    font-size:16px;
    z-index:10;
}
.activity-panel-wrap .activity-panel-body .btn-info:hover,
.activity-panel-wrap .activity-panel-body .btn-info:focus,
.activity-panel-wrap .activity-panel-body .btn-info:active {
    color:#014466;
    outline:none;
}
.activity-panel-wrap .activity-panel-body .icon-container {
    width:150px;
    min-width:150px;
    float:left;
    background: #F2FAFB;
    min-height:125px;
}
.activity-panel-wrap .activity-panel-body .icon-container img {
    max-height:105px;
    max-width:100px;
    margin: auto;
}
.activity-panel-wrap .activity-panel-body .text-container {
    width: 100%;
    padding:20px 27px;
    min-height:125px;
}
.activity-panel-wrap .activity-panel-body .activity-content {
    width:100%;
    float:left;
}
.activity-panel-wrap .activity-panel-body h3 {
    width:100%;
    padding-right:40px;
    display:block !important;
    line-height:20px !important;
    margin-top:2px;
    margin-bottom:4px !important;
    padding:0;
}
.activity-panel-wrap .activity-panel-body h3 a {
    font-size: 20px;
    color:#014466 !important;    
    position:relative;
    margin:0 !important;
    padding:0 !important;   
    display: inline-block !important;
}
.activity-panel-wrap .activity-panel-body h3 a:hover {
    color:#0E7AA4 !important;
}
.activity-panel-wrap .activity-panel-body p {
    padding-top:4px !important;
    margin-bottom:10px;
}
.activity-panel-wrap .activity-panel-body a {
    font-size: 14px;
    font-weight:600;
    display:block;
    color:#0E7AA4 !important;
    text-decoration:none !important;
}
.activity-panel-wrap .activity-panel-body a:hover {
    color:#014466 !important;
}
.activity-panel-wrap .activity-panel-body .btn-apply {
    position:absolute;
    top:20px;
    right:30px;
    color: #fff !important;
    padding-left: 20px;
    padding-right: 20px;
}
.activity-panel-wrap .activity-panel-body .btn-apply:hover {
    color:#fff !important;
}
.activity-panel-wrap .meta-block {
    width:100%;
    float:left;
    margin:5px 0 0;
}
.activity-panel-wrap .meta-block .meta-pill {
    position:relative;
    background-color:#E8F7EF;
    display:inline-block;
    color:#014466;
    font-weight:600;
    border-radius:30px;
    padding: 8px 18px;
    font-size:14px;
    margin-bottom:5px;
    margin-right: 5px;
    height: 34px;
}
.activity-panel-wrap .meta-block .meta-pill .meta-count {
    background-color:#5BBCB1;
    color:#fff;
    font-weight:600;
    border-radius:20px;
    font-size: 12px;
    padding: 2px 10px;
    margin-right: 7px;
    display: inline-block;
    position:relative;
    float:right;
    top:-2px;
}
.activity-panel-wrap .meta-block .meta-pill .meta-count.right {
    margin-left:7px;
    margin-right:0;
}
.activity-panel-wrap .activity-panel-body .bottom-links {
    width: 100%;
    float: left;
    margin-top: 10px;
}
.activity-panel-wrap .activity-panel-body .bottom-links a {
    display:inline-block !important;
}
.activity-panel-wrap .activity-panel-body .bottom-links .comment-link {
    float:right;
    color:#014466 !important;
}
.activity-panel-wrap .activity-panel-body .bottom-links .comment-link:hover {
    color:#0E7AA4 !important;
}
.activity-panel-wrap .activity-panel-body .bottom-links .comment-link i {
    color:#0E7AA4 !important;
}
.activity-panel-wrap .activity-panel-body .bottom-links .comment-link .comment-count {
    color:#6a6a6a;
    font-weight:400;
    font-size:12px;
}


/* Responsive Styling */
@media only screen and (max-width: 1120px) 
{
    /* transcripts */
    .sc-content .form-group label.align-middle {min-width: 250px;max-width: 250px;}
    .sc-content .card-wrap .card-header .card-title {width:340px;}
}

@media only screen and (max-width: 1040px) 
{
    .sc-content {width: 920px;}

    /* saved colleges */
    .sc-content .search-wrap .multiSelectInput {width:497px !important;}
    .sc-content .search-wrap.full-width .multiSelectInput {width:734px !important; }
    .sc-content .card-wrap .card-header .card-title {width:260px;}

    /* transcripts */
    .sc-content .form-group label.align-middle {min-width: 220px;max-width: 220px;}
}

/*Bootstrap col-md break point to col-sm */
@media only screen and (max-width: 991px) 
{
    .sc-content {width:840px;}

    /* saved colleges */
    .sc-content .search-wrap .multiSelectInput {width:364px !important;}
    .sc-content .search-wrap.full-width .multiSelectInput {width:654px !important; }
    .sc-content .card-wrap .card-header .card-title {width:100%;}
    .sc-content .card-wrap .card-header .card-actions {width:100%;text-align:left;}
    .sc-content .card-wrap .card-header .card-actions p {float:right;margin-top:7px;margin-right:0;}

    /* modals */
    .sc-content .modal .form-group label.multi-line {padding-top:5px;margin-bottom:5px;}

    /* applications */
    .sc-content table .btn + .btn {margin-top:5px;display:block;}

    /* tasks */
    .sc-content .item-wrap .item-content .title {width:610px;}

    /* transcripts */
    .sc-content .form-group label.align-middle {min-width: unset;max-width: unset;vertical-align: unset;height: unset;padding: 5px 0;}

    /* new activity panel */
    .activity-panel-wrap .activity-panel-body h3 a {text-align:left;}

}
@media (min-width: 914px) 
{
    /* application tabs */
    .sc-content .app-tile .tab-v .panel-heading {display: none;}
    .sc-content .app-tile .tab-v .panel {border: none;box-shadow: none;}
    .sc-content .app-tile .tab-v .panel-collapse {height: auto;}
    .sc-content .app-tile .tab-v .panel-collapse.collapse {display: block;}
    .sc-content .app-tile .tab-v .tab-content .tab-pane.active .collapse {display:block;height:auto !important;padding-top:2px;}

}
@media only screen and (max-width: 913px) 
{
    .sc-content {width: 696px;}

    /* saved colleges */
    .sc-content .search-wrap .multiSelectInput {width:268px !important;}
    .sc-content .search-wrap.full-width .multiSelectInput {width:510px !important; }
    .sc-content .card-wrap .card-header .card-title {width:100%}
    .sc-content .card-wrap .card-body .detail-title i {display:none;}
    .sc-content .card-wrap .card-footer .accordion-heading .btn-primary,
    .sc-content .card-wrap .card-footer .accordion-heading .btn-scatter {width: 100%;display: block; margin-top: 0;margin-bottom:5px;}
	
	/* mobile menu */
	.sc-header nav .menuBtn {display:inline-block;}
	.sc-header nav ul {display:none;background-color: #fbfbfb;border-top: 1px solid #eee;padding:10px 0;width: 100%;float: left;}
	.sc-header nav ul li {display:block;margin:0;}
	.sc-header nav ul li a {padding: 8px 20px;margin:0;border-bottom:none !important;}

    /* application tabs */
    .sc-content .app-tile .tab-v .tab-content {padding:0 !important;}
    .sc-content .app-tile .tab-v .tab-content .tab-pane {display: block;}
    .sc-content .app-tile .tab-v .nav-tabs {display: none;}
    .sc-content .app-tile .tab-v .panel-heading { border-top: 1px solid #eee; padding:0;border-bottom:none;background-color: transparent !important;}
    .sc-content .app-tile .tab-v .panel-heading a {display: block;margin:0;padding:10px 25px 10px 15px;}
    .sc-content .app-tile .tab-v .panel-heading a.collapsed .icon-toggle::before {content: "\f055";font-family: FontAwesome;}
    .sc-content .app-tile .tab-v .panel-heading a .icon-toggle::before {content: "\f056";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;font-size: 14px;position: relative;margin-right: 5px;top: 0px;}
    .sc-content .app-tile .tab-v .panel-body { border-top: 1px solid #eee; padding:15px 15px 10px 15px !important;background-color:#fff;}
    .sc-content .app-tile .tab-v .panel-body h4 {font-size:14px;margin-top:5px;}
    .sc-content .app-tile .tab-v .panel {margin: 0;box-shadow: none;border-radius: 0;margin-top: -2px;}
    .sc-content .app-tile .tab-v .tab-pane:first-child .panel {border-radius: 5px 5px 0 0;}
    .sc-content .app-tile .tab-v .tab-pane:first-child .panel-heading {border-top:none;}
    .sc-content .app-tile .tab-v .tab-pane:last-child .panel {border-radius: 0 0 5px 5px;}
    .sc-content .app-tile .tile-body .tab-v .icon-selected {top:10px;right:10px;}
    .sc-content .app-tile .tile-body .tab-v .icon-selected::after {right:0;font-size:16px;}

    /* notes */
    .sc-content .btn-trash {opacity:1;}
    .sc-content .item-wrap .item-content .item-right .btn-default {opacity:1;}

    /* tasks */
    .sc-content .item-wrap .item-content .title {padding-left:30px;display:block;width:inherit;}
    .sc-content .item-wrap .item-content .item-right {float:left;width: 100%;padding-left: 30px;}
    .sc-content .item-wrap .item-content .date {padding-top:8px;}
    .sc-content .item-wrap .item-content .item-body.height-control {height: auto;}
    .sc-content .item-wrap .item-content .item-body p {padding-right:0;}
    .sc-content .item-wrap .item-content .item-body .button-row.height-control {height: auto;}
    .sc-content .item-wrap .item-content .item-body .button-row { margin-top:10px;}
    .sc-content .item-wrap .item-content .item-body .button-row .note-actions {position:relative;top:inherit;right:inherit;display:inline-block;}
    .sc-content .item-wrap .item-content .item-body .button-row .note-actions a {opacity:1;padding: 5px 8px;height:30px;}
    .sc-content .task-container.archive .item-wrap .item-content .title {padding-left:0;}
    .sc-content .task-container.archive .item-wrap .item-content .item-right {text-align:left;padding-left:0;margin-top:8px;}
    .sc-content .item-wrap.disabled .button-row {display:none;}
    .sc-content .completed-tasks .item-wrap .item-content .item-body {display:none;}
    .sc-content .completed-tasks .item-wrap .item-content .checkbox-wrap {position:relative;z-index:20;}

}

/*Bootstrap col-sm break point to col-xs */
@media only screen and (max-width: 767px) 
{
    .sc-content {width: 568px;}
    .d-xs-block {display:block !important;}
    .d-xs-inline-block {display:inline-block !important;}
    .d-xs-none {display:none !important;}
    .sc-content .table-responsive {-ms-overflow-style:inherit;}
    .sc-content .table-responsive {width: 100%; overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;border: 1px solid #e7ecf1;}

    /* saved colleges */
    .sc-content .search-wrap .multiSelectInput {width:382px !important;}
    .sc-content .btnCollapse {display:none;}
    .sc-content .task-wrap .task-item p.t-name {display: block;}
    .sc-content .task-wrap .task-item p {display:inline-block;}
    .sc-content .task-wrap .task-item p.t-date {float:right;}
    .sc-content .task-wrap .task-item:nth-child(4),
    .sc-content .task-wrap .task-item:nth-child(5),
    .sc-content .task-wrap .task-item:nth-child(6),
    .sc-content .task-wrap .task-item:nth-child(7),
    .sc-content .task-wrap .task-item:nth-child(8){display:none;}
    .sc-content .task-wrap.scroll .task-inner {max-height:197px;}
    .sc-content .task-wrap.scroll .task-item:nth-child(4),
    .sc-content .task-wrap.scroll .task-item:nth-child(5),
    .sc-content .task-wrap.scroll .task-item:nth-child(6),
    .sc-content .task-wrap.scroll .task-item:nth-child(7),
    .sc-content .task-wrap.scroll .task-item:nth-child(8){display:block;}
    .sc-content .title-upcoming{margin-bottom:10px !important;}
    .sc-content .task-wrap.general .task-item .checkbox-wrap + p {padding-left:0px;}
    .sc-content .card-wrap .card-header .card-title {width:100%;}
    .sc-content .card-wrap .card-header .card-actions {float: left; width: 100%; text-align: left;}
    .sc-content .card-wrap .card-header .card-actions .more-wrap .more-options {right:inherit;}
    .sc-content .card-wrap .card-body .detail-title i {display:inline-block;}
    .sc-content .card-wrap .card-body .detail-title + p {margin-bottom:10px;}
    .sc-content .card-wrap .card-body .col-xs-12:last-child .detail-title + p {margin-bottom:0px;}
    .sc-content .task-item .t-date {text-align:left;}

    /* notes */
    .sc-content .masonry .masonry-item {width:calc(50% - 10px);}
    .sc-content .upload-container .well {display:none;}
    .sc-content .upload-container .btn-row p {display:none;}

    /* forms */
    .sc-content .form-group label {text-align:left;font-weight:600;}
    .sc-content .form-group p.label {text-align: left;width: 100%;display: block;padding:5px 0 0 0 !important;font-weight:600;}
    .sc-content .form-group label.first {padding-top:0 !important;}
    .sc-content .form-group p.label.first {padding-top:0 !important;}
    .sc-content .form-group p {text-align:left;}
    .sc-content .form-group .status {text-align:center;}
    .sc-content .form-group label.multi-line,.sc-content .form-group p {margin-bottom:5px;padding-top: 5px;}
    .sc-content .radio-style input[type="radio"] + label, .sc-content .checkbox-style input[type="checkbox"] + label {font-weight:normal;}
    .sc-content .multiSelectInput .ui-multiselect ul li label {font-weight:normal;}
    .sc-content .form-container .form-group label {padding-top:0;}
    .sc-content .item-wrap .form-container .btn {display:block;width:100%;}
    .sc-content .item-wrap .form-container .btn-primary{margin-bottom:5px;}
    .sc-content .suggestion-item p {text-align:left;}
    .sc-content .suggestion-item .btn {margin-top:5px;}

    /* applications */
    .sc-content table .btn + .btn {margin-top:0;}
    .sc-content .app-tile .tile-body .tab-content h4.title {display:block;width:100%;}
    .sc-content .app-tile .tile-body .tab-content h4.title a {float:none; display:block; width:100%;margin-top:5px;}
    .sc-content .form-group .form-container.verify {margin-top:10px;margin-bottom:10px;}
    .sc-content .form-group .form-container.verify .form-body .col-md-3 p {font-weight:600;margin-bottom:0;}
    .activity-panel-wrap .activity-panel-body .btn-apply {position: relative;top: unset;right: unset;display: inline-block;margin-top: 10px;}

    /* modals */
    .sc-content .modal .form-group label {text-align:left;}

    /* alerts */
    .sc-content .alert .alert-link {font-size:13px;}

    /* brag sheet */
    .sc-content .nav-stacked {margin-bottom:20px;}

    /* rec/trans child row message */
    .sc-content table tr.child .msg-wrap .msg-status {margin-bottom:10px;}
    
    /* trascripts */
    .sc-content .title-right {text-align:left;}
    .sc-content .verify-info {margin-top:10px;}
    .sc-content .verify-info .panel-body .row  {margin-bottom:10px;}
    .sc-content .verify-info .panel-body .text-right p {font-weight:bold;}
    .sc-content .verify-info .panel-body p {margin-bottom:0;}

    .sc-content .request-schools {margin-top:10px;}
    .sc-content .request-schools .group-school input {margin-bottom:5px;}
    .sc-content .request-schools .group-school .btn-default {margin-bottom:5px;}

    .sc-content .empty-wrap.counselor .panel-icon {text-align:center;}
    .sc-content .empty-wrap.counselor .panel-content {text-align:center;padding:20px 40px 0;}
    .sc-content .empty-wrap.counselor .panel-content .form-control {max-width:unset;}
    .sc-content .empty-wrap.counselor .panel-content label {text-align:center;}

}


@media only screen and (max-width: 640px) 
{
	.sc-header {padding: 0;}
    .sc-content {width: 420px;}
    .sc-content .float-640-none {float:none !important;}
    .sc-content .width-640-full {width:100%;display:block;}
    .sc-content .mt-640-10 {margin-top:10px !important;}
    .sc-content .mb-640-5 {margin-bottom:5px !important;}

    /* saved colleges */
    .sc-content .search-wrap .multiSelectInput {width:250px !important;}
    .sc-content .search-wrap button {padding: 7px 0px;width: 127px;text-align: center;}
    .sc-content .task-wrap .task-item p {display:block;}
    .sc-content .task-wrap .task-item p.t-date {float:none;}
    .sc-content .task-wrap.general .task-item .checkbox-wrap + p {padding-left: 28px;}
    .sc-content .card-wrap .card-header .card-actions .more-wrap {float:left;}
    .sc-content .card-wrap .card-header .card-actions .more-wrap .more-main {margin-top:0;margin-right:5px;}
    .sc-content .card-wrap .card-header .card-actions .more-wrap .more-option {top:38px;}
    .sc-content .top-btns .sc-tabs + span {position: relative;right: 0;width: 100%;margin-top:10px;}
    .sc-content .top-btns .sc-tabs + span .btn-sort {float:left;}

    /* notes */
    .sc-content .masonry .masonry-item {width:calc(100% - 10px);}
    .sc-content .upload-container .btn-row label {width:100%;margin-bottom:10px;}

    /* recommendations */
    .sc-content table tr.child .msg-wrap .msg-status {clear: both;float: left;width: 100%;display:block;top: 0;padding: 5px 0;}
    .sc-content table tr.child .msg-wrap .msg-status span {float:right;}
    .sc-content table tr.child .msg-wrap .msg-status span.status {float:left;}

    /* transcripts */
    .sc-content .container-right {float:none;}
    .sc-content .counselor-selection {display: inline-block;margin-top:10px;}
    .sc-content .container-right .btn {display:inline-block;margin-top:10px;}

    /* Tasks */
    .sc-content .empty-wrap {padding:30px 20px !important;}
    .sc-content .modal-dialog {margin:0;}
    .sc-content .modal-body .sc-tabs {border-bottom:none;}
    .sc-content .modal-body .sc-tabs li {width:100%;padding-left:0;padding-right:0;}
    .sc-content .modal-body .sc-tabs li a {border-bottom: 1px solid #eee;background-color:transparent;}
    .sc-content .modal-body .sc-tabs li.active a {border-bottom: 2px solid #0E7AA4;}

    /* new activity panel */
    .activity-panel-wrap .msg-wrap .msg-complete, .activity-panel-wrap .msg-wrap .msg-incomplete {text-align:left;}
    .activity-panel-wrap .activity-panel-body {display:block;}
    .activity-panel-wrap .activity-panel-body .icon-container {width: 100%;min-width: unset;}
    .activity-panel-wrap .activity-panel-body .text-container {width: 100%;display:inline-block;min-width: unset;}
    .activity-panel-wrap .activity-panel-body h3 {padding-right:0;}

}

@media only screen and (max-width: 480px) 
{
	.sc-content {width: 315px;}
    .sc-content .xs-d-block {display:block;}
    .sc-content .xs-float-none {float:none !important;}
    .sc-content .mt-480-5 {margin-top:5px !important;}
    .sc-header .deadline-title {display:none;}

    /* saved colleges */
    .sc-content .search-wrap .multiSelectInput {width:100% !important;}
    .sc-content .search-wrap button {width:100%;margin: 5px 0 0 0;text-align: center;max-width: inherit;}
    .sc-content .btn-add {padding: 7px 9px; font-size: 13px;}
    .sc-content .btn-add span {display:none;}
    .sc-content .card-wrap .accordion-style .accordion-heading a {width: 100%;display: block;position: relative;clear: both;}
    .sc-content .card-wrap .accordion-style .accordion-heading a.collapse-toggle {padding-top:5px;}
    .sc-content .card-wrap .card-header .card-actions p {float: none;width: 100%;margin-bottom: 10px;}

    /* applications */
    .sc-content .app-tile.apply .tile-body .tab-content .icon-wrap {width:100%;padding:0;}
    .sc-content .app-tile.apply .tile-body .tab-content .icon-wrap span::before {position:relative;margin:0 auto;}
    .sc-content .app-tile .tile-body .date-wrap {width:100%;}
    .sc-content .app-tile .tile-body .content-wrap {width:100%;padding:0;float:left;margin-top:20px;text-align: center;}
    .activity-panel-wrap .meta-block .meta-pill {height:unset;}
    .activity-panel-wrap .meta-block .meta-pill .meta-count {position:relative;float: none;top: unset; }

    /* recommendations */
    .sc-content table .status {width:60px;}
    .sc-content .link-cancel {float:none;display:block; margin-top:15px !important;}
    .sc-content table tr.child .msg-wrap .title .title-date {float:none;display: block; margin-bottom: 10px;}

    /* tasks */
    .sc-content .task-container .width-full.task-btn-row .btn-large {margin-top:0;}
    .sc-content .task-container .width-full.task-btn-row a {margin-top: 10px;display: block;width: 100%;text-align: center;}
    .sc-content .empty-wrap {padding-top:30px;}
    .sc-content .empty-icon {background-size: 150px auto !important;height: 119px;width: 150px;}
    .sc-content .empty-wrap.task-empty .empty-icon {height:128px;width:150px;}
    .sc-content .empty-wrap.upcoming .empty-icon {background-size:115px auto !important;}
    .sc-content .empty-wrap.archive .empty-icon {background-size: 133px auto !important;height:105px;width:132px;}
    .sc-content .completed-tasks.first .separator {display:none;}
    .sc-content .completed-tasks.first a {display:block;width:100%;margin-top:5px;}
    .sc-content .datepicker-wrap {width:243px;}
    .sc-content .datepicker-wrap .datepicker-input-icon {width:243px;}
    .sc-content .empty-wrap.completed .btn-default {margin-top:5px;}
    .sc-content .empty-wrap.completed .empty-icon {height:126px;width:150px;}
    .sc-content .empty-wrap.note .empty-icon {height:121px;width:150px;}
    .sc-content .empty-wrap.transcript .empty-icon {height:135px;width:152px;}
    .sc-content .empty-wrap.recommendation .empty-icon {height:130px;width:148px;}
    .sc-content .empty-wrap.app-progress .empty-icon {height:142px;width:150px;}
    .sc-content .empty-wrap.saved-college .empty-icon {background-size:160px auto !important;height:100px;width:166px;}

    /* forms */
    .sc-content .ui-multiselect-panel {max-width:315px;}

    /* modals */
    .sc-content .modal-footer .btn {display:block;width:100%;}
    .sc-content .modal-footer .btn-default {margin-top:5px;margin-left:0 !important;}
    .sc-content .modal-footer .num-count {width: 100%;display: block;text-align: center;margin-bottom: 10px;}

    /* transcripts */
    .sc-content .verify-info .panel-header a {float:none;display: block;margin-top: 5px;}
    .sc-content .empty-wrap.counselor .panel-content {text-align:center;padding:20px 20px 0;}

    /* new activity panel */
    .activity-panel-wrap .activity-panel-body .bottom-links .comment-link {float: left;display: block;width: 100%;margin-top: 5px;}

}
@media only screen and (max-width: 375px) 
{
    .sc-content {width: 260px;}
    .sc-content .btn-sort i, .sc-content .btn-filter i {margin-right: 0;}
    .sc-content .btn-text {display:none;}
    .sc-content .card-wrap .accordion-style .accordion-heading a {font-size:13px;}
    .sc-content .card-wrap .card-footer .btn-primary { font-size: 11.5px !important;margin-top:0;}

    /* saved colleges */
    .sc-content .card-wrap .accordion-style .accordion-heading a span.link-arrow {display:block;}

    /* applications */
    .sc-content .app-tile .tile-body ul li {padding:0px 8px;}
    .sc-content .app-tile .tile-body ul li a {font-size:13px;}

    /* recommendations */
    .sc-content.rec .btn-row .btn-primary {    float: left !important;margin-top: 10px;width: 100%;}
    .sc-content.rec table.dataTable thead .sorting:after, .sc-content table.dataTable thead .sorting_asc:after, .sc-content table.dataTable thead .sorting_desc:after { top: 30%;}

    /* Tasks */
    .sc-content .datepicker-wrap {width:188px;}
    .sc-content .datepicker-wrap .datepicker-input-icon {width:188px;}
    .sc-content .item-wrap .item-content .item-body .button-row a {margin-bottom:5px;}
    .sc-content .item-wrap .item-content .item-body .button-row .note-actions a {margin-bottom:5px;}
    .sc-content .task-container .item-wrap .item-content {padding:10px 0 5px;}
    .sc-content .empty-wrap a {margin-top:5px;}

     /* forms */
    .sc-content .ui-multiselect-panel {max-width:260px;}

    /* brag sheet */
    .sc-content .panel-single .panel-heading .panel-title small {float: none;display: block;width: 100%;padding-top: 5px;}

}

@media only screen and (max-width: 320px) 
{
    .sc-content {width: 250px;}

    /* forms */
    .sc-content .ui-multiselect-panel {max-width:250px;}

    /* recommendations */
    .sc-content.rec table thead .title-actions {width:auto;}
    .sc-content.rec table thead .title-actions span {display:none;}
    .sc-content.rec table tbody td .btn-default i {margin-right:0 !important;}
    .sc-content.rec table tbody td .btn-default span {display:none;}
    .sc-content.rec table thead .title-requester {min-width:70px;}

    /* Tasks */
    .sc-content .datepicker-wrap {width:178px;}
    .sc-content .datepicker-wrap .datepicker-input-icon {width:178px;}

    /* saved colleges */
    .sc-content .sc-tabs li a {font-size:12px;}
}