@import url("/ui/apps/themes/uilibrary/bootstrap.min.css");
/*@import url("/ui/apps/themes/uilibrary/aspdp-theme-kendo.css");*/
@import url(aspdp-theme-kendo.css);
@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc2/css/bootstrap-glyphicons.css");

/* line 2, ../sass/_header.scss */
.header {
  background: #f9f9f9;
}

/* line 5, ../sass/_header.scss */
.header .app-banner {
  padding: 15px;
}
/* line 9, ../sass/_header.scss */
.header .app-title {
  font-family: "Helvetica Neue", sans-serif;
  font-size: 35px;
  font-weight: bold;
  text-align: right;
  color: #6699cc;
  /*padding-top: 5px;  */
}
/* line 18, ../sass/_header.scss */
.header .app-sub {
  background-color: #6699cc;
  color: #e7ecf2;
  min-height: 10px;
}
/* line 24, ../sass/_header.scss */
.header .logo{height: 40px;
  margin: 7px 0;
  /*background: url("/ui/apps/sites/aspdp/images/doe-logo-h.png") no-repeat;  */
}
.jtron {
    background:url("../images/home-banner.jpg") no-repeat #2a4c66;
    background-position: right;
}
html, body {
  height: 100%;
}
/* line 1, ../sass/_navbar.scss */
.navbar {
  min-height: 41px;
  border-radius: 0;
  margin-bottom: 0;
}

/* line 7, ../sass/_navbar.scss */
.navbar-default {
  background-color: #e7ecf2;
  border-top: 1px solid #cfd5dc;
  border-bottom: 1px solid #cfd5dc;
  z-index: 1000;
}
/* line 12, ../sass/_navbar.scss */
.navbar-default .container {
  padding-left: 0;
}
/* line 18, ../sass/_navbar.scss */
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active a:focus {
  background-color: #6699cc;
  color: white;
}
/* line 21, ../sass/_navbar.scss */
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active a:focus:hover {
  color: white;
  background-color: #6699cc;
}
/* line 30, ../sass/_navbar.scss */
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li a:focus {
 /* color: #748da9;  
  font-family: sans-serif; */
  text-decoration:none; 
}
/* line 33, ../sass/_navbar.scss */
.navbar-default .navbar-nav > li > a:hover{ 
 
  background-color: #f9f9f9;
}

/* line 39, ../sass/_navbar.scss */
.navbar-default .navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-color: #cfd5dc;
  background-color: #f9f9f9;
}
/* line 45, ../sass/_navbar.scss */
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #748da9;
  padding: 5px 20px;
  font-family: "Roboto";
}
/* line 49, ../sass/_navbar.scss */
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-default .navbar-nav > li a:focus:hover, .k-link:hover {
  /*background-color: #e7ecf2;  */
}
.k-link:hover {
background: none !important;
}
/* line 58, ../sass/_navbar.scss */
.navbar-default .navbar-nav .dropdown .open {
  background-color: #748da9;
}
/* line 62, ../sass/_navbar.scss */
.navbar-default .navbar-nav .dropdown .divider {
  margin: 5px 0;
}
/* line 70, ../sass/_navbar.scss */
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  color: #748da9;
  background-color: #f9f9f9;
}
form {
    height: 100%;
   
}
/* line 81, ../sass/_navbar.scss */
.btn-search,
.form-search {
  color: #748da9;
  border-color: #cfd5dc;
  border-radius: 3px;
}

/* line 88, ../sass/_navbar.scss */
.btn-search:hover {
  background-color: #f9f9f9;
  border-color: #cfd5dc;
}

/* line 94, ../sass/_navbar.scss */
.navbar-nav > li > a, .k-menu .k-item>.k-link {
  padding: 15px 15px;
  font-size: 14px;
  color: #556677;
  font-family: "Roboto", sans-serif; 
}

/* line 1, ../sass/_body.scss */
body {
 font-family: "Roboto", sans-serif;    
 font-size:14px;

 }
/* ------------------------ */
.fullname {
	font-size:80%;
}
.app-name {
float:right;
}
#divspinner {
	margin: 0px;
	padding: 0px;
	position: fixed;
	right: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #666666;
	z-index: 30001;
	opacity: .8;
	filter: alpha(opacity=70);
	display: none;
}
#divspinner p {
	position: absolute;
	top: 30%;
	left: 45%;
	color: White;
}
/* line 6, ../sass/_body.scss */
.btn {
  border-radius: 3px;
}

/* line 10, ../sass/_body.scss */
.btn-danger {
  background-color: #c9302c;
  border-color: #c9302c;
}
/* line 13, ../sass/_body.scss */
.btn-danger:hover {
  background-color: #ac2925;
  border-color: #ac2925;
}

/* line 19, ../sass/_body.scss */
.btn-default {
  border-color: #cfd5dc;
  color: #777777;
}
/* line 22, ../sass/_body.scss */
.btn-default:hover {
  background-color: #e7ecf2;
  border-color: #cfd5dc;
  color: #777777;
}

/* line 29, ../sass/_body.scss */
.btn-primary {
  background-color: #6699cc;
  border-color: #6699cc;
}
/* line 32, ../sass/_body.scss */
.btn-primary:hover {
  background-color: #4477aa;
  border-color: #4477aa;
}

/* line 38, ../sass/_body.scss */
.btn-success {
  background-color: #77bb44;
  border-color: #77bb44;
}
/* line 41, ../sass/_body.scss */
.btn-success:hover {
  background-color: #559933;
  border-color: #559933;
}

/* line 47, ../sass/_body.scss */
.btn-warning {
  background-color: #ff9933;
  border-color: #ff9933;
}
/* line 50, ../sass/_body.scss */
.btn-warning:hover {
  background-color: #bb6622;
  border-color: #bb6622;
}

/* line 56, ../sass/_body.scss */
h1, .main-content .page-title {
  color: #446699;
  font-size: 32px;
  margin-top: -5px;
  margin-bottom: 15px;
 font-family: 'Helvetica Neue', sans-serif;
}

/* line 66, ../sass/_body.scss */
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
  text-decoration: none;
  background-color: #e7ecf2;
}

/* line 72, ../sass/_body.scss */
a.list-group-item,
button.list-group-item {
  color: #748da9;
}

/* line 76, ../sass/_body.scss */
.list-group-item {
  background-color: #f9f9f9;
  border-color: #cfd5dc;
}

/* line 81, ../sass/_body.scss */
.list-group-item:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

/* line 86, ../sass/_body.scss */
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

/* line 94, ../sass/_body.scss */
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
  background-color: #6699cc;
  border-color: #6699cc;
}

/* line 99, ../sass/_body.scss */
.main-wrap {
    min-height: 500px;
    /*color: #777777;  */
    color:#444;
    background-color: white;
    padding-bottom: 30px;
    line-height:21px;
}
/* line 105, ../sass/_body.scss */
.main-wrap .container {
  padding-top: 30px;
}
.form-group .multi-line {
    background:#fff !important;
    line-height: 22px;
    padding: 9px;
}
}
/* line 120, ../sass/_body.scss */
.panel {
 border-radius: 3px;
 /*   width: 46%;
    float: left;
    margin: 15px 10px;  */
}
.home-panel .panel { padding:15px 0px;}
/* line 124, ../sass/_body.scss */
.panel-default {
  border-color: #cfd5dc;
}
/* line 127, ../sass/_body.scss */
.panel-default .panel-heading {
  color: #748da9;
  background-color: #f9f9f9;
  border-color: #cfd5dc;
}

/* line 134, ../sass/_body.scss */
.panel-title {
  font-weight: bold;
  font-family: sans-serif;
}

/* line 1, ../sass/_footer.scss */
.footer {
   /* border-top: 1px solid #cfd5dc;
    background-color: #f9f9f9;
    padding: 25px 0;
    font-size: 12px;
    color: #748da9; */
}

.footer a { color: #748da9;}
 .footer a:hover { color:#2174c7;}

/* Login BOX */
.login_box {
   
    color: #3b3a3a;
    font-size: 13px;
    min-height: 336px;
    padding: 20px 40px;
    max-width: 350px;
    border: 1px solid #999;
  /*  background: -webkit-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
    background: -moz-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
    background: linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#CCCCCC',GradientType=0 );  */
    background: #e7ecf2;
    border: 1px solid transparent;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);  
}
.login_box h2 {
   margin-top:10px;
}
.login_page {
 margin: 4% auto;
}
label {
    font-size: 14px;
}

.sign-in .form-control {
    margin-bottom: 15px;
    margin-top: -3px;
    width:100%;
   

}
.login_box .forgot_pwd { border-radius:6px;}
/* .btn-success {
    border-radius: 6px;
    font-weight: normal;
    line-height: .2em;
    margin: 6px auto 20px;
    max-width: 100%;
    padding: 18px;
    width: 100%;
    text-transform :uppercase;
}  */
.sign-in input[type=checkbox] {
position:relative;
top:3px;
}
.sign-in .read_terms {
    font-size: 12px;
    line-height: 12px;
}
.signin-btn {
margin-top: 15px;
 color:#fff !important;
}
.forgot_pwd a, .links {
font-size:13px;
}
.title {
    text-align: center;
    color: #6699cc;
}
h3, h4{color: #6699cc; line-height:24px;}
.footer .right {
text-align :right;
}
.val {
  color: #de1500;
  font-size: 14px;
  min-height: 16px;
  line-height: 1.5em;
  text-align: left;
}
.k-menu .k-item, .k-menu.k-header {
    background-color: none;
    border:none;
}
.k-menu .k-item, .k-widget.k-menu-horizontal > .k-item {
border:none;
}
#menu{
    background:none;
}
/*.k-menu .k-animation-container, .k-popup .k-animation-container, k-state-border-down,k-state-hover {
background:#f9f9f9;
} */
.k-menu .k-item:hover {
    color: #748da9;
    background-color: #f9f9f9 !important;  
}
.k-group, .k-menu-group, .k-state-border-up {
margin-top: 0;
    border-color: #cfd5dc;
    background-color: #f9f9f9 !important;
}
.k-menu-group li.k-item span:hover {
/*background:#e7ecf2 !important;  */
}
.login_box .frow {
margin:5px 0px;
}
.login_box .Terms {
position:relative;
top:2px;
}
#validationSummary ul {
padding: 0px 12px 0 12px;
}
.k-dropdown-wrap {
 background:#fff !important;
 border:none;
}
.k-list .k-state-hover {
 background:#80B34E;
color:#fff;  

}

.contact-text {
    color: #5590bb;
}
.contact-text .form-control-label {
    font-weight:bold;    
    }
.k-state-focused {
box-shadow:none !important;
}
.k-list-optionlabel:hover {
color:#fff !important;
}
.btn-success {
width:auto;
}
.label-right-align {
 /* text-align:right;  */
}
.k-menu .k-state-selected > .k-link {
background:none !important;
}
.required:after {
    content: " *";
    color: red;
}
.name-box .inline {
display:inline-block;
}
.name-box label {
display:block;
}
.btn-cancel {
    background-color: #9E9E9E;
    color:#fff;
}
 .btn-cancel:hover {
    background-color: #bdbdbd;    
    color:#fff;
}
.k-textbox {
border-radius:4px !important;
}
option:checked, option:hover, option:focus {
  /*  color: white;
    background:#80b34e ;   */
}
.custom-dropdown {
    border: 1px solid #ccc !important;
    border-radius: 2px;
    width:100%;
}
.notes ul {
    padding:0px;
}
.notes ul li {
   list-style:inside;
    }
.news {
    margin-bottom: 3%;
    float: left;
    width: 100%;
}
.home-panel { 
    text-align:center; 
    width: 100%;
    /*padding:15px 0px;*/
    float:left; 
 }
.home-panel:hover { /*background:#f9f9f9; */ cursor:pointer;
    }
.home-panel a { color:#666;}
.home-panel a:hover { text-decoration:none;color:#6699cc;}
.home-panel img { margin:0 auto 15px;}
.k-window-titlebar {color: #FF850C;}
.k-window-content {color:#777;}
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-title {
color: #6699cc; font-weight: bold; font-size: 16px;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events:all;
}
.underline { text-decoration:underline;}
.instructions { font-size:12px; }
.description {
 background:#E7ECF2;
 margin:0px;
 padding:15px 0px;
 margin:10px 0px;  
border-radius: 10px; 
font-size:26px;
color:#6699CC;
}
.description:hover { background:#c2c8ce;color:#FFF;border-color:#999 }
.popover-content ul { padding-left:15px;}
.continue-btn {
margin-top:15px;
}
.continue-btn a {
    color: #428bca;
    font-weight:bold;
    padding: 7px;
    border-radius: 7px;
    text-decoration: none;
    float:right;
}
.success-msg {
  color: #559933;
  font-weight: bold;
  margin-bottom: 10px;
}
.bg {
 /*background:url("../images/test1.JPG") repeat; 
 min-height:500px; */
/*background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(231,236,242,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(231,236,242,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(231,236,242,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(231,236,242,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(231,236,242,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(231,236,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7ecf2', GradientType=0 );  */
}
/*Bootpstrap popup window resize*/
 .modal-body {max-height: calc(100vh - 210px); overflow-y: auto;}

 .errorClass {
    border-color: rgba(229, 103, 23, 0.8) !important;
    box-shadow: 0 1px 1px rgba(229, 103, 23, 0.075) inset, 0 0 8px rgba(229, 103, 23, 0.6);
    outline: 0 none;
}
.main-body {
 min-height: 100%;
  margin-bottom: -95px; /* equal to footer height */
}
.main-body:after {
  content: "";
  display: block;
}

.footer, .main-body:after {
  height: 95px;
}

.footer-container {
  border-top: 1px solid #cfd5dc;
  background-color: #f9f9f9;
  padding: 23px 0;
  position: relative;
  top: 30px;
  width: 100%;
  height: 65px;
  color: #748da9;
  font-size: 12px;
}
.profile-name {
margin:0px;
}
.k-state-disabled {
    background: #eee !important;
    height:auto;
    color:#555;
}
.meta {
    color: #444;
    list-style: none;
    margin: 0;
    padding: 0;
 }
.meta-content {
    float:left;
    width:100%;
    height: auto;
    padding: 8px 0;
    border: #cecebf solid;
    border-width: 1px 0;
    margin-bottom:1%;
 }
.meta li{
    float: left;
    padding: 0 3%;
    border-right: 1px #cecebf solid;
}
 .meta li:first-child {
 padding-left:0;   
 }
.meta li:last-child {
 padding-right:0;   
 }
.meta li:last-child {
    border-right: 0;
}
.blog-title {
float:left;
width:100%;
margin-top:0;
}
.blog-entry {
width:100%;
}
.form-control.k-widget {
    height:auto;
}

.main-wrap-login {
background:none;
}

/* Kendo Grid styles Starts */
.colowrap {
white-space:normal;
}
.k-alt:hover {
/*background:#eef2ff !important; */
}
.k-grid tr.k-detail-row:hover {
    background:#E8EEEF;
}
.k-grid tr.k-detail-row {
background:#E8EEEF;
}
.no-scrollbar .k-grid-header
{
padding: 0 !important;
}

.no-scrollbar .k-grid-content
{
/*overflow-x: visible; */
}
.k-grid-content {
height:auto !important; 
}

.common-grid th.k-header, .table-striped th.k-header {
background:none;
font-size:13px;
font-weight:bold;
}
.common-grid tr:hover{
    background:#C6DFB5 ;
}
.common-grid tbody tr, .common-grid tbody tr:hover  {
background:#fff ;
}

 .common-grid tbody tr.k-alt:hover {
background:#f1f1f1;
}
.common-grid .form-control{ width:40%;}
.k-grid thead:first-child tr{
    display:none;
}
.form-control {
    color:#444;
}
.k-grid  .k-grid-header  .k-header {
    white-space: normal;
    border-color: #999;
}
.k-hierarchy-cell .k-link{
    font-size: 18px;
    color: #6699cc;
}
.k-master-row, .k-master-row tr:hover {
margin:15px 0px;
background:#e8eeef !important;
font-weight: bold;
}
.k-master-row td {
 border:none;
    }
.k-alt, k-alt tr:hover {
background:#f4f7f8 !important;
}

.k-grid .k-detail-cell {
padding:15px 0 !important;
background: none !important;
}
.k-selectable .k-state-selected, .commom-grid .k-selectable tr.k-alt {
background:#80b34e !important;
}
.k-selectable .k-state-approved  {
background:#ceedaf !important;
}
.k-grid .k-grid-header .k-header .k-link {
font-size:13px;
text-align: center;
}
#manage-enroll-status .k-grid .k-grid-header .k-header .k-link {
font-size:13px;
} 
.k-grid td {
border-color:#999;
vertical-align:top; 
font-size:14px;
}
.course-table-noborder {
border-left: none;
}
.course-table-noborder .k-pager-wrap{
border-left: 1px solid #999;
}
.common-grid{ margin-top:15px; border-color:#999;}
.common-grid .k-grid-header tr , .common-grid .k-grid-header tr:hover 
{
   background:#ddd !important;  
}
.common-grid .k-grid{
    border-color:#999;
}
/* table stripped no kendo grid */
.table-striped th {
     background:#ddd;  
     color: #444;
     font-weight: 700 ;
     font-size:14px;
}
.table-striped tr td, .table-striped tr th {
    color:#2e2e2e;
  border-color: #999 !important;
    border-bottom-width:0px !important;  
}
.table-striped tr:nth-child(odd) > td {
    background:#fff !important;
}
.common-grid tbody tr.k-alt {
    background:#f1f1f1;
}
.table-striped tr:nth-child(even) >td{
    background:#f1f1f1 !important;
}
/* table stripped no kendo grid */

.no-scrollbar .k-grid-header
{
padding: 0 !important;
}
#SearchList .common-grid {
margin-top:0px;
}
.no-scrollbar .k-grid-content
{
overflow-y: visible;
}
#grid {
 /*height: 100%;   */
}
.commom-header{    background: #ddd;
    color: #000;
    font-size: 13px;
    font-weight: bold;
}

.k-grid .k-button {
      text-align: center;
    margin: 0 auto !important;
    width: 100%;
    border-radius:4px !important;
}
.k-grid a.k-grid-update {
margin-bottom:10px !important;
}
/* Kendo Grid styles Ends */

/*Add Course*/
.k-datepicker, .currency {
width:100%;
}
#course-details thead tr th, .sub-heading {
    background: #bacbe3;
    color: #435571;
    font-weight: bold;
    padding: 8px;
    line-height: 1.42857143;
    font-size:16px;
    font-family: 'Roboto', sans-serif;
}


#course-details .btn-danger {
float:right;
}
.banner img {
    max-width: 100%;
    width: 100%;
}
.k-button span {
   /* font-weight:bold;  */
}
.course-table{
    border:1px solid #ddd;
}
/*.course-table tr:nth-child(even) {
    background-color: #f4f7f8 ;
}
.course-table tr:nth-child(odd) {
    background-color: #e8eeef ;
} */
.k-context-menu.k-menu-vertical > .k-item > .k-link, .k-menu .k-menu-group .k-item > .k-link {
padding: 10px 15px;
}
.radio-label {
margin-bottom:10px;
}
.radio-val label {
vertical-align:middle;
margin-right: .75rem;
font-weight:normal;
}
.radio-input {
    display: inline-block;
    vertical-align: top;
}
.radio-val .radio-inline{
    margin:0;
}
.ckbox{
    margin-top:27px;
}
.course-details{
    margin:10px 0px;
}
.course-details label {
font-size:13px;
}
/*.k-grid tr, .k-grid tr:hover{
background: #e8eeef;
} */

.edu-details{
    margin:5px 0;
}
.k-pager-sizes .k-widget.k-dropdown{
    border:1px solid #b6b6b6;
}
/* file upload */
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
#uploadFile {
width:31%;
display:inline-block;
}
#logs {
    float: left;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-top:20px;
}
#logs .panel-heading{ color:#000;}
#log-title{
    float: left;
    width: 98%;
    margin-left: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.print-btn{
    margin-top:10px;
}
.error-logs{
    margin: 10px 0px;
    border-bottom: 2px dotted #888;
    padding-bottom: 10px;
}
.error-logs:last-child {
border:none;
 }
.error-heading{
    font-weight:bold;
}
.k-picker-wrap {
    border-radius: 2px;
   border-color:#ccc !important;
}

/* for iPad testing */
.km-touch-scrollbar {
  position: absolute;
  visibility: hidden;
  z-index: 200000;
  height: .3em;
  width: .3em;
  background-color: #333;
  opacity: 0;
  border-radius: 0.4em;
  -moz-border-radius: 0.4em;
  -webkit-border-radius: 0.4em;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.km-vertical-scrollbar {
  height: 100%;
  right: 1px;
  top: 0;
}
.km-horizontal-scrollbar {
  width: 100%;
  left: 0;
  bottom: 1px;
}
.km-scroll-container {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-margin-collapse: separate;
}
.km-android .km-touch-scrollbar {
  background-color: #33b5e5;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
/* for iPad testing */

.modal-footer .btn {
    background: #77bb44;
    border-color:#77bb44;
    color:#fff;
}
.modal-footer .btn-secondary{
    color: #373a3c;
    background-color: #fff;
    border-color: #ccc;
}
.modal-footer .btn-secondary:hover {
    color: #373a3c;
    background-color: #e6e6e6;
    border-color: #adadad;
}
#cvv-tooltip {
    cursor:pointer;
}
/* for course information tab strips*/
.boxFix *,
.boxFix *::before,
.boxFix *::after {
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.boxFix .row{
    padding:0;
    margin:0;
}
.k-tabstrip .k-content.k-state-active{
    color:#444;
    border-color:#6699cc;
}
.k-tabstrip-wrapper .k-header{
    border:none;
}
.k-tabstrip-items .k-state-active {
background:#6699cc !important;
color:#fff;
}
.k-tabstrip .k-state-active a.k-link{ color:#fff  !important;}
.k-panelbar > li.k-state-default > .k-link, .k-tabstrip-items .k-state-default .k-link {
    font-weight: bold;
    font-size: 13px;
    color:#428bca;
}
.k-tabstrip .k-pager-numbers a.k-link{
    color:#333 !important;
}
.k-tabstrip-items .k-state-hover .k-link {
color:#428bca !important;
}

.k-tabstrip-items .k-state-default{
    background: #fff;
    font-weight: bold;
    border-color:#6699cc;
    padding: 8px;
    line-height: 1.42857143;
    font-size: 15px;
    margin:0 2px;
   
}
.k-tabstrip-items .k-state-default:first-child{
    margin-left:0;
}
/*.k-tabstrip:focus {
box-shadow: none;
}
.k-tabstrip-wrapper .k-widget {
border:none;
}  */
/* for course information tab strips*/

.inline-fields .name-box label{
    display:inline-block;
}
.highlight-text{
    color:#435571;
   
}
#payment-failure p, #payment-failure ul li {
font-size:14px;
}
#payment-failure ul li {
list-style:decimal;
}
#card-logo{
    margin-top:15px;
}
.tr-width td, .tr-width th{
    width:25%;
}
.course-code-title {
font-size:16px;
font-weight:bold;
}
#manage-enroll-status .fa-pencil-square-o {
    color: #47a447;
    font-weight: bold;
    font-size: 17px;
   display: block;
}
#manage-enroll-status .k-grid .k-grid-header .k-header{
    vertical-align:middle;
}
.right {
    float: right;
    font-weight: bold;
}
.cart-alert {
    font-weight:bold;
    color: #FF9933;
    margin-bottom: 25px;
    margin-top:15px;
    font-size: 20px;
}
.fee-col{
   color:#999;
}


.k-grid-delete {
   color: #999 !important;
 /*   font-weight:bold;  */
    border: none !important;
    background:none !important; 
}
.viewcart-page .k-delete{
    display:none;

}
.fa-times{
    color: #f44336;
    font-size: 20px !important;
}
.k-grid td.cart-btn {
text-align:center;
}
.k-tabstrip-items .k-loading{
    border:none;
}
.k-grid-norecords{
    padding:10px 0;
}

.k-dirty-cell {
   background-color: #FFE57F !important;
   color: #000;   
}

.fa-asterisk{
    font-size:7px !important;
    vertical-align: middle;
    color: #8a6d3b;
}
.editadmin-dropdown {
height: 30px !important;
}

/* New Home Page */
.j-message h1, .j-message p {
    color: white;
}
.j-message {
    margin-top: 2%;
    margin-bottom: 5%;
    font-size: 16px;
}
.j-message p {
    margin-top: 20px;
    margin-bottom: 10px;
}
.btn-block{
    width:100%;
}
.signin-links {
    margin-top: 15px;
    font-size: 11px;
    text-align: center;
}
.signin-links a {
    margin: 5px 0;
    font-size: 15px;
}

.nopaddh2 {
    margin-top: 0;
}
.news-date {
    margin-bottom: 10px;
}
.highlight-details{
color:#0D47A1;font-size: 16px; font-weight: bold;
}

.home-news .continue-btn{ margin-top:0;}
.home-news .continue-btn a{ padding:0;}
/*.home-news{
  display: table;
  height: 100%;
}
.news-col{
  display: table-cell;
  vertical-align: top;
   height: 100%;
}  */
.news-col {
    word-wrap:break-word;
}
/* Scroll testing */
km-touch-scrollbar {
  position: absolute;
  visibility: hidden;
  z-index: 200000;
  height: .3em;
  width: .3em;
  background-color: #333;
  opacity: 0;
  border-radius: 0.4em;
  -moz-border-radius: 0.4em;
  -webkit-border-radius: 0.4em;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.km-vertical-scrollbar {
  height: 100%;
  right: 1px;
  top: 0;
}
.km-horizontal-scrollbar {
  width: 100%;
  left: 0;
  bottom: 1px;
}
.km-scroll-container {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-margin-collapse: separate;
}
.km-android .km-touch-scrollbar {
  background-color: #33b5e5;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

/* Responsive Menu */

#main-menubar .k-icon {
    background: url("../images/sprite.png") !important;
    background-position: 0 -31px !important;
    border-color: transparent;
    opacity: 0.4;
}

.k-menu .k-item {
   /* color: #748da9;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 13px; */
}

.k-menu .k-state-hover {
    background: #f9f9f9;
}

.k-menu .k-animation-container .k-menu-group {
    top: 1px;
}

.k-menu .k-menu-group {
    border: 1px solid #cfd5dc;
    background-color: white;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}


.navbar {
  min-height: 41px;
  border-radius: 0;
  margin-bottom: 0;
}
.navbar .container-fluid {
  padding-left: 15px;
}
.navbar .container {
  position: relative;
}
.navbar .userDetails {
  padding: 15px 5px 15px 0;
  line-height: 20px;
}

.navbar-default {
  background-color: #e7ecf2;
  border-top: none;
  border-bottom: 1px solid #cfd5dc;
   border-top: 1px solid #cfd5dc;
}
.navbar-default .navbar-right {
  position: absolute;
  top: 0;
  right: 40px;
}

/* Responsive Menu  Ends */
.component-header {
font-size:16px;
color:#6699cc;
font-weight:bold;
position: relative;
    top: 12px;
} 
/* Update Message success */
/* #topMessage {
position: fixed;
top:-5px;
width: 100%;
max-width:1170px;
z-index: 100;
margin:0 auto;
}
#inner-topMessage {
    margin: 0 auto;
}  */
.confirm-box .modal-footer{
    margin-top:0px;
}
.popupMessage {
font-weight:bold;
}
.ref-number{
    font-size:15px;
}
.pager li > a, .pager li > span{
    background-color: #77bb44;
    border-color: #77bb44;
    color:#fff;
}
.pager li > a:hover, .pager li > a:focus{
    background-color: #559933;
    border-color: #559933;
    color:#fff;
}
.k-multiselect-wrap li{
    padding:2px 7px 2px;
}
.k-multiselect .k-delete, .k-multiselect li.k-state-hover .k-delete {
    background-position: -155px -80px !important;
}
.print-transcript{
    text-align:right;
}
.print-transcript a{
    text-decoration:none; margin-top:-5px;
}
#MyCoursesGrid .common-grid {
    overflow: auto;
}
.view-doc-btn{
    float:left;
}
.left-border-grid .k-grid tbody td:first-child, .left-border-grid .k-grid-header th.k-header:first-child{
    border-left-width:1px !important;
}
#InstructorDocGrid .k-grid-header .k-header .k-link{
    text-align:left;
}
.custom-coursesearch {
display:inline-block !important;
width:48%;
}
.fa-filter{
    font-size:16px !important;
}
.catalog-button{
    font-weight: bold;
    
    font-size: 12px;
    background: #6699CC;
    padding: 9px;
    color: #fff;
    border-radius: 4px;
}
a.catalog-button:hover {
     background:#6699C1; 
    text-decoration:none;
}
.advance-filter, a.advance-filter:hover{
    font-weight: bold; 
    font-size: 12px;
    background: #77bb44;
    padding: 9px;
    color: #fff;
    border-radius: 4px;
    margin-right:10px;
}
a.advance-filter:hover{
    background:#559933; 
    text-decoration:none;
}
#test1{
    padding-top:10px;
}
.custom-popup .k-edit-form-container{
    width: 100%;
 }
.custom-popup .k-edit-form-container .form-control{
   /* width:95%;
    height:auto; */
   box-sizing: border-box;
}
.custom-popup .k-picker-wrap{
    box-sizing:border-box;
    background:none;
}
.custom-popup .panel-body{
box-sizing: border-box;
}
.custom-popup .k-datepicker{
    box-sizing:border-box;
}
.custom-popup .k-edit-form-container div, .custom-popup .k-dropdown {
    box-sizing:border-box;
}
.custom-popup .date,.custom-popup .k-dropdown {
        width: 100%;
    padding-top: 5px;
    padding-bottom: 4px;  
}
.custom-popup .k-dropdown {
        width: 100%;
   padding-top: 2px;
    padding-bottom: 2px;  
}
.k-window-title {
color: #6699cc; font-weight: bold; font-size: 16px;
}
.custom-popup .k-edit {
    display:none;
}
div.k-window{
    border-radius:6px;
}
.k-window-titlebar{
  padding: 15px 0; 
}
.custom-popup .k-grid-update{
        border: 1px solid #fff !important;
    border-radius: 0px !important;
    background: none repeat scroll 0 0 #80b34e !important;
    border-color: #80b34e !important;
    color: #fff !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    border-radius: 3px !important;
}
.custom-popup .k-grid-cancel{
    background-color: #9E9E9E !important;
color: #fff !important;
border-radius: 3px !important;
    border: 1px solid transparent !important;
}
.k-grid-edit{
    color: #fff !important;
background-color: #6699cc !important;
border-color: #6699cc !important;
}
.k-grid-edit:hover{
    background-color: #4477aa !important;
    border-color: #4477aa !important;
}
.fa-toggle-off{
    font-size: 25px !important;
    display: block !important;
    text-align: center;
    color: #d9534f;
}
.fa-toggle-on{
    font-size: 25px !important;
    display: block !important;
    text-align: center;
    color: #5cb85c;
}

.search-tabs li.active a, .search-tabs li.active a:focus{
    background: #6699cc !important;
    color: #fff;
    border: #6699cc;
}
.search-tabs li a:hover{
   background:none !important;
}

.search-tabs li a {
     border-top:1px solid #6699cc !important;
     border-left:1px solid #6699cc !important;
     border-right:1px solid #6699cc !important;
     border-radius:4px;
         margin-right: 5px;
}

.active-record{
    color: #fff;
   background: #77bb44;
       padding: 4px 12px;
}
.deactivate-record{
   color: #fff; 
       padding: 4px 12px;
}

.pdf_list{
    margin-top:5px;
}
.pdf_list li{
    list-style:none;
}
.pdf_list li a{
        font-weight: bold;
    font-size: 15px;
}
.demo-hint{
    margin-top:20px;
}

.edit-news .k-grid-edit{
 /* float: left;
  width: auto;
   padding: 3px 10px;  */
}
.edit-news .k-grid-delete{
    float: left;
    display: inline-block;
    width: auto;
    text-transform: uppercase;
    font-size: 16px;
    margin: 3px 2px !important;
    font-size:0;
}
.k-grid-toolbar{
   /* background:#80b34e; */
   padding:0;
}
.k-grid-toolbar .k-grid-add, .k-grid-toolbar .k-grid-history{
    float: left;
    display: inline-block;
    width: auto;
    font-size: 16px;
    margin: 3px 3px !important;
}
.k-grid-toolbar .k-grid-add .k-add {
    
vertical-align:middle;    
    }

.k-grid-toolbar .k-grid-add:hover {
    background-color: #559933 !important;
border-color: #559933 !important;
   
 }
.edit-news .k-delete{
    display:none;
}

.grdActiveTxt{
    color:#77bb44;
    font-weight:bold;
}
.grdNotActiveTxt{
      color:#616161;
    font-weight:bold;
}

.edit-news .btn-danger{
    color: #fff !important;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}
.edit-news .btn-danger:hover {
     color: #fff !important;
    background-color: #c9302c !important;
    border-color: #ac2925 !important;
}
/*.edit-news .k-grid-edit{
    background:none !important;
    border:none !important;
}
    */
/*.edit-news .k-edit {
display:none;
} */
span.fa.fa-pencil-square-o {
    color: #6699cc;
    font-size: 20px;
    font-weight:bold;
}
.custom-kbtn-grid .k-edit{
    display:none;
}

.fa-trash-o { 
    
    color: red;
    font-size: 20px !important;
      font-weight:bold;
}

.k-window .k-edit-buttons{
    border:none;
}
.custom-delete{
    background:#e57373 !important;
    border:#e57373 !important;
}
.custom-delete:hover{
    background:#ef5350 !important;
    border:#ef5350 !important;
}
.custom-popup td.k-editable-area{
    padding-left:0px;
}
.custom-buttons{
  /*  width:75px;  */
    white-space:normal !important;
}
.custom-grid-btn a.k-button.k-button-icontext.k-grid-edit{

    min-width:auto !important;
}
.k-tabstrip:focus{
    box-shadow:none !important;
}
.upload-tabstrip .k-tabstrip-items .k-state-default{
    margin:-1px 2px;
    background: #e0e0e0;
    border-color:#cfd5dc;
}
.upload-tabstrip .k-tabstrip-items .k-state-default a{
   
    color:#666;
}
.upload-tabstrip .k-tabstrip-items .k-first{
    margin:-1px 0px; 
}
.upload-tabstrip .k-tabstrip-items .k-state-active{
    border-bottom: 1px solid #fff !important;
    background: none !important;
}
.upload-tabstrip .k-tabstrip-items .k-state-active a {
    color:#6699cc !important;
}
.upload-tabstrip .k-content{
    border-color:#cfd5dc !important;
}
.manageuser-grid table{
    width:100% !important;
}
.manageuser-grid .k-grid-pager .k-pager-numbers .k-link{
    color:#444 !important;
}
/*body > .k-animation-container {
z-index: 0 !important; 
} */
.highzindex {
    position:relative;
    z-index:11000;
}
#lblEnrollFor{
    font-weight:bold;
}
.cart-header{
    background: #FF9933;
    color: #fff;
    display: inline-block;
    box-shadow: 2px 2px 4px #999;
}
a.k-button.k-button-icontext.k-grid-Enroll{
    margin-top:5px !important;
}
.highZindex {
        position:relative;
        z-index:22222;
      }  

tr.k-state-selected .selected-certificate{
    background:#ddd; 
    color:#222;
    border:1px solid #ddd;
}

/* Phase 4 CSS*/

.k-edit-form-container .radio-val label{
    font-weight:normal !important;
    color:#444;
}
.inline-input{
    display:inline-block;
    width:50%;
}
input[type="text"]:disabled, .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background: #eee !important;
}

#restricted-code{
    position: relative;
    margin-top: -54px;
}
.restrict-select{
   /* padding-top:25px; */
}
/* Phase 4 CSS*/




/*.upload-tabstrip .k-tabstrip-items li.k-state-active {
    position: relative;
}
 */
/*replace the content value with the
corresponding value from the list below*/
 

/*
.upload-tabstrip .k-tabstrip-items li.k-state-active:before  {
      content: "\f046";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 15px;
    padding-right: 0.5em;
    position: absolute;
    top: 14px;
    left: 2px;
}  */ 
.valueChanged, .newValues textarea {
   background-color: #ffe57f!important;
   color: #000;
   display: inline-block;
   width: 97%;
  
}
span.k-widget.k-datepicker.k-header.date.newValues.text-box.single-line {
    display: inline-block;
    width: 91%;
}
span.k-widget.k-combobox.k-header.form-control.custom-dropdown.newValues{
    width: 91%;
    display:inline-block;
}
.newValues {
    display: inline-block;
    width: 97%;
}
.customEditValues{
    display: inline-block;
    width:93%;
}
.editValues .fa-times{
    font-size:22px !important;
    vertical-align:top;
}
.sub-total{
    border: 2px solid #ddd;
    margin-top: 15px;
    border-collapse: separate;
    border-radius: 5px;
}
.sub-total tr th, .sub-total tr td{
    border:none !important;
}
.sub-total tr td {
    text-align:right;
}
.sub-total tr.grand-total th, .sub-total tr.grand-total td{
    color: #559933;
    font-weight: bold;
    font-size: 16px;
    border-top: 2px solid #ddd !important;
}

textarea.form-control.multi-line.newValues.valueChanged,.custom-dropdown.newValues.valueChanged.customEditValues span.k-dropdown-wrap.k-state-default {
    background: #ffe57f!important;
}
.offered-applied{
    margin-top: 10px;
}
.offered-applied .fa-times{
    cursor:pointer;
}
.registration-label{
    font-size: 16px;
    margin-bottom: 20px;
    display: inline-block;
    margin-right: 20px;
    margin-top: 15px;
}
.register-radio{
    margin-right: 30px;  
}
.registration-title{
    color: #6699cc;
    font-weight: bold;
    font-size: 19px;
    margin-bottom:25px;
}
a.k-button.email-edit-btn {
         color: #fff !important;
    background-color: #6699cc !important;
    border-color: #6699cc !important;
   
}
a.k-button.email-edit-btn:hover {
  
  
     background-color: #4477aa !important;
    border-color: #4477aa !important;

}
.k-editable .edit-template-btn{
    background:#ffe57f !important;
    color:#000000 !important;
}


.accordion-title{
    float: left;
    width: 100%;
    color: #556677;
    background-color: #e7ecf2;
    border: 1px solid #cfd5dc;
    padding: 8px 10px;
    font-size: 19px;
    font-weight: bold;
    border-radius: 4px;
    margin-top:0px;

}
.accordion-section{
    border: 1px solid #cfd5dc;
    padding: 0px 10px 10px;
    margin: 10px 0px;
}
.accordion-group{
    margin:10px 0px;
}
.accordion-toggle.faq-ques{
    margin-bottom:10px;
   
}
.faqAddress{
    margin-top:30px;
    text-align:center;
}
.faq-answer{
    padding-left:20px;
}
table.table-responsive.faq-table tr td {
    border: 1px solid #000;
    padding:5px;
}
.content-title{
    font-weight:bold;
}
.ep-section-title{
    color: #446699;
    font-weight: bold;
    font-size:20px;
}

#ep-guidlines-section h3.ep-section-title {
    margin-top: 30px;
    margin-bottom:0px;
}

#ep-guidlines-section h4.content-title {
    margin-bottom: 5px;
    margin-top: 25px;
}

/* tooltip */

/*a.custom-tooltip {
   
    text-decoration: none
}
a.custom-tooltip:hover {
    cursor: help;
    position: relative
}
a.custom-tooltip span {
    display: none
}
 a.custom-tooltip:hover span {
   
    padding: 10px;
    display: block;
    z-index: 100;
    left: 0px;
    margin: 10px;
    width: 300px;
    position: absolute;
    top: 10px;
    text-decoration: none;
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
    
    font-weight:bold;
    font-size:13px;
}

.custom-fontawsome-tooltip{
    font-family: 'FontAwesome';
    content: "\f00c";
}*/
/* tooltip */
.k-tooltip-content {
   
    padding: 10px;
    z-index: 100;
    left: 0px;
    width: 300px;
    top: 10px;
    text-decoration: none;
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
    font-weight:bold;
    font-size:13px;
}
.k-header .fa-question-circle{
    color:#6699cc;
}
.k-tooltip{
    padding:0;
  
}

#participant-policy h4.content-title {
    margin-top: 25px;
}

#myCarousel {
    margin-bottom: 25px;
}

.carousel-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #002244;
    text-align: center;
    background: #f2f2f2;
    opacity: 0.8;
   /* background: rgba(0, 0, 0, 0.4); */
}
.carousel-indicators{
    display:none;
}
.carousel-caption h3 {
    color:#002244; 
   /* color: #fff; */
    
    font-size: 28px;
    margin: 13px;
}
.carousel-caption a:hover {
    text-decoration:none;
}
#bannerslider{
    padding-top:0;
}
#wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}


.radio .survey-radioBtn label {
    display: inline-block !important;
}


.survey-radioBtn {
    text-align: center;
}