html
{
    background: rgb(246,250,253); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(246,250,253,1) 6%, rgba(184,205,225,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,rgba(246,250,253,1)), color-stop(100%,rgba(184,205,225,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(246,250,253,1) 6%,rgba(184,205,225,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(246,250,253,1) 6%,rgba(184,205,225,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(246,250,253,1) 6%,rgba(184,205,225,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(246,250,253,1) 6%,rgba(184,205,225,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6fafd', endColorstr='#b8cde1',GradientType=0 ); /* IE6-9 */
    min-height: 100%;
}

body
{
    color: black;
    background-color: transparent;
    font-weight: 500;
}

.homepage
{
    background-image: url('../../imgs/homepagebg.png');
    background-repeat: repeat-x;
    background-position: bottom center;
    background-size: cover;
}

.nobg
{
    background: transparent;
    filter: none;
    background-color: transparent;
}
/**commented for report issue: issue was report parameter strip was showing on full screen on safari*/
/**
{
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}*/

#rollupExample{
/*border-collapse:collapse;*/
border:1px solid #000;
}

#rollupExample td{
border:1px solid #000;
padding-top: 5px;
padding-bottom: 5px;
text-align : center;
}

.full-width
{
    width: 100% !important;
}

.form-control:focus
{
    border: 1px solid #66AFE9;
    box-shadow: none !important;
}

.form-control
{
    border-radius: 0;
}

.searchbox
{
    /*background-image: url('../../imgs/search_icon.png');*/
    background-position: right center;
    background-repeat: no-repeat;
}

.vertically-center > td
{
    vertical-align: middle !important;
}

.modal
{
    background: url('../../imgs/darkestfaderpixel.png');
    z-index: 9999 !important;
}

.custom-modal
{
    width: 90% !important;
}

    .custom-modal h1, .custom-modal h2, .custom-modal h3, .custom-modal h4
    {
        color: #0092CC;
    }

    .custom-modal .modal-content
    {
        background-color: transparent;
        !important;
        border: none;
        color: white;
        opacity: 1;
        border-radius: 0;
        box-shadow: none;
    }

    .custom-modal .modal-header
    {
        border-bottom: none;
    }

    .custom-modal .close
    {
        color: white;
        opacity: 1;
        font-size: 5em;
        font-family: 'Open Sans', sans-serif;
        margin-top: -45px;
        filter: alpha(opacity=100);
    }

    .custom-modal .list-group
    {
        padding-left: 20px;
    }

    .custom-modal .list-group-item
    {
        background-color: transparent;
        border: none;
        color: white;
        font-size: 1.2em;
    }

        .custom-modal .list-group-item:hover
        {
            background-color: #666;
            border-radius: 0;
            color: white;
        }

.waiter
{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: black;
    color: white !important;
    z-index: 999;
    opacity: 0.95;
}

    .waiter i
    {
        position: fixed;
        top: 45%;
        left: 45%;
        font-size: 4em;
    }



.home-container
{
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}

.container, .home-container
{
    min-height: 480px;
}

/*.text-double-muted
{
    color: #b3b3b3;
}

.text-double-muted no-margin
{
    color: black;
    font: bold;
}*/

.panel-default .row
{
    min-height: 54px;
}

a.text-danger, .text-danger
{
    color: #A94442;
}

    a.text-danger:hover, .text-danger:hover
    {
        color: #843534;
    }

.has-error .form-control, .has-error .dd
{
    border-color: #A94442 !important;
}

    .has-error .form-control:focus
    {
        border-color: #843534 !important;
    }

.form-group label.error
{
    font-weight: normal;
    font-size: 0.8em;
    color: #A94442;
    margin-bottom: 0;
    display: block;
}

.has-error
{
    margin-bottom: 0;
}
/*******Primary and secondary navigation goes here*******/
#primary-navigation .navbar-brand img
{
    max-height: 60px !important;
}

#primary-navigation .navbar-brand
{
    padding: 0px 15px;
    height: 60px;
}

#primary-navigation .navbar-nav.navbar-right:last-child
{
    margin-right: 0;
}

#primary-navigation, #secondary-navigation
{
    border-top: medium none !important;
    border-left: medium none;
    min-height: 60px;
}

#secondary-navigation
{
    margin-top: -21px;
    box-shadow: 0 5px 5px rgba(182, 182, 182, 1);
    background: rgb(122,188,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
    min-height: 28px;
    height: 28px;
    padding: 5px 15px 0 15px;
    color: white;
}

    #secondary-navigation span
    {
        font-size: 0.8em;
        color: white;
    }

    #secondary-navigation a
    {
        color: white;
        font-size: 1em; /*Increased breadcrumbs size*/
    }

    #secondary-navigation i
    {
        font-size: 1.5em;
        margin: 0 2px;
    }

    #secondary-navigation ul.navbar-nav > li:first-child
    {
        border-left: none;
    }

    #secondary-navigation ul.navbar-nav > li
    {
        border-left: 1px solid #339FC3;
        color: white;
    }

        #secondary-navigation ul.navbar-nav > li:last-child
        {
            border-right: 1px solid #339FC3;
        }

    #secondary-navigation .navbar-collapse
    {
        padding-left: 0;
    }

@media(max-width: 767px)
{
    #primary-navigation b.caret, #secondary-navigation b.caret;

{
    float: right;
    margin-top: 5px;
}

#primary-navigation .navbar-brand
{
    width: 100%;
    text-align: center;
}

#primary-navigation .nav > li
{
    width: 50%;
    display: inline-block;
    float: left;
    text-align: center;
    white-space: wrap;
}

#primary-navigation .dropdown-menu a
{
    width: inherit;
    word-wrap: break-word;
    white-space: normal;
    border-top: 1px solid #1E96BF;
}

#primary-navigation img
{
    margin: 0 auto;
}

#primary-navigation .navbar-nav .dropdown-menu > li > a, #primary-navigation .navbar-nav .dropdown-menu .dropdown-header
{
    padding-left: 5px;
    text-align: center;
}

.custom-modal
{
    width: 95% !important;
}

}

.navbar-default .navbar-toggle
{
    border: none;
}

    .navbar-default .navbar-toggle .icon-bar
    {
        background-color: white;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus
    {
        background-color: #45AFD9;
    }

.user_image
{
    min-height: 44px;
    width: auto;
    vertical-align: middle;
    margin-top: 5px !important;
}
/**********************************************/
/* Tiles of homepage*/
#tiles > div a
{
    border-radius: 5px;
    min-height: 125px;
    height: 125px;
    margin-bottom: 20px;
    display: block;
    box-sizing: border-box;
    color: white;
    text-decoration: none;
    padding: 2em 1em 1em 1em;
}

#tiles > div span
{
    clear: both;
    display: block;
}

#tiles .tile_icon
{
    font-size: 3.5em;
    position: absolute;
    top: 0;
    left: 25px;
    width: 20%;
    margin-right: 10px;
}

#tiles .tile_description
{
    padding-top: 2em;
    text-align: right;
}

#tiles .tile_title
{
    font-size: 1.5em;
    width: 100%;
    max-width: 100%;
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0;
}

#tiles .tile_subtitle
{
    font-size: 0.9em;
    text-align: right;
}

#tiles > div a:hover
{
    display: block;
    z-index: 99999;
}

#tiles > div a:hover
{
    background-image: url('../../imgs/darkfaderpixel.png');
}

#tiles
{
    margin-top: 2em;
}
/***********Color Definition*************/
.bgcolor1
{
    background-color: #f7a800;
}

.bgcolor2
{
    background-color: #95C83B;
}

.bgcolor3
{
    background-color: #5bc0de;
}

.bgcolor4
{
    background-color: #f0ad4e;
}

.bgcolor5
{
    background-color: #d9534f;
}

.bgcolor6
{
    background-color: #c387da;
}

.bgcolor7
{
    background-color: #C5E2ED;
}

.bgcolor8
{
    background-color: #292626;
}

.bgcolor9
{
    background-color: #222949;
}

.bgcolor10
{
    background-color: #445651;
}

.bgcolor11
{
    background-color: #655E41;
}

.bgcolor12
{
    background-color: #693131;
}

/****************************************/
/********footer links go here********/
.footer
{
    padding: 10px 0 0px 0;
    margin-top: 10px;
    font-size: 0.9em;
    text-transform: capitalize;
    text-align: center;
}

.footer_center_links
{
    list-style: none;
}

.footer li, .footer ul
{
    margin: 0;
    padding: 0;
}

.footer li
{
    display: inline-block;
    margin-right: 5px;
}

    .footer li a
    {
        color: #999999;
    }

@media(max-width: 767px)
{
    .footer;

{
    background-color: #E0ECF0;
}

.footer li
{
    display: block;
    margin: 10px 0px;
}

    .footer li a
    {
        display: block;
        font-size: 1.2em;
    }

}
/************************************/
/*****************login window and components*******************/
.login-window
{
    background: #fff;
    background-color: rgba(255, 255, 255, 0.33);
    border: 1px solid #b7b7b7;
    box-shadow: 4px 4px 5px #BFBFBF;
    position: relative;
    padding: 2em;
}

    .login-window input[type="text"], .login-window input[type="password"]
    {
        border: 1px solid #b7b7b7;
    }

    .login-window label
    {
        font-size: 0.9em;
        margin-bottom: 0px;
        font-weight: normal;
    }

    .login-window input[type="checkbox"]
    {
        margin-top: 2px;
    }

    .login-window .forgot_password_link
    {
        text-align: right;
        white-space: nowrap;
    }

    .login-window input[type="email"], .login-window .emailinputbox
    {
        width: 200px;
    }

    .login-window .login_alert
    {
        font-size: 0.84em;
        padding: 5px 7px;
        border-radius: 0;
    }

.alert-orange
{
    background-color: #EFAC49;
    border-color: #DA7B1F;
    color: #FFF;
}

.ldap_error_block
{
    margin-top: -10px;
}

.login-window .login_alert .close
{
    right: 0;
    opacity: 0.8;
}

    .login-window .login_alert .close:hover
    {
        color: white;
        opacity: 1;
    }

@media(max-width: 767px)
{
    .login-window button, .login-window input[type="submit"];

{
    width: 100%;
}

}

@media(max-width: 480px)
{
    .login-window .forgot_password_link,.login_submit_button, label;

{
    width: 100% !important;
    text-align: center;
}

.login-window .forgot_password_link
{
    margin-top: 12px;
}

.login-window input[type="email"], .login-window .email_input_box
{
    width: 100%;
}

}
/************************************/
/* custom padding and margin classes*/
.no-padding
{
    padding: 0;
}

.no-margin
{
    margin: 0;
}

.pad-top-05
{
    padding-top: 0.5em;
}

.pad-top-1
{
    padding-top: 1em;
}

.pad-top-2
{
    padding-top: 2em;
}

.pad-top-3
{
    padding-top: 3em;
}

.pad-top-4
{
    padding-top: 4em;
}

.pad-top-5
{
    padding-top: 5em;
}

.push-down-05
{
    margin-top: 0.5em;
}

.push-down-1
{
    margin-top: 1em;
}

.push-down-2
{
    margin-top: 2em;
}

.push-down-3
{
    margin-top: 3em;
}

.push-down-4
{
    margin-top: 4em;
}

.push-down-5
{
    margin-top: 5em;
}

.push-right-05
{
    margin-left: 0.5em;
}

.push-right-1
{
    margin-left: 1em;
}

.push-right-2
{
    margin-left: 2em;
}

.push-right-3
{
    margin-left: 3em;
}

.push-right-4
{
    margin-left: 4em;
}

.push-right-5
{
    margin-left: 5em;
}
/*************************/

/*********table rules******/
.custom-table th, .app-links-header
{
    background-color: #DCE6EA;
    color: #407B8F;
    font-weight: bold;
}

.custom-table td
{
    background-color: white;
}
/***************************/
.panel-body label, .user_reports label, label
{
    font-weight: normal !important;
}

.paging_input input
{
    width: 55px !important;
    text-align: center;
}
/* custom button pinter css. */

button[disabled], a.disabled
{
    cursor: not-allowed !important;
    pointer-events: auto !important;
}

.archived-disabled, .archived-disabled:hover
{
    cursor: not-allowed !important;
    pointer-events: auto !important;
    background-color: transparent;
    color: #A0A0A0;
}

.alert-sm
{
    padding: 5px 7px;
}

.alert-warning
{
    padding: 5px 7px;
}
/*reports css*/
/*#1_ReportViewer1_fixedTable tbody > tr:first-child
{
    height: 0;
    overflow: hidden;
}

#1_ReportViewer1_fixedTable tbody > tr:nth-child(2)
{
    vertical-align: bottom;
    max-height: 40px;
    overflow: hidden;
}

#1_ReportViewer1_fixedTable tbody > tr:nth-child(4) td
{
    vertical-align: top;
    max-height: 40px;
    overflow: hidden;
}*/


.wrap-list-content
{
    white-space: -moz-pre-wrap !important;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
    word-break: break-all;
    white-space: normal;
}


.list-content-left
{
    text-align: left !important;
}

.inactiveEmployee
{
    color: blue !important;
}

.archiveEmployee
{
    color: red !important;
}

.play-video
{
    color: #4096ee;
    background-color: transparent;
    font-size: 1.5em;
}

.elearning-video-icon-size
{
    font-size: 1.5em !important;
}

.elearning-video-activate
{
    background-color: transparent;
    color: rgb(240, 173, 78);
}

.elearning-video-archive
{
    background-color: transparent;
    color: rgb(217, 83, 79);
}

.elearning-video-restore
{
    background-color: transparent;
    color: rgb(99, 153, 59);
}

a.elearningvideosarchive:hover a.elearningvideosarchive:focus
{
    text-decoration: none !important;
}

#videostatistics .dataTables_filter
{
    display: none;
}

#assignModule .dataTables_filter
{
    display: none;
}

.alert-group i
{
    font-size: 1.5em;
    text-decoration: none;
    cursor: pointer;
}

.alert-group .badge
{
    padding: 1px 5px 2px;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    left: 50%;
    background: red;
    cursor: pointer;
    text-decoration: none;
}

.single_multiple_import label
{
    margin-right: 50px;
}

.highlightblock td
{
    background-color: #EDEDED;
}

.back-to-video-button
{
    margin-right: 15px;
}

.alert-group:hover .icon-bell-alt
{
    color: white !important;
}

#spNotificationCount
{
    background-color: red !important;
    position: absolute;
    right: 20px;
    top: 5px;
}

.watchModulePopup > i
{
    font-size: 1.8em !important;
}
.employeeModuleStat { margin-left : 5px; }


.elearning-video-email
{
    background-color: transparent;
    font-size: 1.4em !important;
}

/*.tabs-menu {
    height: 30px;
    float: left;
    clear: both;
}

.tabs-menu li {
    height: 30px;
    line-height: 30px;
    float: left;
    margin-right: 10px;
    background-color: #ccc;
    border-top: 1px solid #d4d4d1;
    border-right: 1px solid #d4d4d1;
    border-left: 1px solid #d4d4d1;
}

.tabs-menu li.current {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    z-index: 5;
}

.tabs-menu li a {
    padding: 10px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none; 
}

.tabs-menu .current a {
    color: #2e7da3;
}

.tab {
    border: 1px solid #d4d4d1;
    background-color: #fff;
    float: left;
    margin-bottom: 20px;
    width: auto;
}

.tab-content {
    width: 660px;
    padding: 20px;
    display: none;
}

#tab-1 {
 display: block;   
}*/

 #tabs-1{font-size: 14px;}
         .ui-widget-header {
            background:#b9cd6d;
            border: 1px solid #b9cd6d;
            color: #FFFFFF;
            font-weight: bold;
         }