body
{
    position:relative;
    height:100%;
    font-family:Arial !important
    
    }

h1, h2, h3, h4, h5, h6{
	font-weight:bold;
	margin:0px 0px 10px 0px;
	}
	
:before, :after
{
     font-family: FontAwesome}	

a, input{
	o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
	-moz-transition: color 450ms ease-in-out 0s,background-color 450ms ease-in-out 0;
    -ms-transition: color 450ms ease-in-out 0s,background-color 450ms ease-in-out 0;
    -o-transition: color 450ms ease-in-out 0s,background-color 450ms ease-in-out 0;
    -webkit-transition: color 450ms ease-in-out 0s,background-color 450ms ease-in-out 0;
    transition: color 450ms ease-in-out 0s,background-color 450ms ease-in-out 0;
	}
	a:hover, input:hover{
    o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

select, input, textarea{
	width:100%;
	margin-bottom:5px;
	padding:10px;
	display:table

	}

a, a:hover {
	text-decoration: none
}

.heade-new img
{
    width: 120px;
        padding: 10px 0px;
    }
.mb-5 
{
    margin-bottom:30px;
    }


.rmSized
{
    padding:0px !important
    }

/***btn ***/

.upload-btn {
    background: #000 !important;
    color: #fff;
    
}
.act-btn {
    background: #232936;
    color: #fff !important;
    
}

.act-btn:hover, .close-btn:hover, .add-btn input:hover, .cancel-btn:hover{
    background: #040814;
    color: #fff;
}

.close-btn, .act-btn, .upload-btn , .add-btn, .cancel-btn
{
     font-weight:bold;
    font-size:12px}

.close-btn
{
    background:#ccc
    }
    
    .cancel-btn
{
    background:#ff0000;
    color:#fff
    }
    
.add-btn input
{
    background: #148e0c;
    background-image: none !important;
    color: #fff !important;
    padding: 5px 10px !important;
    display: table; 
    height: auto !important;
    border-radius: 5px;
    font-size: 14px !important;
    
    }
    
    
    .RadButton_Default.rbSkinnedButton, .RadButton_Default .rbDecorated, .RadButton_Default.rbVerticalButton, .RadButton_Default.rbVerticalButton .rbDecorated, .RadButton_Default .rbSplitRight, .RadButton_Default .rbSplitLeft
    {
        background-image: none !important}
    
.RadComboBox_Office2010Silver .rcbInputCell, .RadComboBox_Office2010Silver .rcbArrowCell
{
    padding:0px !important
    }
    
    #ctl00_ContentPlaceHolder1_gvEmpDet_ctl00 td
    {
        padding:0px 0px 0px 2px !Important
        }

/*** login ****/
.login-bg {
	font-family: 'Maven Pro', sans-serif;
	background:#000 url(../../Images/login-bg.jpg) no-repeat;
	background-size: cover;
	
}


.login-dtl {
	background: #445469;
	margin-top:0px;
	-webkit-box-shadow: 10px 10px 55px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 55px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 55px 0px rgba(0,0,0,0.75);
	margin-bottom: 20px;
}
.login-dtl h2 {
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
	text-align: center
}
.login-dtl p a {
	color: #fff;
	font-weight: bold;
	font-size:12px
}
.login-dtl p a:hover {
	text-decoration: none
}
.login-logo {
	background: #000;
	text-align: center;
	    padding: 10px;
}

.login-logo img
{
    width:150px
   }
.login-info {
	padding: 30px
}
.login-info input {
	padding: 12px;
	margin-bottom: 0px;
	border: 0px;
	font-size:14px;
}
.login-btn {
	background: #000;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}

.login-btn:hover{
	background: #000;
	color:#fff
}
.login-ftr {
	font-size: 14px;
	color: #929292;
	font-weight: bold;
	text-align:center
}

.login-ftr img 
{
    vertical-align: middle;
    width: 150px;}

.login-info #lblerror, .login-info #ctl00_ContentPlaceHolder1_lbStatus
{
    display: table;
    margin: 10px auto 10px;
    
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    border-radius: 24px;
    text-align:center
    }


.forget-pg {
    width: 50%;
    margin: 100px auto 20px;
}

.forget-pg input
{
    margin-bottom:10px;
}

.cnge-password
{
    width: 320px;
    padding: 20px;
    margin: 0px auto;
    }
    
.cnge-password .login-btn
{
        padding: 6px 12px;}
    
    .cnge-password input
    {
        padding:2px
        }
    .note-paswd 
    {
        color:#fff;
        margin-bottom:10px;
        text-align:center;
        display:table
        }

.note-restrictions {
    color:#fff !important;
    text-align:center
}

.cnge-password strong {
    color: #fff
}
    
.cnge-password .login-btn
{
    margin-top:10px;
    }


.sucess-msge h3
{
    font-size:20px;
    color:#fff;
    margin-top:20px
    }
    
.sucess-msge a
{   color:#fff;
    font-weight:bold
    
    }
/*** header ***/

.l-header {
    background: #445469;
    width: 100%;
    /***position: fixed;
    top: 0;
    left: 0;**/
    z-index: 1;
    height: 64px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    display:table;
}

.menu-list
{
    margin: 0px 0px 0px;
    }

.text-adm 
{
  margin: 10px 0px;  }
  
  .text-adm span
  {
      font-weight:bold;
      font-size:14px;
          color: #fff !important;
     
      }


/**** menu ***/

.menu-list li:last-child
{
 
    float: right;
    background: #767779;
    }
    
.menu-list li:last-child a
{
    color:#fff !important
}

.RadMenu_Telerik, .RadMenu_Telerik a.rmLink
{
    font-family:Arial !important;
    padding:0px !important
    }
.RadMenu_Telerik .rmRootGroup 
{    background: #23344a !important;
    border-bottom: 2px solid #000 !important;
    background-image:none !important;
  
    }
.RadMenu_Telerik, .RadMenu_Telerik a.rmLink 
{
        color: #fff !important;
    font-size: 12px !important;
    font-weight: bold !important;
        
    
    }
.RadMenu_Telerik .rmSlide .rmLink {
    width: 262px !important;
    color: #fff !important;
    background: #445469 !important;
}

.RadMenu_Telerik .rmSlide .rmLink span{
    width: 100%!important;
    
}
.RadMenu_Telerik .rmHorizontal .rmItem>a.rmRootLink {
    padding: 5px 0px !important;
}


.RadMenu_Telerik, .RadMenu_Telerik a.rmLink {
      color: #000;
    text-decoration: none;
    border-top: 0px !important;
    border-right: 1px solid #525252;
    padding: 0px 0px !important;
    background-image: none !important;
    cursor: pointer !important;
    
}

.RadMenu_Telerik a.rmLink:hover, .RadMenu_Telerik a.rmFocused, .RadMenu_Telerik a.rmSelected {

    color: #fff !important;
    background: #314765 !important;}

 .RadMenu_Telerik a.rmExpanded, .RadMenu_Telerik a.rmExpanded:hover{
    color: #fff !important;
    background-color:#314765 !important;
    }

.RadMenu_Telerik .rmRootGroup li.rmItem .rmGroup {
    padding-bottom: 0;
    background: #000;
}

.RadMenu .rmGroup .rmText {
    padding: 5px !important;
    margin: 0 0 0 0px !important;
    border-bottom: 1px solid #314765 !important;
        width: 200px !important;
}

.RadMenu .rmGroup .rmText:hover
{
    background:#314765
}

/***page-contain***/
.page-contain 
{
    margin: 0px 0px 100px !important;
    }
    /***
  .page-contain .container-fluid
  {
      margin:0px;
      padding:0px;}***/
      
    ::-webkit-scrollbar {
    width: 6px;
     }
     
     ::-webkit-scrollbar-thumb {
    background: #656565;
    }
    
    
    .box-design-hg {
    background: #fff;
    padding: 0px;
    height: 500px;
    -webkit-box-shadow: -4px 3px 28px -8px rgba(102,102,102,1);
    -moz-box-shadow: -4px 3px 28px -8px rgba(102,102,102,1);
    box-shadow: -4px 3px 28px -8px rgba(102,102,102,1);
}

.dsply 
{
    display:table;
    width:100%
    }

.heading {
    font-size: 16px;
    font-weight: bold;
    background: #445469 ;
    padding: 5px;
    color: #fff;
    margin-bottom: 0px;
    display: table;
    width: 100%;
}

.heading i
{
    margin-right:5px;
    
}

.no-data {
    width: 150px;
    height: 100px;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: 35%;
    font-weight: bold;
    font-size: 12px;
    color: #908d8d;
}

.no-data i
{
    font-size: 70px;
    color: #f5f5f5;
    margin-bottom:10px
}

.birthday-list th {
    background: #252525 !important;
    padding: 5px;
    color: #fff !important;
    border-right: 1px solid #f1f1f1;
    font-weight:bold !important;
    font-size: 14px;
}

.birthday-list td {
    font-size: 12px;
 
    border-bottom: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    padding:25px;
}

.birthday-list .rgAltRow td, .birthday-list .rgRow td
{
    padding:10px 8px !important;  
    }


.RadGrid_Telerik 
{
    border:0px !important
    }
    
.profile-pic {
    width: 100%;
    padding: 10px;
    background: #f1f1f1;
    color: #d0d0d0;
    text-align: left;
    border-bottom: 1px solid #eee;
    
}
.profile-pic img {
       width: 80px !important;
    height: 80px !important;
    margin-right: 10px;
    float: left;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #31476520 !important;
    background:#fff;
}

.profile-pic p
{
    margin: 17px 0 10px;
    text-align: right;}

.profile-pic p a {
   font-size: 12px;
    color: #585858;
    background: #e4e4e4;
    padding: 8px 10px;
    border-radius: 24px;
}

.profile-pic p a i
{
    margin-right:5px;
}

.profile-pic p a:hover {
    color: #fff;
    background: #585858;
    
}

/**upload file ****/
.upload-pic {
    display: table;
    width: 100%;
           padding: 10px 10px 0px;
}

.upload-pic input {
    width: 70%;
    float: left;
    background: #f1f1f1;
    cursor:pointer;
    height: 30px;
    padding:3px 10px;
}

.upload-pic .upload-btn {
    padding: 4px 0px;
    display: table;
    width: 30%;
    float: right;
    border-radius: 0px;
}
.upload-pic .upload-btn:hover{
background:#f37440 !important;
color:#fff
}

.RadGrid .rgFilter {
    width: 30px !important;
}

/**/

.profile-tbl 
{
    width:100%;
    }

.profile-tbl td {
    padding: 2px 15px;
    border-bottom: 1px solid #f1f1f1;
    
}


.table-ds th {
    background: #252525 !important;
    color: #fff !important;
    font-size: 12px;
    font-weight:bold !important
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #00000005;
}


.table-ds table
{
    width:100%;
   }
.table-ds td
{
   padding: 3px 5px !important;
    font-size: 12px;
    }

.table-ds td a {
    font-weight: bold;
    color: #000 !important;
}

.RadGrid_Telerik .rgHeader, .RadGrid_Telerik th.rgResizeCol, .RadGrid_Telerik .rgHeaderWrapper
{
    background-image:none !important
    }
    
    
   .table-ds .rgNoRecords
   {
       font-size:20px;
       text-align:center
       }
       
       
.table-ds .rgNoRecords td
{
          font-size: 12px !important;
    color: #00000050 !important;
    padding: 25px !important;
    text-align: center !important;
    font-weight: bold !important;
 
    }
.table-ds .rgNoRecords td div:before
{
    content: "\f1c0";
    font-size: 20px;
    display: table;
    margin: 0px auto 10px;

}

/**/
.heading-cpt {
	font-weight: bold;
	font-size: 16px;
	color: #474747;
	margin-bottom: 20px;
	border-bottom: 1px solid #f1f1f1;
	position: relative
}
.heading-cpt h1 {
	font-size: 14px;
	color: #23344a;
	font-weight: bold;
}
.heading-btn {
	position: absolute;
	top: -3px;
	right: 0px;
}

/****/

.radio-tab {
 display:table;
 margin:0px auto;
 font-size:12px;
}

.radio-tab input
{   width: auto;
    float: left;
    margin-right: 5px;}

.radio-tab td
{
    padding:0px 10px 10px;
    cursor:pointer
    }
.radio-tab li {
	float: left
}
/*** radio tab ***/
.radio input[type="radio"] {
	position: absolute;
	opacity: 0;
	cursor: pointer
}
.radio input[type="radio"] + .radio-label:before {
	content: '';
	background: #ccc;
	border-radius: 100%;
	border: 1px solid #b4b4b4;
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	position: relative;
	top: 0px;
	margin-right: 1em;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	transition: all 250ms ease;
}
.radio input[type="radio"]:checked + .radio-label:before {
	background-color: #445469 ;
	box-shadow: inset 0 0 0 4px #f4f4f4;
	border: 2px solid #445469 
}
.radio input[type="radio"]:focus + .radio-label:before {
	outline: none;
	border-color: #445469 ;
}
.radio input[type="radio"]:disabled + .radio-label:before {
	box-shadow: inset 0 0 0 4px #f4f4f4;
	border-color: #b4b4b4;
	background: #b4b4b4;
}
.radio input[type="radio"] + .radio-label:empty:before {
	margin-right: 0;
}



/**/

.lve-pr-txt 
{width:100%;
     background: #fbfbfb;
    }
.lve-pr-txt td
{  
    font-weight:bold;
    padding:10px;
    }
    
.lve-pr-txt td input
{
    padding:5px !important;
    }
    
/*** color code ***/

.list-li 
{
    margin-top:20px;
    }
.list-li li{
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #f1f1f1;
	}
	
.list-li li:last-child{
	border:0px;
}

.clr-cd {
	float:left;
    width: 15px;
    height: 15px;
	margin:4px 8px 0px 0px;
	}
	
.wk-off-clr{
		background-color: rgb(174,212,119) !important;
	}
	
.hld-clr{
		background-color: rgb(255,204,102) !important;
	}
.apr-clr{
	background-color: pink !important;
	}
.lpfa-clr{
background-color: #ADDFFF !important;
	}
.rjkl-clr{
    background-color: Red !important;
	}
.PLT-clr {
    background-color: #d59191 !important;
}
	
	.PA-clr{
    background-color: #d59191   !important;
	}
	.MA-clr{
    background-color:#acafaf   !important;
	}
/****/	

.leave-add-pnt, .leavetype 
{
    display:table;
    width:100%;
    }
	
    
.leavetype .type-dtl select, .leavetype .type-dtl input, .leavetype .type-dtl textarea
{
    width:100%;
    padding:5px;
    border:1px solid #ccc
    }
    
.label-txt 
{
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 4px;
    display: table;
    width: 100%;
    }

.type-btn input
{
    width: 21% !important;
    float: left;
    margin-right: 8px;
    }
    
    
    .type-btn .btn 
    {
        height:auto !important
        }
   
    
    .leave-add-pnt tr
    {
        background:none !important
        }
 .leave-add-pnt th, .lv-dtl th
    {
            background: #312c2c;
            font-size:12px;
            font-weight:bold !important;
            color: #fff;
    }
    .leave-add-pnt th, .leave-add-pnt td, .lv-dtl th, .lv-dtl td
    {
        padding:0px 5px;
        vertical-align:middle;
        font-size:11px;
        }
        
         .leave-add-pnt .GridFooter
         {
             background: #f7f7f7 !important;
    font-size: 16px;
    font-weight: bold;
    color: #445469 ;
             }
          
         .leave-add-pnt .add-btn  
         {
             padding:10px 0px !important;
             float:right
             }
             .row-delt
             {
                     border-width: 0px;
    width: 29px;
    margin: 0px 0px;}
    
  
    
    
    
    .ajax__calendar .ajax__calendar_today .ajax__calendar_day {
    color: #445469 ;
    border-color: #fff !important;
    
    font-weight: bold;
    
}

#ctl00_ContentPlaceHolder1_RadCalendar1_Top td a
{
    color:#252525 !important;
    font-size:10px;
    font-weight:normal;
    padding:0px
    }

.heading-sm
{
   font-size: 12px;
    color: #445469 ; }
   
   
   #ctl00_ContentPlaceHolder1_lnkRefresh
   {
       background: #f1f1f1;
    padding: 5px 10px;
    float: right;
    border-radius: 10px;
    color: #8c8c8c;
    font-size:11px;
    font-weight: bold;
       }
   
   #ctl00_ContentPlaceHolder1_lnkRefresh:hover
   {
       background: #8c8c8c;
       color:#f1f1f1;
   }
   
   .type-dtl .alert-danger
   {
       display: table;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    width:100%;
    padding:2px 5px
    }
    
    .type-dtl #ctl00_ContentPlaceHolder1_lblReason 
    {
        color: #148e0c !important;
    text-align: center;
    display: table;
    width: 100%;
    font-weight: bold;}
   
   
   .ma-btn 
   {
       width:400px;
       margin:10px auto
       }
   .ma-btn input 
   {
       width:46% !important;
       }
   
    /**** start calender 
    
    
   
    .ajax__calendar .ajax__calendar_container {
    border: 1px solid #646464 !important;
    background-color: #312c2c !important;
    color: #ffffff !important;
}

.ajax__calendar_container TABLE
{
    background:none !important;
   
    }
    
.ajax__calendar .ajax__calendar_invalid .ajax__calendar_day{
    background-color:#312c2c !important;
    border-color: #312c2c !important;
    color: #646464;
    text-decoration: line-through;
    cursor: default;
}

.ajax__calendar_container 
{
    width:100% !important;
    }
.ajax__calendar_today .ajax__calendar_day
{
    background:#445469 !important
    }
    
    .ajax__calendar .ajax__calendar_day {
  border: 0px solid #ffffff !important;
    background: #171616;
}

#ctl00_ContentPlaceHolder1_CalendarExtender1_container
{
    width:100%;
    }
 .ajax__calendar .ajax__calendar_day:hover{
  
    background: #000;
}
/***Calender css ********/

.calender-dgn th
{
    background:#c7c7c7  !important;
    color:#000 !important;
    
    }
    
    
    
.calender-dgn caption
{
    display:none
    }
    
.RadCalendar .rcTitlebar table {
    table-layout: auto;
    width: 100%;
    border-collapse: separate;
    border: 0;
    padding: 5px;
    background: #312c2c;
    color: #fff;
    font-size: 18px;
    color: #a5a5a5;
    font-weight: bold;
}

.RadCalendar_Office2010Silver .rcTitlebar td {
    padding: 5px;
    background: #ececec;
}

#ctl00_ContentPlaceHolder1_RadCalendar1_Title
{
    background:none
    }
    
    .RadCalendar_Office2010Silver .rcWeek th {
    border-top: 1px solid #a4abb2;
    border-bottom: 1px solid #a4abb2;
    padding: 0px !important;
    background-color: #ccd2d9;
    font-size: 11px !important;
    font-weight: normal !important;
    color: #767779;
}
.RadCalendar_Office2010Silver .rcRow th {
    width: 12px;
    
    background: #ccd2d9;
    color: #767779;
    font-size: 12px !important;
    font-weight: normal !important;
}

.RadCalendar .rcRow td {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    text-align: center !important;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    padding:0px !important;
    
}
.RadCalendar_Office2010Silver .rcRow .rcSelected {
    
    background: #445469  !important; 
    color: #fff !important;
}

.RadCalendar_Office2010Silver .rcRow .rcHover a, .RadCalendar_Office2010Silver .rcRow .rcSelected a, .Weeklyoff a {
    color: #fff !important;
}

.RadCalendar .rcWeek th
{
    text-align:center !important
    }

table.RadCalendar_Office2010Silver {
    background: #ececec !important;
    /* font: normal 12px "Segoe UI",Arial,Helvetica,sans-serif; */
    color: #000000 !important;
    font-weight: bold;
}

table.RadCalendarMonthView_Office2010Silver {
    border-color: #868686 !important;
    background: #312c2c !important;
    font: normal 14px "Segoe UI",Arial,Helvetica,sans-serif !important;
    color: #f9f9f9 !important;
}

.RadCalendarMonthView_Office2010Silver a {
    color: #fff !important;
        font-weight: bold;
}
.RadCalendarMonthView_Office2010Silver .rcSelected a {
    border-color: #445469  #c29a42 #445469 !important;;
    background: #445469  0 -1800px repeat-x url(WebResource.axd?d=4YKxGVQRzy93HcTVemrfw_oO7ZEMZYaK7FHFnQjOKWLqwR-slM3jDz7zf…bmZyeVWYyjZN0dalbPbLgCBien1pt_M5p0ATIUu5PL14SJ5d91qX0&t=635064722460000000) !important;;
}

table.RadCalendarMonthView td {
    border: 0;
    padding: 8px !important;
}
.RadCalendarMonthView_Office2010Silver #rcMView_Feb, .RadCalendarMonthView_Office2010Silver #rcMView_Apr, .RadCalendarMonthView_Office2010Silver #rcMView_Jun, .RadCalendarMonthView_Office2010Silver #rcMView_Aug, .RadCalendarMonthView_Office2010Silver #rcMView_Oct, .RadCalendarMonthView_Office2010Silver #rcMView_Dec {
    border-right: 1px solid #403e3e !Important;
}

.rcButtons 
{
   padding: 10px 10px 0px !important;
    border-top: 1px solid #403e3e !important;
    }


.rcButtons input 
{
   width: 50%;
    float: left;
    padding: 5px !important;
    margin-right: 10px;
    /* border-radius: 4px; */
    font-weight: bold !important;
    margin: 0px !important;
    border: 0px !important;
    background: #521f06 !important;
    color: #fff !important;
    font-size: 14px !important;
    }
    #rcMView_OK
    {
        background: #252222 !important;}
   #rcMView_Cancel
   {
           width: 100%;
    margin: 10px 0px 0px 0px !important;
    display: table;
    background: #312c2c !important;
    color: #656262 !important;} 
#rcMView_PrevY, #rcMView_NextY
{
background: #0a0909!important;
    border-right: 1px solid #313030;
    }
/** footer **/

.footer
{
       position: fixed;
    bottom: 0px;
    background: #3b3b3b;
    width: 100%;
    text-align: center;
    color: #ccc;
    padding: 10px 0px;
    font-weight: bold;
    }
    
    .footer a, .footer span
    {
        color:#fff !important}
    
    
/****info-jumb ***/

.info-jumb .jumbotron
{
    padding: 10px;
    font-size: 12px;
    text-align: center;
    background:#f3f3f3;
    margin-bottom:10px;
 }
 
 .info-jumb .jumbotron h1
 {
     font-size:12px;
     }
     
     .info-jumb .jumbotron a
     {
         color:#445469
         }
     
.info-jumb .jumbotron p
 {
     margin-bottom:5px;
     font-size:12px;
     }
     .note-info
     {
             background: #f3f3f3;
    padding: 10px;
    color: #272727;
    font-size: 11px;
}

.info-jumb .jumbotron .btn-danger
{
    padding:5px;
    display:table;
    margin:0px auto;
    border-radius:4px;
    }
    
    
    /*****/
    
    
    #ctl00_ContentPlaceHolder1_Panel2
    {
            border-width: 0px !important;
        }
        
/***feed-back*****/

.feed-back 
{
    width: 600px;
    margin: 15px auto;
    background: #f7f7f7;
    padding: 40px;
   
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.feed-back i{
font-size: 130px;
    margin: 50px 0px;
    color: #ccc;
}
.feed-back h1{
    color: #445469;
    font-size: 14px;
    border-bottom: 1px solid #e4e4e4;
    padding: 0px 0px 10px 0px;
}

.feed-back input
{
    height:30px;
    margin-bottom:10px;
    }

.fdbtn input
{
    width:40%;
    float:left;
    height:auto;    
    margin-right: 10px;
    }
    
    
/**/
#ctl00_ContentPlaceHolder1_PanRFPED
{
    display:table
    }
    
    
/*master**/
.RadGrid_Metro .rgFilterBox
{
    float:left;
        padding: 10px !important;
    }

.RadGrid_Metro .rgFilter
{
    float:right
    }
    
    .RadMenu_Metro .rmGroup {
    padding: 1px;
    border: 1px solid #c5c0c0 !important;
    background-color: #ffdece !important;
}

.RadMenu_Metro .rmGroup a
{
    color:#252525  !important;
    font-weight:bold
    }
.RadMenu_Metro .rmGroup a:hover
{
    color:#fff  !important;
    
    }
    
   .RadMenu_Metro .rmGroup .rmFocused
   {
       background:#f37440 !important;
       color:#fff  !important;}
       
.RadGrid_Metro .rgActiveRow td, .RadGrid_Metro .rgSelectedRow td {
    background: #23344a !important;
    font-weight:bold
}


.ms-pfp-dts 
{
    width:90%;
    margin:0px auto
    }

.ms-pfp-dts table
{
    margin:0px;
    padding:0px;
    border:0px;
     width:100%;
    
   
    }
    
    .ms-pfp-dts table table
    {
        width:100%;
        margin-bottom:7px;
        }
    
.ms-pfp-dts table td
{
    margin:0px;
    padding:0px !important;
   
    border:0px !important;
    vertical-align:top
    }
    
.ms-pfp-dts table td td 
{padding:5px !important;;
 
    }
    
.width-td 
{
    width:200px;
    font-weight:bold;
   }

#ctl00_ContentPlaceHolder1_rdbAD
{
    display:table;
    width:auto
    }
    
.profile-btn 
{
    margin:0px auto;
    display:table;
    width:320px
    }
.profile-btn input 
{
        width: 35% !important;}


.file-btninput .lb 
{
    font-weight:bold;
    }

.file-btninput input
{
    width:25%;
    float:left;
    font-weight:bold;
    
    
    }
.file-btninput #ctl00_ContentPlaceHolder1_fpExcell
{
    background:#f2f2f2;
    font-weight:normal;
    }
    
.export-btn 
{
    margin:16px 0px 0px;
    font-weight:bold;
    }
    
/*****Filter table ***/

.rgFilterRow td
{
    position:relative
    }
.rgMasterTable .rgFilterRow .rgFilter
{
        position: absolute;
    right: 0px;
    }
      
/**/


.table-ds td .green-clr
{color: #1f5205 !important;}
 .table-ds td .cancel-clr 
{
    color:#ff0000  !important
    }
    
.site-form 
{
    text-align:left
    }
    
.site-form .lb 
{
    font-weight:bold;
    }
    
    
#ctl00_ContentPlaceHolder1_body 
{
    display:table;
    width:100%;
    }

.bottom-btn 
{
    margin:10px 0px 0px 0px;
    }    
.bottom-btn input
{
    width:auto !important
    }
    
.site-input input 
{
    width:20px;
    height:20px;
    margin:10px 0px;
    float:left
    }
    
.site-input label
{
    margin:10px 0px 0px 10px;
    }
    
.add-map-form 
{
    display: table;
    margin: 0px auto;
    width: 40%;
    background: #e4e4e4;
    padding: 30px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    
    }
    
.add-map-form table
{
    width:100%;
    }
.add-map-form input 
{
    margin-top:10px;
    margin-bottom:0px
    } 
    
.add-map-form td
{
    width:100%;
    }
.empnam
{
        background: #f0f0f0f0;
    padding: 10px;
    font-weight: bold;
    margin-bottom: 10px;}
.empnam .lb
{
    color:#445469 !important
    }
.add-map-form .RadComboBox
{
    margin-top:10px;
    }
    
.add-map-form .add-btn
{
    display: table;
    float: right;}
    
    
/*****popup-dgn***/
.popup-dgn
{
    background:#fff;
    padding-bottom:20px;
    }
    
.popup-dgn h2
{
       background: #3e3e3e;
    color: #fff;
    font-size: 20px;
    padding: 10px;
    }

.popup-body 
{
    padding:10px;
    }
    
    
    .popup-body .radio-tab
    {
        margin:0px;
        }
        
.popup-body .bottom-btn {
    padding: 10px 0px 0px 0px;
    text-align: left;
}


/******/

.RadGrid_Default .rgFilterRow {
    background: #fff !important;
}

.table-responsive .rgFilterRow input
{
    width:50% !important;    float:left;
    height: auto !important;
    }
    
    
.rgMasterTable .rgFilterRow .rgFilter
{
   /** float:right;
    width:22px !important;**/
    height: 17px !important;
    }
    
.rmActive .rmText {
    background: #ffdfce !important;
    font-weight: bold;
}

.rmActive  .rmText:hover {
    background: #f37440 !important;
}


.sp-btn input 
{
    width:auto;
    font-size:16px;
    font-weight:bold
    }
    
.map-menu input
{
    width: auto; }
    
.map-menu .col-sm-6 
{
    margin-bottom:15px;
    }

.map-menu table
{
    text-align:center
    }
.map-menu table input
{
    margin:0px auto;
    width:20px;
    height:20px;
    } 
    

.dec-lck 
{
    text-align:center;
    margin-top:70px;
    }
.dec-lck h2
{
    font-size:20px;
    font-weight:bold
    }
    
.dec-lck p
{
    font-size:16px;
    margin:20px 0px;
}

/****loading***/
.loading-pls 
{
    text-align:center;
    margin-top:40px
    }
    
    
    
/** BEGIN CSS **/
       
        @keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-moz-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-webkit-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-o-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-moz-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-webkit-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-o-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-moz-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-webkit-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-o-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }
        .loading-container,
        .loading {
            height: 100px;
            position: relative;
            width: 100px;
            border-radius: 100%;
        }


        .loading-container { margin: 40px auto }

        .loading {
            border: 2px solid transparent;
            border-color: transparent #000 transparent #000;
            -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
            -moz-transform-origin: 50% 50%;
            -o-animation: rotate-loading 1.5s linear 0s infinite normal;
            -o-transform-origin: 50% 50%;
            -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
            -webkit-transform-origin: 50% 50%;
            animation: rotate-loading 1.5s linear 0s infinite normal;
            transform-origin: 50% 50%;
        }

        .loading-container:hover .loading {
            border-color: transparent #f37440 transparent #000f37440
        }
        .loading-container:hover .loading,
        .loading-container .loading {
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
        }

        #loading-text {
            -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
            -o-animation: loading-text-opacity 2s linear 0s infinite normal;
            -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
            animation: loading-text-opacity 2s linear 0s infinite normal;
            color: #000;
           font-size: 18px;
            font-weight: bold;
            margin-top: 45px;
            opacity: 0;
            position: absolute;
            text-align: center;
            text-transform: uppercase;
            top: 0;
            width: 100px;
        }
        
        
        .box-txt{
                border-style: groove;
    border-width: 1px;
    background-image: url(Images/topbar_new_2N.png);
    height: auto;
    width: 100%;
    background-repeat: no-repeat;
    background-color: #ecf4ff;
    color: #000;
    padding: 50px;
    font-size: 20px;
    font-weight: bold;
    display:none
    }
    
    caption {
    padding-top: 0px;
    padding-bottom: 5px;
    font-size:12px;
    font-weight:bold;

}
.RadCalendar .rcMain, .RadCalendar .rcTitlebar {
    width: 100%;
    border-width: 0px;
    padding: 0px !important;
}

.LebleLeaveStyle
{
    font-size:12px}
    
.dec-table input, .dec-table select
{
    height:25px;
    margin-bottom:0px;
    font-weight: normal;
    }
    
 .dec-table .act-btn
 {
     height:auto
   }
   
.footer a, .footer span
{
    font-size:12px !important
    }
    
input[type=file] {
    font-size: 12px;
}

.RadGrid_Telerik .rgMasterTable .rgSelectedCell, .RadGrid_Telerik .rgSelectedRow
{
    background: #445469}
    
    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th
    {
        font-size:11px;}
        


.btn-wk
{
    background:#23344a;
    }
    
.btn-ipt{
    background:#0c6306
    }
    
 .btn-exl   {
    background:#000
    }
    
    .btn-wk, .btn-ipt, .btn-exl
    {background: #232936;
        }
    .btn-wk, .btn-ipt, .btn-exl, .btn-clr  {
    color:#fff;
    width: auto;
    font-size:14px;
    font-weight:bold
    }
    
    .btn-wk:hover, .btn-ipt:hover, .btn-exl:hover{
    color:#fff;
    
    }
    
    .btn-clr    
    {
        color:#00000050;
        margin-right:5px
        }
    
    
    .rgMasterTable th
    {
     background: #6d6d6d !important;
    border: 1px solid #9e9e9e !important;}
    

.profile-detl{
    margin:20px 0px;
    }


.profile-detl td
{
    padding:5px;
    font-size:11px;
}

.profile-detl td select
{
    height:auto !important
    }
    
.rgMasterTable select
{
    padding:0px 
    }
    
.auto-style1 td
{
    padding:0px 5px;
    }
    
    
.RadioButtonList1 input
{
    width:auto;
    float:left;
    margin-right:5px;
    }
    
.RadioButtonList1 label
{
    font-weight:bold
    }
    
.main-list div
{
    float:left
    }
    
.main-list input 
{    width: auto;
    display: table;
    float: left;
    margin: 4px 5px;
    }
.main-list label
{
    float:left;
        padding: 2px 0px;
    } 
    
.main-list .btn-wk
{
        padding: 0px 10px;
    font-size: 12px;
    }
    

.heading {
    font-size: 20px;
    font-weight: bold;
    background: #445469;
    padding: 10px;
    color: #fff;
    margin-bottom: 0px;
    display: table;
    width: 100%;
    text-align:center
}

    
.pop-list table
{
    width:100%
    }
    
.pop-ctnl 
{
    padding:5px 20px;
    }
    
.pop-ctnl td
{
    padding:2px;
   }
   
.rgNoRecords div
{
    padding:5px;
    text-align:center;
    font-weight:bold;
    }
    
.hd-text td
{
    height:15px !important;
    background:#3a3a3a;
    font-size:16px !important;
    }
    
.RadGrid_Metro .rgHeader {
    color: #fff !important;
    font-weight:bold !important;
}

.designtd td
{
    vertical-align: middle;}
    
.permission-munu
{    margin: 10px 0px 0px;
    }
    
.permission-munu input 
{
    width:auto;
    padding:0px;
    }
.permission-munu select 
{
    padding:3px;
    font-size:12px
    }
    
.permission-munu td, .upload-text td, .td-tbl td, .lv-tbl td
{vertical-align: middle;}


.upload-inp input
{
    width:50p%;
    float:left
    }


.td-tbl td
{
    font-size:12px;
    padding:5px
    
    }
    
.td-tbl .RadPicker
{
    padding:0px;
    }
    
.RadComboBox_Office2010Silver .rcbInput
{
    padding:0px 0px 0px 8px !important
    }
    
.tbl-dgn td
{
    padding:0px 5px;
    }
    
.tbl-dgn td select
{
    padding:5px;
    
    }
    
#ctl00_ContentPlaceHolder1_DGCOMP caption
{
    text-align:center
    }
    
.td-lv th, .td-lv td
{
    font-size:11px;
    padding:5px 5px !Important;
    
    }
    
.lv-container
{
    width:90% !important;
    margin:0px auto
    }
    
.heading-cpt .btn
{
    font-size:12px}
.btn-ad {    
    display: table;
    text-align: right;
    width: 100%;
}
.btn-ad input
{background: #232936;
    font-size: 12px !important;
    color: #fff !important;
    padding: 5px 10px 5px 5px;
    height: auto;
    text-align: center !important;
    width: 60px;
    display: table;
    float: right;

    }
    
    .leavetype .type-dtl select, .leavetype .type-dtl input, .leavetype .type-dtl textarea {
       height: 25px;
    font-size: 12px;
}

.lve-pr-txt td input {
    padding: 5px !important;
    height: 25px;
}


.lv-popup input
{    width: 70px;
    float: left;
    }
    
.att-tb select
{
    height:36px}

.fgt-dtl input
{
    width:90%;
    margin:0px auto;
        height: 12px;
    }    
.fgt-dtl .login-btn
{
    width:auto;
    margin: 0px auto;
    display:table;
    padding:10px 40px;
    height:auto
    }
    
.fgt-dtl p
{
    text-align:center
    }
    
    
.lva-tbl td
{
    padding:0px;
    font-weight:normal;
    font-size:10px
    }
    
.lv-lra td 
{
        padding: 0px !important;
    font-size: 11px;
    }
    
.lv-lra td input, .lv-lra td select
{
    height: 24px;
    font-size: 12px;
    padding: 4px;
    text-align: left;
    }
    
.td-ma td
{
    vertical-align:middle
    }
    
.RadGrid_Default .rgHeader {
    color: #fff !Important;
}


.rgClipCells .lb1 {
    font-family: Calibri;
    color: #003d76;
    text-align: left;
    font-size: 12px;
    padding: 0px 6px;
    display: table;
    font-weight: bold;
    background: #f2f2f2 !important;
    border-radius:6px
}

.tbl-dtr .lb
{
    height:20px}
    
.RadioButtonList1 label {
    margin-right: 20px;
}

.tbl-dtr td
{
    vertical-align:middle;
    padding:5px
    }
    
    
.tble-rr-hd
{
    font-size:14px;
    font-weight:bold
    }
.tble-rr-text
{
    font-size:12px;
    margin-bottom:20px;
    }
    
    
.time-inp input 
{
    display:initial;
    padding: 0px;
    }
    
.RadPicker {
    vertical-align: middle;
    width: 100% !important;
}

.atdc-tbl, .atdn-tbl
{
    width:98% !important;
    }
    
.RadCalendar_Office2007 .rcMainTable
{color: #000;
    font: initial !important;
    font-family:arial
    }
    
.RadCalendar_Office2007 .rcWeek th {
    border-bottom: 1px solid #9ebfdb;
    padding: 0px !important;
    font-size: 11px !important;
    font-family:arial
}


.atdn-tbl th, .atdn-tbl td
{
    vertical-align:middle;
    padding:0px 5px ;
    font-size: 10px;
    text-align:left;
    
    }
    
.atdn-tbl td a
{
    font-weight:bold;
    color:#ff0000 !important;
    text-decoration:none !important
    }
    
.tbt-wkin td
{
    padding:2px !important 
    }   
    
.bt-2
{
    margin:4px 0px;
    }
    
.tbl-pr td
{
    padding:3px
    }
    
.wlc-text
{
       font-size: 12px;
    font-weight: bold;
    display: table;
    color: #fff;
   margin: 10px 10px 0px!important;
}   
.RadGrid_Telerik .rgHeader {
    color: #fff !important;
}

.heade-new td
{
    vertical-align: middle;
    }

.heade-new .imglogo
{
    background: #fff;
    display: table;
    padding: 10px;
    height: 53px;
        float: right;
    }
.imglogo img
{
    width: 112px !important;
    border-width: 0px;
    padding: 0px !important;
    }
    
.RadMenu_Telerik .rmGroup .rmItem a.rmLink, .RadMenu_Telerik .rmGroup .rmItem a.rmLink:hover, .RadMenu_Telerik .rmGroup .rmItem a.rmFocused, .RadMenu_Telerik .rmGroup .rmItem a.rmSelected, .RadMenu_Telerik .rmGroup .rmItem a.rmExpanded
{
    padding:0px !important
    }
    
.designtd td
{
    padding:5px;
    }
    
.designtd .btn-wk
{
        border: 0px;
    padding: 5px 10px;
    margin: 22px 0px 0px;
    }
    
.show-img 
{
    position: relative;
    padding: 7px 0px 0px 0px;}

.show-img input
{
    width: 32px;
    position: absolute;
    top: 0px;
    right: 1px;
    }
    
.rqest-tbl td
{vertical-align: middle !important;}


#ctl00_ContentPlaceHolder1_PanPopopshow
{
    width:50% !important;
    }
    
#ctl00_ContentPlaceHolder1_PanPopopshow input, #ctl00_ContentPlaceHolder1_pnlpopup input
{
    width:auto !important;
    float:left
    }
    
    
    #ctl00_ContentPlaceHolder1_pnlpopupSumit input
    {
        width:70px !important;
        float:left
        }
        
        
  /** Redesign css start 30/09/2020 **/
  
  .RadComboBox_Metro .rcbFocused .rcbArrowCell {
    border-color: #23344a !important;
    color: #fff;
    background-color: #23344a !important;
}

.RadComboBox_Metro .rcbFocused .rcbReadOnly .rcbInputCell {
    border-color: #23344a !important;
    color: #fff;
    background-color: #23344a !important;
}

.RadGrid_Metro .rgNumPart a.rgCurrentPage {
    border-color: #23344a !important;
    background: transparent;
}

.rgHeaderDiv
{
    margin-right: 0px !important;
}
.lb {
    font-family: Segoe UI;
    color: #313031;
    text-align: left;
    font-size: 13px;
    font-weight:bold;
}

#ctl00_ContentPlaceHolder1_RequiredFieldValidator8
{
    position:absolute;
}
#ctl00_ContentPlaceHolder1_txtMonthName_dateInput_wrapper
{
    padding:2px !important;
}

#ctl00_ContentPlaceHolder1_Panel3
{
    padding-top:8px;
}
.btn
{
        border-radius: 0px !important;
}
.textboxstyle
{
    border-radius: 0px !important;
}
.riSingle
{
    padding:2px !important;
}

.rgPagePrev
{
   display: inline !important;
}
.rgWrap input
{
    display:inline !important;
}

/*************************
      Margin right
*************************/
.mr-0 { margin-right: 0px }
.mr-2 { margin-right: 2px }
.mr-10 { margin-right: 10px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-30 { margin-right: 30px }
.mr-40 { margin-right: 40px }
.mr-50 { margin-right: 50px }
.mr-60 { margin-right: 60px }
.mr-66 { margin-right: 66px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }
.mr-110 { margin-right: 110px }
.mr-120 { margin-right: 120px }
.mr-130 { margin-right: 130px }
.mr-140 { margin-right: 140px }
.mr-150 { margin-right: 150px }

/*************************
    Margin bottom
*************************/
.mb-0 { margin-bottom: 0px }
.mb-2 { margin-bottom: 2px }
.mb-5 { margin-bottom: 5px }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-22 { margin-bottom: 22px }
.mb-23 { margin-bottom: 23px }
.mb-25 { margin-bottom: 25px }
.mb-30 { margin-bottom: 30px }
.mb-33 { margin-bottom: 33px }
.mb-35 { margin-bottom: 35px }
.mb-38 { margin-bottom: 38px }
.mb-40 { margin-bottom: 40px }
.mb-45 { margin-bottom: 45px }
.mb-47 { margin-bottom: 47px }
.mb-48 { margin-bottom: 48px }
.mb-50 { margin-bottom: 50px }
.mb-55 { margin-bottom: 55px }
.mb-58 { margin-bottom: 58px }
.mb-60 { margin-bottom: 60px }
.mb-65 { margin-bottom: 65px }
.mb-70 { margin-bottom: 70px }
.mb-75 { margin-bottom: 75px }
.mb-80 { margin-bottom: 80px }
.mb-85 { margin-bottom: 85px }
.mb-90 { margin-bottom: 90px }
.mb-95 { margin-bottom: 95px }
.mb-96 { margin-bottom: 96px }
.mb-100 { margin-bottom: 100px }
.mb-105 { margin-bottom: 105px }
.mb-110 { margin-bottom: 110px }
.mb-115 { margin-bottom: 115px }
.mb-120 { margin-bottom: 120px }
.mb-125 { margin-bottom: 125px }
.mb-128 { margin-bottom: 128px }
.mb-130 { margin-bottom: 130px }
.mb-135 { margin-bottom: 135px }
.mb-140 { margin-bottom: 140px }
.mb-145 { margin-bottom: 145px }
.mb-150 { margin-bottom: 150px }
.mb-220 { margin-bottom: 220px }
.mb-350 { margin-bottom: 350px }


.headingtxt, .heading-cpt {
    width: 100%;
    height: 30px;
    padding:5px 0px;
    background-color: #3a3a3a;
    color: White;
    font-family: Segoe UI;
    font-size: 16px;
    border-style: groove;
    border-width: 1px;
    text-align: center;
}

    .heading-cpt h1 {
        color:#fff
    }

.heade-new td span.wlc-text {
    color:#fff !important
}


.leave-btn {
    width: auto;
    float: right;
}
.popupheading {
}

.popupheading .heading {
    text-align: left;
    font-size: 14px
}

    .popupheading .close {
        position: absolute;
        top: -9px;
        right: -10px;
        /* height: 40px; */
        opacity: 1 !important;
        width: 60px;
    }
.border-0 {
    border:0px solid
}
.datedgn {
    height: auto !important
}
.datedgn .riDisabled {
    height:33px !important;
    
}

.datedgn {
    padding:0px
}


.timedgn input {
    display: initial;
    padding: 0px;
    height: 27px !important;
    padding: 5px 2px !important;
    width: 31% !important;
}

    .timedgn input:read-only {
        width: 19px !important;
        text-align:center
    }

.upload-dgn {
    display:flex;
    align-items:center
}

.imgclose {
    width: 17px;
    padding: 0px;
    margin-top: 8px;
}

.upload-dgn input[type=file] {
    font-size: 12px;
    border: 1px solid #000;
    padding: 0px;
    height: 34px;
    margin: 0px;
    padding: 5px;
}


.btn-upload {
    color: #fff;
    background-color: #445469;
    border-color: #445469;
}


.slt-sm {
    height: 27px;
    padding: 0px;
    font-size: 12px;
}

.tabledgnflter td {
    padding: 5px;
    vertical-align: middle;
}

.RadGrid_Sunset .rgFilterBox {
    width: 100% !important;
    padding: 10px;
}
.popupheading {
    position: relative;
}



.close-two {
    
    top: 1px !important;
    right: -1px !important;
    opacity: 1 !important;
    width: 40px !important;
}

.textboxstyle {
    border: 0px !important; padding: 0px;
}

html body .riSingle .riTextBox[type="text"] {
    height: 30px;
}

.tp-align-m th, .tp-align-m td {
    vertical-align: middle;
}

#ctl00_ContentPlaceHolder1_RequiredFieldValidator1 {
    display:none
}


.timedgn input:nth-child(1) {
    width: 20px !important;
}
.timedgn input:nth-child(2) {
    width: 8px !important;
}

.timedgn input:nth-child(3) {
    width: 20px !important;
}
.timedgn input:nth-child(4) {
    width: 30px !important;
}

.w-auto, .w-auto input {
    width: auto !important
}

.checkbx-w-auto {
    display:flex;
    gap: 5px;
    align-items: center;
}
.checkbx-w-auto input {
    display: initial;
    margin:0px
    
}

    .checkbx-w-auto label {
        margin:0px
    }


.va-top, .va-top td {
    vertical-align: top
}


.w-70 {
    width:70px !important
}

.nav-tabs a {
    background: #ebebeb;
    font-weight:bold;
    color:#000
}

    .nav-tabs a.active, .nav-tabs a:hover {
        background: #23344a !important;
        color: #fff
    }


.nav.nav-tabs {
    margin-bottom: 0;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 8px;
}

.d-none {
    display:none
}


.status-group {
    display:flex;
    gap:10px
}


.status-option {
    display:flex;gap:5px;
    align-items:center
}

.d-flex {
    display:flex
}

.gap-5 {
   gap:5px
}

/*Dashboard Css*/

:root {
    --primary: #2563EB;
    --success: #22C55E;
    --warning: #F59E0B;
    --danger: #EF4444;
    --text: #0F172A;
    --muted: #475569;
    --muted-2: #94A3B8;
    --card: #fff;
    --border: #E9EEF5;
    --bg: #F6F8FC;
}

body {
    font-family: Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
/*    background: var(--bg);*/
    color: var(--text)
}

.wrap {
    padding: 10px 0px
}

.section-title {
    font-weight: 700;
    font-size: 14px;
    color: var(--muted);
    margin-bottom: 10px
}

.cd-card {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(2,8,20,.06);
    padding: 10px;
    transition: transform .15s ease;
    position: relative;
}

    .cd-card:hover {
        transform: translateY(-2px)
    }
/* KPI tiles inside big "Attendance" card */
.kpi-tile {
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 10px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(2,8,20,.04)
}

.kpi-label {
    font-size: 12px;
    color: var(--muted);
    font-weight: 600;
    margin-top: 8px
}

.kpi-value {
    font-weight: 800;
    font-size: 20px;
    letter-spacing: -.02em
}

.ico {
    width: 28px;
    height: 28px;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

    .ico.bg-p {
        background: rgba(37,99,235,.12);
        color: var(--primary)
    }

    .ico.bg-s {
        background: rgba(34,197,94,.12);
        color: var(--success)
    }

    .ico.bg-w {
        background: rgba(245,158,11,.14);
        color: var(--warning)
    }

    .ico.bg-d {
        background: rgba(239,68,68,.14);
        color: var(--danger)
    }

    .ico.bg-m {
        background: #EFF3F7;
        color: #64748b
    }

/* Donut block (default) */
.donut-wrap {
    position: relative;
    min-height: 220px
}

.donut-center {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

    .donut-center .cap {
        color: var(--muted-2);
        font-weight: 600;
        font-size: 12px
    }

    .donut-center .big {
        font-weight: 800;
        font-size: 30px
    }

.callout {
    position: absolute;
    left: 58%;
    top: 20px;
    transform: translateX(-50%);
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 700;
    color: var(--muted);
    box-shadow: 0 12px 30px rgba(15,23,42,.08);
}

    .callout .dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--primary);
        display: inline-block;
        margin-right: 6px
    }

/* COMPACT: make only the Statistics card shorter */
.stats-compact .donut-wrap {
    min-height: 170px;
    height: 230px;
}

.stats-compact #donut {
    height: 100% !important;
    width: 60% !important;
    margin: 0px auto;
}
/* canvas height */
.stats-compact .donut-center .big {
    font-size: 24px;
}

.stats-compact .donut-center .cap {
    font-size: 11px;
}

.stats-compact .callout {
    top: 8px;
}

/* Charts */
.chart-holder {
    position: relative
}

.seg {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -8px;
    background: #EDF2F7;
    border-radius: 999px;
    padding: 4px;
    display: inline-flex
}

    .seg .btn {
        border: 0;
        padding: .25rem .75rem;
        border-radius: 999px;
        font-weight: 700;
        color: #334155
    }

        .seg .btn.active {
            background: #fff;
            color: #111827;
            box-shadow: 0 6px 16px rgba(2,8,20,.08)
        }

/* Stat tiles in Attendance Source */
.stat {
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 14px;
    background: #fff
}

    .stat .label {
        font-size: 13px;
        font-weight: 600;
        color: var(--muted)
    }

    .stat .val {
        font-size: 22px;
        font-weight: 800
    }

/* small helpers */
.mb-18 {
    margin-bottom: 18px
}


.ico svg {
    width: 20px;
    height: 20px;
}

.btn {
    font-size: 12px;
}

.site {
    padding: 0px;
}



/* The parent has the "display: grid;" property and it defines the template areas */
.profile-card {
}

.pc-project {
    overflow: hidden;
    position: relative;
    height: 110px;
}

/* We define "grid-area" names for the direct child of the grid parent */
.pc-project-1 {
    grid-area: pc-project-1;
    border-radius: 6px 0 0 0;
}

.pc-project-2 {
    grid-area: pc-project-2;
}

.pc-project-3 {
    grid-area: pc-project-3;
}

.pc-project-4 {
    grid-area: pc-project-4;
    border-radius: 0 6px 0 0;
}

/* Project thumbnails styling */
.pc-project-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    transition: all .4s ease-in-out;
}

.pc-project:hover .pc-project-link {
    transform: scale(1.14);
}

.pc-project:hover .pc-project-overlay {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
}

.pc-project-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(40,27,64,0.6);
    /*opacity: 0;
	visibility: hidden;*/
    transform: translateY(-100%);
    transition: transform .3s cubic-bezier(.8,0,.5,1.05);
}

.pc-project-overlay-link {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 40px;
    height: 40px;
    background: #E5DFEF;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(259,253,239,0.15);
    transition: background .2s ease-in-out;
}

    .pc-project-overlay-link:hover {
        background: #fff;
    }

    .pc-project-overlay-link svg {
        width: 18px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }


/* Direct child of the grid parent. Again we define the name of the "grid-area" porperty */
.pc-user {
    display: flex;
    align-items: center;
}

.pc-user-image {
    padding: 0px 26px 18px 0px;
    position: relative;
}


    .pc-user-image svg, .pc-user-image img {
        border-radius: 50%;
        width: 70px;
        height: 70px
    }

.pc-user-info {
    padding: 20px 20px 20px 0;
}

    .pc-user-info > h3 {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 0px;
    }

        .pc-user-info > h3 a {
            color: #241943;
            text-decoration: none;
            transition: color .3s ease-in-out;
        }

            .pc-user-info > h3 a:hover {
                color: #432F7A;
            }

.pc-user-title {
    margin-bottom: 3px;
    font-size: 12px;
}

.pc-user-location {
    margin-bottom: 10px;
    font-size: 12px;
}

    .pc-user-location svg {
        width: 9px;
        margin-right: 5px;
        opacity: 0.4;
    }

.pc-social {
    list-style-type: none;
    display: flex;
}

    .pc-social li + li {
        margin-left: 15px;
    }

    .pc-social li svg {
        max-width: 22px;
        position: relative;
        opacity: 0.5;
        transition: opacity .2s ease-in-out;
    }

    .pc-social li a:hover svg {
        opacity: 1;
    }

/* Again >> direct child of the grid parent. We define the "grid-area" name */
.pc-user-buttons {
    grid-area: pc-user-buttons;
    padding: 0px;
}

    .pc-user-buttons .pc-btn {
        display: block;
        padding: 6px 20px;
        font-size: 13px;
        font-weight: 600;
        text-align: center;
        text-decoration: none;
        border-radius: 50px;
        border: 1px solid #E5DFEF;
        color: #231A3B;
        transition: background .2s ease-in-out;
    }

        .pc-user-buttons .pc-btn:hover {
            background: #E5DFEF;
        }

        .pc-user-buttons .pc-btn.accent {
            border-color: #4F3FF1;
            background: #4F3FF1;
            color: #fff;
            box-shadow: 0 4px 10px rgba(80,60,240,0.2);
        }

            .pc-user-buttons .pc-btn.accent:hover {
                background: #483AD7;
            }

.gap-10 {
    gap: 10px;
}
/* Responsive styling */
@media only screen and (max-width: 1024px) {
    .site {
        padding: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .site {
        padding: 0px;
    }
    /* Here we define new columns and rows template. Then we rearrange the "grid-area" to match our needs. */


    .pc-project-2 {
        border-radius: 0 6px 0 0;
    }

    .pc-project-4 {
        border-radius: 0;
    }

    .pc-user-image {
        padding: 18px
    }

    .pc-user-info {
        padding: 18px 18px 18px 0;
    }

    .pc-user-buttons {
        padding: 0 18px 18px 18px;
    }
}


.h-100-vh {
    height: 100vh;
}

.h-100-vh {
    height: 100% !important;
}

.cd-card.bottom-hvh {
    height: 420px !important;
}

.spaceline {
    color: #ccc;
}

.birthdaylist {
    max-height: 50vh;
    padding-right: 10px;
}

.listinfo {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.listdetail {
    font-size: 12px;
    color: #525252;
}

    .listdetail h2 {
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 5px;
        color: #000;
    }

    .listdetail p {
        margin: 0px;
    }

.countdgn {
    font-size: 12px;
    border: 1px solid #e9c3c3;
    background: #fef5f5;
    padding: 7px;
    border-radius: 5px;
}
/* container */
.att-card {
    border: 0;
    box-shadow: 0 8px 20px rgba(0,0,0,.06);
    border-radius: 14px;
    overflow: hidden;
}

    .att-card .card-header {
        background: #0d6efd;
        color: #fff;
        border: 0;
        padding: .9rem 1.25rem;
    }

        .att-card .card-header .title {
            font-weight: 600;
            letter-spacing: .2px;
        }

/* table baseline */
.att-table-wrap {
    overflow: auto;
}

.att-table {
    margin: 0;
}

    .att-table thead th {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #f7f9fc;
        color: #334155;
        font-weight: 600;
        border-bottom: 1px solid #e5e7eb;
    }

    .att-table tbody td {
        vertical-align: middle;
        border-color: #eef2f7;
    }

    .att-table tbody tr:hover {
        background: #f9fbff;
    }

    .att-table tbody tr:nth-child(odd) {
        background: #fcfdff;
    }

    /* compact cells */
    .att-table th, .att-table td {
        padding: 5px;
        font-size: 12px;
    }

/* A/P/L badge */
.apl-badge {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    border-radius: 999px;
    padding: .2rem .55rem;
    font-weight: 600;
    font-size: .85rem;
}

.apl-a {
    background: #fff1f2;
    color: #be123c;
    border: 1px solid #fecdd3;
}
/* Absent */
.apl-p {
    background: #ecfdf5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}
/* Present */
.apl-l {
    background: #fffbeb;
    color: #92400e;
    border: 1px solid #fde68a;
}
/* Leave   */

/* pending pill */
.pending-pill {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    background: #eef2ff;
    color: #3730a3;
    border: 1px solid #c7d2fe;
    padding: .2rem .6rem;
    border-radius: 999px;
    font-weight: 600;
    font-size: .85rem;
}

/* action buttons */
.btn-icon {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    border-radius: 10px;
    padding: .35rem .6rem;
}

.btn-approve {
    background: #e8fff3;
    color: #0f5132;
    border: 1px solid #b7f5d4;
}

.btn-reject {
    background: #fff0f0;
    color: #842029;
    border: 1px solid #ffc2c2;
}

.btn-view {
    background: #eef6ff;
    color: #0b4b8a;
    border: 1px solid #cfe3ff;
}

.btn-icon svg {
    width: 16px;
    height: 16px;
}

/* mobile card view */
@media (max-width: 768px) {
    .att-table thead {
        display: none;
    }

    .att-table, .att-table tbody, .att-table tr, .att-table td {
        display: block;
        width: 100%;
    }

        .att-table tr {
            background: #fff;
            margin: .6rem 0;
            box-shadow: 0 6px 18px rgba(0,0,0,.05);
            border-radius: 12px;
            overflow: hidden;
        }

        .att-table td {
            border: 0;
            border-bottom: 1px dashed #eaeef5;
            padding: .7rem .9rem;
        }

            .att-table td:last-child {
                border-bottom: 0;
            }

        .att-table td {
            position: relative;
            text-align: right;
            padding: 8px !important;
        }

            .att-table td::before {
                content: attr(data-label);
                display: block;
                font-size: 12px;
                color: #757575;
                margin-bottom: 0;
                text-transform: capitalize;
                letter-spacing: .04em;
                position: absolute;
                left: 6px;
                top: 8px;
            }
}

.btn {
    font-weight: bold;
}

.rfcbtn {
    background: #f9e6e6;
}

.leavebtn {
    background: #d8edeb;
}

.table-scdheight {
    max-height: 38vh;
}

.userlink {
    font-size: 12px;
    display: flex;
    gap: 10px;
    font-weight: bold;
}

.pc-user-buttons .form-control {
    border: 1px solid #000;
    padding: 2px;
    border-radius: 10px 0px 0px 10px;
}

.pc-user-buttons .pc-btn {
    border-radius: 0px 10px 10px 0px;
    height:34px;
    width:100px
}


.birthdaylist td, .birthdaylist tr{
    background: none !important;
    border:0px !important
}
.att-table-wrap table {
    border:0px !important
}
.att-table-wrap .rgMasterTable th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #f7f9fc !important;
    color: #334155 !important;
    font-weight: 600 !important;
    border-bottom: 1px solid #e5e7eb !important;
}
.att-table-wrap .rgMasterTable th, .att-table-wrap .rgMasterTable td {
    padding: 5px;
    font-size: 12px;
    border-right:0px !important;
    border-left:0px !important
}
.att-table-wrap .rgMasterTable th {
    top: -2px;
}

.att-table-wrap .RadGrid_Metro {
    border: 0px solid #e5e5e5 !important;
}
.att-table-wrap .rgMasterTable td {
    border-top: 0px solid #dee2e6 !important;
    border-bottom: 1px solid #dee2e6 !important;
}

.att-table-wrap  .btn {
    
    padding: 2px 3px !important;
}
    /* --- Marquee container (viewport) --- */
    .marquee-wrap {
    /* controls */
    --pause-on-hover: paused; /* change to 'running' to disable hover pause */
    --gap: 0px; /* gap between duplicated lists (usually 0) */
    /* size + look */
    height: 380px; /* 👈 visible height of the window */
    overflow: hidden;
    position: relative;
    border: 0px solid #e9e9ef;
    background: #fff;
}

    /* Optional soft fade at top/bottom (mask) */
    .marquee-wrap::before,
    .marquee-wrap::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 28px;
        pointer-events: none;
        z-index: 2;
    }

    .marquee-wrap::before {
        top: 0;
        background: linear-gradient(#fff, rgba(255,255,255,0));
    }

    .marquee-wrap::after {
        bottom: 0;
        background: linear-gradient(rgba(255,255,255,0), #fff);
    }

/* The moving track */
.marquee-track {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    transform: translateY(0);
    animation: marquee-up var(--duration, 16s) linear infinite;
}

/* Pause on hover */
.marquee-wrap:hover .marquee-track {
    animation-play-state: var(--pause-on-hover);
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
    .marquee-track {
        animation: none !important;
    }
}

/* Keyframes use a dynamic CSS var for exact loop height */
@keyframes marquee-up {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(calc(-1 * var(--loop-height, 100%)));
    }
}


.h-100-vh {
    height: calc(100vh - 36px);
}

.att-table-wrap, .na-h-vh {
    height: calc(100% - 23px);
}

.bottom-hvh {
    height: calc(100vh - 510px) !important;
}

.bottommarquee-h {
    height: 300px;
}

.gap-5 {
    gap: 5px;
}

.att-table td .btn {
    padding: 2px 5px;
}

.profilelist {
    margin: 40px 10px;
}

    .profilelist li {
        display: flex;
        justify-content: space-between;
        padding: 7px;
        font-size: 12px;
        background: #f2f2f2;
        margin-bottom: 7px;
        border-radius: 5px;
    }

        .profilelist li span {
            font-weight: bold;
            text-align:right
        }
.footer {
    z-index:99999
}
@media screen and (max-width:1680px) {
    .bottommarquee-h {
        height: 310px;
    }

    .att-table th {
        font-weight: bold;
    }

    .att-table th, .att-table td {
        padding: 2px;
        font-size: 11px;
    }

    .cd-card.bottom-hvh {
        height: 413px !important;
    }

    .bottommarquee-h {
        height: 220px;
    }
}
@media screen and (max-width:1600px) {
    .bottommarquee-h {
        height: 240px;
    }

    .cd-card.bottom-hvh {
        height: 373px !important;
    }
}
    @media screen and (max-width:1440px) {

        .pc-user-info {
            padding: 10px;
        }

        .pc-user-buttons .pc-btn {
            display: block;
            padding: 2px 5px;
            font-size: 12px;
            line-height: 14px;
        }

        .pc-user-image {
            padding: 10px;
            position: relative;
        }

        .wrap {
            padding: 10px 0px 100px;
        }
        .cd-card.bottom-hvh {
            height: 383px !important;
        }
    }



.vmarquee:hover .vmarquee__track {
    animation-play-state: paused;
}

/* ===== Vertical Marquee Core ===== */
.vmarquee {
    position: relative;
    overflow: hidden;
    max-height: 260px; /* Adjust per design */
}

.vmarquee__track {
    display: flex;
    flex-direction: column;
    gap: 0;
    will-change: transform;
    transform: translateY(0);
    animation: none;
    --loop-height: 0px;
    --duration: 60s;
}

@keyframes vmarquee-scroll {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(calc(-1 * var(--loop-height)));
    }
}

.vmarquee:hover .vmarquee__track {
    animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
    .vmarquee__track {
        animation: none !important;
    }
}


.vmarquee__track .RadGrid_Sunset .rgRow a, .RadGrid_Sunset .rgAltRow a, .RadGrid_Sunset .rgEditRow a, .RadGrid_Sunset .rgFooter a, .RadGrid_Sunset .rgEditForm a {
    color: #000;
}

.vmarquee__track  .RadGrid_Sunset {
    border: 0px
}


.vmarquee__track .rgRow td {
    border-bottom: 1px solid #f2f2f2 !important;
    padding-bottom: 8px !important;
    margin-bottom: 8px !important;
}


.vmarquee__track .RadGrid .rgRow td, .vmarquee__track .RadGrid .rgAltRow td, .vmarquee__track .RadGrid .rgEditRow td, .vmarquee__track .RadGrid .rgFooter td {
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: 0px !important;
}


.marquee-scrolling {
    overflow: auto;
    height: 330px !important;
    max-height: inherit;
}

.vmarquee {
    max-height: 350px;
}

.announcementslist a{
    color:#000 !important
}
    .announcementslist .RadGrid_Sunset {
        border:0px !important
    }

        .announcementslist .RadGrid_Sunset td {
            border-bottom: 1px solid #f2f2f2 !important;
            padding:5px 0px !important
        }


.LebleLeaveStyle, .textboxLeavestyle {
    padding: 3px 0px 3px 6px !important;
    display: block !important;
}