/*TimeClock Stylesheet*/


/* ========== Custom Font (Open Sans) ========== */
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont-webfont.eot');
    src: url('../fonts/opensans-bold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont-webfont.eot');
    src: url('../fonts/opensans-regular-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* ======== HTML tags ========*/
html {
  position: relative;
  min-height: 100%;
  
}
body {
  /* Margin bottom by footer height 
  margin-bottom: 60px;*/
  font-family:'open_sansregular' , Arial , Sans-Serif;
  font-size: 16px;
  color: rgba(8,76,160,1);
}
.errorNotice , .warning{ font-size:15px; color:white !important; display:block ; width:100%; background:red; padding:5px;}
.notify{ font-size:15px; color:white; display:block ; width:100%; background:green; padding: 0 5px; }
.NotificationText{font-size:1.75em; font-family: 'open_sansbold', Arial, Sans-Serif;}



/*======== Buttons ======== */
.button{
/*padding:15px 45px;
padding: 1em 2.5em;*/
font-family: 'open_sansbold' , Arial , Sans-Serif;
/*font-size: 1.125em;*/
/*font-size: 18px;*/
border-top: 1px solid #6880a6;
border-left: 1px solid #416ea1;
border-right: 1px solid #416ea1;
border-bottom: 1px solid #041c24;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: rgba(8,76,160,1);
background: -moz-linear-gradient(top, rgba(8,76,160,1) 0%, rgba(6,58,122,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(8,76,160,1)), color-stop(100%, rgba(6,58,122,1)));
background: -webkit-linear-gradient(top, rgba(8,76,160,1) 0%, rgba(6,58,122,1) 100%);
background: -o-linear-gradient(top, rgba(8,76,160,1) 0%, rgba(6,58,122,1) 100%);
background: -ms-linear-gradient(top, rgba(8,76,160,1) 0%, rgba(6,58,122,1) 100%);
background: linear-gradient(to bottom, rgba(8,76,160,1) 0%, rgba(6,58,122,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084ca0', endColorstr='#063a7a', GradientType=0 );
cursor:pointer;
white-space:normal;
background-position-y: 0 !important;
}



.timeclockbutton{
/*padding:15px 45px;
padding: 1em 2.5em;*/
font-family: 'open_sansbold' , Arial , Sans-Serif;
border-top: 1px solid #6880a6;
border-left: 1px solid #416ea1;
border-right: 1px solid #416ea1;
border-bottom: 1px solid #041c24;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: rgba(8,76,160,1);
background: -moz-linear-gradient(top, rgba(8,76,160,1) 0%, rgba(6,58,122,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(8,76,160,1)), color-stop(100%, rgba(6,58,122,1)));
background: -webkit-linear-gradient(top, rgba(8,76,160,1) 0%, rgba(6,58,122,1) 100%);
background: -o-linear-gradient(top, rgba(8,76,160,1) 0%, rgba(6,58,122,1) 100%);
background: -ms-linear-gradient(top, rgba(8,76,160,1) 0%, rgba(6,58,122,1) 100%);
background: linear-gradient(to bottom, rgba(8,76,160,1) 0%, rgba(6,58,122,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084ca0', endColorstr='#063a7a', GradientType=0 );
cursor:pointer;
white-space:normal;
background-position-y: 0 !important;
}

.button:hover , button:focus , button:active , #enterContainer:hover , #enterContainer:focus , #enterContainer:active{
background: rgba(12,109,228,1);
background: -moz-linear-gradient(top, rgba(12,109,228,1) 0%, rgba(8,83,175,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(12,109,228,1)), color-stop(100%, rgba(8,83,175,1)));
background: -webkit-linear-gradient(top, rgba(12,109,228,1) 0%, rgba(8,83,175,1) 100%);
background: -o-linear-gradient(top, rgba(12,109,228,1) 0%, rgba(8,83,175,1) 100%);
background: -ms-linear-gradient(top, rgba(12,109,228,1) 0%, rgba(8,83,175,1) 100%);
background: linear-gradient(to bottom, rgba(12,109,228,1) 0%, rgba(8,83,175,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c6de4', endColorstr='#0853af', GradientType=0 );
background-position-y: 0 !important;
}

.button[disabled=disabled] , button:disabled{
background: rgba(168,168,168,1);
background: -moz-linear-gradient(top, rgba(168,168,168,1) 0%, rgba(128,128,128,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(168,168,168,1)), color-stop(100%, rgba(128,128,128,1)));
background: -webkit-linear-gradient(top, rgba(168,168,168,1) 0%, rgba(128,128,128,1) 100%);
background: -o-linear-gradient(top, rgba(168,168,168,1) 0%, rgba(128,128,128,1) 100%);
background: -ms-linear-gradient(top, rgba(168,168,168,1) 0%, rgba(128,128,128,1) 100%);
background: linear-gradient(to bottom, rgba(168,168,168,1) 0%, rgba(128,128,128,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#808080', GradientType=0 );
    }
    
.btn-xl,
.btn-group-xl > .btn {
  padding: 10px 15px;
  font-size: 30px;
  line-height: 1.5;
  border-radius: 3px;
}

.numpad{
    width:100%; 
    padding:0.75em; 
    color:#FFFFFF; 
    font-size:1.75em;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.panel{height:4.5em; white-space:normal; margin:2px;}

.logout{
background: rgba(227,30,53,1);
background: -moz-linear-gradient(top, rgba(227,30,53,1) 0%, rgba(158,27,44,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(227,30,53,1)), color-stop(100%, rgba(158,27,44,1)));
background: -webkit-linear-gradient(top, rgba(227,30,53,1) 0%, rgba(158,27,44,1) 100%);
background: -o-linear-gradient(top, rgba(227,30,53,1) 0%, rgba(158,27,44,1) 100%);
background: -ms-linear-gradient(top, rgba(227,30,53,1) 0%, rgba(158,27,44,1) 100%);
background: linear-gradient(to bottom, rgba(227,30,53,1) 0%, rgba(158,27,44,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e31e35', endColorstr='#9e1b2c', GradientType=0 );     
    }
    
.start{       
    background: rgba(227,30,53,1);
    background: -moz-linear-gradient(top, rgba(227,30,53,1) 0%, rgba(158,27,44,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(227,30,53,1)), color-stop(100%, rgba(158,27,44,1)));
    background: -webkit-linear-gradient(top, rgba(227,30,53,1) 0%, rgba(158,27,44,1) 100%);
    background: -o-linear-gradient(top, rgba(227,30,53,1) 0%, rgba(158,27,44,1) 100%);
    background: -ms-linear-gradient(top, rgba(227,30,53,1) 0%, rgba(158,27,44,1) 100%);
    background: linear-gradient(to bottom, rgba(227,30,53,1) 0%, rgba(158,27,44,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e31e35', endColorstr='#9e1b2c', GradientType=0 );  
    padding: 10px 2.5em;
}

.logout:hover, .logout:active, .logout:focus, .start:hover , .start:active , start:focus {
    background: rgba(255,51,75,1);
    background: -moz-linear-gradient(top, rgba(255,51,75,1) 0%, rgba(209,0,24,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,51,75,1)), color-stop(100%, rgba(209,0,24,1)));
    background: -webkit-linear-gradient(top, rgba(255,51,75,1) 0%, rgba(209,0,24,1) 100%);
    background: -o-linear-gradient(top, rgba(255,51,75,1) 0%, rgba(209,0,24,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,51,75,1) 0%, rgba(209,0,24,1) 100%);
    background: linear-gradient(to bottom, rgba(255,51,75,1) 0%, rgba(209,0,24,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff334b', endColorstr='#d10018', GradientType=0 );
    }
#enterContainer{
    background: rgba(8,76,160,1);
    background: -moz-linear-gradient(top, rgba(8,76,160,1) 0%, rgba(6,58,122,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(8,76,160,1)), color-stop(100%, rgba(6,58,122,1)));
    background: -webkit-linear-gradient(top, rgba(8,76,160,1) 0%, rgba(6,58,122,1) 100%);
    background: -o-linear-gradient(top, rgba(8,76,160,1) 0%, rgba(6,58,122,1) 100%);
    background: -ms-linear-gradient(top, rgba(8,76,160,1) 0%, rgba(6,58,122,1) 100%);
    background: linear-gradient(to bottom, rgba(8,76,160,1) 0%, rgba(6,58,122,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084ca0', endColorstr='#063a7a', GradientType=0 );
    
     }
.enter{
    background: url("../img/btn-enter.png") no-repeat ;
    background-position: 50% 50% !important;
    background-size: initial;
    height:84px;
    }
 .enter:hover{background: url("../img/btn-enter.png") no-repeat; background-position: 50% 50% !important;}
 .delete{
    background: url("../img/btn_delete.png") no-repeat center center ;
    background-position: 50% 50% !important;
    background-size: initial;
    height:84px; 
    }
 .delete:hover{background: url("../img/btn_delete.png") no-repeat; background-position: 50% 50% !important;}          
    
 .btn-toggle{
    position:fixed; 
    bottom:80px; 
    left:45px; 
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 6px 2.5em;
    font-size:16px;
    font-family: 'open_sansregular' , Arial , Sans-Serif;
    z-index:1607;
}
.btn-toggle.collapsed{
    background: rgba(227,30,53,1);
    background: -moz-linear-gradient(top, rgba(227,30,53,1) 0%, rgba(158,27,44,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(227,30,53,1)), color-stop(100%, rgba(158,27,44,1)));
    background: -webkit-linear-gradient(top, rgba(227,30,53,1) 0%, rgba(158,27,44,1) 100%);
    background: -o-linear-gradient(top, rgba(227,30,53,1) 0%, rgba(158,27,44,1) 100%);
    background: -ms-linear-gradient(top, rgba(227,30,53,1) 0%, rgba(158,27,44,1) 100%);
    background: linear-gradient(to bottom, rgba(227,30,53,1) 0%, rgba(158,27,44,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e31e35', endColorstr='#9e1b2c', GradientType=0 ); 
    }
.reverse-color{
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(230,239,250,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(230,239,250,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(230,239,250,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(230,239,250,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(230,239,250,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(230,239,250,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6effa', GradientType=0 );
    color:#084ca1;
    }
 .reverse-color:hover {
    background: rgba(247,247,247,1);
    background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(204,204,204,1) 49%, rgba(219,219,219,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,247,247,1)), color-stop(49%, rgba(204,204,204,1)), color-stop(100%, rgba(219,219,219,1)));
    background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(204,204,204,1) 49%, rgba(219,219,219,1) 100%);
    background: -o-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(204,204,204,1) 49%, rgba(219,219,219,1) 100%);
    background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(204,204,204,1) 49%, rgba(219,219,219,1) 100%);
    background: linear-gradient(to bottom, rgba(247,247,247,1) 0%, rgba(204,204,204,1) 49%, rgba(219,219,219,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#dbdbdb', GradientType=0 );
    color:#FFFFFF;
     }
/* ======== Custom TextBoxes ========*/

.textBox{
    border:2px solid ;
    height:33px !important; /*2.75em*/
    border-color: #084a9c;
    background: rgba(0,0,0, 0.15);
    font-size: 14px !important;
    font-family: 'open_sansregular',Arial, Helvetica, sans-serif;
    padding:0 15px;    
}
.numDisplay{
    width:92.5%;
    height:75px !important;
    text-align:right;
    font-size:36px !important;
    padding:5px 15px;
}
.charDisplay {
    height: 2.75em !important;
    font-size: 18px !important;
}
.dateDisplay {
    min-width: 10em;
}
.noborder{border:none; background:none; line-height:1em;}

.RadNumeric{
    border:2px solid !important;
    height:2.75em !important;
    border-color: #084a9c !important;
    background: rgba(0,0,0, 0.15)!important;   
    font-style: normal !important;
    font-family:'open_sansregular',Arial, Helvetica, sans-serif !important;
    padding:0 15px !important;
    color: #000000 !important;   }
  
  .RadNumericLG{
    border:2px solid !important;
    height:2.75em !important;
    border-color: #084a9c !important;
    background: rgba(0,0,0, 0.15)!important;   
    font-style: normal !important;
    font-family:'open_sansregular',Arial, Helvetica, sans-serif !important;
    padding:0 15px !important;
    color: #000000 !important; 
    font-size:20px !important;  }
    
/*====RadTextBox====*/
.RadInput_Default, .RadInputMgr_Default{ width:100%; font-family:'open_sansregular' , Arial , Sans-Serif !important;}

label.RadLabel.riLabel
{
    
    color: #f4dbef;
}
 
html body .riSingle.RadWrapper .riTextBox,
html body .riSingle.RadWrapper .riDisplay
{
    font-size: 16px !important;
    font-family: 'open_sansregular',Arial, Helvetica, sans-serif !important;
    height:45px;
    
}
 
html body form span.RadWrapper .riEmpty,
html body form span.RadWrapper .riEnabled,
html body form span.RadWrapper .riHover,
html body form span.RadWrapper .riFocused,
html body form span.RadWrapper .riError,
html body form span.RadWrapper .riNegative
{
    border-width: 2px;    
}
 
span.RadWrapper .riDisplay
{
    border-left-width: 2px; 
    border-top-width: 2px;   
}
 
 
html body .RadInput .riTextBox.riEmpty
{
    color: #ffffff;
    border-color: #084a9c;
}
 
html body form .RadInput .riTextBox.riEnabled
{
     border-width: 2px !important;    
     border-color: #084a9c;
     background: rgba(0,0,0, 0.15);
}
 
html body form .RadInput .riTextBox.riHover
{
    border-color: #0a64d3;
    background: rgba(0,0,0, 0.05);
}
 
html body form .RadInput .riTextBox.riFocused
{
    border-color: #084a9c;
    background: rgba(0,0,0, 0.05);
}
 
html body form .RadInput .riTextBox.riError
{
    border-color: #dc143c;
    background: none #fff8dc;
}
 
html body form .RadInput .riTextBox.riNegative
{
    color: #4b0082;
    border-color: #a9a9c9;
}
 
html body span.RadWrapper textarea.riTextBox
{
    padding: 20px 15px;
}

/* ======== RadGrid Table ======== */


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


.rgMasterTable{
     font-size: 1.5em !important;   
}
.rgMasterTable td{
    font-family: 'open_sansregular' , Arial , Sans-Serif !important;
    background: #f1f1f1 !important;
    border-bottom-color: #FFFFFF !important;
    }
 .rgMasterTable th , .RadTreeList_Default .rtlHeader {
     font-family: 'open_sanssemibold' , Arial , Sans-Serif !important;
     background:#074a9c !important;
     color: #FFFFFF !important;
     font-size:18px;
     text-transform: uppercase !important; 
     text-align:center;
    }
    
    .detailApproval .rgMasterTable th , .detailApproval .rgMasterTable .WorkOrderDesc{
   
       font-size: 12px !important;
    }
    .detailApproval .rgMasterTable th , .detailApproval .rgMasterTable td
    {
        font-size: 13px !Important;
    }
  .rgMasterTable th a{   color: #FFFFFF !important;}
 .rgAltRow,.rgAltRow td{ background:#e5e5e5 !important;}
 .RadGrid_Default .rgMasterTable .rgSelectedCell td, .RadGrid_Default .rgSelectedRow td{  background:#666666 !important;}
 
  .rgGroupItem {
     font-family: 'open_sanssemibold' , Arial , Sans-Serif !important;
     background:#074a9c !important;
     color: #FFFFFF !important;
     font-size:18px;
     text-transform: uppercase !important;   
    
    }
 
 .rgDetailTable{ }

 .rgDetailTable th {
     font-family: 'open_sanssemibold' , Arial , Sans-Serif !important;
     background:#b9c5d4 !important;     
     font-size:1.25em;   
     text-transform: uppercase !important;
     color: #000000 !important;     
    }
   .rsHorizontalHeaderWrapper > div {border-right:1px solid #929292 !important;}
   
/*======== Timeline Drag Controller ========*/    
 /*.timelineDragContainer{ border: 1px solid #929292; border-top: none; padding: 0; }*/
 .timelineDragContainer{ border: none; padding: 0; }
 
 .timelineDragContainer h2 {
     font-family: 'open_sanssemibold' , Arial , Sans-Serif !important;
     background: #063979 !important;     
     font-size: 1em;
     padding: 5px;     
     color: #FFFFFF !important;
     margin: 0;   
 }
    
 .DragTable {
     float: left;
     padding: 1px 10px 1px 1px;
     border: none !important;
     width:140px;
     border-radius: 5px;
     
 }
    .DragTable span {
        font-size: 0.7em !important;
        vertical-align:top;
        padding-top:2px;
        font-weight:600;
    }
 .DragTable tbody tr.rgSelectedRow td {background: #b8c4d3 !important; color: #000000 !important;}
 
 .DragTable tbody tr td {
     background: rgba(219,219,219,1) !important;
     background: -moz-radial-gradient(center, ellipse cover, rgba(219,219,219,1) 0%, rgba(184,196,211,1) 100%)!important;
     background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(219,219,219,1)), color-stop(100%, rgba(184,196,211,1)))!important;
     background: -webkit-radial-gradient(center, ellipse cover, rgba(219,219,219,1) 0%, rgba(184,196,211,1) 100%)!important;
     background: -o-radial-gradient(center, ellipse cover, rgba(219,219,219,1) 0%, rgba(184,196,211,1) 100%)!important;
     background: -ms-radial-gradient(center, ellipse cover, rgba(219,219,219,1) 0%, rgba(184,196,211,1) 100%)!important;
     background: radial-gradient(ellipse at center, rgba(219,219,219,1) 0%, rgba(184,196,211,1) 100%)!important;
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#b8c4d3', GradientType=1 )!important;
     /*background: #b8c4d3 !important;*/
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px; 
     padding: 5px !important;
 } 
 
 .DragTable tbody tr td span:first-child {
     border: 0 !important;
     height: 50px !important; 
     margin-right: 10px;
     -webkit-border-radius: 5px 0 0 5px;
     -moz-border-radius: 5px 0 0 5px;
     border-radius: 5px 0 0 5px;
     margin: -5px 10px -5px -5px; 
 }


.ReportGrid .rgDataDiv
{
height : auto !important ;
}

.ReportGrid .rgMasterTable
{
 font-size: 13px !important;   
}

.ReportGrid .rgMasterTable th
{
 font-size: 14px !important;   
}


/* ========  footer ======== */

.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here 
  height: 20px;
  background-color: rgba(0,0,0,0.25);*/
	color: rgba(255,255,255,0.75);
	font-size:12px;
	text-align:center;
}

#TabFooter , .tabFooter{
    position:fixed;
    bottom:0;
    z-index:1000;
    background:#bfbfbf;
    height:80px !important;
    padding: 20px 40px; 
    text-align:right;
    border-top:1px solid white;
    -webkit-box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.15);
}
.footerAlignRight {
    right:0;
    width: auto;
    display: inline-block;
    z-index:1000;
}
 .footWarning {
     position:fixed;
     bottom:120px !important;
     width:100%;   
     margin:0 !important;
     text-align:center;
     background:red !important;
     font-size:0.95em; 
     color:white !important;
     }


/* ======== Top Navigation ========*/
#HeadBar{
    width:100%;
    overflow: visible;
    font-family:'open_sanssemibold', Arial, Sans-Serif;
    background: rgba(255,255,255,0.15);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(219,229,241,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(219,229,241,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(219,229,241,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(219,229,241,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(219,229,241,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(219,229,241,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#084da1', GradientType=0 );  
}
.shadow
{
  -webkit-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.5);
	   -moz-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.5);
	        box-shadow: 0 10px 6px -6px rgba(0,0,0,0.5);
}
#globalTools{margin-top:0;}

/* ======== Jumbotron ========*/
#MainBar {    
    background: #084ca1;
    font-size:18px;
    font-family:'open_sanssemibold', Arial , Sans-Serif;
    padding:15px 0;
    color:#FFFFFF;
    -webkit-box-shadow: inset 0px 10px 6px -6px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px 10px 6px -6px rgba(0,0,0,0.25);
    box-shadow: inset 0px 10px 6px -6px rgba(0,0,0,0.25);    
}
#MainBar .warning{margin-bottom:-15px; text-align:center;}  
.scanIn{ text-align:right; }
.scanIn p{ padding:0 30px; margin:0; }
#userSummary {
    font-family:'open_sansbold' , Arial , Sans-Serif;
    font-size:16px;
}
#userSummary h2{
    color: rgba(255,255,255,0.6);
    font-size:1.5em;
    margin:0;    
}
#userSummary label{
    font-family:'open_sanssemibold' , Arial , Sans-Serif;
    color: rgba(255,255,255,0.6);
    font-size:1.25em;
    margin:0;    
}
#userSummary .textBox{ border-color: rgba(255,255,255,0.8);}
#userSummary .control-label{margin:7px -15px;}
#userSummary span{font-size:1.5em;}
#userSummary select::-ms-expand , .dropDownList::-ms-expand {
display: none;
}
#userSummary select , .dropDownList{
    outline : none;
    overflow : hidden;
    text-indent : 0.01px;
    text-overflow : '';
    background : url("../img/btn_select.png") no-repeat right #084ca1;    
    border:none;
    padding-right: 46px;
    font-family:'open_sansbold' , Arial , Sans-Serif;
    font-size:1.75em;
    color:#FFFFFF;
    height:1.75em;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;}     
    
#userSummary .filterContainer select , .dropDownList{ background-color:rgba(6,57,121,1); color: rgba(255, 255, 255, 1);}
  
/* For Firefox version 30 and above */
@-moz-document url-prefix(){
    #userSummary  .firefox{                    
          box-sizing: border-box; 
          position: relative; 
          overflow: hidden;
          display:table;
          
     }
   #userSummary  .firefox select{
          width: 120%; 
          background-position: right 60px center !important; 
          border: none;
     }
}

/* ======== WorkTimeSummary ======== */

#workTimeSummary{
    background: rgba(0,0,0,0.25);
    text-align:center;        
    }
#workTimeSummary h2{margin:5px 0; text-align:left;}
#workTimeSummary p{ margin:5px 0; font-family: 'open_sanssemibold' , Arial , Sans-Serif;}
#workTimeSummary .col-xs-12{ border-bottom:1px solid rgba(255,255,255,0.25);}
#workTimeSummary .row.timeBox div{padding: 0; text-align:center;}
#workTimeSummary input{ text-align: center; color: #000000; border:1px solid #084ca1;}
/*Summary Color code*/
.travelDriver{background: #56ae26;}
.travelPassenger{background: #ee82ee;}
.lunch{background: #ff6b3d;}
.internal{background:#ffd83d;}
.leave{background:#d32727;}
.work{background:#056ef0;}
.finishfortheday{background:#ff0000;}

.standby {
    background: #66CDEC;
}

/* ======== TabNavi ======== */

#naviTab a{
    display:block;
    background: rgba(38,98,172,1);
    background: -moz-linear-gradient(top, rgba(38,98,172,1) 0%, rgba(38,98,172,1) 90%, rgba(23,68,136,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(38,98,172,1)), color-stop(90%, rgba(38,98,172,1)), color-stop(100%, rgba(23,68,136,1)));
    background: -webkit-linear-gradient(top, rgba(38,98,172,1) 0%, rgba(38,98,172,1) 90%, rgba(23,68,136,1) 100%);
    background: -o-linear-gradient(top, rgba(38,98,172,1) 0%, rgba(38,98,172,1) 90%, rgba(23,68,136,1) 100%);
    background: -ms-linear-gradient(top, rgba(38,98,172,1) 0%, rgba(38,98,172,1) 90%, rgba(23,68,136,1) 100%);
    background: linear-gradient(to bottom, rgba(38,98,172,1) 0%, rgba(38,98,172,1) 90%, rgba(23,68,136,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2662ac', endColorstr='#174488', GradientType=0 );
    border: 1px;
    border-style: solid;
    border-color: rgba(255,255,255,0.35);
    padding:0.5em 0;
    font-family:'open_sansbold' , Arial , Sans-Serif;
    font-size:1.125em;
    color:#FFFFFF;
    text-decoration:none;
    white-space:normal;
    border-radius:0;
   
}
#naviTab a:hover{
    color: rgba(255,255,255,0.65);
    /*padding-top:34px;
    margin-top: -4px;*/
    }
#naviTab a.active{
    background: rgba(181,214,255,1);
    background: -moz-linear-gradient(top, rgba(181,214,255,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(181,214,255,1)), color-stop(10%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(181,214,255,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(181,214,255,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(181,214,255,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(181,214,255,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5d6ff', endColorstr='#ffffff', GradientType=0 );
    color:#084ca1;
    border-color: #FFFFFF;
    }

/* ======== Filter ======== */
.filterContainer{
    padding: 15px 0 0;
    background: rgba(0,0,0,0.25);
       
}

/* For Firefox version 30 and above */
@-moz-document url-prefix(){
   #userSummary .filterContainer  .firefox{                    
          box-sizing: border-box; 
          position: relative; 
          overflow: hidden;
          display:table;
                 
     }
  #userSummary .filterContainer  .firefox select{
          width: 120%; 
          background-position: right 75px center !important; 
          border: none;
          min-width:6em;
     }
}

/* ======== Telerik RadScheduler ======== */
.goToTop {
  position: fixed;
  top: 50px;
  height: 178px;
  z-index: 1;
  background: rgba(255,255,255,0.75);
  left: 0;
  padding-left: 15px;
  padding-right: 15px;
}

.goToAdminTop {
  position: fixed;
  top: 50px;
  height: 25px;
  z-index: 1;
  background: rgba(255,255,255,0.75);
  left: 0;
  padding-left: 15px;
  padding-right: 15px;
}

.timelineContainer{padding: 10px 15px; }
.timelineContainer div.rsHeader {
    background:#b9c5d4; 
    height:auto; 
    padding:10px; 
    font-family: 'open_sanssemibold' , Arial, Sans-Serif; 
    font-size:16px;}
.timelineContainer div.rsHeader h2 , .timelineContainer div.rsHeader p { height:auto; font-size: 1.25em; color:#646b73; }
.timelineContainer div.rsHeader a {
    height:auto; 
    font-size: 1em; 
    margin-top:0; 
    text-transform:uppercase; 
    font-family: 'open_sanssemibold' , Arial, Sans-Serif;
    color:#646b73;
}
.timelineContainer div.rsHeader a.rsDatePickerActivator , .timelineContainer div.rsHeader a.rsNextDay , .timelineContainer div.rsHeader a.rsPrevDay {margin-top:0;}
.timelineContainer div.rsHeader a.rsDatePickerActivator , .timelineContainer div.rsHeader a.rsDatePickerActivator:hover{
    background: url("../img/btn_dropdown.jpg") no-repeat center center; 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; 
    width:26px; 
    height:26px;
}
.timelineContainer div.rsHeader a.rsNextDay , .timelineContainer div.rsHeader a.rsNextDay:hover{
    background: url("../img/btn_next.jpg") no-repeat center center; 
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0; 
    width:26px; 
    height:26px;
}
.timelineContainer div.rsHeader a.rsPrevDay , .timelineContainer div.rsHeader a.rsPrevDay:hover{
    background: url("../img/btn_prev.jpg") no-repeat center center; 
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px; 
    width:26px; 
    height:26px;
    margin-right:1px;
}
.timelineContainer ul li.rsSelected.rsFirst.rsLast{ display:none;}

/*---TimelineTable---*/
.timelineTableHeader{background:#e1e1e1 !important; height:auto; padding:10px; font-family: 'open_sanssemibold' , Arial, Sans-Serif; font-size:16px; border: 1px solid rgb(146,146,146);}
.timelineTableHeader > div {
    background: #e1e1e1; 
    display: inline-block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;      
}
.timelineTableHeader input.textBox { font-size:1.5em !important; font-family: 'open_sanssemibold' , Arial , Sans-Serif; height:1.8em !important; text-align:center; width:200px; vertical-align:bottom;}
.timelineTableHeader input.button{
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;     
}
.timelineTableHeader input.button.two{
    -webkit-border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;     
}
.RadScheduler_Default table.rsHorizontalHeaderTable tr {height:60px;}
.RadScheduler_Default table.rsHorizontalHeaderTable th { background:#ffffff; border:0px; font-family: 'open_sansbold' , Arial, Sans-Serif; font-size: 1.25em; line-height:80px; }
.RadScheduler_Default table.rsHorizontalHeaderTable th:nth-child(even) {background: #e1e1e1;}
.RadScheduler_Default table.rsHorizontalHeaderTable th div {
    -ms-transform:rotate(270deg); /* IE 9 */
    -moz-transform:rotate(270deg); /* Firefox */
    -webkit-transform:rotate(270deg); /* Safari and Chrome */
    -o-transform:rotate(270deg); /* Opera */
}
.RadScheduler .rsTimelineView .rsAllDayRow
{
    height: 25px !important;
}
.RadScheduler .rsTimelineView .rsAllDayRow td
{
    height: 120px !important;    
}
/*.RadScheduler .rsAptOut
{
    width:100% !important;
}*/
/*
.RadScheduler .rsApt
{
    :(margin-left: 0px !important;);
}
*/
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
    .RadScheduler .rsApt
    {
        margin-left: 0px !important;
    }
}
@-moz-document  url-prefix() {
    .RadScheduler .timesheetScheduler .rsApt
    {
        margin-left:: 0px !important;
    }
}
@media screen\0 {
    .RadScheduler .timesheetScheduler .rsApt
    {
        margin-left: 0px !important;
    }
}*/


div.openWS .rsAptContent
{
   border: 2px !important;
   border-style: dashed !important;
   border-color: #00ff00 !important;
}
div.openTS .rsAptContent
{
   border: 2px !important;
   border-style: dashed !important;
   border-color: #ffcc00 !important;
}
div.enterWO .rsAptContent
{
   border: 2px !important;
   border-style: dashed !important;
   border-color: #ff0000 !important;
}

/*------ApprovalSummary-------*/
.approvalSummary 
{
    border-radius: 0px;
}

.approvalSummary, .approvalSummary .rgMasterTable {border-left: none !important;}
.approvalSummary .rgMasterTable th {height: 79px !important; text-align: center;}
.approvalSummary .rgMasterTable td {height: 91px !important; text-align: center; border-color: #d2d2d2 !important;}

/*==RadScheduler Noheader==*/
div.noHeader>div.rsTopWrap>div.rsTimelineView>table>tbody>tr:first-child {display: none !important;}

/*.approvalSummary.noHeader table thead*/
.approvalSummary.noHeader { border-top: 0 !important; }

.rgGroupHeader 
{
    font-weight: bolder !important;
    font-size: 1.2em !important;
}

.rsMainHeader { height: 90px !important; width: 149px !important; }

/*
.rsMainHeader th { height: 90px !important; }
*/

/*.RadScheduler .rsAptOut
{
    width:100% !important;
}*/

.RadScheduler.approvalScheduler .rsTimelineView .rsAllDayRow
{
    height: 25px !important;
}

.RadScheduler.approvalScheduler .rsTimelineView .rsAllDayRow td
{
    height: 90px !important;    
}

/*.RadScheduler.approvalScheduler .rsApt
{
    margin-left: 0px !important;
}*/




/* ======== Login Page ======== */
#login{background:#084ca1;}
#login .loginLogo{padding:20px 0 10px 0; border-bottom:2px solid red;}
#loginContainer {
  max-width: 500px;
  padding: 30px;
  margin: 0 auto;
  background: #FFFFFF;
  margin-top: 4em;
}

.container .text-muted {
  margin: 20px 0;
}

/* ======== RadWindow & RadScheduler Modal Hack ======== */

.RadWindow_Default .rwTopLeft, .RadWindow_Default .rwTopRight, .RadWindow_Default .rwTitlebar, .RadWindow_Default .rwFooterLeft, .RadWindow_Default .rwFooterRight, .RadWindow_Default .rwFooterCenter, .RadWindow_Default .rwTopResize, .RadWindow_Default .rwStatusbar div, .RadWindow_Default .rwStatusbar, .RadWindow_Default .rwPopupButton, .RadWindow_Default .rwPopupButton span, .rwMinimizedWindow.RadWindow_Default .rwCorner{ background: rgb(8,76,160) !important;}
/*.RadWindow_Default a.rwIcon , .RadWindow_Default .rwControlButtons a {display:none !important;}*/
.RadWindow_Default .rwBodyLeft, .RadWindow_Default .rwBodyRight, .RadWindow_Default .rwStatusbarRow .rwCorner{ background: rgb(254,254,254) !important; padding:0 4px !important;}
/*.RadWindow_Default td.rwWindowContent > div {height: 100% !important; position:relative;}*/
.FixedDiv , .rsModalContent {font-size:2.25em; font-family:'open_sansregular' , Arial , Sans-Serif !important;}
.FixedDiv img{vertical-align:middle;border:0; display:block; float:left; padding-right:10px;}
/*.RadWindow_Default td.rwWindowContent > div center { position:absolute; bottom: 15px; width: 100%;} */


.RadScheduler_Default .rsModalBgTopLeft, .RadScheduler_Default .rsModalBgTopRight, .RadScheduler_Default .rsModalBgBottomLeft, .RadScheduler_Default .rsModalBgBottomRight {background:none !important;}
.RadScheduler .rsModalWrapper .rsModalOuterTitle{background: rgb(8,76,160) !important; padding: 28px 0 10px 0 !important; }
.RadScheduler .rsModalWrapper .rsModalTitle , .RadScheduler_Default .rsModalWrapper .rsModalWindowClose { display:none !important;}
a.rsModalConfirm , a.rsModalClose{
font-family: 'open_sansbold' , Arial , Sans-Serif !important;
/*font-size: 1.125em;*/
font-size: 18px !important;
color: #FFFFFF !important;
padding: 10px 16px !important;
height: auto !important; 
border-top: 1px solid #6880a6 !important;
border-left: 1px solid #416ea1 !important;
border-right: 1px solid #416ea1 !important;
border-bottom: 1px solid #041c24 !important;
-webkit-border-radius: 8px !important;
-moz-border-radius: 8px !important;
border-radius: 8px !important;
background: rgba(8,76,160,1);
background: -moz-linear-gradient(top, rgba(8,76,160,1) 0%, rgba(6,58,122,1) 100%) !important;
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(8,76,160,1)), color-stop(100%, rgba(6,58,122,1))) !important;
background: -webkit-linear-gradient(top, rgba(8,76,160,1) 0%, rgba(6,58,122,1) 100%) !important; 
background: -o-linear-gradient(top, rgba(8,76,160,1) 0%, rgba(6,58,122,1) 100%) !important;
background: -ms-linear-gradient(top, rgba(8,76,160,1) 0%, rgba(6,58,122,1) 100%) !important;
background: linear-gradient(to bottom, rgba(8,76,160,1) 0%, rgba(6,58,122,1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084ca0', endColorstr='#063a7a', GradientType=0 ) !important;
cursor:pointer;
white-space:normal;
background-position-y: 0 !important;
}
a.rsModalConfirm:hover , a.rsModalClose:hover {
background: rgba(12,109,228,1);
background: -moz-linear-gradient(top, rgba(12,109,228,1) 0%, rgba(8,83,175,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(12,109,228,1)), color-stop(100%, rgba(8,83,175,1)));
background: -webkit-linear-gradient(top, rgba(12,109,228,1) 0%, rgba(8,83,175,1) 100%);
background: -o-linear-gradient(top, rgba(12,109,228,1) 0%, rgba(8,83,175,1) 100%);
background: -ms-linear-gradient(top, rgba(12,109,228,1) 0%, rgba(8,83,175,1) 100%);
background: linear-gradient(to bottom, rgba(12,109,228,1) 0%, rgba(8,83,175,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c6de4', endColorstr='#0853af', GradientType=0 );
background-position-y: 0 !important;
}


/* ======== Scan In Page ========*/

.numContainer div{padding:0;}
.scanContainer{background:rgba(6,58,122,0.05); width:100%; border-radius: 5px; border:2px dashed rgba(6,58,122,1);min-height:411px; height:411px; display:table; text-align:center; color: rgba(6,58,122,1);}
.scanContainer span{font-size:1.5em; font-family:'open_sanssemibold' , Arial , Sans-Serif; display: table-cell; vertical-align: middle;}

/* ========== Tab Content ========== */
#Ul1 {
    margin-top: 0px;
}
.container-fluid ul {
    margin-top: 5px;
}
.Content{
    /*border-top:1px solid #ffffff;
    -webkit-box-shadow: inset 0px 10px 10px -6px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 10px 10px -6px rgba(0,0,0,0.1);
    box-shadow: inset 0px 10px 10px -6px rgba(0,0,0,0.1);*/
    padding-top:15px;
    margin:0 0 110px 0;
      
}
#currentWork h4{ font-size: 1.5em; font-family: 'open_sanssemibold' , Arial , Sans-Serif;}
#currentWork p{ font-size: 1.5em; font-family: 'open_sansregular' , Arial , Sans-Serif; margin:10px 0;}
#currentWork .row:nth-child(even){background:rgba(0,0,0,0.05);}
.WoItem{ display:block; background: url("../img/chck_box.png") no-repeat 30px 50% #e5e5e4; margin:0 -15px; text-decoration:none; border-bottom: 1px solid #FFFFFF;}
.WoItem li {padding: 10px 15px 10px 75px; font-size:1em;}
/*.WoItem:last-child{ margin-bottom:115px;}*/
.WoItem.Alt {background: url("../img/chck_box.png") no-repeat 30px 50% #f2f2f1;}
.WoItem.Selected   { background: url("../img/chck_box_ticked.png") no-repeat 30px 50% #b1b2b2; color:#084ca1;}
a.WoItem.Selected:hover { background: url("../img/chck_box_ticked.png") no-repeat 30px 50% #c6c7c7; color:#084ca1;}
a.WoItem:hover     { background: url("../img/chck_box.png") no-repeat 30px 50% #c6c7c7; color:#084ca1;}


/* ======== Menu Item ======== */
.menuItem{ padding:0 2px;}
#menu-container .row{auto;}
@media (max-width: 1024px) {
    #menu-container .row{height: 25vh;}
    #menu-container .row .menuItem , #menu-container .row .menuItem .btn {height:100%; margin: 2px 0;}
    
    }
    
/* ======== RadScheduler Check Box ========*/

.RadScheduler .rsVerticalHeaderTable div , .RadScheduler .rsSpacerCell { text-align: left !important; }
.bigCheckBox > input[type="checkbox"] , #chkAll
{
    /*-moz-appearance: none;*/
    width:20px;
    height:20px;
    margin: 4px 10px;
    vertical-align:top;
}
.bigCheckBox > label{vertical-align:super; max-width:70% !important;white-space:normal !important;}


/*========Rad Tree ========*/
.RadTreeList_Default .rtlTable{font-size:14px !important;}

/*=====Approval Anchor====*/

.anchorOffset{display: block; position: relative; top: -250px; visibility: visible; background:red;}

/*.anchorOffset{content: ""; display: block; height: 150px; margin: -150px 0 0; visibility: hidden;}*/


.rsAptResize
{
    width:15px !important;
    right:0px !important;
}


.rejectionReasonTextBox
{
    height: calc(100% - 70px);
    margin: 0px 0px 3px 0px;
}

.PromptWindow .rwFooterCenter,
.PromptWindow .rwFooterLeft,
.PromptWindow .rwFooterRight
{
    background: White !important;
}

.PromptWindow p
{
    font-size: medium;
    margin: 3px 0px 3px 0px;
}

.PromptWindow .rwTable .rwTitlebar .rwTitlebarControls em
{
    color: White;
    font-size: large;
    padding: 0px 0px 5px 0px;
    text-transform: uppercase;
}

.detailApproval .rgDataDiv
{
    height: calc(100% - 100px) !important;
}

.adminWrap #aspnetForm
{
    height: calc(100% - 90px);
}

.adminWrap,
.adminWrap #aspnetForm .RadAjaxPanel
{
    height: calc(100% - 96px);
}

.adminWrap #aspnetForm .RadAjaxPanel .detailApproval,
#MainContentPlaceHolderDiv
{
    height: 100%;
}

.internal-link
{
    padding: 0px 8px 0px 8px;
    font-size: 11pt;
}
.margin {
  margin-left:10px;
  margin-right:10px;
  }

/*To improve the datepicker styling for time entry*/
.RadCalendarTimeView_Default a { 
    color:white !important;
}

.TimePicker  .RadInput .riTextBox{
    /*To increase the height of the input box for the time picker*/
    height:2.70em !important;
}
.TimePicker a { 
    color:Black !important;
}

/*Question about this style, how it is populated on render
    html .riSingle input.riTextBox, html .RadForm.rfdTextbox .riSingle input.rfdDecorated[type="text"], .RadInput .riTextBox, .RadInputMgr {
    height: 59px !important;
}*/
.RadTimePicker .RadInput .riTextBox{
    /*To increase the height of the input box for the time picker*/
    height:2.70em !important;
}

/*Support screen content div for filter selection*/
#selectionStrip {
    margin: 0 0 30px ; 
    padding-top: 60px ;
}
/*Support scheduler header*/
 .RadScheduler .rsHeader h2 {
     font-family: 'open_sanssemibold' , Arial , Sans-Serif !important;
     background:#063979 !important;     
     font-size:1.25em;
     padding: 0px;     
     color: #FFFFFF !important;
     margin:0;    
     
     }

/*.RadScheduler .rsHeader .rsDatePickerCalendar {
    font-family:'open_sanssemibold' , Arial , Sans-Serif !important; 
    color:white;
    background:#084CA1 !important;
    font-size:large;
}*/

.RadCalendar .rcRow td {
    border-width: 0px;
}

.RadScheduler_Default, .RadScheduler_Default a {
    font-family:'open_sanssemibold' , Arial , Sans-Serif !important; 
    color:white;
}

.RadScheduler_Default .rsHeader, .RadScheduler_Default .rsHeader a, .RadScheduler_Default .rsHeader ul span, .RadScheduler_Default .rsHeader ul em {
        color:white;
    }

.RadCalendar_Default .rcMain .rcRow a {
           color:white;
}
.RadScheduler_Default, .RadScheduler_Default a{
     font-family:'open_sanssemibold' , Arial , Sans-Serif !important; 
     color:white;
}

#SupportViewScheduler .rsTimelineView .rsAllDayRow
{
    height: 60px !important;
}
#SupportViewScheduler .rsTimelineView .rsAllDayRow td
{
    height: 60px !important;    
}

#SupportViewScheduler .rsMainHeader 
{ 
  height: 60px !important; 
  width: 150px !important; 

}

.PlantAllowanceTextBox
{
    width: 120px; 
    height: 50px; 
    color: rgb(8, 76, 161); 
    font-size: 2em;
}


.PlantAllowanceSelect
{
  height: 50px !important;
    color: rgb(8, 76, 161); 
    font-size: 2em !important;
    border:2px solid  !important;
    border-color: #084a9c !important;
    background: rgba(0,0,0, 0.15) !important;   
    font-style: normal !important;
    font-family:'open_sansregular',Arial, Helvetica, sans-serif !important;
    padding:0 15px  !important;
    color: #000000  !important; 
  
    
 
}
.approvalSummary 
{
    border-radius: 0px;
}

#SummaryGrid .approvalSummary, .approvalSummary .rgMasterTable {border-left: none !important;}
/*#SummaryGrid .rgMasterTable th {height: 7px; text-align: center;}*/
#SummaryGrid .rgMasterTable td {height: 60px !important; text-align: center; border-color: #d2d2d2 !important;}

/*.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}*/

.rsPrevDay
        {
            visibility: hidden;
        }
.rsNextDay
        {
            visibility: hidden;
        }
.rsPrevDay
        {
            visibility: hidden;
        }
.rsNextDay
        {
            visibility: hidden;
        }