.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 980px;
    height: 220%;
    background-image: url('images/70tint.png');
    z-index:1001;
    }
    .white_content {
    display: none;
    position: absolute;
    top: 20%;
    left: 257px;
    width: 465px;
    height: 400px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color: #242424;
    z-index:1002;
    }
    .black_overlay2{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 980px;
    height: 220%;
    background-image: url('images/70tint.png');
    z-index:1003;
    }
    .white_content2 {
    display: none;
    position: absolute;
    top: 20%;
    left: 257px;
    width: 465px;
    height: 430px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color: #242424;
    z-index:1004;
    }
    .iconclass { width: 24px; height: 24px; margin: 0px 5px; }
    .tabbar {
        background-color: #242424;
        background-image: linear-gradient(bottom, rgb(56,55,56) 50%, rgb(83,43,207) 0%, rgb(75,75,75) 50%);
        background-image: -o-linear-gradient(bottom, rgb(56,55,56) 50%, rgb(83,43,207) 0%, rgb(75,75,75) 50%);
        background-image: -moz-linear-gradient(bottom, rgb(56,55,56) 50%, rgb(83,43,207) 0%, rgb(75,75,75) 50%);
        background-image: -webkit-linear-gradient(bottom, rgb(56,55,56) 50%, rgb(83,43,207) 0%, rgb(75,75,75) 50%);
        background-image: -ms-linear-gradient(bottom, rgb(56,55,56) 50%, rgb(83,43,207) 0%, rgb(75,75,75) 50%);

        background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.5, rgb(56,55,56)),
            color-stop(0.5, rgb(75,75,75))
        );
    }
    #helpcontent { width: 100%; height: 100%; overflow: auto; font-family: Arial, Helvetica, sans-serif; }
    #helpbox { background-color: white;
            -webkit-border-bottom-right-radius: 6px;
            -webkit-border-bottom-left-radius: 6px;
            -moz-border-radius-bottomright: 6px;
            -moz-border-radius-bottomleft: 6px;
            border-bottom-right-radius: 6px;
            border-bottom-left-radius: 6px;
    }
    #helptitle { font-size: 16px; padding-left: 5px; font-weight: bold; color: white; font-family: Arial, Helvetica, sans-serif; }
    #mylearningtitle { font-size: 16px; padding-left: 5px; font-weight: bold; color: white; font-family: Arial, Helvetica, sans-serif; }

    #navbar-collapse-1 {
        overflow: visible;
    }

	@media (max-height: 480px) {
    .navbar-collapse {
		padding-bottom: 100px;
	}
}

    @media (max-width: 767px) {
	
		.navbar-default {
			z-index: 9999;
		}
		
		#navbar-collapse-1 {
			overflow: hidden !important;
			max-height: 750px !important;
		}
	
        .navbar-form {
            border: none;
        }

        #menu-navbar-2 {
            width: 95%
        }
    }
	
/* TOOLTIP */
	div#tipDiv {
		width:200px;
		height:85px;
	}
/* TOOLTIP */

.tooltip-inner {
   max-width: 480px;
   width: 480px;
}

body {
    margin:0;
}
#navWrap {
    height:70px
	z-index:9999;
}
.sticky {
    top:0;
	width: 100%;
	z-index: 999999;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
	background-color: white;
}

@media screen and (min-width: 768px) {
	.stickied {
		display:block;
		height:100px;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.stickied {
		display:block;
		height:130px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.stickied {
		display:block;
		height:145px;
	}
}

@media screen and (max-width: 768px) {
	.stickied {
		display:block;
		height:80px;
	}
}


h1 {
    margin: 0;
}



 /* The Login Box (background) */
.login-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: transparent;
}

/* Modal Content/Box */
.login-modal-content {
    position: relative;
	float: right;
	width: 300px;
	padding-bottom: 20px;
	background-color: #FFF;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	z-index: 999999;
	border: none;
	border-radius: 0px;
	top:120px;
	margin-right:13px;
	padding-left: 10px;
    padding-right: 10px;
	text-align: center;
}

/* The Close Button */
.login-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-right: 10px;
    padding-top: 4px;
    padding-bottom: 0px;
    text-align: right;
}

.login-close:hover,
.login-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.navbar-form .form-group {
    width: 97% !important;
}

.navbar-right #submitbutton {
	float: right !important;
}

.navbar-form #submitbutton {
    border-radius: 0px;
}	

/* Styling for terms modal. */

	.terms-header {
		padding-top: 30px;
		padding-left: 40px;
		padding-right: 40px;
	}
	.terms-body {
		padding-left: 40px;
		padding-right: 40px;
		overflow-y: auto;
		font-size: 12px;
	}
	.terms-body ul, .terms-footer ul {
		list-style-type: disc
	}
	.terms-footer {
		padding-left: 40px;
		padding-right: 40px;
		padding-bottom: 30px;
		font-size: 14px;
		font-weight: bold;
	}
	.terms-footer-text {
		text-align: left;
	}
	.terms-radio {
		padding-bottom: 10px;
	}
	.terms-radio-input {
		border: 0 0 0 0.25rem rgb(25 233 15 / 100%);
	}
	.terms-radio-input:checked {
		background-color: #007d62;
		border-color: #007d62;
	}
	.terms-radio-input:focus {
		outline: 0;
		box-shadow: 0 0 0 0.25rem rgb(25 233 15 / 22%);
	}
	.terms-modal-content {
		border-radius: 0px;
	}
	.terms-submit-button {
		border-radius: 0px;
		background-color: #02bc94;
		color: white;
		padding: 10px 20px;
	}
	@media (max-width: 767px) {
		.tooltip {
			max-width: 100% !important;
		}
		.tooltip-inner {
			max-width: 100% !important;
		}
	}
	
    /* required for the multiselect in the registration process */

    /* taken from styles_color.css */
    
    .masterselect, .masterselect:hover, span.multiselect-item, .ui-state-active span.licombobox {
      color: #333!important;
    }
    
    /* taken from styles_layout.css */
    
    button.masterselect.ui-multiselect {
      border-radius: 0;
    }
    
    .ui-multiselect-header {
      padding: 5px 5px 0 5px!important;
    }
    
    .btn.btn-default.ui-multiselect-all, .btn.btn-default.ui-multiselect-none {
      margin-bottom: 5px;
    }
    
    span.licombobox {
      font-family: oxygen, Arial, Helvetica, sans-serif;
      display: initial!important;
      line-height: 2!important;
    }
    
    span.licombobox span:first-child{
      font-weight: bold!important;
    }
    
    span.multiselect-item {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      display: inline-block;
      padding-top: 4px;
      width: 92%;
    }
    
    span.ui-icon-triangle-2-n-s {
      margin-top: 4px;
    }
    
    ul.ui-multiselect-checkboxes.ui-helper-reset {
      height: 325px;
    }
    
    .ui-multiselect-all:hover,
    .ui-multiselect-none:hover,
    .ui-multiselect-submit:hover,
    .ui-multiselect-close:hover {
        text-decoration: none !important;
    }
    
    .ui-widget-header {
    	border-top: none !important;
    	border-left: none !important;
    	border-right: none !important;
    	border-bottom: 1px solid #aaaaaa !important;
    }
    
    .ui-widget-content {
    	border: 1px solid #cccccc !important;
    }
    
    .ui-multiselect-menu {
        padding: 0px !important;
    }
    
    .ui-widget-header {
    	border-top: none !important;
    	border-left: none !important;
    	border-right: none !important;
    	border-bottom: 1px solid #aaaaaa !important;
    }
    
    .ui-widget-content {
    	border: 1px solid #cccccc !important;
    }
    
    .ui-multiselect-checkboxes {
        overflow-y: inherit;
    }
    
    .ui-multiselect-menu {
        padding: 0px !important;
        word-break:break-all !important;
        overflow: hidden !important;
    }
    
    .ui-multiselect-checkboxes li {
      padding-right: 3px;
      padding-top: 3px !important;
      padding-bottom: 3px !important;
    }
    
    .ui-multiselect-all .ms-select-all-text, .ui-multiselect-none .ms-select-none-text {
        margin-left: 5px;
    }
    
    .pull-right {
        float: right;
    }
    
    /* taken from header.hmtl */
    
    .ui-multiselect-checkboxes {
      overflow-y: auto !important;
    }
    
    .ui-widget-content {
        border: none;
    }
    
    /* taken from theme_styles.php */

   /* custom for the registration process */
    
    .ui-widget {
        margin-top: 0px !important;
        padding-top: 4px !important;
        padding-bottom: 0px !important;
    }
    
    .ui-widget-header input[type="text"] {
      border: none !important;
      background-color: transparent !important;
      padding: 10px 0px;
      padding-left: 5px;
      border-bottom: 1px solid !important;
    }
    
    .ui-widget-header .input-group-addon {
      padding: 6px 10px;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
    }
    
    .ui-widget-header .input-group-addon {
      transition: border-color 0.3s;
      -o-transition: border-color 0.3s;
      -ms-transition: border-color 0.3s;
      -moz-transition: border-color 0.3s;
      -webkit-transition: border-color 0.3s;
      transition: background-color 0.3s;
      -o-transition: background-color 0.3s;
      -ms-transition: background-color 0.3s;
      -moz-transition: background-color 0.3s;
      -webkit-transition: background-color 0.3s;
    }
    
    /* required for the multiselect in the registration process - end */