/*Fixed Bootstrap 3*/
.btn{
    padding:2px 5px 2px 5px;
}


select,input
{
    padding:2px;
    height:22px;
    vertical-align:middle;
}

textarea
{
    width:100%;
}

input[type='checkbox']
{
    padding:0px;
    height:auto;
}


.dataFilter .btn
{
    padding:0px 3px 0px 3px;
}

.dataFilter .advance_search
{
    padding:0px 3px 0px 3px;
}

/**/
.tableDetail th
{
	padding:2px 2px 2px 2px;
	border:1px solid #eeeeee;	
	height:18px;
	background:#c8d4dc;
}
.tableDetail td
{
	padding:1px 2px 1px 2px;
	border:1px solid #eeeeee;	
}
.dvmenus
{
	width:200px;
	background-color:#eeeeee;
	text-align:left;
	z-index:9999!important
}
.dvitems div ul
{
	padding:2px 0px 1px 0px;
	margin:0px;
	text-align:left;
	background-color:#e7f1f7;
	/*background-image:url(../images/align_right.png);*/
	background-repeat:no-repeat;
	background-position:left top;
	list-style:none;
}
.dvitems div ul li
{
	padding:2px 0px 2px 16px;
	margin:0px;
	text-align:left;
	background-color:#ffffff;
	list-style:none;
}
.dvitems div ul li a
{
	/*color:#000000;*/
	cursor:hand;
	cursor:pointer;
}
.dvitems div ul img
{
	vertical-align:middle;
}
.mainMenu ul
{
	padding:2px 0px 2px 0px;
	margin-left:10px;
	font-weight:bold;
	display:inline;
	cursor:hand;
	cursor:pointer;
}
.mainMenu ul img
{
	vertical-align:middle;
}
.mainMenu  li
{
	display:none;
	cursor:hand;
	cursor:pointer;
}
.dvUtility
{
	border-top:2px solid #eeeeee;
	padding:5px 4px 5px 4px;
	text-align:right;
	background-color:#d9d9d9;
	border:1px solid #eeeeee;
	
}
.dvUtility a
{
	padding:3px 5px 3px 15px;
	background-image:url(../images/arrow_state_grey_right.png);
	background-repeat:no-repeat;
	background-position:left center;
}
.dvUtility a:hover
{
	padding:3px 5px 3px 15px;
	background-image:url(../images/arrow_state_blue_right.png);
	background-repeat:no-repeat;
	background-position:left center;
}

/*Css Pagging style*/
a.paginate_button,
a.paginate_active
{
    border: 1px solid #cccccc;
	padding:3px 5px 3px 5px;
	background-color: #ffffff;
	margin:0px 1px 0px 1px;
	cursor:pointer;
}
a.paginate_active
{
    color:#ffffff;
	background-color: #007ed2;
	border: 1px solid #007ed2;
}
a.paginate_button:hover,a.paginate_button:link,a.paginate_button:visited,a.paginate_button:active {
	color:#ffffff;
	background-color: #007ed2;
	border: 1px solid #007ed2;
	/*padding:1px 3px 1px 3px;*/
	text-decoration: none;
	margin:0px 1px 0px 1px;
	cursor:pointer;
}
a.paginate_button_disabled,a.paginate_button_disabled:link,a.paginate_button_disabled:visited,a.paginate_button_disabled:active  {
	color:#000000;
	border: 1px solid #cccccc;
	background-color: #eee;
    text-decoration: none;
    cursor:hand;
    cursor:pointer;
    margin:0px 1px 0px 1px;
}
a.paginate_button_disabled:hover {
    color:#000000;
    border: 1px solid #cccccc;
	background-color: #eee;
    text-decoration: none;
    cursor:hand;
    cursor:pointer;
    margin:0px 1px 0px 1px;
}
input.NumBox_Link_off {
	margin-left:2px;
	margin-right:2px;
}

/*For DataTables >= 1.10.0*/
.dataTables_paginate .current
{
    color:#ffffff;
	background-color: #007ed2;
	border: 1px solid #007ed2;
}
/*Css Comment*/
.comment
{
	background:url(../images/comment.gif) no-repeat right top;
	cursor:hand;
	cursor:pointer;
}

/*Class Status Message*/
.statusCAN
{
	/*color:red;*/
	background-color:#febfcf;
}
.statusERR
{
	/*color:red;*/
	background-color:#febfcf;
}
.statusREJ
{
	/*color:red;*/
	background-color:#bffafe;
}
.statusDON
{
	 background-color:#d7f9dd;
}
.statusSUC
{
	 background-color:#d7f9dd;
}
.statusPEN
{
	 background-color:#f9e3c0;
}
.statusPRO
{
	background-color:#c8d4dc;
}

/*Css System Meaasge*/
.classerror div
{
	background-color:#fad0d0;
	border-top:2px solid #e38787;
}
.classsuccessful div
{
	background-color:#ecfbe7;
	border-top:2px solid #aacf9e;
}
.classinformation div
{
	background-color:#fbfbd9;
	border-top:2px solid #dadba5;
}

/*Gridview Nodata CssClass*/
.nodata
{
	font-weight:bold;
	color:#ffffff;
}
td.nodata 
{
	 background-color:#fad0d0;
	 text-align:center;
}

/*#dvDropDownTimePicker*/
#dvDropDownTimePicker
{
	background-color:#bbcbde;
	border:1px solid #8b939e;
	padding:3px 2px 3px 2px;
}
#dvDropDownNumericPicker
{
	background-color:#bbcbde;
	border:1px solid #8b939e;
	padding:3px 2px 3px 2px;
}


/*Button cssClass*/
.btnedit
{
	background:url(../images/edit.png);
	background-position:4px center;
	background-repeat:no-repeat;
	/*border:1px solid #d9d9d9;*/
	padding:2px 4px 2px 25px;
}

.btndelete
{
	background:url(../images/delete.gif);
	background-position:4px center;
	background-repeat:no-repeat;
	/*border:1px solid #d9d9d9;*/
	padding:2px 4px 2px 25px;
}

.btnclass
{
	border:1px solid #d9d9d9;
	padding:2px 4px 2px 4px;
}
.btnnext
{
	background:url(../images/blue_right.png);
	background-position:4px center;
	background-repeat:no-repeat;
	border:1px solid #d9d9d9;
	padding:2px 4px 2px 25px;
}
.btnback
{
	background:url(../images/blue_left.png);
	background-position:4px center;
	background-repeat:no-repeat;
	border:1px solid #d9d9d9;
	padding:2px 4px 2px 25px;
}
.btnsave
{
	background:url(../images/accept_green.png);
	background-position:4px center;
	background-repeat:no-repeat;
	border:1px solid #d9d9d9;
	padding:2px 4px 2px 25px;
	cursor:pointer;
}
.btnclose
{
	background:url(../images/delete.gif);
	background-position:4px center;
	background-repeat:no-repeat;
	border:1px solid #d9d9d9;
	padding:2px 4px 2px 25px;
}
.btnsearch
{
	background:url(../images/search.gif);
	background-position:4px center;
	background-repeat:no-repeat;
	/*-border:1px solid #d9d9d9;*/
	padding:5px 4px 5px 30px;
	cursor:pointer;
}

.btnexcel
{
	background:url(../images/excel.png);
	background-position:4px center;
	background-repeat:no-repeat;
	/*-border:1px solid #d9d9d9;*/
	padding:5px 4px 5px 25px;
}
.btnclock
{
	background:url(../images/alarm.png);
	background-position:4px center;
	background-repeat:no-repeat;
	border:1px solid #d9d9d9;
	padding:2px 4px 2px 22px;
	background-color:#e5f8d3;
}

.info
{
	background:url(../images/info.png);
	padding:2px 16px 2px 2px;
	background-repeat:no-repeat;
	background-position:right center;
	cursor:hand;
	cursor:pointer;
}

.note
{
	background:url(../images/note.png);
	padding:2px 2px 2px 2px;
	background-repeat:no-repeat;
	width:20px;
	cursor:hand;
	cursor:pointer;
}

.ajax-loading
{
	background:url(../images/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	display:inline-block;
	width:16px;
	height:16px;
}

/*Req Info*/
/*TR Header*/
.trHeader
{
	background-image:url(../images/header_bg.gif); 
	background-repeat:repeat-x;
	height:25px;
}

/*Objec On/Out Focus*/
.ObjOnFocus
{
	background-color:#fffcd8;
	border:1px solid #fde802;
}
/*Footer*/

/* Match Time Stamp*/
.cssLate
{
	color:#ffffff;
	font-weight:bold;
	background-color:#f9ca87;
}
.cssAbsence
{
	color:#ffffff;
	font-weight:bold;
	background-color:#ec8ea6;
}

#tblHeader
{
    /*background-image:url(../images/menu-bg.png);*/
    clear:both;
    background: none repeat scroll 0% 0% #3A4450;
    background-color: #3A4450;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    line-height:30px;
    height:30px;
    color:#fff;
    vertical-align:middle;
}

#tblHeader h1 {
  position: relative;
  height: 30px;
  margin: 0;
  top: 6px;
  font-size: 18px;
  font-weight:bold;
}

#tblHeader h1 span.header_c_name
{
    /*font-family:'Segoe UI',Optima,'Helvetica Neue',Helvetica,Arial,sans-serif;*/
    font-family:'Cuprum';
}

#tblHeader h1 span.header_c_text {
  font-size: 11px;
  font-weight: normal;
}

#tblHeader a
{
    color:#fff;
    font-weight:bold;
}

#tblHeader a .fa
{
    /*color:#fff;
    font-weight:bold;*/
}

.popover
{
    color:#000;
}

#top_nav
{
    /*text-align:right;*/
}

#top_nav ul
{
    /*margin: 0;*/
    /*padding: 0;*/
    list-style-type: none;
    /*text-align:right;*/
}

#top_nav ul li { display: inline; }

#top_nav ul li a
{
    text-decoration: none;
    /*padding: .2em 1em;*/
}

#top_nav ul li a:hover
{
    color:#ddd;
    text-decoration:underline;
}

#top_nav .dropdown .dropdown-menu a, .caret
{
    color:#000;
    text-align:left;
}

#top_nav a span.caret
{
    border-color: #fff transparent -moz-use-text-color;
}

#top_nav .popover a
{
    color:#000;
    text-align:center;
}

#top_nav .popover a .fa
{
    color:#25AAE2;
    text-align:center;
}
 
#top_nav .top-menu li
{
    /*padding:2px 6px;*/
    margin-right:5px;
}

#top_nav .top-menu li ul li a
{
     font-weight:normal;
}

#top_nav .top-menu li ul li
{
    border:0px;
    padding:0px;
    margin-right:0px;
}

#top_nav .top-menu a .fa
{
    color:#25AAE2;
}


.accept_green
{
    background-image:url(../images/accept_green.png);
    background-repeat:no-repeat;
    width:16px;
    height:14px;
    display:inline-block;
}

.cancel
{
    background-image:url(../images/cancel.png);
    background-repeat:no-repeat;
    background-position:center center;
    width:16px;
    height:14px;
    display:inline-block;
}
/*
.control-label
{
    padding-top:5px;
    padding-bottom:2px;
    display:block;
}
*/
.control-group > .control-label
{
    display:block;
}

.control-group > .controls
{
    display:block;
}

#left
{
    min-height:1000px;
}
#left ul
{
    padding-left:5px;
    list-style:none;
    text-align:left;
    cursor:pointer;
    /*line-height:30px;*/
    border-bottom:1px solid #fff;
    margin-left:0px;
    padding-bottom:8px;
}
    
#left li
{
    padding-left:20px;
    list-style:none;
    display:none;
    /*padding-bottom:5px;*/
    padding-top:5px;
}

#left li a
{
    color:rgba(94, 152, 177, 1);
    /*font-weight:bold;*/
}
    
#left li a:hover
{
    color:rgb(37, 170, 226);
    text-decoration:underline;
    /*font-weight:bold;*/
}
    
/*.mainMenuLeft li a:hover .icon-angle-right
{
    color:rgb(37, 170, 226);
    font-weight:bold;
}*/
    
#left ul li
{
    /*border-top:1px solid #fff;*/
    background-color:#e9e9e9;
}
    
#left ul li:first-child
{
    margin-top:8px;
    border-top:1px solid #fff;
}
    
#left ul img.m_left
{
    float:left;
}
       
#left ul span.m_right
{
    float:right;
    padding-right:5px;
    color:#aaa;
}
    
#left ul:hover span.m_right
{
    color:#000;
}
    
#left ul span.m_text
{
    clear:both;
    vertical-align:bottom;
    padding-left:5px;
    font-weight:bold;
}
    
#left div.subnav
{
    text-align:left;
    padding-left:5px; 
    line-height:25px;       
}
    
  
.blue i
{
    color:rgb(37, 170, 226);
}  

@media (max-width: 800px) {
  #left
  {
      min-height:0px;
  }
  .topmenutabs
  {
      display:none;
  }
}

.selectedValue
{
    padding:2px 5px 2px 5px;
    border:1px solid #eee;
    margin-right:5px;
}

.finder-top
{
    text-align:center;
    padding:5px;
}
.finder-selected
{
    display:none;
}

/*dataTable*/
/*
.toolbar
{
    height:25px;
    padding-top:50px;
    text-align:left;
    padding-left:0px;
}
*/
.toolbar .control
{
    clear:both;
    text-align:center;
    padding-bottom:10px;
}
    
.ColVis
{
    padding-top:3px;
    float:left;
}
    
.ColVis .ColVis_Button span
{
    float:left;
    text-align:left;
}
    
.TableTools_Button span
{
    text-align:left;
    float:left;
}
    
.dataTables_length
{
    width:250px;
}
.dataTables_length select
{
    width:auto;
}
    
.dataTables_wrapper .dataTables_length
{
    float:left;
}

.dataTables_wrapper table tbody td
{
    vertical-align:middle;
}

.dataTables_wrapper .update
{
    /*padding:0px 5px 3px 5px;*/
    /*display:none;*/
}

.dataTables_wrapper .cb-select
{
    margin-top:0px;
}
    
.dataTables_wrapper div.dataTables_scrollHead
{
    min-height:28px;
}

.dataTables_wrapper div.dataTables_paginate
{
    text-align:right;
}

.box-title
{
    /*padding:10px;*/
}
.box-title h5
{
    float:left;
}
.box-title .actions
{
    float:right;
    padding-top:6px;
}
.box-content
{
    clear:both;
    padding-top:10px;
}

/**/
/*
.quick_seach
{
    float:left;
}
._filters_container
{
    padding-left:0px;
    margin-left:0px;
}
._filters_container li
{
    list-style:none;
    line-height:22px;
}    
._filters_container li.selected
{
background-color:#ccc;
}
*/
.saved_filter_container
{
    /*display:inline-block;*/
    display:none;
}

.row-header
{
    background-color:#eeeeee;
    border-bottom:1px solid #ffffff;
    padding:5px;height:20px;
}
.underline
{
    text-decoration:underline;
}
.classtable
{
    width:100%;
}
.classtable tbody tr th
{
    background-color: rgb(227, 234, 235); 
    padding:4px;
}
.classtable tbody tr td
{
    padding:4px;
}
._filters_container
{
    list-style:none;
}



/*tooltip*/
.tooltip {
  z-index: 99999;
}

.tooltip .tooltip-inner {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.flot-tooltip {
  position: absolute;
  display: none;
  background: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  color: #fff;
  padding: 5px;
}

.flot-tooltip .tooltip-arrow {
  position: absolute;
  border-color: transparent;
  border-style: solid;
  margin-left: -5px;
  bottom: -5px;
  left: 15px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}

.badge-overdue
{
    background-image: linear-gradient(to bottom, rgb(238, 95, 91), rgb(189, 54, 47));
}

.badge-inprocess
{
    background-image: linear-gradient(to bottom, rgb(251, 180, 80), rgb(248, 148, 6));
}

.badge-success
{
    background-image: linear-gradient(to bottom, rgb(98, 196, 98), rgb(81, 163, 81));
}

.badge-info
{
    background-image: linear-gradient(to bottom, rgb(91, 192, 222), rgb(47, 150, 180));
}


/*Status*/
.status-proxy
{
    text-align:center;
}
.status-proxy-assigned
{
    
}
.status-proxy-veryhigh
{
    color:#fff;
    background-color:rgb(189, 54, 47);
}
.status-proxy-closed
{
    color:#fff;
    background-color:rgb(81, 163, 81);
}

/*overide bootstrap*/
.panel-heading
{
    padding:5px 10px;    
}
.panel-title
{
    font-size:15px;
}

.recent-conversations
{
    border:1px solid #eee;
    margin-top:2px;
    vertical-align:middle;
    padding-top:5px;
}

/*
input[type="radio"], input[type="checkbox"]
{
    margin:0px;
}
input[type="checkbox"], input[type="radio"]
{
    height:0px;
}
*/
h5
{
    text-transform:capitalize;
    font-weight:bold;
}


/*CKEditor Style Sheet*/
._filters_container
{
    padding-left:5px;
    padding-right:8px;
}

._filters_container li
{
    padding:5px;
    list-style:none;
    border-bottom:1px solid #ddd;
    background-color:#efefef;
}

._filters_container li ul li
{
    background-color:#e9e9e9;
}

._filters_container li ul li ul li
{
    background-color:#e3e3e3;
}

._filters_container li ul li ul li ul li
{
    background-color:#dfdfdf;
}

._filters_container .selected
{
    font-weight:bold;
}

.nav .badge
{
    padding: 0px 4px;
}

.followed
{
    color:Green;
}

.badge-uat {
    background-image: linear-gradient(to bottom, rgba(178, 192, 251, 1), rgba(46, 75, 203, 1));
}

.badge-final-review {
    background-image: linear-gradient(to bottom, #6D89EC, rgba(16, 11, 216, 1));
}

.badge-waiting-close {
    background-image: linear-gradient(to bottom, rgba(41, 113, 207, 1), rgba(23, 3, 215, 1))
}

.label-uat {
    background-image: linear-gradient(to bottom, rgba(178, 192, 251, 1), rgba(46, 75, 203, 1));
}

.label-final-review {
    background-image: linear-gradient(to bottom, #6D89EC, rgba(16, 11, 216, 1));
}

.label-waiting-close {
    background-image: linear-gradient(to bottom, rgba(41, 113, 207, 1), rgba(23, 3, 215, 1))
}

/*flex-field-label*/
.flex-field-label
{
    min-width:100px;
}

input, select, textarea
{
    border: 1px solid #CCC;
}

/*jQuery UI*/
.ui-widget
{
    font-size:1em;
}

.stats-overview .active i.fa
{
    color:Green;
}

.loading-indicator
{
    background-image:url(images/loading.gif);
    display:inline-block;
    width:50px;
    height:50px;
}

div.dataTables_scrollBody tbody tr td.overflow-hide
{
    text-overflow: ellipsis;
    overflow:hidden;
    white-space:nowrap;
}

div.dataTables_scrollBody tbody tr td.col-max-width-350 {
    max-width:350px;
}