/*https://www.cleancss.com/css-beautify/*/
.MISDebug{
	color:#F00 !important;
	}

 #right-sidebar{
     /*background: #999 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAMAAAC6sdbXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF3d3d////riJKgAAAAAJ0Uk5T/wDltzBKAAAAFUlEQVR42mJgBAEGGMmAxAYCgAADAAGGABmnk/7aAAAAAElFTkSuQmCC);
     font: 12px 'trebuchet MS', Arial, Helvetica;*/
	 font-weight:bold;
}
 .ui-datepicker td {
     font-size: 10px;
}	
 #html-table {
    /*For Tabulator Table Export, Used for PDF and other Export and FusionChart Intigration*/
     display: none;
}
 .underline--dotted {
     border-bottom: 1px dotted #000;
     display: block;
}
 .ui-timepicker-wrapper {
     overflow-y: auto;
     height: 150px;
     width: 6.5em;
     background: #fff;
     border: 1px solid #ddd;
     -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
     -moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
     box-shadow:0 5px 10px rgba(0,0,0,0.2);
     outline: none;
     z-index: 10001;
     margin: 0;
}
 .ui-timepicker-wrapper.ui-timepicker-with-duration {
     width: 13em;
}
 .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30, .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
     width: 11em;
}
 .ui-timepicker-list {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .ui-timepicker-duration {
     margin-left: 5px;
     color: #888;
}
 .ui-timepicker-list:hover .ui-timepicker-duration {
     color: #888;
}
 .ui-timepicker-list li {
     padding: 3px 0 3px 5px;
     cursor: pointer;
     white-space: nowrap;
     color: #000;
     list-style: none;
     margin: 0;
}
 .ui-timepicker-list:hover .ui-timepicker-selected {
     background: #fff;
     color: #000;
}
 li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover {
     background: #1980EC;
     color: #fff;
}
 li.ui-timepicker-selected .ui-timepicker-duration, .ui-timepicker-list li:hover .ui-timepicker-duration {
     color: #ccc;
}
 .ui-timepicker-list li.ui-timepicker-disabled, .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
     color: #888;
     cursor: default;
}
 .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
     background: #f2f2f2;
}
 .styleBRCode {
     font-family: IDAutomationHC39M;
     color:#000000;
}

/* * Override styles needed due to the mix of three different CSS sources! For proper examples * please see the themes example in the "Examples" section of this site */
 .dataTables_info {
     padding-top: 0;
}
 .dataTables_paginate {
     padding-top: 0;
}
 .css_right {
     float: right;
}
/*#example_wrapper .fg-toolbar {
     font-size: 0.8em 
}
 */
 #theme_links span {
     float: left;
     padding: 2px 10px;
}
 #dialog, .dialog, #dialogUpdate {
     display:none;
}
 .valid{
     background-image:url(images/accept.gif);
     background-repeat:no-repeat;
     color: ##306;
}
 .RInputBox{
     text-align:right;
}

 input:focus, textarea:focus, select:focus, checkbox:focus{
	 color:#000;
/*     background-color: #BEF5A7;
     border:2px solid red;
	 
*/}

 .cWhite {
     color: #FFFFFF;
     font-weight: bold;
}
 #growl {
     position: absolute;
     top: 100px;
     width: 340px;
     z-index: 10;
     right:190px;
}
 .notice {
     position: relative;
     border: 1px;
     border-width:thick;
}
 .skin {
     position: absolute;
     background-color: #FFFF00;
     bottom: 1px;
     left: 0;
     opacity: 0.7;
     right: 0;
     top: 1px;
     z-index: -1;
     text-indent: 3px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, .5);
     -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, .5);
     box-shadow: 0 3px 4px rgba(0, 0, 0, .5);
}
 .noticeTopClose {
     background-color: #FFCC00;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, .2);
     -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, .2);
     box-shadow: 0 3px 4px rgba(0, 0, 0, .2);
}
 .ui-autocomplete-loading {
     background: white url("images/loading.gif") right center no-repeat;
}
 .styleBlueBold {
     color: #0000FF;
     font-style:normal;
     font-weight:bold;
}
 .styleBlue {
     color: #0000FF;
     font-style:normal;
}
 .styleRED {
     color:#FF0000;
}
 .styleWHITE{
     color:#FFFFFF;
}
 .styleChocolet{
     color:#993300;
}
 .styleItalic{
     color:#000000;
     text-decoration:underline;
     font-size:9px;
}
 .styleOrange{
     color:#FF3300;
}
 .styleYellow{
     color:#FFFF00;
}
#header{
     position:fixed;
     top:0;
     left:0;
     width:100%;
     height:100px;
     z-index: 1000;
}
#right-sidebar{
     position:fixed;
	 padding:5px;
     top:107px;
     right:20px;
     width:240px;
	 background-color:#CCC;
     height: calc(100% - (107px + 30px));
     display:none;
     /*border:2px;*/
     border-left:thick 2px #FFF;
     box-shadow: -4px 0 2px #222, -4px 0 2px #222;
	 z-index:0;
     /*opacity: 0.9;*/
}

#right-sidebar a {
     color: #000;
     text-decoration: none;
     cursor:pointer;
}
 #right-sidebar-approval{
     position:fixed;
     top:104px;
     right:0;
     width:240px;
     height:100%;
     background-color:#D0F4CA;
     padding: 5px;
     display:none;
}
.left-pagecontrol{
     /*position:fixed;
     top:104px;*/
     left:0;
	 bottom:0;
     /*width:240px;*/
     padding: 2px;
     box-shadow: 4px 0 2px #222;
	 overflow:visible;
	 border-bottom: 0px;
	 
}
.left-pagecontrolDataPanel{
     /*left: 10px !important;
     width:240px;
	 top:104px;*/
	 left: 3px;
	 margin-left:10px !important;
	 margin-right:70px !important;
	/* width:calc(100% - 700px) !important;*/
}



 #footer{
     position:fixed;
     bottom:0;
     left:0;
     width:100%;
}

 #EmployeeSearch{
     position:fixed;
     top:25px;
     right:150px;
     width:180px;
     height: 35px;
     z-index:2 !important;
}
 #EmployeeLeaveSearch{
     position:fixed;
     top:25px;
     right:330px;
     width:180px;
     height: 35px;
     z-index:2 !important;
}
 #EmployeeMovementSearch{
     position:fixed;
     top:25px;
     right:510px;
     width:180px;
     height: 35px;
     z-index:2 !important;
}
 #PendingApprovalBtn{
     position:fixed;
     padding: 5px;
     top:104px;
     right:10px;
     width:180px;
     height: 22px;
     border-left: 2px solid #38AD23;
     box-shadow: 4px 4px 2px #888888;
     background-color: #99FF33;
     -moz-border-bottom-left-radius: 5px;
     border-bottom-left-radius: 5px;
     -moz-border-bottom-right-radius: 5px;
     border-bottom-right-radius: 5px;
     cursor:hand;
     cursor:pointer;
}
 #BoxOnly{
     border:2px;
     border-color:#999999;
}

 .Highlighted a{
     background-color : #CCFF99 !important;
     background-image :none !important;
     color: Black !important;
     font-weight:bold !important;
     font-size: 11pt;
}
 .HighlightedRED a{
     background-color : #FF9900 !important;
     background-image :none !important;
     color: Black !important;
     font-weight:bold !important;
     font-size: 11pt;
}
 ._must {
     color: #F00;
     font-weight: bold;
}
 .datadisplay {
}
 .inside .style5 table tr td div table {
     text-align: left;
}
 #secondary {
     color: #FFFFFF;
     padding: 15px 35px;
}
 #pageslide-slide-wrap {
     background-color: #000;
}
 #pageslide-content h2 {
     color: #C60;
}
 #pageslide-content a {
     font-size:11px;
     padding:20px;
}
 .pageslide-close {
     font-size: 11px;
     font-weight: bold;
     padding:10px !important;
     border: 1px solid #C60;
}
 label {
     float: left;
    /* color: #fff;
     background: #66CC00;
     border: 1px solid #66CCAA;
     padding: 2px 2px;
     height: 25px !important;
     font-size:14px !important;
     font-weight:bold !important;
     color:#222 !important;
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
     -khtml-border-radius: 6px;
     border-radius: 6px;
     */
}
 labelInputS {
     float: left;
     width: 8em;
    /*border-bottom: 0.15pt solid #000000;
     */
}
 labelInput {
     float: left;
     width: 15em;
    /*border-bottom: 0.15pt solid #000000;
     */
}
 labelInput2x {
     float: left;
     width: 20em;
    /*border-bottom: 0.15pt solid #000000;
     */
}

 p {
     clear: both;
}
 .submit {
     margin-left: 12em;
}
 em {
     font-weight: bold;
     padding-right: 1em;
     vertical-align: top;
}
 span.error {
     float: none;
     color: #FFF;
	 background-color:#CE5454;
     padding-left: .5em;
	 text-align:left !important;
	
	 
}

.valid {
    background-color: #BFEEC0 !important;
}

 label.error {
     /*margin:-2px 0 0 20px;*/
     padding:6px 10px;
     color:#FFF;
     /*border-radius:3px 4px 4px 3px;*/
     background-color:#CE5454;
	 	 text-align:left !important;

    /*max-width:170px;
     
     white-space:pre;
     position:relative;*/
     opacity:1;
     z-index:1;
     transition:0.15s ease-out;
	 width:100%;
}


/*.validity-modal-msg:hover {
     background-color:#aaa;
}
 */
/* simple css-based tooltip */
 .tooltip {
     background-color:#000;
     border:1px solid #fff;
     padding:10px 15px;
     width:200px;
     display:none;
     color:#fff;
     text-align:left;
     font-size:11px;
    /* outline radius for mozilla/firefox only */
     -moz-box-shadow:0 0 10px #000;
     -webkit-box-shadow:0 0 10px #000;
}
 #ErrorDiv {
     background-color: #FF0000;
     padding: 0px;
     -moz-border-radius-topleft: 10px;
     -webkit-border-top-left-radius: 10px;
}
 #roundBoxPageTitle {
     padding: 6px;
	 padding-right: 20px;
	 padding-left: 20px;
     background-color: #000;/* #FF0;/* #9F0; /*#A4A4A4*/
	 background-image:url(../images/pageTitleBack.jpg) ;
	 font-size:18px;
	 font-weight:600;
	 text-align:right;
	 text-shadow: 0 1px 0 white;
          color: #292929;
	 /*outline: 1px dashed #98abb9;
 outline-offset: -5px;
 text-transform: uppercase;*/
 }
 #roundBoxPageTitleRed {
     padding: 6px;
	 padding-right: 20px;
	 padding-left: 20px;
     background-color: #F96;/* #FF0;/* #9F0; /*#A4A4A4*/
	 background-image:url(../images/pageTitleRed.jpg) ;
	 font-size:18px;
	 font-weight:600;
	 text-align:right;
	 text-shadow: 0 1px 0 white;
          color: #292929;
	 /*outline: 1px dashed #98abb9;
 outline-offset: -5px;
 text-transform: uppercase;*/
 }
 #roundBox {
     margin-top: 2px;
     padding: 4px;
     width:100%;

}
 #roundBoxYellow {
     margin-top: 2px;
     padding: 4px;
     width:100%;
     background-color: #FFFF00;
     border: 1px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, .5);
     -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, .5);
     box-shadow: 0 3px 4px rgba(0, 0, 0, .5);
}
 #roundBoxGreen {
     margin-top: 2px;
     margin-bottom: 2px;
     padding: 4px;
     width:100%;
     background-color: #00CC00;
     border: 1px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, .8);
     -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, .8);
     box-shadow: 0 3px 4px rgba(0, 0, 0, .9);
}

 .roundBoxRedHiLight {
     margin-top: 0px;
     margin-bottom: 6px;
     padding: 4px;
     width:100%;
     background-color: #F30;
	 color: #FFF;
     border: 1px;
     /*-webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;*/
     -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, .8);
     -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, .8);
     box-shadow: 0 3px 4px rgba(0, 0, 0, .9);
}

 .roundBoxGreenHiLight {
     margin-top: 0px;
     margin-bottom: 6px;
     padding: 4px;
     width:100%;
     background-color: #FDF07E;
	 color:#7D3C1E;
     border: 1px;
     /*-webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;*/
     -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, .8);
     -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, .8);
     box-shadow: 0 3px 4px rgba(0, 0, 0, .9);
}

 .roundBoxGreenHiLight_ST {
     margin-top: 0px;
     margin-bottom: 6px;
     padding: 4px;
     width:100%;
	 font-weight:bold;
     background-color: #FFC;
	 color:#7D3C1E;
     border: 1px;
     /*-webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;*/
     -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, .8);
     -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, .8);
     box-shadow: 0 3px 4px rgba(0, 0, 0, .9);
}


 #roundBoxRed {
     margin-top: 2px;
     padding: 4px;
     width:100%;
     background-color: #FF0000;
     color:#FFFFFF;
     border: 1px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, .8);
     -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, .8);
     box-shadow: 0 3px 4px rgba(0, 0, 0, .9);
}
 #roundBoxDown {
     margin-top: 2px;
     padding: 4px;
     width:100%;
     background-color:#F3F3F3;
     -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, .5);
     -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, .5);
     box-shadow: 0 3px 4px rgba(0, 0, 0, .5);
     border: 1px;
/*     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;*/
}
 #roundBoxWhite {
     margin-top: 2px;
     padding: 4px;
     width:99%;
     background-color:#FFFFFF;
     -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, .5);
     -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, .5);
     box-shadow: 0 3px 4px rgba(0, 0, 0, .5);
     border: 1px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
}
 #roundBoxOrange {
     margin-top: 1px;
     margin-bottom: 1px;
     padding: 4px;
     width:99%;
     background-color:#FF9900;
     -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, .5);
     -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, .5);
     box-shadow: 0 3px 4px rgba(0, 0, 0, .5);
     border: 1px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
}

 #roundBoxLogin {
	 margin:auto;
     padding: 8px;
     background-color: #9C0;
     -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, .5);
     -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, .5);
     box-shadow: 0 3px 4px rgba(0, 0, 0, .5);
     border: 1px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
}
 #P95{
     width:100%;
}
 .ui-dialog-titlebar-close {
     visibility: hidden;
}
 .text90 {
     -webkit-transform: rotate(270deg);
     -moz-transform: rotate(270deg);
     -ms-transform: rotate(270deg);
     -o-transform: rotate(270deg);
     transform: rotate(270deg);
    /* Internet Explorer */
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
     color:#000000;
     font-size:10px;
}
 .text80 {
     -webkit-transform: rotate(280deg);
     -moz-transform: rotate(280deg);
     -ms-transform: rotate(280deg);
     -o-transform: rotate(280deg);
     transform: rotate(280deg);
    /* Internet Explorer */
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
     color:#000000;
     font-size:9px;
}
 .RowHighlight td {
     background-color:red;
}
 table {
     border-collapse: collapse;
    /* IE7 and lower */
     border-spacing: 0;
     width: 100%;
}
 .bordered {
     border: solid #ccc 1px;
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
     border-radius: 6px;
     -webkit-box-shadow: 0 1px 1px #ccc;
     -moz-box-shadow: 0 1px 1px #ccc;
     box-shadow: 0 1px 1px #ccc;
}
 .bordered tr:hover {
     background: #fbf8e9;
     -o-transition: all 0.1s ease-in-out;
     -webkit-transition: all 0.1s ease-in-out;
     -moz-transition: all 0.1s ease-in-out;
     -ms-transition: all 0.1s ease-in-out;
     transition: all 0.1s ease-in-out;
}
 .bordered td, .bordered th {
     border-left: 1px solid #ccc;
     border-top: 1px solid #ccc;
     padding: 3px;
     text-align: left;
     width: 100px;
}
 .bordered th {
     background-color: #dce9f9;
     background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
     background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
     background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
     background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
     background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
     background-image: linear-gradient(top, #ebf3fc, #dce9f9);
     -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
     -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
     box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
     border-top: none;
     text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
 .bordered td:first-child, .bordered th:first-child {
     border-left: none;
}
 .bordered th:first-child {
     -moz-border-radius: 6px 0 0 0;
     -webkit-border-radius: 6px 0 0 0;
     border-radius: 6px 0 0 0;
}
 .bordered th:last-child {
     -moz-border-radius: 0 6px 0 0;
     -webkit-border-radius: 0 6px 0 0;
     border-radius: 0 6px 0 0;
}
 .bordered th:only-child{
     -moz-border-radius: 6px 6px 0 0;
     -webkit-border-radius: 6px 6px 0 0;
     border-radius: 6px 6px 0 0;
}
 .bordered tr:last-child td:first-child {
     -moz-border-radius: 0 0 0 6px;
     -webkit-border-radius: 0 0 0 6px;
     border-radius: 0 0 0 6px;
}
 .bordered tr:last-child td:last-child {
     -moz-border-radius: 0 0 6px 0;
     -webkit-border-radius: 0 0 6px 0;
     border-radius: 0 0 6px 0;
}
 .bordered tbody tr:nth-child(even) {
     background: #f5f5f5;
     -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
     -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
     box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
}
 .bordered tbody tr:nth-child(odd) {
     background: #E9FEDA;
     -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
     -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
     box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
}
/*----------------------*/
 .active {
     background: #69f !important;
     color: #fff !important;
     text-decoration: none;
     border-radius: 4px;
}

tr.trInputGrid td {
     background: #B6B6B6 !important;
     color: #fff !important;
     text-decoration: none;
  	 border-top:1pt solid  #999;
}

tr.trInputGrid td:first-child {
  border-left:1pt solid  #999;
}

tr.trInputGrid td:last-child {
  border-right:1pt solid  #999;
}




 .zebra td, .zebra th {
     padding: 5px;
     border-bottom: 1px solid #f2f2f2;
}

 .zebra td {
     border-right: 1px solid #999;
}

 .zebra td:first-child {
     border-left: 1px solid #999;
}

 .zebra tr:last-child td {
     border-bottom: 2px solid #333;
}

 .zebra tbody tr:nth-child(even) {
     background: #f5f5f5;
     -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
     -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
     box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
}

 .zebra tbody tr:nth-child(odd) {
     background: #DDD;
     -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
     -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
     box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
}
 .zebra th {
     text-align: left;
     /*text-shadow: 0 1px 0 rgba(255,255,255,.5);*/
     border-bottom: 2px solid #333;
	 border-right:1pt solid  #222;
	 border-top:1pt solid  #222;
     background-image: -webkit-gradient(linear, left top, left bottom, from(#999), to(#eee));
     background-image: -webkit-linear-gradient(top, #999, #eee);
     background-image: -moz-linear-gradient(top, #939393, #939393);
     background-image: -ms-linear-gradient(top, #999, #eee);
     background-image: -o-linear-gradient(top, #999, #eee);
     background-image: linear-gradient(top, #999, #eee);
	 color:#FFF;
}
 .zebra th:first-child {
/*     -moz-border-radius: 6px 0 0 0;
     -webkit-border-radius: 6px 0 0 0;
     border-radius: 6px 0 0 0;*/
	 border-left:1pt solid  #222;
}
 .zebra th:last-child {
  /*   -moz-border-radius: 0 6px 0 0;
     -webkit-border-radius: 0 6px 0 0;
     border-radius: 0 6px 0 0;*/
}
 .zebra th:only-child{
/*     -moz-border-radius: 6px 6px 0 0;
     -webkit-border-radius: 6px 6px 0 0;
     border-radius: 6px 6px 0 0;*/
}
 .zebra tfoot td {
     border-bottom: 0;
     border-top: 1px solid #fff;
     background-color: #f1f1f1;
	 border-bottom:1pt solid  #999;
}
 .zebra tfoot td:first-child {
     -moz-border-radius: 0 0 0 6px;
     -webkit-border-radius: 0 0 0 6px;
     border-radius: 0 0 0 6px;
}
 .zebra tfoot td:last-child {
     -moz-border-radius: 0 0 6px 0;
     -webkit-border-radius: 0 0 6px 0;
     border-radius: 0 0 6px 0;
}
 .zebra tfoot td:only-child{
     -moz-border-radius: 0 0 6px 6px;
     -webkit-border-radius: 0 0 6px 6px;
     border-radius: 0 0 6px 6px;
}

/*--------------------------------------------------------------- ZebraIFT In Form Table Class*/
 .zebraIFT td, .zebraIFT th {
     padding: 2px;
     border-bottom: 1px solid #C5C7AF;
}

 .zebraIFT td {
     border-right: 1px solid #C5C7AF;
}

 .zebraIFT td:first-child {
     border-left: 1px solid #C5C7AF;
}

 .zebraIFT tr:last-child td {
     border-bottom: 2px solid #C5C7AF;
}

 .zebraIFT tbody tr:nth-child(even) {
     background: #C5C5C5;
     -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
     -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
     box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
}

 .zebraIFT tbody tr:nth-child(odd) {
     background: #EFEFEF;
     -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
     -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
     box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
}
 .zebraIFT th {
     text-align: left;
	 padding:5px;
     /*text-shadow: 0 1px 0 rgba(255,255,255,.5);*/
     border-bottom: 2px solid #C5C7AF;
	 border-right:1pt solid  #C5C7AF;
	 border-top:1pt solid  #C5C7AF;
	 background-color: #FFFFBB;
	 color:#000000;
}
 .zebraIFT th:first-child {
/*     -moz-border-radius: 6px 0 0 0;
     -webkit-border-radius: 6px 0 0 0;
     border-radius: 6px 0 0 0;*/
	 border-left:1pt solid  #C5C7AF;
}
 .zebraIFT th:last-child {
  /*   -moz-border-radius: 0 6px 0 0;
     -webkit-border-radius: 0 6px 0 0;
     border-radius: 0 6px 0 0;*/
}
 .zebraIFT th:only-child{
/*     -moz-border-radius: 6px 6px 0 0;
     -webkit-border-radius: 6px 6px 0 0;
     border-radius: 6px 6px 0 0;*/
}
 .zebraIFT tfoot td {
     border-bottom: 0;
     border-top: 1px solid #C5C7AF;
     background-color: #f1f1f1;
	 border-bottom:1pt solid  #C5C7AF;
}
 .zebraIFT tfoot td:first-child {
     -moz-border-radius: 0 0 0 6px;
     -webkit-border-radius: 0 0 0 6px;
     border-radius: 0 0 0 6px;
}
 .zebraIFT tfoot td:last-child {
     -moz-border-radius: 0 0 6px 0;
     -webkit-border-radius: 0 0 6px 0;
     border-radius: 0 0 6px 0;
}
 .zebraIFT tfoot td:only-child{
     -moz-border-radius: 0 0 6px 6px;
     -webkit-border-radius: 0 0 6px 6px;
     border-radius: 0 0 6px 6px;
}

/*------------------------------------------------------------- END ZebraIFT*/




/*Floting Right Icon Link*/ 
.icon-bar {
  position: fixed;
  top: 50%;
  background-color:#666;
  opacity:0.8;
  right: 19px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
    background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}

.content {
  margin-left: 75px;
  font-size: 30px;
}

table.full-height {
    position: absolute;
    bottom: 0;
    top: 100px;
	right:auto !important;
    left: 0;
}

/*** custom checkboxes **  FA */ 
.fac input[type=checkbox] { display:none !important; } /* to hide the checkbox itself */
.fac span:before {
  font-family: FontAwesome;
  font-size:16px;
  display: inline-block !important;
  content:"\f096";
  letter-spacing:10px;
  text-align:left;
}


.fac input[type=checkbox]:checked ~ span:before { content: "\f046"; } /* checked icon */
.fac input[type=checkbox]:checked ~ span:before { letter-spacing: 10px; } /* allow space for check mark */

/*** custom checkboxes **  FA  END*/ 
.fancy-checkbox input[type="checkbox"] {
    display: none;
}
 
.fancy-checkbox span:before {
    font-family: "FontAwesome";
    font-size:16px;
    content: '\f096';
    margin-right: .3em;
}
 
.fancy-checkbox input[type="checkbox"]:checked ~ span:before {
    content: '\f046';
}



/* FA Redio & Chk Box with-font Class*/
input[type=radio].with-font {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
    
input[type=radio].with-font ~ label:before {
    font-family: FontAwesome;
    display: inline-block !important;
    content: "\f1db";
    letter-spacing: 10px;
    font-size: 1.2em;
    color: #535353;
    width: 1.4em;
}

input[type=radio].with-font:checked ~ label:before  {
    content: "\f00c";
    font-size: 1.2em;
    color: darkgreen;
    letter-spacing: 5px;
}

input[type=radio].with-font:focus ~ label:before,
input[type=radio].with-font:focus ~ label
{                
    color: green;
}
/*End of FA Redio*/
 select {
        height:30px;
        line-height:30px;
		border-width:thin;
		border-bottom:#666;
    }