/*Version v2.0.2*/

@import url('https://fonts.googleapis.com/css?family=Trajan|Tangerine');
@import url('font-styles.css');

html {
    position: relative;
    min-height: 100%;
}

body {
    /*  min-width: 1230px !important; */ /*THIS BREAKS THE EDITOR CONTROL*/
    height: 100%;
    margin: 0px;
}

#bodywrapper {
    min-width: 1230px !important;
}

.bodywrapper {
    min-width: 1230px !important;
}

#divCont {
    /*min-height: 700px;*/
}

form {
    margin: 0 !important;
}


.siteheader {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0px !important;
    border: medium none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    min-height: 100px;
}


/*
 General Overrides   
    */

.divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.breadcrumb {
    margin-bottom: 0px;
    /*background-color: #f8f9fb;*/
    background-color: #EAEBED;
    color: #526476;
    border-radius: 0px !important;
}


.bmenu li {
    display: inline !important;
    padding: 30px 20px !important;
    font-weight: 700 !important;
    padding: 13px 20px !important;
}

.moreOptions {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    cursor: default;
    font-size: 13px;
    margin: 0;
    outline: medium none;
    padding: 6px 0;
    position: absolute;
    transition: opacity 0.218s ease 0s;
    display: none;
    position: absolute;
    margin-left: 330px;
    margin-top: 0px;
    width: 150px;
    z-index: 1000;
}

    .moreOptions ul {
        padding: 5px !important;
    }

    .moreOptions li {
        padding: 0 !important;
        display: block !important;
    }


input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

input[type="checkbox"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: relative;
    vertical-align: -4px;
    margin: 0;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}

    input[type="checkbox"]:focus,
    .checkbox input[type="checkbox"]:focus,
    .checkbox-inline input[type="checkbox"]:focus {
        outline: none;
    }

    input[type="checkbox"]:after,
    .checkbox input[type="checkbox"]:after,
    .checkbox-inline input[type="checkbox"]:after {
        content: "";
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -2px;
        margin-right: 5px;
        border: 2px solid #666666;
        border-radius: 2px;
        -webkit-transition: 240ms;
        -o-transition: 240ms;
        transition: 240ms;
    }

    input[type="checkbox"]:checked:before,
    .checkbox input[type="checkbox"]:checked:before,
    .checkbox-inline input[type="checkbox"]:checked:before {
        content: "";
        position: absolute;
        top: 0;
        left: 6px;
        display: table;
        width: 6px;
        height: 12px;
        border: 2px solid #fff;
        border-top-width: 0;
        border-left-width: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    input[type="checkbox"]:checked:after,
    .checkbox input[type="checkbox"]:checked:after,
    .checkbox-inline input[type="checkbox"]:checked:after {
        background-color: #2196f3;
        border-color: #2196f3;
    }

    input[type="checkbox"]:disabled:after,
    .checkbox input[type="checkbox"]:disabled:after,
    .checkbox-inline input[type="checkbox"]:disabled:after {
        border-color: #bbbbbb;
    }

    input[type="checkbox"]:disabled:checked:after,
    .checkbox input[type="checkbox"]:disabled:checked:after,
    .checkbox-inline input[type="checkbox"]:disabled:checked:after {
        background-color: #bbbbbb;
        border-color: transparent;
    }

.has-warning input:not([type=checkbox]),
.has-warning .form-control,
.has-warning input:not([type=checkbox]):focus,
.has-warning .form-control:focus {
    -webkit-box-shadow: inset 0 -2px 0 #ff9800;
    box-shadow: inset 0 -2px 0 #ff9800;
}

.has-error input:not([type=checkbox]),
.has-error .form-control,
.has-error input:not([type=checkbox]):focus,
.has-error .form-control:focus {
    -webkit-box-shadow: inset 0 -2px 0 #e51c23;
    box-shadow: inset 0 -2px 0 #e51c23;
}

.has-success input:not([type=checkbox]),
.has-success .form-control,
.has-success input:not([type=checkbox]):focus,
.has-success .form-control:focus {
    -webkit-box-shadow: inset 0 -2px 0 #4caf50;
    box-shadow: inset 0 -2px 0 #4caf50;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #2fa4e7;
    border-radius: 10px;
}

label {
    font-weight: 100 !important;
}

.AeorionLogo {
    left: 125px;
    position: absolute;
    top: 2px;
}

.NcuName {
    margin-right: 125px;
    top: 18px;
}

.side-nav {
    /*margin-left: 0px;
    min-height: 1000px;
    min-width: 180px;
    background-color: #222a31;
    background-color:#D9EDF7;*/
    width: 300px;
}

.form-search {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

.nav-list-vivid > li > a:hover, .nav-list-vivid > li > a:focus {
    color: #4077b4;
}

.nav-list-vivid > li.active > a:hover, .nav-list-vivid > li.active > a:focus {
    background-color: #4077b4;
    color: #ffffff;
}

.nav-list-vivid > li.active > a, .nav-list-vivid > li.active > a:hover, .nav-list-vivid > li.active > a:focus {
    background-color: #4077b4;
    color: #ffffff;
}

.nav-counter {
    background-color: #4277AC;
}


textarea.flat:hover,
input[type="text"].flat:hover,
input[type="password"].flat:hover,
input[type="datetime"].flat:hover,
input[type="datetime-local"].flat:hover,
input[type="date"].flat:hover,
input[type="month"].flat:hover,
input[type="time"].flat:hover,
input[type="week"].flat:hover,
input[type="number"].flat:hover,
input[type="email"].flat:hover,
input[type="url"].flat:hover,
input[type="search"].flat:hover,
input[type="tel"].flat:hover,
input[type="color"].flat:hover,
.uneditable-input.flat:hover {
    border-color: #222a31;
}

textarea.flat:focus,
input[type="text"].flat:focus,
input[type="password"].flat:focus,
input[type="datetime"].flat:focus,
input[type="datetime-local"].flat:focus,
input[type="date"].flat:focus,
input[type="month"].flat:focus,
input[type="time"].flat:focus,
input[type="week"].flat:focus,
input[type="number"].flat:focus,
input[type="email"].flat:focus,
input[type="url"].flat:focus,
input[type="search"].flat:focus,
input[type="tel"].flat:focus,
input[type="color"].flat:focus,
.uneditable-input.flat:focus {
    border-color: #4077b4;
}
/*
    General Styles
    */
.school-name-only {
    font-family: 'TrajanProBold', serif;
    font-size: 20pt;
    font-weight: bolder;
    color: #064d80;
    display: block;
    text-align: center;
}

.school-name {
    /*margin-top: 15px;*/
    line-height: 1.2;
}

    .school-name .name {
        font-family: 'TrajanProBold', serif;
        font-size: 20pt;
        font-weight: bolder;
        color: #064d80;
        display: block;
        /*text-align: center;*/
    }

    .school-name .statement {
        font-family: 'MyriadProRegular', serif;
        font-size: 12pt;
        color: #000;
        display: block;
        text-align: center;
    }

    .school-name .sms {
        font-family: 'Tangerine', serif;
        font-size: 25pt;
        /*font-weight: bolder;*/
        color: #000;
        display: block;
        /*text-align: center;*/
    }

.logoFlair {
    /*box-shadow: 0px 0px 5px 3px #c4c4c4;*/
}

#test_details a {
    color: blue !important;
}

.testlinks {
    color: blue !important;
}

a {
    color: #222a31;
}

    a:hover {
        color: #4077b4;
    }



.myHypLink {
    color: #0088CC;
    margin-right: 20px;
}

.profile-pic {
    width: 60px;
    /*margin-left: 10px;*/
    margin-bottom: 10px;
}

.profile {
    /*padding-left: 10px;*/
}

    .profile h5 {
        margin-top: 0px;
        /*color: white;*/
        margin-bottom: 4px;
        font-size: 17px;
    }

    .profile p {
        font-size: 14px;
    }

.nav-icons {
    padding-right: 5px;
}

/*.footer {
    /*padding-top: 10px;
    padding-bottom: 20px;
    font-size: 13px;
}*/

/* This parent can be any width and height */
.block {
    text-align: center;
}

    /* The ghost, nudged to maintain perfect centering */
    .block:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em; /* Adjusts for spacing */
    }

/* The element to be centered, can
   also be of any width and height */
.centered {
    display: inline-block;
    vertical-align: middle;
    height: 120px;
}

.center {
    display: inline-block !important;
    vertical-align: middle !important;
    float: none !important;
    margin-top: 20px;
}

@media (max-width: 1366px) and (min-width: 1024px) {

    .navbar .brand {
        padding: 25px 15px 0px 20px;
        font-size: 24px;
    }

    .navbar .nav > li > a {
        padding: 15px 10px;
    }

    .navbar-inner a img {
        width: 120px;
        height: 40px;
        margin-top: -15px;
    }

    .school {
        padding: 7px 10px;
        margin-left: 50px;
        /*border-left: solid;
        border-left-color: #ebeef2;
        border-left-width: 1px;*/
    }

        .school p {
            font-size: 24px;
        }
}





/*
    Nav Menu Items Sub Menu
    */
.sub {
}

    .sub ul {
        background-color: #404e5b;
        list-style-type: none;
        margin-left: -12px;
        margin-right: -12px;
        padding-left: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-top-color: #758697;
        border-bottom-color: #758697;
        border-top-width: 2px;
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-top-style: solid;
    }

        .sub ul li {
            padding-top: 10px;
        }

            .sub ul li:last-child {
                padding-bottom: 10px;
            }

.main-container {
    padding-left: 20px !important;
    width: 80.359% !important;
}

#main_content {
    margin-top: 5px;
}

/*
    Courses 
    */

.course-header {
    padding: 20px 0px;
}

.course-nav {
}

.course-icon {
    font-size: 5em;
}

.course-icon2 {
    font-size: 4em;
}

.course-item {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-color: #e1e4e7;
    border-bottom-style: solid;
}

.nav-tabs li a {
    color: #7f8c9a;
}

    .nav-tabs li a:hover {
        color: #4077b4;
    }

.lecturer-pic {
    padding-top: 10px;
}

.lecturer {
    color: #737f8a;
}

.course-divider {
    border-left-color: #e1e4e7;
    border-left-style: solid;
    border-left-width: 1px;
}

.course-info {
    color: #7a858f;
    font-size: 18px;
}

.course-resources li a {
    font-size: 18px;
}

.course-resources li {
    border-bottom-color: #e1e4e7;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}


/*Main Dashboard */
.widget-header {
    border-bottom: solid;
    border-bottom-color: #d6d9de;
    border-bottom-width: 2px;
    background-color: #f3f6f8;
}

.widget-icon {
    /*border-right: solid;
    border-right-color: #d6d9de;
    border-right-width: 1px;*/
    margin-top: 5px;
    margin-right: 20px;
    font-size: 25px;
}

.widget a {
    color: #34495e;
}

    .widget a:hover {
        color: #4077b4;
    }

.widget ul {
    list-style-type: square;
}

.widget {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: solid;
    border-color: #d6d9de;
    border-width: 2px;
    margin-top: 30px;
    margin-left: 60px;
    background-color: #fdfdfd;
    min-width: 250px;
}


/*.widget {
  background-color: #FDFDFD;
  border: 2px solid #D6D9DE;
  border-radius: 5px;
  float: left;
  margin-left: 5px;
  margin-top: 30px;
  min-height: 274px !important;
  min-width: 240px !important;
  width: 240px !important;
}*/

.widget-body {
    /*padding: 20px 10px 10px 20px;*/
    padding: 20px 10px 10px 10px;
    min-height: 210px !important;
}

.widget-header h6 {
    color: #4077b4;
}

.widget-header i {
    padding: 12px 0px 3px 2px;
    color: #4077b4;
}

/*
    Sign up page.
    */

.register-header {
    font-size: 34px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.login {
    border-left-color: #b4b4b4;
    border-left-width: 1px;
    border-left-style: solid;
    padding-left: 20px;
}

.login-header {
    font-size: 14px;
    font-weight: bold;
}

.login-fields {
    height: 31px !important;
    width: 100%;
    margin-top: 10px;
}

.login-span {
    margin-right: -55px;
}

.login-row {
    margin-top: 40px;
}

.login-footer {
    border-top-color: #b4b4b4;
    border-top-style: solid;
    border-top-width: 1px;
}

.login-padding { /*disabled to fix screen sizes on smaller screens*/
    /*margin-left: 30px !important;
    padding-right: 100px !important;*/
}

/*Courses page*/
.selected-tab {
    border-color: #e1e4e7;
    border-bottom-color: #ffffff;
    border-width: 2px;
    color: #7f8c9a;
}

h2 {
    font-size: 10pt !important;
    height: 34px;
    /*line-height: 34px;*/
    margin-top: 0;
    padding-top: 0;
    text-indent: 5px;
    width: 100%;
}


/*  Custom Select Styles*/

.ddl {
    border: 2px solid #4077B4;
    border-radius: 5px;
    padding: 3px;
    -webkit-appearance: none;
    background-image: url('');
    background-position: 188px;
    background-repeat: no-repeat;
    text-indent: 0.01px; /*In Firefox*/
    text-overflow: ''; /*In Firefox*/
}


/* Grid styling */
.GridHeader {
    /*background-color: #dbdbdb;*/
    background-color: #284775;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: normal;
    height: 30px;
    padding: 0 0 0 4px;
    text-align: left;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-weight: normal;
}

    .GridHeader a {
        color: #FFFFFF;
        font-size: 13px;
        font-weight: bold;
    }

.gridalternating {
    background-color: #EFEFEF;
    color: #333333;
}

.gridrow {
    background-color: #f7f6f3;
    color: #333333;
}

    .gridrow:hover, .gridalternating:hover {
        background-color: #D3E4ED !important;
    }

a.gridlink {
    color: #0a69c5;
}

    a.gridlink:hover {
        color: #ff9900;
    }

.tablewrapper {
    background-color: #F0F0F0;
    border: 1px solid #E6E6E6;
    border-radius: 10px 10px 0 0;
    padding: 0;
}


.tableheader {
    /*background: url("/Images/table-back.png") repeat-x scroll 0 -1px #FFFFFF;*/
    display: block;
    height: 38px;
    position: relative;
    top: 0px;
    left: 0px;
}
    /*.tableheader .topleft, .tableheader .topright
{
    background-image: url("/Images/table-corners.png");
    height: 10px;
    position: absolute;
    top: -1px;
    width: 10px;
}*/

    /*.tableheader .topleft
{
    background-position: left top;
    left: -1px;
}
.tableheader .topright
{
    background-position: right top;
    right: -1px;
}*/
    .tableheader h2 {
        color: #444444;
        display: block;
        font-size: 21px !important;
        font-weight: normal;
        margin: 10px 10px 5px 5px;
        padding: 0;
        text-shadow: 0 1px 0 #FFFFFF;
        line-height: 30px;
    }

    .tableheader p {
        color: #444444;
        display: block;
        font-size: 12px;
        margin: 10px 0 5px 5px;
        padding: 2px 0 0;
        position: relative;
    }

.MainContentDiv input[type="text"] {
    /*width: 200px !important;*/
    height: 15px !important;
}

.pnlGraphical input[type="text"] {
    width: 100px !important;
    height: 15px !important;
    margin-bottom: 0px !important;
}

.ccDiv input[type="text"] {
    height: 30px !important;
    width: 200px !important;
}

.autoLengthTextInput input[type="text"] {
    height: 15px !important;
    width: auto !important;
}

/*#main_content input[type="text"]{
    width: 200px !important;
    height: 15px !important;
}*/

h6,
.h6 {
    font-size: 16.996px !important; /* 24px */
}

.ccDiv {
    border-top: 1px dotted #BBBBBB;
    margin-bottom: 5px;
}

    .ccDiv h2 {
        display: block;
        height: 20px;
        font-family: Verdana;
        font-size: 10pt;
        width: 100%;
        background-color: #D2DDE9;
        text-indent: 5px;
        padding-top: 2px;
        margin-top: 0px;
    }

    .ccDiv Select {
        margin: 0 !important;
    }

    .ccDiv > input[type="radio"], .ccDiv > input[type="checkbox"] {
        line-height: normal;
        margin: 0 !important;
    }

    .ccDiv label {
        margin-left: 2px;
    }

.aTextBox {
    height: 20px !important;
}



.registration-selected {
    background: none repeat scroll 0 0 #0072B4;
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    width: 150px;
}

.float-left {
    float: left;
}

.registration-done a, .registration-undone a, .registration-selected a {
    font-size: 11pt;
}

.registration-link {
    padding: 10px 15px;
}

.registration-done {
    background: none repeat scroll 0 0 #737373;
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    width: 150px;
}

.registration-undone {
    background: none repeat scroll 0 0 #EEEEEE;
    border-right: 1px solid #FFFFFF;
    color: #737373;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    width: 150px;
}

.modal_bottom {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #E6E6E6 #E6E6E6;
    border-image: none;
    border-right: 1px solid #E6E6E6;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    margin-bottom: 3px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 3px;
    padding-top: 3px;
    text-align: center;
    width: 898px;
}

.modalBackground {
    background-color: #808080;
    opacity: 0.5;
    filter: alpha(opacity=70);
}

.modalpopup {
    font-family: arial,helvetica,clean,sans-serif;
    font-size: small;
    padding: 2px 3px;
    display: block;
    position: absolute;
}

.modalPopup {
    background-color: #FFFFFF;
    border-color: #808080;
    border-style: solid;
    border-width: 3px;
    padding: 10px;
    border-radius: 10px;
}

.modalDiag {
    border-radius: 10px !important;
}

/*.body {
  background-color: #F2F2F2;
  border-color: #808080;
  border-style: solid;
  border-width: 0 1px;
  padding-bottom: 30px;
  padding-left: 10px;
  padding-top: 10px;
}
    */
.body .msg {
    background: url(../images/modal/sprite.png) no-repeat 0px -1150px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}


.header {
    /*background: url("../images/modal/sprite.png") repeat-x scroll 0 -200px rgba(0, 0, 0, 0);*/
    /*border-color: #808080 #808080 #CCCCCC;
  border-style: solid;
  border-width: 0 1px 1px;*/
    color: #000000;
    font-weight: bold;
    padding: 3px 10px;
    font-size: 20px;
}

.footer {
    background: none repeat scroll 0 0 #202532;
    /*color:#a3aec0;*/
    color: #fff;
    position: absolute;
    width: 100%;
    bottom: 0;
    /*margin-top: 20px;*/
    padding-top: 10px;
}

    .footer .navbar {
        background-color: #000 !important;
        background-image: none !important;
    }

    .footer a {
        color: #4077b4;
        /*color:#fff;*/
    }

.warning, .error, .info, .success {
    padding: 20px 20px 20px 40px;
    margin-bottom: 15px;
    border-style: solid;
    border-width: 1px;
    background-position: 10px 20px;
    background-repeat: no-repeat;
}

.warning {
    background-color: #f8fad5;
    background-image: url('');
    border-color: #e5d35b;
}

.error {
    background-color: #f5dfdf;
    background-image: url('');
    border-color: #ce9e9e;
}

.info {
    background-color: #dfeff5;
    background-image: url('');
    border-color: #9ebcce;
}

.success {
    background-color: #e8f5df;
    background-image: url('');
    border-color: #9ece9e;
}

.myBtn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}

.btn-No {
    background-color: #DA4F49;
    /*background-image: linear-gradient(to bottom, #EE5F5B, #BD362F);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
}

.btn-Yes {
    background-color: #5BB75B;
    /*background-image: linear-gradient(to bottom, #62C462, #51A351);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
}

.btn-primary {
    background-color: #0072B4 !important;
}

.btn-continue {
    background-color: #27AE60 !important;
}

.btn-gray {
    background-color: #999;
}

.loaderDiv {
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=80);
    opacity: 0.8;
    cursor: wait;
}

.loaderDivInner {
    width: 180px;
    height: 90px;
    background-color: #fff;
    border: 1px solid #007EAE;
    text-align: center;
    margin: 25% auto auto auto;
    font-family: Verdana;
    font-size: 9pt;
    color: #555;
    font-weight: bold;
    padding: 5px;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

#customLabel > input[type="radio"], #customLabel > input[type="checkbox"] {
    margin: 0 !important;
}

#pContainer > input[type="radio"], #pContainer > input[type="checkbox"] {
    margin: 0 !important;
}

#pContainer label {
    margin-left: 2px;
    margin-right: 5px;
}

#customLabel label {
    margin: 5px 10px 0 10px;
    display: inline !important;
}

.myactive {
    background-color: #4077b4;
}


.coOffset {
    /*courses page offset*/
    margin-left: 10px !important;
}

/* GENERAL PAGE CONTENT */

#GenContent {
    width: 100%;
    background-color: #efefef;
}

#GenContentWBg {
    background-image: url("../../../../Images/v2/bgfaded.png");
    background-repeat: no-repeat;
    width: 100%;
}

#GenContentData {
    padding-top: 0px;
    margin: 10px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
    background-color: #fff;
    padding: 5px 5px 5px 5px;
    box-shadow: 0px 30px 40px rgba(0,0,0,.5);
}

.RadGrid {
    border-radius: 10px;
    overflow: hidden;
}

    .RadGrid .rgHoveredRow {
        background-color: #D3E4ED !important;
    }

.RadGridNoRad {
    border-radius: 0px;
    overflow: hidden;
}

/*Rad Custom Controls*/
.RadPanelBar {
    width: 100% !important;
}

.RadPanelBar_Default {
    /*background-position: 0% 0%;
    background-color:none !important;
    background-image: none !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;*/
    background: none !important;
}

    .RadPanelBar_Default div.rpHeaderTemplate, .RadPanelBar_Default a.rpLink {
        background-color: none !important;
        background: none !important;
        cursor: pointer;
    }

.NavRadPanel .rpText {
    font-weight: none !important;
    font-size: 14px !important;
    font-family: "Lato",sans-serif !important;
    line-height: 20px !important;
    padding: 6px 13px 8px !important;
}

.NavRadPanel .rpSlide ul {
    background-color: #404E5B !important;
    color: #ffffff;
}

.NavRadPanel .rpRootGroup {
    border: none !important;
}

.NavRadPanel .rpLink {
    background: none !important;
    border: none !important;
}

.NavRadPanel .rpExpandable {
    background: none !important;
    background-color: #222a31 !important;
    border: none !important;
}

    .NavRadPanel .rpExpandable .rpExpandHandle {
        background-position: -15px -5px !important;
        margin: 10px 10px 0 !important;
    }

    .NavRadPanel .rpExpandable .rpText {
        color: #fff !important;
    }

.NavRadPanel a.rpExpandable:hover {
    background-color: #fff !important;
}

    .NavRadPanel a.rpExpandable:hover .rpText {
        color: #4077B4 !important;
    }

.NavRadPanel .rpExpanded {
}

    .NavRadPanel .rpExpanded .rpExpandHandle {
        background-position: -15px -181px !important;
    }

    .NavRadPanel .rpExpanded .rpText {
        background-color: #4077B4 !important;
    }

.NavRadPanel a.rpExpanded:hover .rpText {
    color: #fff !important;
}

.NavRadPanel .rpOut {
    border: none !important;
    padding: 0 !important;
}

.NavRadPanel .rpSlide .rpOut {
    background: none !important;
}

    .NavRadPanel .rpSlide .rpOut .rpText {
        padding-left: 30px !important;
        color: #fff;
    }

.NavRadPanel .rpSlide a.rpLink:hover {
    background-color: #4077B4 !important;
}

/************************************/

.NavRadPanelTrans .rpSlide ul {
    background: none !important;
}

.NavRadPanelTrans .rpSlide li {
    font-size: 14px;
    color: #34495E !important;
}

.NavRadPanelTrans .rpText {
    font-weight: normal !important;
    font-size: 14px !important;
    font-family: "Lato",sans-serif !important;
    line-height: 20px !important;
    padding: 6px 0px 8px !important;
}

.NavRadPanelTrans .rpRootGroup {
    border: none !important;
}

.NavRadPanelTrans .rpLink {
    background: none !important;
    border: none !important;
}

.NavRadPanelTrans .rpExpandable {
    background-position: 0% 0%;
    background-color: none !important;
    border-left-style: none !important;
    border-left-color: inherit !important;
    border-left-width: medium;
    border-right-style: none !important;
    border-right-color: inherit !important;
    border-right-width: medium;
    border-top-style: none !important;
    border-top-color: inherit !important;
    border-top-width: medium;
    border-bottom-style: none !important;
    border-bottom-color: inherit !important;
    border-bottom-width: medium;
    background-image: none !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}

    .NavRadPanelTrans .rpExpandable .rpExpandHandle {
        background-position: -15px -5px !important;
        margin: 10px 10px 0 !important;
    }

.NavRadPanelTrans div.rpExpandable {
    background-image: url('') !important;
    background-position: 95% 5px !important;
    background-repeat: no-repeat !important;
    /*background-size:15px 15px !important;*/
    padding-right: 23px !important;
}

.NavRadPanelTrans div.rpExpanded {
    background-image: url('') !important;
    background-position: 95% 5px !important;
    background-repeat: no-repeat !important;
    /*background-size:15px 15px !important;*/
    padding-right: 23px !important;
}

.NavRadPanelTrans .rpExpandable .rpText {
    color: #34495E !important;
}

.NavRadPanelTrans a.rpExpandable:hover {
    background-color: none !important;
}

    .NavRadPanelTrans a.rpExpandable:hover .rpText {
        color: #4077B4 !important;
    }

.NavRadPanelTrans .rpExpanded {
}

    .NavRadPanelTrans .rpExpanded .rpExpandHandle {
        background-position: -15px -181px !important;
    }

    .NavRadPanelTrans .rpExpanded .rpText {
        background-color: none !important;
    }

.NavRadPanelTrans a.rpExpanded:hover .rpText {
    /*color: #fff !important;*/
}

.NavRadPanelTrans .rpOut {
    border: none !important;
    padding: 0 !important;
}

.NavRadPanelTrans .rpSlide .rpOut {
    background: none !important;
}

    .NavRadPanelTrans .rpSlide .rpOut .rpText {
        padding-left: 30px !important;
    }

.NavRadPanelTrans .rpSlide a.rpLink:hover {
    background-color: #4077B4 !important;
}
/*End Rad Custom Controls*/

/*LMS Old*/
.HighLightText {
    background-color: Red !important;
}

.verticaltext {
    /*writing-mode: tb-rl; filter: flipv fliph;     -moz-transform: rotate(85deg);     -moz-transform-origin: center center;     -webkit-transform: rotate(85deg);     -webkit-transform-origin: center center;     -o-transform: rotate(85deg);     -o-transform-origin: center center; */ /*  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);*/
    height: 200px;
    width: 15px;
    font-size: 12px;
    font-family: Georgia;
    border-right: 1px solid #CCCCCC;
}

.header_alignment {
    height: 100px;
    font-size: 10px;
    font-family: Georgia;
}

.fix_border {
    border-right: 1px solid #CCCCCC;
    padding-right: 2px !important;
}

.fix_border_header {
    height: 100px;
    font-size: 10px;
    font-family: Georgia;
    border-right: 1px solid #CCCCCC;
    padding-right: 2px !important;
}

/*End LMS Old*/

.float_left {
    display: block;
    float: left;
}

.float_right {
    display: block;
    float: right;
}

.tip {
    background: #F3F7FD url('') no-repeat 5px center;
    border: 1px solid #86B5E3;
    color: #444444;
    font-family: Arial;
    font-size: 12px;
    margin-bottom: 1px;
    margin-top: 5px;
    padding-bottom: 5px;
    padding-left: 38px;
    padding-top: 2px;
}

input[type=checkbox].css-checkbox {
    display: none;
}

    input[type=checkbox].css-checkbox + label.css-label {
        padding-left: 22px;
        height: 17px;
        display: inline-block;
        line-height: 17px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 17px;
        vertical-align: middle;
        cursor: pointer;
    }

    input[type=checkbox].css-checkbox:checked + label.css-label {
        background-position: 0 -17px;
    }

label.css-label {
    background-image: url('');
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.YTSCcontainer label {
    display: block;
    margin-bottom: 5px;
}

.accordionHeaderSelected {
    background-image: url('');
    background-repeat: repeat-x;
    border: 1px solid #DBE1E6;
    color: #125C94;
    cursor: pointer;
    font-family: helvetica;
    font-size: 10pt;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    margin-top: 5px;
    padding-top: 0;
    text-indent: 5px;
}

.content_large_header {
    color: #638E00;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: 0;
    margin-top: 5px;
}

.table_label {
    border-top: 1px solid #D8D8D8;
    color: #525252;
    font-family: verdana;
    font-weight: bold;
    padding-bottom: 6px;
    padding-right: 8px;
    padding-top: 3px;
    text-align: left;
}

.table_body {
    background: none repeat scroll 0 0 #F6F6F6;
    border-top: 1px solid #D8D8D8;
    padding: 3px 6px 4px;
    vertical-align: top;
}

.main_heading {
    color: #444444;
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    font-size: 16px;
    padding: 2px 0 0 10px;
}

.collapse_grad {
    background-image: url('');
    color: #404040;
    height: 30px;
    padding-top: 6px;
    padding-left: 10px;
}

.collapse_grad_lb {
    background: #FFFFFF url('') repeat-x left bottom;
}

.collapse_grad_lighter {
    background-image: url('');
    color: #404040;
    height: 30px;
    padding-top: 6px;
    padding-left: 10px;
}

.collapse_grad_color {
    background-image: url('');
    color: #404040;
    height: 30px;
    padding: 3px;
    margin-left: -1px;
    vertical-align: middle;
}

.dddborder {
    border: 1px solid #ccc;
}

.pad_row {
    padding-left: 16px;
}

.collapse_borders {
    border: solid 1px #F7F7F7;
    border-top: none; /*color: #404040;     padding-left: 0 0 0 20px;*/
}

.info {
    background: #F3F7FD url('') no-repeat 5px center;
    border: 1px solid #86B5E3;
    color: #444444;
    font-family: Arial;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 5px;
    padding-bottom: 3px;
    padding-left: 25px;
    padding-top: 3px;
}

.mini_heading {
    color: #444444;
    font-family: Georgia,Tahoma,Helvetica;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
}

.instrFeedbackBody {
    background-color: #F1F1D4;
}

.ScheduleTable label {
    margin-left: 2px;
}

.ScheduleTable input[type="radio"] {
    margin: 0px !important;
}


/* Tab Custom Styles */
.ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
    height: auto !important;
}

.MyTabStyle .ajax__tab_header {
    font-family: "Helvetica Neue", Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold !important;
    display: block !important;
}

    .MyTabStyle .ajax__tab_header .ajax__tab_outer {
        border-color: #222 !important;
        color: #222 !important;
        padding-left: 10px !important;
        margin-right: 3px !important;
        border: solid 1px #d7d7d7 !important;
        background-color: #2980b9;
        border-radius: 5px 5px 0 0;
    }

    .MyTabStyle .ajax__tab_header .ajax__tab_inner {
        border-color: #666 !important;
        color: #666 !important;
        padding: 3px 10px 2px 0px !important;
    }

.MyTabStyle .ajax__tab_hover .ajax__tab_outer {
    background-color: #bdc3c7 !important;
}

.MyTabStyle .ajax__tab_hover .ajax__tab_inner {
    color: #fff !important;
}

.MyTabStyle .ajax__tab_active .ajax__tab_outer {
    border-bottom-color: #ffffff;
    background-color: #ecf0f1 !important;
}

.MyTabStyle .ajax__tab_active .ajax__tab_inner {
    color: #000 !important;
    border-color: #333 !important;
}

.MyTabStyle .ajax__tab_body {
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    background-color: #fff !important;
    border-top-width: 0 !important;
    border: solid 1px #d7d7d7 !important;
    border-top-color: #ffffff;
    background-color: #ecf0f1 !important;
}


.btn btn-gray {
    margin-bottom: 10px;
}

.customLabel {
    margin-left: 10px;
    font-size: 12px;
}

#DragHandleProfile {
    border-radius: 10px 10px 0 0;
}


.marginZero {
    margin: 0px !important;
}

.editbtn {
    width: 24px !important;
}

.delbtn {
    width: 24px !important;
}

.save_btn_div_override {
    left: 0;
    top: 0;
    width: 100px !important;
    margin-bottom: 5px;
    margin-right: 5px;
}

#ResetInputSize select {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    width: initial !important;
}

.side-nav li a {
    font-weight: 500 !important;
}

.nav-header {
    font-weight: bold !important;
    color: #C36615 !important;
}

/**** Boot Strap Mod***/
.full-height {
    height: calc(100%);
}

.full-width {
    width: calc(100%);
    background-color: #000;
}

.cont-with-side {
    overflow: hidden;
}

.cont-with-side-column {
    padding-bottom: 100%;
    margin-bottom: -100%;
}

.homeDock .panel-body {
    min-height: 150px;
}

.boot-mod .radio input[type="radio"] {
    margin: 4px 2px 0px 0px;
}

.boot-mod .radio label {
    margin: 0px 10px 0px 0px;
}

/**** Rad Dock ****/
.RadDockZone {
    border: none !important;
    padding: 4px;
    position: relative;
}

.DashWidget {
    /*width: 23% !important;
    width: 330px !important;
    margin-top: 30px;
    margin-right: 30px;*/
}

    .DashWidget .panel-body {
        /*padding: 20px 10px 10px 20px;*/
        padding: 20px 10px 10px 10px;
        min-height: 200px !important;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        /*max-height:290px !important;*/
    }

    .DashWidget .widget-body a {
        color: #34495E;
    }

        .DashWidget .widget-body a:hover {
            color: #4077B4;
        }

    .DashWidget .rdTable {
        /*background-color: #FDFDFD !important;
        border: 1px solid #D6D9DE !important;
        border-radius: 5px !important;
        border-collapse: inherit !important;
        table-layout: auto !important;*/
    }
    /*.RadDock_Default .rdTop .rdLeft, .RadDock_Default .rdTop .rdRight, .RadDock_Default .rdTop .rdCenter, .RadDock_Default .rdBottom .rdLeft, .RadDock_Default .rdBottom .rdRight, .RadDock_Default .rdBottom .rdCenter {
    background:none !important;
}*/

    .DashWidget .rdTop, .DashWidget .rdRight, .DashWidget .rdBottom, .DashWidget .rdLeft, .DashWidget .rdCenter {
        background: none !important;
        /*-moz-box-sizing: border-box !important;*/
    }

        .DashWidget .rdTop .rdLeft, .DashWidget .rdTop .rdCenter, .DashWidget .rdTop .rdRight {
            /*background-color: #F3F6F8 !important;
            border-bottom: 2px solid #D6D9DE !important;
            min-height: 34px !important;*/
        }

    .DashWidget h1, .DashWidget h2, .DashWidget h3, .DashWidget h4, .DashWidget h5, .DashWidget h6 {
        color: #4077b4 !Important;
        font-weight: 400;
    }

    .DashWidget ul {
        list-style-type: square;
        /*padding-left: 0;
        padding-top: 0;*/
    }

    .DashWidget li {
        padding-bottom: 3px;
    }

    /*.DashWidget li {
        list-style-type: none;
        margin-left: 5px !important;
        position: relative;
        padding-bottom:2px;
    }*/

    /*{
    color: #4077b4;
}*/

    .DashWidget i {
        padding: 12px 0px 3px 2px;
        color: #4077b4;
    }

    .DashWidget .span10 {
        width: 65%;
    }

    .DashWidget .widget-icon {
        margin-left: 0 !important;
        padding-left: 0;
    }


.rdPlaceHolder {
    width: 23% !important;
    margin-top: 30px !important;
    margin-right: 30px !important;
    height: 250px !important;
}

.rdwTransformed {
    width: 19% !important;
    margin-top: 30px !important;
    margin-right: 30px !important;
    height: 150px !important;
}
/* rdwTransformed*/

/***Todo***/
.todo {
    border-radius: 6px;
    color: #798795;
    margin-bottom: 20px;
}

    .todo ul {
        background-color: #2C3E50;
        border-radius: 0 0 6px 6px;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .todo li {
        background: url("/images/v2/todo.png") no-repeat scroll 92% center / 20px 20px #34495E;
        cursor: pointer;
        font-size: 14px;
        line-height: 1.214;
        margin-top: 2px;
        padding: 18px 42px 21px 25px;
        position: relative;
        transition: all 0.25s ease 0s;
    }

        .todo li:first-child {
            margin-top: 0;
        }

        .todo li:last-child {
            border-radius: 0 0 6px 6px;
            padding-bottom: 21px;
        }

        .todo li.todo-done {
            background: url("/images/v2/done.png") no-repeat scroll 92% center / 20px 20px rgba(0, 0, 0, 0);
            color: #1ABC9C;
        }

            .todo li.todo-done .todo-name {
                color: #1ABC9C;
            }

.todo-search {
    background: none repeat scroll 0 0 / 16px 16px #FBFBFB;
    border-radius: 6px 6px 0 0;
    color: #34495E;
    padding: 19px 5px 20px;
    position: relative;
}

    .todo-search:before {
        /*content: "";*/
        display: inline-block;
        font-family: 'Flat-UI-Icons';
        font-size: 16px;
        left: 92%;
        line-height: 17px;
        margin: -0.5em 0 0 -1em;
        position: absolute;
        top: 50%;
    }

input.todo-search-field {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    box-shadow: none;
    color: #34495E;
    font-size: 19px;
    font-weight: 700;
    line-height: 23px;
    margin: 0;
    padding: 5px 0;
    text-indent: 0;
}

    input.todo-search-field:-moz-placeholder {
        color: #34495E;
    }

    input.todo-search-field::-moz-placeholder {
        color: #34495E;
        opacity: 1;
    }

    input.todo-search-field.placeholder {
        color: #34495E;
    }

.todo-icon {
    float: left;
    font-size: 24px;
    padding: 0 22px 0 0;
}

.todo-content {
    overflow: hidden;
    padding-top: 1px;
}

.todo-name {
    color: #FFFFFF;
    font-size: 17px;
    margin: 1px 0 3px;
}

@media not all, not all, not all, not all, not all, not all, not all, not all {
    .todo li {
        background-image: url('');
    }

        .todo li.todo-done {
            background-image: url('');
        }
}
/***Todo End***/

.vpActionLinks {
    display: block !important;
}

#main-container a {
    color: #072798;
}

    #main-container a:hover {
        color: red;
    }

.moreOptContainer a:hover {
    color: #fbfbfb !important;
}

.moreOptContainer a {
    /*color: #000 !important;*/
}

.tablink a {
    color: #333 !important;
}

.preReqSearch input[type="text"] {
    margin: 0 !important;
}

.GenSearchArea input[type="text"] {
    margin: 0 !important;
}

/*Telerik Uploader Styles*/
.DropZone1 {
    width: 600px;
    height: 90px;
    background-color: none;
    border-color: #A5A6A7 !important;
    border: dashed;
    border-width: thin;
    color: #767676;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #000;
}

.FilePreviewArea {
    width: 600px;
    height: 400px;
    background-color: none;
    border-color: #A5A6A7 !important;
    border: dashed;
    border-width: thin;
    color: #767676;
    float: left;
    font-size: 16px;
    color: #000;
    text-align: center;
}

.RadAsyncUpload {
    /*margin-left: 250px;*/
    margin-bottom: 28px;
}

.fileupload-canvas {
    width: 600px;
    color: #555555;
    /*background: #f6f6f6;*/
    font-size: 13px;
    position: relative;
}

    .fileupload-canvas .qsf-decoration {
        width: 130px;
        height: 205px;
        background: url("img/qsf-demo-bg.png") 0 0 no-repeat;
        position: absolute;
        top: -20px;
        left: 15px;
    }

    .fileupload-canvas h2 {
        margin: 0;
        padding: .25em 40px .25em 150px;
        color: #ffffff;
        background: #317f99;
        text-transform: uppercase;
    }

    .fileupload-canvas .qsf-list {
        margin: 0;
        padding: 1em 0 1em 150px;
        list-style: none;
        background: #ced1d3;
    }


    /** Customize the RadUpload */
    .fileupload-canvas .RadUpload {
        width: auto;
        padding: 1px 150px;
        background: #e8e8e8;
    }

    .fileupload-canvas .ruInputs li {
        position: relative;
        line-height: 1.1;
    }

    .fileupload-canvas .ruInputs .ruRemove {
        margin: 0 0 0 10px;
        padding: 0;
        position: absolute;
        left: 100%;
        top: 0;
    }

    /** Upload mini-control */
    .fileupload-canvas .ruInputs li:first-child {
        padding-top: 1em;
        padding-bottom: 1em;
    }

    /** Validation error */
    .fileupload-canvas .ruError {
        padding: 5px 5px 5px 20px;
        border: 1px solid #ef0000;
        background: #f9e8e8;
    }

        .fileupload-canvas .ruError .ruFileWrap {
            height: auto;
            overflow: visible !important;
            display: block;
        }

        .fileupload-canvas .ruError .ruUploadProgress {
            margin-left: -18px;
            display: block;
        }

        .fileupload-canvas .ruError .ruUploadFailure {
            background-position: 2px 80%;
        }

        .fileupload-canvas .ruError .ruErrorMessage {
            display: block;
            font-variant: small-caps;
            text-transform: lowercase;
        }



    /** Validation list */
    .fileupload-canvas .qsf-results {
        padding: 1em 150px;
    }

        /** Headings */
        .fileupload-canvas .qsf-results h3 {
            margin: 0;
            padding: 1em 0 1em 40px;
            font-size: 10px;
            font-weight: normal;
            text-transform: uppercase;
            background-position: left center;
            background-repeat: no-repeat;
        }

    .fileupload-canvas .qsf-success h3 {
        color: #328d0a;
        background-image: url("img/qsf-demo-success-bg.png");
    }

    .fileupload-canvas .qsf-error h3 {
        color: #ef0000;
        background-image: url("img/qsf-demo-error-bg.png");
    }

    /** list */
    .fileupload-canvas .qsf-results .qsf-list {
        padding: 10px;
        background: none;
    }

    .fileupload-canvas .qsf-success .qsf-list {
        padding-left: 0px;
    }

    .fileupload-canvas .qsf-error .qsf-list {
        background-color: #f9e8e8;
        margin-bottom: 1em;
    }


    /* Error */
    .fileupload-canvas .ruError .ruErrorMessage {
        color: #ef0000;
        font-variant: small-caps;
        text-transform: lowercase;
        padding-bottom: 0;
    }

    .fileupload-canvas .file-list {
        margin: 20px 0 0 0;
        display: none;
    }

        .fileupload-canvas .file-list ul {
            margin: 10px 0 0 0;
            padding: 0;
            list-style: none;
        }

        .fileupload-canvas .file-list li {
            margin: 10px 0 0 0;
        }

/*Apply Admin login Styles*/

.loginDiv {
    margin-left: 60px !important;
}

    .loginDiv label {
        margin-left: 5px !important;
    }

.gettingStartDiv {
    margin-left: 50px !important;
}

    .gettingStartDiv input[type="radio"] {
        margin: 5px 5px 5px 0 !important;
    }

.sectionHeader {
    background-color: #3498db;
    height: 36px;
    padding: 15px 5px 5px 5px;
    border-radius: 6px 6px 0 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.587);
}

@media (min-width: 1024px) {
    .sectionContent {
        margin-left: 5px;
        padding: 5px 5px 5px 15px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.587);
        border-radius: 0 0 6px 6px;
        margin-right: -15px !important;
    }
}




.applyAdminLoginFooter {
    text-align: center;
}

#LoginTable tr td {
    margin: 0 !important;
    padding: 0 !important;
}

#LoginTable tr {
    margin-bottom: 5px !important;
}

.restInputBox {
    margin: 0 !important;
}

.lmsqgscore {
    margin-bottom: 4px !important;
}


/* Turn it in styles*/
.tii_border {
    border: 1px solid #8E8E8E;
    color: #333333;
}

.tii_blue {
    background-color: #0099ff;
}

.tii_green {
    background-color: #5E8E16;
}

.tii_yellow {
    background-color: #C7B517;
}

.tii_orange {
    background-color: #D78517;
}

.tii_red {
    background-color: #BE2223;
}

a.tii_null:link, a.tii_null:visited {
    background: #888888 none repeat scroll 0 0;
    border: 1px solid #666666;
    color: #444444;
    cursor: pointer;
    display: block;
    font-family: Lucida Grande,Lucida Sans Unicode;
    font-size: 10px;
    padding: 0 12px 0 0;
    text-align: left;
    text-decoration: none;
    width: 38px;
}

a.tii_null:active, a.tii_null:hover {
    background: #888888 none repeat scroll 0 0;
    border: 1px solid #666666;
    color: #444444;
    cursor: pointer;
    display: block;
    font-family: Lucida Grande,Lucida Sans Unicode;
    font-size: 10px;
    padding: 0 12px 0 0;
    text-align: left;
    text-decoration: none;
    width: 38px;
}

a.tii_red:link, a.red:visited {
    background: red none repeat scroll 0 0;
    border: 1px solid #888888;
    color: #444444;
    cursor: pointer;
    display: block;
    font-family: Lucida Grande,Lucida Sans Unicode;
    font-size: 10px;
    padding: 0 12px 0 0;
    text-align: left;
    text-decoration: none;
    width: 38px;
}

a.tii_red:active, a.red:hover {
    background: #CC0000 none repeat scroll 0 0;
    border: 1px solid #666666;
    color: #444444;
    cursor: pointer;
    display: block;
    font-family: Lucida Grande,Lucida Sans Unicode;
    font-size: 10px;
    padding: 0 12px 0 0;
    text-align: left;
    text-decoration: none;
    width: 38px;
}

a.tii_blue:link, a.blue:visited {
    background: blue none repeat scroll 0 0;
    border: 1px solid #888888;
    color: #444444;
    cursor: pointer;
    display: block;
    font-family: Lucida Grande,Lucida Sans Unicode;
    font-size: 10px;
    padding: 0 12px 0 0;
    text-align: left;
    text-decoration: none;
    width: 38px;
}

a.tii_blue:active, a.blue:hover {
    background: #003399 none repeat scroll 0 0;
    border: 1px solid #666666;
    color: #444444;
    cursor: pointer;
    display: block;
    font-family: Lucida Grande,Lucida Sans Unicode;
    font-size: 10px;
    padding: 0 12px 0 0;
    text-align: left;
    text-decoration: none;
    width: 38px;
}

a.tii_yellow:link, a.yellow:visited {
    background: yellow none repeat scroll 0 0;
    border: 1px solid #888888;
    color: #444444;
    cursor: pointer;
    display: block;
    font-family: Lucida Grande,Lucida Sans Unicode;
    font-size: 10px;
    padding: 0 12px 0 0;
    text-align: left;
    text-decoration: none;
    width: 38px;
}

a.tii_yellow:active, a.yellow:hover {
    background: #CCCC00 none repeat scroll 0 0;
    border: 1px solid #666666;
    color: #444444;
    cursor: pointer;
    display: block;
    font-family: Lucida Grande,Lucida Sans Unicode;
    font-size: 10px;
    padding: 0 12px 0 0;
    text-align: left;
    text-decoration: none;
    width: 38px;
}

a.tii_green:link, a.green:visited {
    background: #33CC00 none repeat scroll 0 0;
    border: 1px solid #888888;
    color: #444444;
    cursor: pointer;
    display: block;
    font-family: Lucida Grande,Lucida Sans Unicode;
    font-size: 10px;
    padding: 0 12px 0 0;
    text-align: left;
    text-decoration: none;
    width: 38px;
}

a.tii_green:active, a.green:hover {
    background: #009900 none repeat scroll 0 0;
    border: 1px solid #666666;
    color: #444444;
    cursor: pointer;
    display: block;
    font-family: Lucida Grande,Lucida Sans Unicode;
    font-size: 10px;
    padding: 0 12px 0 0;
    text-align: left;
    text-decoration: none;
    width: 38px;
}

a.tii_orange:link, a.orange:visited {
    background: orange none repeat scroll 0 0;
    border: 1px solid #888888;
    color: #444444;
    cursor: pointer;
    display: block;
    font-family: Lucida Grande,Lucida Sans Unicode;
    font-size: 10px;
    padding: 0 12px 0 0;
    text-align: left;
    text-decoration: none;
    width: 38px;
}

a.tii_orange:active, a.orange:hover {
    background: #CC9900 none repeat scroll 0 0;
    border: 1px solid #666666;
    color: #444444;
    cursor: pointer;
    display: block;
    font-family: Lucida Grande,Lucida Sans Unicode;
    font-size: 10px;
    padding: 0 12px 0 0;
    text-align: left;
    text-decoration: none;
    width: 38px;
}

.white {
    background-color: white;
    border-right: 1px solid #888888;
    cursor: pointer;
    display: block;
    padding: 0 2px;
    text-align: center;
    width: 28px;
}

.report_size {
    height: 28px;
}

#markassgn {
    margin-top: 25px;
}
/*End Turn it in styles*/

.evoucherDiv {
    border: 1px solid;
    border-radius: 10px;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}


#pnlPaymentOpts label {
    margin: 0 !important;
}

.pnlPaymentOptsDiv input[type="radio"] {
    margin-left: 10px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
}

.pnlPaymentOptsDiv label {
    margin-left: 5px !important;
    margin-right: 10px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


#customLabel select, textarea, input[type="text"], input[type="password"], input[type="d #customLabel select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: 4px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0px !important;
    padding: 4px 6px;
    vertical-align: middle;
}

osition: absolute; margin-left: 940px; margin-top: 498px; padding-left: 25px;
}

.updated {
    color: #444;
    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
    border: solid 1px #d3e4ed;
    line-height: 18px;
    background: #f3f7fd url('') no-repeat 0px top;
}

#PPItem {
    border: 1px solid #c1defe;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
    border-radius: 4pt;
    border-bottom-width: 2px;
    border-right-width: 1px;
}

.processingperiodbtn {
    background-color: #E6E6E6;
    border: 1px solid #bbbbbb;
}


    .processingperiodbtn:hover {
        opacity: .8;
        background-color: #e1e4e7;
        border: 1px solid #4077b4;
        color: blue !important;
    }

.processingperiodbtnActive {
    opacity: .9;
    background-color: #e1e4e7;
    border: 1px solid #4077b4;
    color: blue;
}


#PPItem .badge {
    background-color: #7f8c9a;
}

#PPItem .badgeActive {
    background-color: #4077b4;
}

    #PPItem .badgeActive:hover {
        background-color: #2196f3;
    }

#PPItem a {
    color: #000 !important;
}

    #PPItem a:hover {
        color: #0072B4 !important;
    }

#ctl00_ContentPlaceHolder1_wucCheckRequisitionList1_pnlRequestView .modal-dialog {
    width: 100% !important;
}

/**Chat Bubble**/
/* .bubble */

.bubble {
    background-image: linear-gradient(bottom, rgb(210,244,254) 25%, rgb(149,194,253) 100%);
    background-image: -o-linear-gradient(bottom, rgb(210,244,254) 25%, rgb(149,194,253) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(210,244,254) 25%, rgb(149,194,253) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(210,244,254) 25%, rgb(149,194,253) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(210,244,254) 25%, rgb(149,194,253) 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(210,244,254)), color-stop(1, rgb(149,194,253)) );
    border: solid 1px rgba(0, 0, 0, 0.5);
    /* vendor rules */
    border-radius: 20px;
    /* vendor rules */
    box-shadow: inset 0 5px 5px rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);
    /* vendor rules */
    box-sizing: border-box;
    clear: both;
    float: left;
    margin-bottom: 20px;
    padding: 8px 30px;
    position: relative;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
    width: 80%;
    max-width: 100%;
    word-wrap: break-word;
}

    .bubble:before, .bubble:after {
        border-radius: 20px / 10px;
        content: '';
        display: block;
        position: absolute;
    }

    .bubble:before {
        border: 10px solid transparent;
        border-bottom-color: rgba(0, 0, 0, 0.5);
        bottom: 0;
        left: -7px;
        z-index: -2;
    }

    .bubble:after {
        border: 8px solid transparent;
        border-bottom-color: #d2f4fe;
        bottom: 1px;
        left: -5px;
    }

.bubble--alt {
    background-image: linear-gradient(bottom, rgb(172,228,75) 25%, rgb(122,205,71) 100%);
    background-image: -o-linear-gradient(bottom, rgb(172,228,75) 25%, rgb(122,205,71) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(172,228,75) 25%, rgb(122,205,71) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(172,228,75) 25%, rgb(122,205,71) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(172,228,75) 25%, rgb(122,205,71) 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(172,228,75)), color-stop(1, rgb(122,205,71)) );
    float: right;
}

    .bubble--alt:before {
        border-bottom-color: rgba(0, 0, 0, 0.5);
        border-radius: 20px / 10px;
        left: auto;
        right: -7px;
    }

    .bubble--alt:after {
        border-bottom-color: #ace44b;
        border-radius: 20px / 10px;
        left: auto;
        right: -5px;
    }
/**End Chat Bubble**/

@media screen and (max-width: 1000px) {

    .searchCourses {
        position: relative;
    }
}

@media screen and (min-width: 1001px) {

    .searchCourses {
        position: absolute;
    }
}



.searchCourseBtnBg {
    background-color: #838c48;
    padding: 8px 8px 3px 7px;
    width: 34px;
    height: 34px;
}

.no-border-radius {
    border-radius: 0 !important;
}

/* vertical alignment styles */

.col-top {
    vertical-align: top;
}

.col-middle {
    vertical-align: middle;
}

.col-bottom {
    vertical-align: bottom;
}

/* columns of same height styles */

.row-full-height {
    height: 100%;
}

.col-full-height {
    height: 100%;
    vertical-align: middle;
}

.row-same-height {
    display: table;
    width: 100%;
    /* fix overflow */
    table-layout: fixed;
}

.col-xs-height {
    display: table-cell;
    float: none !important;
}

@media (min-width: 768px) {
    .col-sm-height {
        display: table-cell;
        float: none !important;
    }
}

@media (min-width: 992px) {
    .col-md-height {
        display: table-cell;
        float: none !important;
    }
}

@media (min-width: 1200px) {
    .col-lg-height {
        display: table-cell;
        float: none !important;
    }
}


#content_frm0 {
    max-width: 1000px;
}