/* @override 
    http://www.pl-c2l.golden.local/LMS.Web/Resources/css/common.css
	http://www.pl-c2l.harden.local/LMS.Web/Resources/css/common.css
    http://www.corelms.local/LMS.Web/Resources/css/common.css
	https://www.corelms.local/LMS.Web/Resources/css/common.css
	http://www.corelms.local/LMS.Web/Resources/css/common.css?v=v2 */


/*----------------------------------   GRID   ------------------------------*/
/* @group GRID */


.grid-col { float: left; }
.grid-col.col-last { clear: right; *zoom: 1; }
.grid-col.col-last:after { content: ""; display: table; clear: right; }

.grid-col-liner { margin-left: 15px; margin-right: 15px; }
.col {
    margin: 0 !important;
    float: none !important;
}
.col-first > .grid-col-liner { margin-left: 0; }
.col-last > .grid-col-liner { margin-right: 0; }
.col-last.col-last-premature > .grid-col-liner { margin-right: 20px; }

.col-quarter { width: 25%; }
.col-half { width: 50%; }
.col-three-quarters { width: 75%; }
.col-all { width: 100%; }

.col-1p { width: 1%; }
.col-2p { width: 2%; }
.col-3p { width: 3%; }
.col-4p { width: 4%; }
.col-5p { width: 5%; }
.col-6p { width: 6%; }
.col-7p { width: 7%; }
.col-8p { width: 8%; }
.col-9p { width: 9%; }
.col-10p { width: 10%; }
.col-11p { width: 11%; }
.col-12p { width: 12%; }
.col-13p { width: 13%; }
.col-14p { width: 14%; }
.col-15p { width: 15%; }
.col-16p { width: 16%; }
.col-17p { width: 17%; }
.col-18p { width: 18%; }
.col-19p { width: 19%; }
.col-20p { width: 20%; }
.col-21p { width: 21%; }
.col-22p { width: 22%; }
.col-23p { width: 23%; }
.col-24p { width: 24%; }
.col-25p { width: 25%; }
.col-26p { width: 26%; }
.col-27p { width: 27%; }
.col-28p { width: 28%; }
.col-29p { width: 29%; }
.col-30p { width: 30%; }
.col-31p { width: 31%; }
.col-32p { width: 32%; }
.col-33p { width: 33%; }
.col-34p { width: 34%; }
.col-35p { width: 35%; }
.col-36p { width: 36%; }
.col-37p { width: 37%; }
.col-38p { width: 38%; }
.col-39p { width: 39%; }
.col-40p { width: 40%; }
.col-41p { width: 41%; }
.col-42p { width: 42%; }
.col-43p { width: 43%; }
.col-44p { width: 44%; }
.col-45p { width: 45%; }
.col-46p { width: 46%; }
.col-47p { width: 47%; }
.col-48p { width: 48%; }
.col-49p { width: 49%; }
.col-50p { width: 50%; }
.col-51p { width: 51%; }
.col-52p { width: 52%; }
.col-53p { width: 53%; }
.col-54p { width: 54%; }
.col-55p { width: 55%; }
.col-56p { width: 56%; }
.col-57p { width: 57%; }
.col-58p { width: 58%; }
.col-59p { width: 59%; }
.col-60p { width: 60%; }
.col-61p { width: 61%; }
.col-62p { width: 62%; }
.col-63p { width: 63%; }
.col-64p { width: 64%; }
.col-65p { width: 65%; }
.col-66p { width: 66%; }
.col-67p { width: 67%; }
.col-68p { width: 68%; }
.col-69p { width: 69%; }
.col-70p { width: 70%; }
.col-71p { width: 71%; }
.col-72p { width: 72%; }
.col-73p { width: 73%; }
.col-74p { width: 74%; }
.col-75p { width: 75%; }
.col-76p { width: 76%; }
.col-77p { width: 77%; }
.col-78p { width: 78%; }
.col-79p { width: 79%; }
.col-80p { width: 80%; }
.col-81p { width: 81%; }
.col-82p { width: 82%; }
.col-83p { width: 83%; }
.col-84p { width: 84%; }
.col-85p { width: 85%; }
.col-86p { width: 86%; }
.col-87p { width: 87%; }
.col-88p { width: 88%; }
.col-89p { width: 89%; }
.col-90p { width: 90%; }
.col-91p { width: 91%; }
.col-92p { width: 92%; }
.col-93p { width: 93%; }
.col-94p { width: 94%; }
.col-95p { width: 95%; }
.col-96p { width: 96%; }
.col-97p { width: 97%; }
.col-98p { width: 98%; }
.col-99p { width: 99%; }
.col-100p { width: 100%; }

.col-18px { width: 18px !important; }
.col-80px { width: 80px !important; }
.col-85px { width: 85px !important; }
.col-100px { width: 100px !important; }
.col-105px { width: 105px !important; }
.col-125px { width: 125px !important; }
.col-150px { width: 150px !important; }
.col-160px { width: 160px !important; }
.col-180px { width: 180px !important; }
.col-190px { width: 190px !important; }
.col-200px { width: 200px !important; }
.col-220px { width: 220px !important; }
.col-235px { width: 235px !important; }
.col-300px { width: 300px !important; }
.col-400px { width: 400px !important; }
.col-500px { width: 500px !important; }
.col-600px { width: 600px !important; }
.col-700px { width: 700px !important; }
.col-800px { width: 800px !important; }
.col-900px { width: 900px !important; }

.col-69p-max { max-width: 69% !important; }
.col-70p-max { max-width: 70% !important; }


/* @end */
/*-------------------------------   JQUERY UI   ----------------------------*/
/* @group JQUERY UI */


.use-jqueryui-styles .ui-widget-header { padding: 3px 5px; font-size: 1.1em; }
.use-jqueryui-styles .ui-widget-header a.ui-dialog-titlebar-close { float: right; }
.use-jqueryui-styles .ui-dialog-content { padding: 5px; }
.use-jqueryui-styles .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.use-jqueryui-styles .ui-button span.ui-button-text { left: auto !important; }
.ui-widget-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000 !important; }


/* @end */
/*--------------------------------   GENERAL   -----------------------------*/
/* @group GENERAL */

#wrapper {
    margin: 0 auto;
    width: 978px;
}


.modal-noscroll {
    position: fixed;
    overflow-y: scroll;
    width: 100%;
}
#modal-container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    z-index: 10001;
    display: none;
}
#modal-container::after {
    content: "\0000a0";
    display: inline-block;
    height: 100%; 
    width: 1px;
    margin-left: -1px;
    vertical-align: middle;
}
#modal-container > .modal-container-liner {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    max-height: 100%;
    max-width: 100%;
    overflow: auto;
    box-sizing: border-box;
    /*padding: 0 20px;*/
}
#modal-container > .modal-container-liner > .ui-dialog {
    position: relative !important;
    top: auto !important;
    top: initial !important;
    left: auto !important;
    left: initial !important;
}

#main-header { line-height: 17px; }
#main-body { padding: 10px 4px; }
#main-footer td { vertical-align: inherit; }
#footer-main-break { margin-top: 0; height: 0; }

.page-wrapper { width: 960px; margin: 0 auto; }
.modal-wrapper { width: 100%; }
.full-screen { position: fixed !important; width: 100% !important; height: 100% !important; left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 9999998; }
.loading-container { position: fixed; width: 260px; height: 45px; border: solid 3px #fff; background: #aaa; top: 50%; left: 50%; margin-top: -20px; margin-left: -130px; text-align: center; font-weight: bold; color: #fff; z-index: 9999999; }
.loading-bar { position: relative; background: transparent url("../img/ajax-loader-bar.gif") no-repeat top left; width: 220px; height: 19px; margin: 0 auto; text-align: center; border: solid 1px #888; }
.loading-container .close-overlay { position:absolute; top:0px; right: 3px; font-weight: bold; cursor:pointer;}

/* @end */
/*--------------------------------------------------------------------------*/
/*-----------------------------   LMS STUFF   ------------------------------*/
/*--------------------------------------------------------------------------*/
/* @group OLD LMS STUFF */


.clear { clear: both; }
.floatR { float: right; }
.floatL { float: left; }
.btnGoldLogout { display: block; height: 27px; width: 67px; margin: 0 5px 0 0; padding: 0 0 2px 0; border: 0; background: transparent url("../img/btn-gold-sm.gif") no-repeat; color: #000; line-height: 17px; font-size: 11px; font-weight: bold; cursor: pointer; }


/***** Dashboard base defaults *****/
/*#Dashboard_main { background-color: #3f3f3f; display: block; width: 100%; }
#Dashboard_main a, #Dashboard_tab a { color: #fff; text-decoration: none; }
#Dashboard_main	a:hover, #Dashboard_tab a:hover { text-decoration: underline; }
#Dashboard_tab { height: 33px; margin-top: 20px; }
.lblDashboardName { color: #ff0; }*/


/***** Student Tab *****/
/*.dashtab_student_inactive, .dashtab_student_active { font-weight: bold; font-size: 14px; }
.dashtab_student_active, .dashtab_student_active	a { color: #fff; }
.dashtab_student_inactive, .dashtab_student_inactive a { color: #000; }*/


/***** Admin / Manager Tab *****/
/*.dashtab_admin_active { color: #fff; font-weight: bold; font-size: 14px; }
.dashtab_admin_active a { color: #fff; }
.dashtab_admin_inactive { color: #000; font-weight: bold; font-size: 14px; }
.dashtab_admin_inactive	a { color: #000; }

.dashtab_student_active .dashtab-left, .dashtab_student_active .dashtab-center, .dashtab_student_active .dashtab-right, .dashtab_student_inactive .dashtab-left, .dashtab_student_inactive .dashtab-center, .dashtab_student_inactive .dashtab-right, .dashtab_admin_active .dashtab-left, .dashtab_admin_active .dashtab-center, .dashtab_admin_active .dashtab-right, .dashtab_admin_inactive .dashtab-left, .dashtab_admin_inactive .dashtab-center, .dashtab_admin_inactive .dashtab-right { background-color: transparent; background-position: center center; background-repeat: no-repeat; height: 33px; float: left; }
.dashtab_student_active .dashtab-left, .dashtab_student_inactive .dashtab-left, .dashtab_admin_active .dashtab-left, .dashtab_admin_inactive .dashtab-left { width: 13px; }
.dashtab_student_active .dashtab-center, .dashtab_student_inactive .dashtab-center, .dashtab_admin_active .dashtab-center, .dashtab_admin_inactive .dashtab-center { line-height: 33px; padding: 0 10px; background-repeat: repeat-x; }
.dashtab_student_active .dashtab-right, .dashtab_student_inactive .dashtab-right, .dashtab_admin_active .dashtab-right, .dashtab_admin_inactive .dashtab-right { width: 42px; }

.dashtab_student_active .dashtab-left, .dashtab_admin_active .dashtab-left { background-image: url("../../resource/css/images/navtabs/tab_dashactive_left.png"); }
.dashtab_student_active .dashtab-center, .dashtab_admin_active .dashtab-center { background-image: url("../../resource/css/images/navtabs/tab_dashactive_center.png"); }
.dashtab_student_active .dashtab-right, .dashtab_admin_active .dashtab-right { background-image: url("../../resource/css/images/navtabs/tab_dashactive_right.png"); }
.dashtab_student_inactive .dashtab-left, .dashtab_admin_inactive .dashtab-left { background-image: url("../../resource/css/images/navtabs/tab_dashinactive_left.png"); }
.dashtab_student_inactive .dashtab-center, .dashtab_admin_inactive .dashtab-center { background-image: url("../../resource/css/images/navtabs/tab_dashinactive_center.png"); }
.dashtab_student_inactive .dashtab-right, .dashtab_admin_inactive .dashtab-right { background-image: url("../../resource/css/images/navtabs/tab_dashinactive_right.png"); margin-right: 20px; }*/

/* @end */