/****common styles for filter section ends****/

/****styles for certificate starts***/
.double_timetext-data + .time_icon,.assign_inner td .time_icon {text-align: center;line-height:19px;}
.double_timetext-data + .time_icon img ,.assign_inner td .time_icon img {height: 19px;width: 19px;display: inline-block;vertical-align: bottom;margin-top: 4px;}
.double_timetext .double_timetext-data  { white-space:normal;}
.orderedit_complete6.obh { width:32px; text-align:center; }
.popup_section                                   { box-shadow: 0 0 5px 2px #AAA; background: #fcfcfc; border-radius: 5px; float: left; }
.popup_header                      { background: #999999; border-radius: 5px 5px 0 0; margin: 0; padding: 4px 0; width: 100%; float: left; cursor:move; }
.popup_title                       { color: #FFF; font-family: arial; font-size: 14px; font-weight: bold; line-height: 25px; padding:0 0 0 10px; float:left; }
.popup_close                       { cursor: pointer; float: right; height: 16px; position: relative; width: 16px; right: auto; margin: 5px 14px 0 8px; }
.popup_close:hover                           { background-color: #D1E4FC;  border-color: #8DAED5; border-radius:5px; }
.popup_header input[type="button"]             { font-size: 12px; color: #fff; font-family: Arial; font-weight: bold; background:transparent; border:none; float:right; margin: 4px 0 0 5px; cursor:pointer; }
.popup_section_inner                               { background: #FFF;  float: left; padding: 11px 11px 5px; border-radius: 0 0 5px 5px; font-size:12px; }
.popup_section_inner p                                      { margin-top:0;}

.certificate-crew   { width:800px; }
.certificate-crew .certificate-crew-main{width:111%;}
.certificate_section-pop ul { list-style:none; margin:0; padding:0; clear:both; }
.certificate-crew .popup_section_inner { width:97%; background:transparent; padding:0.01em 0 0; }
.certificate-crew ul { list-style:none; margin:0; padding:0; clear:both; }
.auto_dropdown_icon { border: 0 none; cursor: pointer; float: right; margin: -18px 20px 0 0; position: relative; z-index: 999; height: 9px; }
.certificate-crew ul { list-style:none; margin:0; padding:0; clear:both; width: 100.2%; }
.certificate-crew ul.row { display:table; width:100%; position: relative; border:1px solid #ccc; border-top:none; border-right:none; cursor: pointer; }
.certificate-crew ul.row:hover { background: none repeat scroll 0 0 #8deeee;}
.certificate-crew ul.selected  {  background-color: #ADE4FF !important; }
.certificate-crew ul.head li { background:#999999; color:#fff; font-weight:bold; /*width: 19%;*/  }
.certificate-crew ul li { display:table-cell; padding:0.2em 0.5em; width:241px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; border-right:1px solid #ccc; vertical-align:middle; }
.certificate-crew ul li.certifi-name span{width:200px; white-space: normal; text-overflow:ellipsis; overflow:hidden; vertical-align:middle; float: left;}
.certificate-crew ul li.add-field{width: 25px;}
.certificate-crew ul li.send-opt, .certificate-crew ul.row li.send-opt  { width:15px; }

.certificate-crew ul li.send-opt input { top:0.1em; }
.certificate-crew ul.head li.send-opt { text-align:center;  height:16px; }
.certificate-crew ul li.uba-option { width:10px;  height:15px; }
.certificate-crew ul li.certifi-name { width: 200px; padding:0.2em 0.5em; }
.certificate-crew ul li.issed-field { width: 62px; padding:0.2em 0.5em;}
.certificate-crew ul li.issed-field-spec { width: 60px; padding:0.2em 0.3em;}
.certificate-crew ul li.issed-spec-field { width: 60px; padding:0.2em 0.6em;}

.certificate-crew .message_line label { padding:4px 0 2px; }
.certificate-crew ul li select { width:96%; }
.certificate-crew .communicate-dropdown ul li input { position:relative; margin:0 0.3em 0 0; top:0.1em; }
.certificate-crew .communicate-resource ul li.event { width:116px; }
.certificate-crew ul li select { width:96%; }

 .certi_add_remove {
    cursor: pointer;
    float: left;
    margin: 1em 0 0 0em;
}


.certificate-details { margin: 7em 0 0; position: absolute; width: 322px;}
.certificate-details .popup_inner{width: 100%; float: left; padding: 0 0 0.8em; }
.certificate-details .popup_inner nav ul li{width: 93%; float: left; list-style: none; margin:0.2em 0 0 1em; overflow:inherit !important; }
.certificate-details label{width: 23%; float: left; font-weight: bold;
color: #666; font-size: 12px;
}
.certificate-details .popup_inner nav ul li.add-remove-in input[type="text"]{width: 34%; margin-top: -2px; }
.certificate-details select{
 background: -moz-linear-gradient(center top , rgba(209, 209, 209, 0.65) 0%, rgba(180, 180, 180, 0) 14%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 #FFFFFF;
    border: 1px solid #9C9C9C;
    border-radius: 2px;
    height: 26px;
    line-height: 20px;
    padding: 1px; width: 69%; margin: 0 0 0 1em;}
    
.certificate-details input[type="text"]{
    border: 1px solid #9C9C9C;
    height: 24px;
    border-radius: 2px;
     width: 65.2%;
    margin: 0 0 0 1em;
    padding: 0 1%;
    background: linear-gradient(to bottom, rgba(209, 209, 209, 0.65) 0%, rgba(180, 180, 180, 0) 14%, transparent 100%) repeat scroll 0px 0px #FFF;
}

.selected-items { height:66px; width:199px; float:left; margin-left:102px; border: 1px solid #9C9C9C; }
.selected-items .list_item { width:93%; }
.selected-items .list_item_delete { padding: 1px 0 0; }

.multiple-items span { float: left; width: 66px; overflow: hidden; border: 1px solid #ccc; border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; padding: 0.2em; text-overflow: ellipsis; background: #f2f2f2; margin:0 0.2em; }
 /*.certi-icon-toolbar {
    float: left;
}

.certi_mini_toolbar li:first-child {
    border-left: medium none !important;

}
.certi_mini_toolbar li {
    border-bottom: medium none !important;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #D8D8D8;
    float: left;
    padding: 0.3em;
    text-align: center; 
}
.certi_mini_toolbar img {
    opacity: 0.6;
}
ul.certi_mini_toolbar{
 }*/   
/*
.certi_cal_icon {
    background: url('../Images/css-sprite.png') no-repeat scroll -1031px -5px transparent;
     height: 25px;
    width: 18px;
    border:none;
    margin: 0 0 0 0.5em;
    background-position: -1031px -1px;
   }
*/

/****Style for the close icon******/
.t-icon.t-clear-filter { background-position: -16px -240px !important; }
.t-icon.t-minus, .t-icon.t-minus-disabled { background-position: -16px -256px !important; }
.t-icon.t-plus, .t-icon.t-plus-disabled { background-position: 0 -256px !important; }
#chk .t-link { width: auto; }
.t-icon.t-edit { background-position: 0 -336px !important; }
.t-icon.t-add { background-position: -48px -321px !important; }
.t-icon.t-expand { background-position: 0 -162px !important; }
.t-icon.t-collapse { background-position: 0 -175px !important; }
.t-icon.t-delete { background-position: -16px -336px !important; }
.t-icon.t-refresh { background-position: -32px -240px !important; }
.t-state-disabled .t-arrow-first { background-position: 0 -208px !important; }
.t-state-disabled .t-arrow-last { background-position: -48px -208px !important; }
.t-icon.t-filter { background-position: 0 -240px !important; }
.t-icon.t-icon-clock { background-position: -64px -336px !important; }
.t-icon.t-arrow-prev { background-position: -16px -192px !important; }
.t-icon.t-arrow-next { background-position: -32px -192px !important; }
.t-icon.t-arrow-down { background-position: -16px -176px !important; }
.t-icon.t-icon-calendar { background-position: -48px -240px !important; }
.save_selected a:hover,.popup_close:hover,.alert_close:hover { background-color: transparent !important; border-color: transparent !important; border-radius: 0 !important; opacity: 1 !important; }
.save_selected a,.alert_close,.t-close { height: 15px; width: 15px; }
.save_selected a.orderedit_close_button,.popup_close,.alert_close,.condition_date_web_dialog .orderedit_close_button  { opacity: 0.5; }
#filter_section .orderedit_close_button:hover,.t-window-actions a:hover,.condition_date_web_dialog .orderedit_close_button:hover { background-color: transparent !important; border-color: transparent !important; opacity: 1 !important; border-radius: 0 !important; }
#filter_section .orderedit_close_button {  height: 20px; margin: 5px 5px 0 8px; width: 20px; opacity: 0.5; }
.t-icon { background:url("../Images/sprite.png") !important; background-position: -54px -497px !important; }
#cal-close.fc-button.fc-corner-right { vertical-align: middle; padding-top: 6px; }

/****styles for certificate ends***/


.g-top-header-section
{
    width:97.9% !important;
}

.main-content
{
    padding-top:0 !important;
}
.g-top-section dl
{
    width: 18% !important;
    margin: 2px 5px 2px 0 !important;    
}
.ts-data-table .search_icon
{
    right: 0.4em;
}
.pad-Rest
{
    padding-top: 0.1em !important;
}
.pad-import
{
    padding-top: 0 !important;
}

/*To be removed the main-content for the telerik controls once the integration is done*/
#panel-01 { top:0 !important; position: relative; float: left; }
.main-content .picker-wrap .t-select,.main-content .t-dropdown-wrap .t-select {
position: absolute;
right: -38;
top: 2px;
}
.main-content .t-picker-wrap .t-select,.main-content .t-dropdown-wrap .t-select, #timeline-container .t-picker-wrap .t-select,#timeline-container .t-dropdown-wrap .t-select {
text-decoration: none;
vertical-align: top;
display: inline-block;
zoom: 1;
cursor: default;
position: absolute;
top: 3px;
right: 0;
}
.main-content autocomplete,.main-content .t-input[type="text"],.main-content .t-input[type="password"], #timeline-container autocomplete,#timeline-container .t-input[type="text"],#timeline-container .t-input[type="password"] {
    padding: 0 23px 0 5px !important;
}
.main-content .t-picker-wrap .t-input,.main-content .t-combobox .t-input, #timeline-container .t-picker-wrap .t-input,#timeline-container .t-combobox .t-input
{
    width:96% !important; font-size: 12px; 
}
.main-content .t-timepicker,.main-content .t-datetimepicker,.main-content .t-datepicker, #timeline-container .t-timepicker,#timeline-container .t-datetimepicker,#timeline-container .t-datepicker
{
    width:14.8em;
}
.g-top-section dd .t-timepicker,dd .t-datetimepicker,dd .t-datepicker, #timeline-container .t-timepicker,#timeline-container .t-datetimepicker,#timeline-container .t-datepicker
{
    width:11em !important;
}
.main-content .t-dropdown-wrap
{
	border-style:none;
}
.main-content .t-dropdown-wrap.t-state-default
{
	width:98%;
	margin-top:4px;
}
.main-content .t-select.t-header
{
	right:-5px;
}
.main-content .t-header, .main-content .t-grid-header
{
    background:none !important;
}


.t-popup .t-item { width: auto; height: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


/*Common telerik classes ends*/

.align-right
{
    text-align:right !important;
}
.mini_toolbar
{
    margin: 1em 0.5em 1em 0 !important;
}
.mini_toolbar li
{
    cursor:pointer;
}
.filter_container2
{
    line-height:1;
}

.main-content audio,
.main-content canvas,
.main-content img,
.main-content video {
    vertical-align: middle;
}
.main-content img
{
    border:none;
}
.status
{
    max-width:23%;
}
.title-bar
{
    position:inherit !important;
}
.search_icon
{
    margin:0;
}
.ordersearch thead tr
{
    cursor:default;
}
.ordersearch tr, .gm-search-icon, .popup_icon {
    cursor: pointer;
}
.welcome_inner td { padding: 0;}


.file-wrapper { width:auto !important; float:left;  margin: -0.2em 0 0; }
.mini-popup.expenses-tab li:nth-child(3) {
width: 16px !important;
margin-left: 0.1em;
}
.selectedfilename { float:left; width:7em; cursor:pointer; overflow:hidden; text-overflow:ellipsis; text-align:left; white-space:nowrap; padding: 0.3em 0 0; }
.expenses-tab li:last-child { margin:0.2em 0 0 0.3em !important; float:left !important; }
.sheettopspce    { position: relative !important; top:0 !important; }
#CreateTimeSheet { transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out; float: left; }
#Timeline.tophide {top:42px !important; }
#CreateTimeSheet.tophide { top: 0px; }
#CreateTimeSheet .leftnav-btn, #CreateTimeSheet .leftnav-btn span { right:auto !important; left:9.2em !important;}
#Timeline .leftnav-btn, #Timeline .leftnav-btn a { right:auto !important; left:7em !important;}
.summary-bar-desktop { margin: 2.2em 0 0; }
#CreateTimeSheet .summary-bar-desktop {  margin: 2em 0 0; }
.g-top-section ul li:nth-child(4) span { padding-right:0.5em; }
.g-top-section ul li:nth-child(4) span input[type="checkbox"] { top:0.2em; position:relative; }
.main-content .search-bar { float: left;  position: relative;  width: 100%; }
.search-bar input.popup_icon { top: 4px !important; }
th, td {
padding: 0.3em 0.6em;
text-align: left;
position: relative;
}

.validate-error { display: block; }
#CreateTimeSheet .g-data-section { margin-bottom: 4em; margin-top: 2em; }
.main-content select:focus, .main-content img:focus, .main-content input[type="button"]:focus, .main-content button:focus, 
.main-content select:focus, .main-content img:focus, .main-content input[type="button"]:focus, .main-content button:focus  { border: 1px solid #79BBDD !important; box-shadow: 0 0 3px #79BBDD !important; }
.popup_wrapper input:focus, .popup_wrapper select:focus, .popup_wrapper img:focus, .popup_wrapper input[type="button"]:focus, .popup_wrapper button:focus { border: 1px solid #79BBDD !important; box-shadow: 0 0 3px #79BBDD !important; }
.zoomIn, .zoomMax
{
    background: url("../images/css-sprite.png") no-repeat scroll -590px 1px rgba(0, 0, 0, 0) !important;
}
.zoomOut, .zoomMin
{
    background: url("../images/css-sprite.png") no-repeat scroll -616px 1px rgba(0, 0, 0, 0) !important;
}
.x-box-inner table td
{
    padding:0 !important;
}

.sch-header-row.sch-header-row-middle thead { color:inherit; } 
.sch-header-row.sch-header-row-top > thead {
    color: inherit;
}
.x-grid-cell-inner.x-grid-cell-inner-action-col .delete
{
    background: url("../images/deleted-line.png") no-repeat scroll center center rgba(0, 0, 0, 0) !important
}
.x-table-layout-cell
{
    border-right:1px solid #D8D8D8 !important;
    border-left: 1px solid #FFFFFF !important;
}
.x-table-layout-cell:last-child
{
    border-right:none !important;
}
.x-table-layout-cell:first-child
{
    border-left:none !important;
}
.x-table-layout-cell:first-child span.x-btn-inner.x-btn-inner-center, .x-table-layout-cell:nth-child(2) span.x-btn-inner.x-btn-inner-center
{
    text-indent:-9999px;
}
.sch-event
{
    border-radius:2px !important;
}
.x-btn-group-default-framed
{
    background-color: #F5F5F5 !important;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6) !important;
    background-repeat: repeat-x !important;
}
.x-btn-group-default-framed a:hover, .x-btn-default-toolbar-medium-over, .x-btn-default-toolbar-medium-over:after  {
background-color: #DAAF74 !important; color: #FFFFFF !important; background-image:none !important; border:1px solid #DAAF74 !important; }
..x-btn-default-toolbar-medium { border-radius:0 !important; }
.x-toolbar-default
{
    background:#fff !important;
}
.x-column-header, .sch-column-header, .x-grid-header-ct 
{
    background: #d4e4ef !important; /* Old browsers */
    background: -moz-linear-gradient(top, #d4e4ef 0%, #86aecc 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4e4ef), color-stop(100%,#86aecc)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d4e4ef 0%,#86aecc 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d4e4ef 0%,#86aecc 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d4e4ef 0%,#86aecc 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #d4e4ef 0%,#86aecc 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#86aecc',GradientType=0 ) !important; /* IE6-9 */
}
.sch-column-header { border-right: 1px solid #69828d !important; }
.staffscheduler .sch-schedulerview td { border-right:none !important; }
.sch-resourcezone.sch-timespangroup-ext-gen1066.optimal { background-color:#ccc !important; }

#Timeline .expand-nav { margin-left: 3em; }
#Timeline .main-content-inner { width: 98%; margin-left: 0; top:18px; }
.x-body { font-family: arial !important; }
.x-panel.x-panel-default.x-border-box { float: left; }
#Timeline .main-content { font-size: 0.9em; }

.x-toolbar.x-docked.x-toolbar-default.x-docked-top.x-toolbar-docked-top.x-toolbar-default-docked-top.x-box-layout-ct,
.x-panel.sch-schedulerpanel.sch-timelinepanel.sch-horizontal.x-grid-with-row-lines.x-grid-locked.x-border-item.x-box-item.x-panel-default.x-grid,
.x-panel-body.x-panel-body-default.x-border-layout-ct.x-panel-body-default.x-docked-noborder-top.x-docked-noborder-right.x-docked-noborder-bottom.x-docked-noborder-left,
.x-panel.x-panel-default.x-border-box { background:rgba(0, 0, 0, 0) !important; }

#timeline-container { position: relative; top: -20px; z-index: 0; }
.g-top-section ul{ z-index:1; position: relative; padding:0 !important; }
.x-resizable-handle-east { width:1px !important; }
.x-panel-default { padding-left:0.1em !important; }

.main-content .g-top-section .t-timepicker,.main-content .g-top-section .t-datetimepicker,.main-content .g-top-section .t-datepicker
{
    width:16.6em;
}
.main-content .ts-data-table.planner-create .t-timepicker, .main-content .ts-data-table .t-datepicker, .main-content .ts-data-table.planner-create .t-datetimepicker,.main-content .ts-data-table.planner-create .t-datepicker
{
    width:11.3em;
} 
.sch-simple-timeaxis .sch-simple-timeheader { color: #000 !important; }
.x-grid-group-title span {
    border-right: 1px solid #CCCCCC;
    padding: 1em 0.4em 0.5em;
}

.x-grid-group-hd.x-grid-group-hd-collapsible
{
	background-color:#F0F0F0;
}
.gm-login-content.crew-section .gm-login-title {   margin: 0 0 0.8em; }

.gm-login-details .t-header        { background:rgba(0, 0, 0, 0) !important; }     
.gm-login-details .t-combobox      { width: 100%; background:rgba(0, 0, 0, 0) !important;  margin: 0 0 1.4em; }
.gm-login-details .t-dropdown-wrap { border:1px solid #ccc; color:#999; border-radius: 4px; padding:0 !important;  width: 99%; margin: 0;
                                    background: -moz-linear-gradient(top,  rgba(209,209,209,0.65) 0%, rgba(180,180,180,0) 14%, rgba(0,0,0,0) 100%); /* FF3.6+ */
                                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(209,209,209,0.65)), 
                                    color-stop(14%,rgba(180,180,180,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
                                    background: -webkit-linear-gradient(top,  rgba(209,209,209,0.65) 0%,rgba(180,180,180,0) 14%,rgba(0,0,0,0) 100%) repeat scroll 0 0 #FFFFFF; 
                                    background: -o-linear-gradient(top,  rgba(209,209,209,0.65) 0%,rgba(180,180,180,0) 14%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
                                    background: -ms-linear-gradient(top,  rgba(209,209,209,0.65) 0%,rgba(180,180,180,0) 14%,rgba(0,0,0,0) 100%); /* IE10+ */
                                    background: linear-gradient(to bottom,  rgba(209,209,209,0.65) 0%,rgba(180,180,180,0) 14%,rgba(0,0,0,0) 100%) repeat scroll 0 0 #FFFFFF; /* W3C */
                                    }
 .gm-login-details .t-dropdown-wrap input[type="text"]  { border: medium none !important;  box-shadow: none !important;  margin: 0;  width: 87%; border-radius:3px; }
 .gm-login-details .t-dropdown-wrap .t-icon { margin: 11px 5px; }
 .gm-login-details .t-dropdown-wrap .t-select { height:auto; }
 .gm-details select { width:99.9%; }

 /* Height is creatinfg a problem. Hence overwriting the same. has to be removed once the code is merged*/
 /*#CreateTimeSheet .g-top-section li { height:auto; }*/
 
 .timeline-top-header-section   { background: none repeat scroll 0 0 #E8F2FC; border-bottom: 1px solid #D5D5D5;  float: left; padding: 0 1%;  width: 96.9%; }
 .timeline-top-header-section   { border: 1px solid #D5D5D5; border-left: none; }
.timeline-close
{    
    position: absolute;
    right: 18px;
    box-sizing: border-box;
    padding: 7px;
}
 .timeline-close a 
 {
    background: url(../Images/css-sprite.png) no-repeat scroll 22px -5px rgba(0, 0, 0, 0);
    border: medium none;
    float: right;
    height: 35px;
    opacity: 0.8;
    text-indent: -99999px;
    width: 42px;
    background-size: 1300px 1100px;
 }
 #affiliated_companies {
    float: none;
    padding: 0;
    width: auto;
    margin: 1.4em 0 0;
}
#gm-login-container table { border-collapse: collapse; border-spacing: 0; }
.g-top-button-section { padding: 0.1em 2em 0 0 !important; } /**increased padding to give space for expand/collapse button of header section***/
.title-bar li.gm-close {right: 2em !important; width:10%; } /**increased right side space to give space for expand/collapse button of header section***/


#Timeline .g-top-section { width:50%; height:47px; margin-top: -1.5em; }
#select-level { min-width: 105px; }
.ts-data-table, .pricing-info-table { font-size: 0.8em !important; }

.mini-popup.expenses-tab { margin-top: -6px; right: 10px; }
.mini-popup { z-index:99999 !important; }
.customview .corresponding-details .g-top-section ul { float: left; width: 49%; }
.customview .corresponding-details .g-top-section ul.align_right { float:right; }
.corresponding-details .g-top-section ul li { height:auto; }
.customview .corresponding-details .g-top-section li { clear:both; width:100%; padding: 0 0 0.8em; }
.customview .corresponding-details .gm-close { right:1.5em; }
.customview .clickable-chkbox { width:100%; }
.customview .clickable-chkbox label { float:right; }

/* Fixes given for Timesheet in desktop and mobile versions */
   #CreateTimeSheet .g-top-section li { padding:0.5em 0.5em 0 0; }  
   #CreateTimeSheet .select2-choices li { padding: 0; font-size:.8em; }

   
   #CreateTimeSheet .t-picker-wrap .t-select, #CreateTimeSheet .t-dropdown-wrap .t-select { right:4px !important; background:#fff !important; }
   #CreateTimeSheet .date-time .t-picker-wrap .t-select, #CreateTimeSheet .date-time .t-dropdown-wrap .t-select  { right:6px !important; }
   .select2-container ul.select2-choices li div { width:93px !important; }
   .select2-container ul.select2-choices .select2-locked div { padding-left: 0.2em;  min-width: 40px !important; } /* changed as there was a prblem in nagendra's checkin*/
   .select2-search-choice-close { top:2px !important; }
   .status-view-label { margin-right: 1.2em !important; margin-top: 0.5em !important; }
   #CreateTimeSheet .main-content .t-select.t-header { right:22px !important; }   
   .lesser-width { width:6%; }
   .ts-data-table td.job-col { padding: 0 0 0 0.5em; }
   .time-in-out-text, #TotalDuration, #Rate { width:80% !important; }
   #CreateTimeSheet .ts-mobile-more-buttons { top: 3.4em; }
   #CreateTimeSheet .t-combobox,#CreateTimeSheet .t-dropdown,#CreateTimeSheet .t-selectbox { width:100% !important; }
   #txtBookingdesc-input{ padding:0 7% 0 2% !important; width:91% !important; }
    #txtPlannerBookingdesc-input { padding: 0 10% 0 3% !important;  width: 87% !important; }
   .titlebar-landing-page li.active { background:none !important; width:auto !important; }
   #CreateTimeSheet .titlebar-landing-page li.gm-close { right:-15px; }
   .select2-container-multi .select2-choices { min-height:24px !important; }
   .expenses_description { min-width:150px; min-height:10px; padding: 0.4em 0.5em 0; }   
   #CreateTimeSheet .titlebar-landing-page li:last-child{ display: block; }
   #CreateTimeSheet .titlebar-landing-page li#titlebar-options { display:none; }
   .ts-data-table th, .ts-data-table td {  padding: 0.4em 0.4em 0.4em 0.6em; }
   .hidden-multiple-summary { top: 5.5em; background:#fff; }
   .collapsible-row { display:block !important; }

/***************Moved from Timesheet.cshtml****************/
#CreateTimeSheet .select2-container ::-webkit-scrollbar {
    width:9px;
}

#CreateTimeSheet .select2-container ::-webkit-scrollbar-track {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.1);
}

#CreateTimeSheet .select2-container ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.4);
}

#CreateTimeSheet .select2-container ::-webkit-scrollbar-thumb:hover {
    background:rgba(0,0,0,0.4);
}

#CreateTimeSheet .select2-container ::-webkit-scrollbar-thumb:window-inactive {
    background:rgba(0,0,0,0.05);
}
#CreateTimeSheet .select2-container ul
    {
        width: 275px;
    }
    #CreateTimeSheet .select2-container ul.select2-choices li div
    {
        width: 40px;
        height: 15px;
        white-space: nowrap;
        overflow: hidden;
        margin-right: 5px;
        padding: 0.2em 0 0 1.5em;
    }
    #CreateTimeSheet .select2-container ul.select2-choices li
    {
        width: 110px;
        height: 18px;
        float: left;
    }
    #CreateTimeSheet .select2-container-multi .select2-choices
    {
        padding: 0 0.5em;
		max-height: 51px !important;
		overflow-y: scroll !important;
    }
    #CreateTimeSheet .g-top-section li.resource-popup
    {
        width:  260px;
        padding-right: 0.8em;
		clear: both;
    }
	#CreateTimeSheet .g-top-section li.resource-popup.clear-resource-popup   { clear: none; }
    #CreateTimeSheet .select2-drop
    {
        width: 201px !important;
    }
    #CreateTimeSheet .select2-search-field input[type="text"]
    {
        width: 75px !important;
        height: 13px;
        border: none;
    }
    #CreateTimeSheet .select2-search-field input[type="text"]:focus
    {
        border: none;
        outline: none;
        box-shadow: none;
    }
    #CreateTimeSheet .select2-container ul.select2-choices li.select2-search-field
    {
        height: 26px;
    }
    #CreateTimeSheet .date-time input[type="button"], #CreateTimeSheet .search-bar input[type="button"]
    {
        right: 10px;
        z-index: 99;
    }
     #CreateTimeSheet .search-bar input[type="button"]
     { right: 4px;}

    /*#CreateTimeSheet .select2-container
    {
        width: 204px !important;
    }*/
    #CreateTimeSheet .planner-create td .field-validation-error
    {
        position: absolute; display:block; width: 185px; margin-top: -6px;
    }
    #CreateTimeSheet .planner-create td .mini-popup .field-validation-error
    {
        position: relative;
    }
    #CreateTimeSheet .leftnav-btn a 
    { 
        left: 9.2em !important; 
    }
    /*#CreateTimeSheet .resource-popup .search-bar input[type="button"] { right:-52px; }*/
    .model-window-body .select2-container-multi .select2-choices { width: 100%; }
    .select2-fullwidth { width: 99% !important; }
  .select2-fullwidth .select2-choices li{margin: 3px 0 3px 5px !important; width:110px !important;}
    #CreateTimeSheet .main-content { padding: 0 !important; }
    #CreateTimeSheet .g-top-section li:last-child { width: 260px; margin: 0; }
    #CreateTimeSheet .generate-rows { margin-top: 16px; margin-left: 16px; }
    .model-window textarea { font-size:12px; }
    #CreateTimeSheet .main-content select { padding: 0.2em 0.313em; height: 26px; }
    #CreateTimeSheet .main-content input[type="text"], .gm-search input[type="text"], .select2-container-multi .select2-choices, .main-content textarea, .select2-container-multi .select2-choices .select2-search-choice { font-size:12px !important;}
    .mini-popup.approve-reject { right:10%; }
    
    #CreateTimeSheet table { border-collapse: collapse; border-spacing: 0; }
    .g-top-section li.resource-popup { margin:0 !important; }
    
    
    /***********************Moved from TimeLine.cshtml*******************************/
    #Timeline .x-body
    {
        color: inherit;
        font-size: 0.75em;
        font-family: inherit;
    }
    #Timeline .expand-nav
    {
        margin-top: -1px;
        margin-left: 5.3em;
    }
    #Timeline .main-content-inner
    {
        position: relative;
    }
    #Timeline .x-toolbar-default
    {
        border-color: transparent;
    }
    #Timeline .x-btn-default-toolbar-medium
    {
        padding: 0;
    }

    
    /***************Moved From RegisterationPersonalInfo.cshtml********************/
    .personalinfo .t-widget.t-datepicker { width:100%; }
    .personalinfo .t-widget.t-datepicker input { padding: 4.2% 2%; }
    .personalinfo .t-timepicker, .personalinfo .t-datepicker, .t-datetimepicker { display:inline-block; }

    /*********************No Records message style as requested by Rithesh********************/
    .t-grid.t-no-data  {    font-size: 11px;  color: #464646;  line-height: 22px;  margin-top: 0;  padding: 0 5px;  vertical-align: top; }
    .mastergrid_colorconfig .t-grid td, .mastergrid_site_colorconfig .t-grid td { overflow:inherit !important; }
    #lblOTP { padding:0 0 1em }
    
    #CustomMessage { width:97.8% !important; } 
    #filter_section.planner-search .search_bg { width:410px; } 
    #GroupedAlerts { margin-left:2em; }
    .welcome_middle_content.nopointer { cursor:default; }
    .welcome_middle_content { cursor:pointer; }  
    .ts-fieldset { border: 1px solid #ccc;padding-bottom: 2px; width:472px; float:left; }
    .ts-fieldset legend, .order-fieldset legend { font-size: 16px;margin-left: 13px; }
    .order-fieldset { border: 1px solid #ccc;padding-bottom: 2px;width: 290px;float: right; }
	#InvalidCustomViewName{ clear:both;float:right !important;width:80%; }
	
		#manageCustomView .delete-icon { background: url(../Images/css-sprite.png) no-repeat -541px -1px;
		float: left;
		width: 18px !important;
		height: 11px;
		text-indent: -99999px;
		cursor: pointer;
		z-index: 1;
		}
		#manageCustomView .edit-icon { background: url(../Images/css-sprite.png) no-repeat -531px -47px;
		float: left;
		width: 18px !important;
		height: 11px;
		text-indent: -99999px;
		cursor: pointer;
		z-index: 1;
		}
		
	.status-field { width: auto; float: left; padding-top: 0.8em; }
    .g-high-alert, .g-red-alert { color: #FF0000; padding-top: 0.9em; float: right; }
    .g-black-alert { color: #000; padding-top: 0.9em; float: right; }
    .g-green-alert { color: #32CD32; padding-top: 0.9em; float: right; }
	.app-rej { cursor:default !important; }
		
    #CreateTimeSheet .mini_toolbar { margin-bottom: 0.4em !important; margin-top: 1.6em !important; }
    .rotate270 {-webkit-transform:rotate(270deg) !important; }
    .panelHighlighted { background-color: #7BFFEE !important }
    .mini-popup.approve-reject li { width: 95% !important; padding: 0.3em 0 !important; font-size: 12px; }
    .mini-popup.approve-reject li a { padding: 0.1em 0 !important; width:100%; } 

    #grdRecentActivities tr td.comapnyname { display:none !important; } 
	
	.attachments { padding: 0.3em 0 0 0.5em; float: left; }
	#filter_section.send_message.message { width:540px; }
	.send_message.message  .recepient { margin-top:5px; }
	.send_message.message .recepient:first-child { margin-top:0px; }
	.send_message.message .message_email { padding-left:6px; }
	.send_message.message .message_line label{ width:85px}
	#filter_section.send_message.message .send_message_inner { width:100%; }
	
 
.accordian-arrow-icon { background: url("../Images/css-sprite.png") no-repeat scroll -490px -3px rgba(0, 0, 0, 0);  float: left; height: 15px;  left: 1px;  margin: 0 0 0 -20px;  position: relative;
    top: 7px;  width: 19px;   opacity: 0.5 }
.rotate180 { background: url("../Images/css-sprite.png") no-repeat scroll -400px -5px rgba(0, 0, 0, 0) !important; }

.orderedit_wrap_text {color: #5E5E5E;float: left;font-size: 13px;font-weight: bold;height: 30px;line-height: 30px;text-align: left;width: 88px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.ts-data-table tr td span.label-head { display:none; }
.main-content .mini-popup.expenses-tab input[type="file"] { width:23px;}
.file-wrapper .button { padding:0; width: 24px;  height: 3em; }
.file-wrapper .attach-label {float:left; padding:0.3em 0 0; position: relative; }

/*********************Fixes for fields to look like disabled in the resource screen and the crew section and the font size of the skillset fields**********************/
#txtOtpUsername, .graybox, .gm-details input.disabledinput { background: rgb(240,240,240); background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,1)), color-stop(100%,rgba(240,240,240,1))); background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(240,240,240,1) 100%); background: -o-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(240,240,240,1) 100%); 
background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(240,240,240,1) 100%); background: linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(240,240,240,1) 100%); }

.disabledinput { background: rgb(240,240,240) !important; background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,1)), color-stop(100%,rgba(240,240,240,1))) !important; background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(240,240,240,1) 100%) !important; background: -o-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(240,240,240,1) 100%) !important; 
background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(240,240,240,1) 100%) !important; background: linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(240,240,240,1) 100%) !important; }
.comments-area.cross { font-size: inherit;  }
 
/**************************************/

/****************Added fieldset in the resource page for the skill set************************/
    .resource-fieldset { border: 1px solid #CCCCCC; float: left; padding: 1em; }
    .resource-fieldset textarea { width:98%; font-size:12px; font-family:Arial; }
    .resource-fieldset legend { font-family:Arial; color:#666; font-weight:bold; }
/*******************************************/


/*.orderedit_setup3 { width: 160px !important; }*/

.auto_select_section { margin-bottom:6px; }
#divSelectedResources.events_resource_list { margin: 0 1px 0 0px; clear:none; }

/*******Landing page fixes*************/
.welcome_wish_event {width: auto;}
.welcome_label {padding-bottom: 0px;}
.welcome_checkbox_update {width: 27px; height: 23px;}
.has-js .label_check0,.has-js .label_check1,.has-js .label_check2,.has-js .label_check3,.has-js .label_check4,.has-js .label_check5 {height:26px;}
.welcome_wish_event1 { width:100%; }
.profile-textarea { height:85px; resize:none; }

@media only screen and (max-width : 1195px) {
    #filter_cont_section { width:auto; }/*******Filter section creating problem*********/
}
   
   
@media only screen and (max-width : 1223px) {
    .ts-mobile-more-buttons { top: 3.3em; }    
}

@media only screen and (max-width : 767px)   {
    .welcome_middle_container .fc-header .fc-header-right #refresh {
        display: none;
    }
    .main-content .g-top-section .t-timepicker, .main-content .g-top-section .t-datetimepicker, .main-content .g-top-section .t-datepicker { width: 99%; }
    .main-content .ts-data-table.planner-create .t-timepicker, .main-content .ts-data-table .t-datepicker, .main-content .ts-data-table.planner-create .t-datetimepicker, .main-content .ts-data-table.planner-create .t-datepicker {
    width: 100%; }
    .main-content .t-picker-wrap .t-input,.main-content .t-combobox .t-input, #timeline-container .t-picker-wrap .t-input,#timeline-container .t-combobox .t-input
    { width:100% !important; }
    #CreateTimeSheet .date-time .t-picker-wrap .t-select, #CreateTimeSheet .date-time .t-dropdown-wrap .t-select  { right:4px !important; }
    .main-content .t-combobox.t-header { width: 99%; }
    .main-content .t-dropdown-wrap.t-state-default { width:99.5%; }
    .main-content autocomplete, .main-content .t-input[type="text"], .main-content .t-input[type="password"], #timeline-container autocomplete, #timeline-container .t-input[type="text"], #timeline-container .t-input[type="password"] {
    padding: 0 1.3em 0 0.9em !important; }
    .t-combobox { overflow:visible; }
    .ts-data-table tbody td { padding: 0.8% 0.5em 0.8% 0.5em !important; }
    .g-top-button-section { float:left; width:100%; }
    .time-in-out-text, #TotalDuration, #Rate { width: 98% !important; }
    .g-top-button-section { float: right; width: 50%; } 
    #CreateTimeSheet .g-top-section { padding: 0 0 0 0.5em; }
    .ts-data-table tbody td.chkbox { padding-right:0 !important; padding-top: 0.2em !important; }
    .ts-data-table tbody td.accordian-header { padding:0 !important; }
    .mini_toolbar { margin: 0 !important; }
	
    .ts-data-table tbody td.comments-container   { position: absolute; top: 2em; width: 98.6%; }
    .accordian_header li div   {  padding: 0.1em 0 0 0.5em; font-size: 1.1em; }
    .ts-data-table tbody td.chkbox  {  margin: -3px 0 0;  padding: 0 !important; width:18px; }
    .ts-data-table tbody td.chkbox input { margin:3px 0 0; }
	 #CreateTimeSheet .g-data-section { margin-bottom: 0; margin-top: 1em; }
	 #CreateTimeSheet  .summary-bar-desktop { margin: 0.5em 0 0; }
	 #CreateTimeSheet .mini_toolbar { margin-top:0 !important; margin-bottom:0 !important  }
	.ts-data-table tbody tr { clear:both; }
	.mini-popup.rt-dt-ot, .mini-popup.time-in-out,.mini-popup.expenses-tab { display:block !important; opacity:1 !important; }
	.mini-popup.expenses-tab {  margin-top: 0;  right: auto; }
	.expenses-tab ul, .mini-popup.time-in-out ul { padding: 0 0 0.8em; float:left;  width:100%; }
	.mini-popup.time-in-out ul { padding: 0 0 0.5em; }
	.mini-popup.expenses-tab li:nth-child(3) { padding-top: 0.6em !important; }
	
	.collapsible-row.tabs { width: 100%; }
	.collapsible-row { clear: none; float: left; width: 100%; }
	.ts-data-table tbody tr.collapsed td { width: 98%; float:left; }
	.ts-data-table tbody td.align-right:before, .ts-data-table tbody td.lesser.variance.align-right:before  { text-align:left !important; float:left;  }
	.ts-data-table tbody tr.collapsed td:nth-child:before { float:left; clear:both; text-align:left; }
	.planner.view tbody td:nth-child(13):before, .planner.view tbody td:nth-child(14):before { float:left; clear:both; }
	.ts-data-table tbody td.app-rej:before, .ts-data-table tbody td.variance:before { width:100px; }
	.ts-data-table tbody td.more-details { float: left; width: auto; }
	.ts-data-table tbody td.more-details img { display:none; }
	.ts-data-table tbody tr.collapsed { float:left; width:100%; }
	#CreateTimeSheet .mini-popup.expenses-tab li:last-child { width:100px !important; padding-top:0 !important; }
	.ts-data-table tbody td.app-rej { float: left; width: 100%; position: relative; z-index: 999999; }
	.app-rej > a, .variance > a { float: left !important; margin: 0; width:auto !important; padding:0 !important; }
	.mini-popup.approve-reject { right:auto; left:20%; }
	.ts-data-table tbody td { float: left; width: 98%; }
	.ts-data-table tbody td.accordian-header { width:100%; }
	.main-content input[type="text"] { width: 97.5% !important; }
	.main-content .ts-data-table.planner-create .t-timepicker, 
	.main-content .ts-data-table .t-datepicker, .main-content .ts-data-table.planner-create .t-datetimepicker, 
	.main-content .ts-data-table.planner-create .t-datepicker { width: 99.2% !important; }
	#CreateTimeSheet .t-combobox { width:100%; }
	.time-in-out-text, #TotalDuration, #Rate { width:97.4% !important }
	
	.recepient { margin-top:5px; }
	.recepient:first-child { margin-top:0px; }
	.message_email { padding-left:6px; }
	.message_line label{ width:85px; }	

   .select2-container { width: 97% !important; }
   .g-top-section li.resource-popup span { width:100% !important; }
   .g-top-section li.resource-popup span .select2-container { width: 99.5% !important; }
   ul.accordian_header li.accordian-arrow .accordian-arrow-icon { left: -2px;  margin: 0; top: 1px;  width: 19px; }

   .ts-data-table tr td span.label-head { display:block; float:left; width:102px; font-size:12px;  text-align: left !important; }
   .file-wrapper .attach-label { display:none; }
   
   .mini-popup.expenses-tab li:nth-child(2) { width: 32% !important; }
   .ts-data-table.planner-create tbody tr td { display:none; }
   .ts-data-table.planner-create tbody tr td:first-child { display:block; }
   .ts-data-table.planner.view tbody tr td { display:none; }
   .ts-data-table.planner.view tbody tr td:first-child { display:block; }
   .ts-busy-loader { position: absolute; right: 110px; top: 5px; }
   .ts-data-table.planner.view tbody tr.collapsed td { display:block; }
   }

   @media only screen and (max-width : 709px) {
   #CreateTimeSheet .titlebar-landing-page li.sub-option.gm-close  { right: -1.7em !important; }
   .titlebar-landing-page li.sub-option.gm-close.app-rej-close { background-color: #F5F5F5; margin: 0.3em 0.4em 0.4em 0 !important; background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);  background-repeat: repeat-x;  
 							   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;   border-image: none;
                               border-radius:2px; border-style: solid;   border-width: 1px;  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);   
							   color: #333333;   cursor: pointer;  display: inline-block;
                               font-size: 1em;  line-height: normal;  padding: 0.4em 1em;  text-align: center; vertical-align: middle;  font-family: Arial; width: 3.5em !important; }
  #CreateTimeSheet .titlebar-landing-page li#titlebar-options { display:block; }
  .app-rej-close a { padding:0 !important; }
   }

   @media only screen and (max-width : 550px)    {
     .time-in-out-text, #TotalDuration, #Rate { width: 97% !important; }
   }
    @media only screen and (max-width : 444px)   
    {
        .mini-popup.expenses-tab li:nth-child(2) { width: 29% !important; }
      
       }
   @media only screen and (max-width : 430px)    {
     #CreateTimeSheet .select2-container { width: 100% !important; }
     #CreateTimeSheet .select2-container ul { width: 99%; }
     .g-top-section li.resource-popup { width: 99.5% !important; }
     .mini-popup.expenses-tab li:nth-child(2) { width: 29% !important; }
   }
    @media only screen and (max-width : 380px)  {
       .time-in-out-text, #TotalDuration, #Rate { width: 96% !important; }
   }
   
.sticky-point { clear: both;   float: left;  height: 1px;   margin:0;  width: 1px; }
.sticky-tab    { position:fixed; top: 0; z-index: 100; } 
.sticky-wrap.sticky-tab { margin: 0; width: 950px !important; }
.sticky-margin.orderedit_middle_containerleft { margin-top: 78px; }
.company_search_gird_row { cursor: pointer }
.flexbox-container { position: relative; float: right; }
.certificate-details .flexbox-container { margin-right: 1em; }
.sticky-wrap    { float:left; background:#fff; }
.clsTimeSheetLabel { width: 155px; float: left; color: #5E5E5E; padding-top: 3px; margin: 0em 1em 0.6em 0em; }
.clsTimeSheetField { float: left; }
.clsLandingwaypointdiv { height: 150px; clear:both; }
.desktop .main-content.main-content-timesheet  { margin: 0 0 0 0; } 
.comments_button.comments_btn_icon { outline: none; width: 15px; }
.resourcesearch-city{margin: 0;padding: 4px 2px 4px 6px;cursor: default;max-width: 80px;overflow: hidden;text-overflow: ellipsis;height: 14px;overflow-x: hidden;white-space: nowrap;}
.custom_view_sort_combo                 { width:120px; height:18px;   border: 1px solid #CCCCCC; margin-top:5px;   font-size:12px; color:#5E5E5E; outline:none; margin-left:2px; }
.g-button.g-button-btnheight{ height: 28px;}
.g-button.g-button-btndisable { cursor:default !important; opacity: 0.5; }
.orderedit_date.orderedit_date_optright{ margin-right: 5px; }
ul li.order_edit_more_options_disable { background: #FAFAFA !important; pointer-events : none; cursor:default;}
ul li.order_edit_more_options_disable a { color:#6E6E6E !important; }
.order_edit_more_right_arrow { color: #FFFFFF; cursor:default; float: left; font-size: 12px; text-align: left; width: 15px;}
.checkbox.Timesheetcheckbox { padding-top: 0px !important; }
@media screen and (-ms-high-contrast:active), all and (-ms-high-contrast:none)
{
.checkbox.Timesheetcheckbox { height: 21px;}
}
.r3timezone-ddl{border: 1px solid #ccc;color: #3E3E3E;float: left;font-size: 11px;font-weight: bold;height: 18px;margin: 4px 0 0 0;outline: medium none;width: 414px;}
.work_filter { float: left; width: 188px; position: absolute; background: #F2F2F2; padding: 12px; right: -50px; top: 30px; border: 1px solid #ccc; display:none;z-index:1; }
.splitwindow_errormsg{color:red;text-align:left;width:100%;padding:0 8px;font-size:1em;font-weight:normal;}
.cmpny_close_icon.t-icon.t-close:hover { opacity: 1 !important; }
#btnTimesheetSplit {background: transparent; border: medium none; color: darkgrey; height:auto !important; font-size: 12px; font-weight: bold; cursor:default; padding: 3px 8px 0 0; float:right;}
.cls-confirm-btn{float:left; width:auto !important; padding:0px 0px 0px 0px;}
.top-border{ clear:both; border-bottom:1px solid #ccc; width:98%; margin:10px 10px 0px 10px; height:1px;}
.timesheet_add_remove.timesheet_add_remove_left {margin-left: 10px;}
ul#udf_data li span.field_data {width: 117px !important;}
ul#udf_data li span.first {width: 115px !important;}
.orderedit_orderno1.detail_orderedit{width: 468px !important;}
.selected-items {border: 1px solid rgb(156, 156, 156);float: left;height: 66px;margin-left: 101px;width: 200px;}
li.TimeSheetDivDatePicker.timesheetstartdate {border-left: 1px solid gray;border-right: 1px solid gray !important;}
li.TimeSheetDivDatePicker.timesheetstartdate {border-left: 1px solid gray;border-right: 1px solid gray !important;}
ul.TimeSheetDiv2 li {float: left;list-style: none outside none;margin: 0;padding: 4px 0;width: 46.9%;}
#filter_section.splitentry_content .contact_form1 {height: auto;padding: 0px 0 10px 9px;width: 97%;}
.contact_form1 {width: 110px;float: left;height: 30px;font-size: 12px;font-weight: normal;color: #5e5e5e;text-align: right;padding-top: 3px;}
.checkbox {width: 93px;height: 20px;margin-top: 5px;line-height: 20px;}
ul.TimeSheetDiv2 li.checkbox {padding: 4px 0 0px;width: 5%;}
.checkbox.Timesheetcheckbox{padding-top:0px !important;}
#udf_data li span label, #udf_data li span.first a {float: left;margin: 0;padding: 8px 0;max-width: 115px;white-space: normal;word-wrap: break-word;}
.cmpny_fld.cmpny_fld_lebal {float: none !important; padding-left: 0px;width: 320px;}
.cmpny_lbl.cmpny_lbl_lebal {width: 70px;float: left;height: 20px;font-size: 13px;text-align: right;color: #5E5E5E;font-weight: bold;padding-right: 10px;}
.rsrc_ann_lbl.rsrc_ann_lbl_lebal {width: 87px;float: left;height: 20px;font-size: 13px;text-align: right;color: #5E5E5E;font-weight: bold;padding-right: 10px;}
.TemplateSubject-ddlist-select { width:162px;}


.email-temp-con { padding: 5px ; width: 100%;}
.email-temp-con .email-temp-gird{width: 100%;border-collapse: collapse;  border-spacing: 0;border-bottom:1px solid #a5b3c5;#FCFCFC;}
.email-temp-con .email-temp-gird thead{ border:1px solid #a5b3c5; background-color:#EBEFF3;color:#4C6078;}
.email-temp-con .email-temp-gird thead th{ border:1px solid #a5b3c5;}
.email-temp-con .email-temp-gird tbody tr:nth-child(even) { background: #F1F5FB;}
.email-temp-con .email-temp-gird tbody tr:nth-child(odd) {background: #FCFCFC; }
.email-temp-con .email-temp-gird tbody tr td {border: 1px solid #a5b3c5; border-bottom: 0; border-top: 0; }
.TemplateSubject-ddlist-select { width: 162px; float: left; margin-left: 10px;}
.contact_form5 {  text-align: left; }
.emailtemp_edit { padding-top:2px ;}

.email-template-container .t-header,.email-template-containe .t-grid-header {  background: #0359AD;}
.email-template-container .column-header .t-link {color:#fff;}
.ddlAppointmentRequest { border: 1px solid gray; color: #3E3E3E; float: left; font-size: 11px; font-weight: bold; height: 18px;  margin-top: 4px; outline: medium none; width: 162px; }


  .communicate-dropdow .select-tamp-lang   { margin: 0;padding: 0;width: 100%; display: table; }
  .communicate .communicate-dropdown ul li.select-tamp-lang-list { padding: 0; margin: 0 1em 0; width:auto;}
  .select-tamp-lang-li-label { margin: 0 .5em 0 0; font-weight: bold; }
  .communicate ul li select.select-tamp-lang-li-select {  border: 1px solid #CCC;  margin: 0; padding: 0;  width: 166px !important;}
  .certificate-crew ul.head-table,.certificate-crew ul.row-table  {
    display: table;
    table-layout: fixed;
    width: auto;
  }
  
  
  .disableElements .employee_bg,
    .disableElements .menu_strip ,
    .disableElements .middle_contener
    { 
        position: relative;
    }
    .disableElements .middle_contener:after ,
    .disableElements .employee_bg:after ,
    .disableElements .menu_strip:after 
    {
        content: "";
        width:97.5%;
        height:100%;
        position:absolute;
        left:0;
        top:0;
    }
    .disableElements .employee_bg:after,
    .disableElements .middle_contener:after 
    {
        width:100%;
    }
.orderedit_checkbox_icon {
    min-height: 1em;
}

.opentimelinefromR3
{
    position: absolute;
    z-index: 10000;
    width: 100%;
    height: auto;
    left: 0px;
    top: 112px;
}

@media only screen and (max-width: 1024px) {
    .mobileCalendar .welcome_menu_container {
        display: none;
    }

    .mobileCalendar .welcome_inner table tbody td:nth-child(2), .mobileCalendar .welcome_inner table tbody td:nth-child(3) {
        display: none;
    }
    .mobileCalendar .welcome_task_container.calendar {
        display: none;
    }
     .mobileCalendar .welcome_task_container.calendar.resource-name {
        display: block;
    }
    .mobileCalendar .opentimelinefromR3 {
        top: 68px;
    }
    
    .mobileCalendar #Timeline .g-top-section {
    width: 100%;
    position: static;
    margin-bottom: 7em;
    padding:0.2em 0.6em;
    
    }
    .mobileCalendar #filter_cont_section
    {
        display:none
    }
}
@media (max-width:1024px)
{
    thead {
        background-color: #999999;
        color: #FFFFFF;
    }
}
@media (max-width:400px){
    #filter_section.events input[type="text"] {        
        height: 18px;
        margin: 0;
        text-align: left;
        width: 100%;
        height: auto;
    }

    #filter_section.events label {      
        padding: 0;
        text-align: left;
        width: 100%;
    }
    .cal_txtarea {
        width: 100%;
        margin: 0;
    }
    #filter_section .search_paneltop {
        width: 100%;
    }
    .t-timepicker, .t-datepicker, .t-datetimepicker {
        width: 49% !important;
        height: auto !important;
    }

    #filter_section.events .field_options {
        width: 97%;
    }
    #divMyCalendarEntry .new3 {
        height: 20px;
        margin: 0;
        width: 100%;
    }
    .auto_select_section {
        margin-bottom: 6px;
        margin-left:0;
        width:100%
    }
    #filter_section.events .auto_select_section input[type="text"] {
        width: 90% !important;
    }
    #filter_section .orderedit_close_button {
        margin: 5px;
        opacity: 1;
        z-index: 999999;
        display:block;
    }
    #filter_section .orderedit_close_button:focus {
        margin: 5px;
        opacity: 1;
        z-index: 999999;
        display:block;
    }
    .fc table.fc-header, .t-window .t-header {
        background-color: #353434 !important;
    }

    
}

/**OTP Message**/
.response-message {
    display: inline-block;
    border: 1px solid #34aadc;
    padding: 12px;
    margin: 0px 0px 25px 0px;
    width: 95%;
    text-align: center;
    font-size: 13px;
    background: #34aadc;
    font-weight: bold;
    color: #ffffff;
    overflow: hidden;
    vertical-align: middle;
    box-shadow: 0 14px 22px rgba(0,0,0,0.25), 0 4px 3px rgba(0,0,0,0.22);
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}

.response-message:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: -31px;
    margin-left: -13px;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 12px solid #404142;
    vertical-align: middle;
    position: absolute;
}

@media only screen and (max-width: 468px){
     .response-message {
        width: 90%;
    }
    .response-message:after {
        margin-top: -47px;
        border-top: 30px solid transparent;
        border-bottom: 30px solid transparent;
    }
}
.resource_content div {
    clear: both;
    padding: 0 0 4px 0;
}

.welcome_task_container.calendar.resource-name {
    border-bottom: none!important;
    background:#999999; 
    height:auto;
    width: 97.1%;
    margin-left: 8px !important;
    align-items: center;
    max-height: 40px;
    overflow:auto;
}
.welcome_task_container.calendar.resource-name span{
   display:inline-block;
   width:96%;
   max-width:96%;
   color:#ffffff;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   padding: 10px 0 10px 0; 
}
@media only screen and (max-width:1024px) {
    .welcome_task_container.calendar.resource-name span:hover {
         overflow: visible;
         white-space: normal;
    }
}
.welcome_task_container.calendar.resource-name + #divCalSettHeader .welcome_task_container {
    border-bottom: none!important;  
    height: initial;
    color:#ffffff;
}
.welcome_task_container.calendar.resource-name + #divCalSettHeader + .fc {
    margin-top: 1px;
}

/*increasing order grid width ---- start */
.orderedit_menu_container1,
.orderedit_middle_container {
    width: 1062px;
}
.sticky-wrap.sticky-tab {
    width: 1062px !Important;
}
.orderedit_orderno1.detail_orderedit {
    width: 514px !important;
}
.orderedit_menu {
    width: 782px;
}
.orderedit_status_text1.position {
    width: 184px;
}
.orderedit_search_container {
    width: 174px;
}
.orderedit_complete2 {
    width: 152px;
}
.orderedit_complete5, 
.orderedit_resources3 {
    width: 55px;
}
.orderedit_status_text2.duration {
    margin-right: 3px;
}
.orderedit_date {
    width: 128px;
}
.orderedit_new1 {
    width: 123px;
}
.orderedit_manage_button .g-button {
    padding: 0.4em 0.85em;
}
.orderedit_status_text3.total {
    width: 50px;
}
.orderedit_timesheet .orderedit_total {
    width: 56px;
}
/*increasing order grid width ---- end */
/*  RR-702 CRB - Sanjay : Clicking the X button on calendar closes the order ---- start */
.t-window #frmResourceCalenderDelete #cal-close {
	display: none;
}
/*  RR-702 CRB - Sanjay : Clicking the X button on calendar closes the order ---- end */
#AllWindowContainers {
    position: relative;
}