/* Font Face CSS Start*/

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-Semibold.eot');
	src: url('fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
		url('fonts/OpenSans-Semibold.woff2') format('woff2'),
		url('fonts/OpenSans-Semibold.woff') format('woff'),
		url('fonts/OpenSans-Semibold.ttf') format('truetype'),
		url('fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-Bold.eot');
	src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/OpenSans-Bold.woff2') format('woff2'),
		url('fonts/OpenSans-Bold.woff') format('woff'),
		url('fonts/OpenSans-Bold.ttf') format('truetype'),
		url('fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans.eot');
	src: url('fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
		url('fonts/OpenSans.woff2') format('woff2'),
		url('fonts/OpenSans.woff') format('woff'),
		url('fonts/OpenSans.ttf') format('truetype'),
		url('fonts/OpenSans.svg#OpenSans') format('svg');
	font-weight: normal;
	font-style: normal;
}
 
 /* Font Face CSS End*/
 
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */

/* This stylesheet generated by Transfonter (http://transfonter.org) on July 12, 2016 11:17 AM */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
  padding:0px !important;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */

template, /* 1 */
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/* Forms
   ========================================================================== */

/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */

optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}



/******* Custom CheckBox and radio Button Class*****/

/* Base for label styling */

.custom [type="checkbox"]:not(:checked),
.custom [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}


.custom  [type="checkbox"]:checked + label {
	cursor: pointer;
    padding-left: 34px;
    padding-top: 5px;
    position: relative;
	color:#1274b8;
	font-size:16px;
	font-weight: 600 !important;
}


.custom  [type="checkbox"]:not(:checked) + label{
	cursor: pointer;
    padding-left: 34px;
    padding-top: 5px;
    position: relative;
	color:#242424;
	font-size:16px;
	font-weight: 600 !important;
}

/* checkbox aspect */

.custom  [type="checkbox"]:not(:checked) + label:before,
 .custom  [type="checkbox"]:checked + label:before {
   background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #1274B8;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset;
    content: "";
    height: 27px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 27px;
}


/* checked mark aspect */

.custom  [type="checkbox"]:not(:checked) + label:after,
.custom [type="checkbox"]:checked + label:after {
    color: #1274B8 !important;
    content: "\2714";
    font-size: 21px;
    left: 4px;
    line-height: 0.8;
    position: absolute;
    top: 6px;
    transition: all 0.2s ease 0s;
	/*background:url("../images/check.png") left top no-repeat #1274B8;*/
}


/* checked mark aspect changes */

.custom  [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.custom  [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}


/* disabled checkbox */

.custom  [type="checkbox"]:disabled:not(:checked) + label:before,
.custom  [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}

.custom  [type="checkbox"]:disabled:checked + label:after {
  color: #999 !important;
}

.custom  [type="checkbox"]:disabled + label {
  color: #aaa;
}


/* accessibility */

.custom  [type="checkbox"]:checked:focus + label:before,
.custom  [type="checkbox"]:not(:checked):focus + label:before {
  border: 2px solid #1274B8;
}



/* hover style just for information */

label:hover:before {
  border: 2px solid #1274B8!important;
  box-shadow:none;
}

/**************** Bootstrap Changes Class************/
.btn{ border-radius:2px !important; padding:6px 18px;     transition: all 0.3s ease-in-out;}
button.close{ width:30px;}
.btn.btn-primary{ background:#217dbc; font-weight:600;}

.btn.btn-primary:hover { background:#1969a0; border-color:#1969a0;}
.btn.btn-primary:focus{ outline:0px;  border-color:#1969a0;}
.has-error .form-control{border-color: #a94442 !important;}
.btn.btn-primary.btn-cancel{ background:#edecec; border:1px solid #cccccc; font-size:14px; font-weight:600; color:#242424;}
.btn.btn-primary.btn-cancel:hover{ background:#dfdfdf;}

.btn.btn-primary.cancel{ background:#b3b3b3;}

/**************** Padding General Class************/
.mr_top_none{ margin-top:0px !important;}
.mr_btm_none{ margin-bottom:0px;}
.pd_lf_none{ padding-left:0px; padding-right:0px;}
.padding_none{ padding:0px;}
.pad_10{ padding:10px ;}
.clr_both{ clear:both;}
.margin_none{ margin:0px;}
.pd_top_none{ padding-top:0px;}
.pos_rel{ position:relative;}
.show_none{ box-shadow:none !important;}
.bdr-none{ border:0px !important;}
.pd_15px{ padding:15px !important;}
.pd_10_top_btm{ padding-top:10px; padding-bottom:10px;}
.pd_left_15px{ padding-left:15px;}
.padding_top_10_btm_5px{padding-top:10px; padding-bottom:5px;}
.float_r{ float:right;}
.float_l{ float:left;}
.float_n{ float:none;}
.mar-top-10{ margin-top:10px;}
.mar-left-10{ margin-left: 10px;}
.mar-right-10{ margin-right: 10px;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #d1caca !important;
    opacity: 1;
	
}
.form-group .multi_check{ display:block; float:left; width:100%;}

body{ background:#e3e5ea; font-family: 'Open Sans',Arial, serif; font-weight: 400; color:#242424;}
header{ width:100%; float:left; background:#fff; border-top: 4px solid #f28a44; position: relative;    z-index:1020;}
label{ font-size:13px; font-weight:600;}
.db{ display:block;}
.logo
{ 
	margin-top:18px; 
	margin-bottom:18px;
}
.left_section
{ 
	background:#fff; 
	border-bottom:1px solid #adaeb2; 
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.21); 
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.21); 
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.21);
	position:relative;
	z-index:1005;
 }
  
 .actions{ width:auto; float:right;}
 .actions ul{ margin:0px; padding:0px; list-style:none;}
 .actions ul li{  padding:0px; float:right;}
 .actions ul li a{ outline:0px; text-decoration:none; padding:12px 12px; border-left:1px solid #dbdbdb; position:relative; float:left; transition: all 0.3s ease-in-out;}
 .actions ul li a .title{ display:block; font-size:12px; font-weight:600; color:#242424; transition: all 0.3s ease-in-out;}
 .actions ul li a .notify{ transition: all 0.3s ease-in-out; padding:0px; border-radius:50%; font-size:10px; font-weight:700; top:2px; color:#fff; background:#f28a44;width:30px; height:30px; line-height:24px; text-align:center; position:absolute; left:54%; border: 3px solid #FFFFFF;}
 .actions ul li a .inbound_icon{ transition: all 0.3s ease-in-out; height:30px; width:30px; display:block; margin:0 auto; background: url("../images/sprite.png") left top no-repeat;}
 .actions ul li a .comp_icon{ transition: all 0.3s ease-in-out; height:30px; width:30px; display:block; margin:0 auto; background: url("../images/sprite.png") -30px top no-repeat;}
 .actions ul li a .basket_icon{ transition: all 0.3s ease-in-out; height:30px; width:30px; display:block; margin:0 auto; background: url("../images/sprite.png") -60px top no-repeat;}
 .actions ul li a:hover{ text-decoration:none; background:#1777b9;}
 .actions ul li a:hover .title{ color:#fff;}
 .actions ul li a:hover .notify{ border-color:#1777b9;}
 .actions ul li a:hover .inbound_icon{ background-position: 0px -30px;}
 .actions ul li a:hover .comp_icon{ background-position: -30px -30px;}
 .actions ul li a:hover .basket_icon{ background-position: -60px -30px;}
 .actions ul li .profile{ width:auto !important; transition: all 0.3s ease-in-out; width:200px; border-left:1px solid #dbdbdb; float:left; transition: all 0.3s ease-in-out; width:}
 .actions ul li .profile button{ border-radius:0px !important; transition: all 0.3s ease-in-out; padding-top:13px; padding-bottom:14px; width: 100%; background:#fff; border-radius:0px;}
 .actions ul li .profile .pic{ transition: all 0.3s ease-in-out; width:42px; height:42px; float:left; background: url("../images/sprite.png") 0px -60px no-repeat;}
 .actions ul li .profile .username{ width:auto; float:left; padding-left:10px; padding-right:10px; padding-top:3px; font-size:14px; text-align:left;}
 .actions ul li .profile.open .dropdown-toggle{ background:#1777b9; }
 .actions ul li .profile.open button.dropdown-toggle{ color:#fff;}
 .actions ul li .profile button:active{ box-shadow:none;}
 .actions ul li .profile.open .pic{background: url("../images/sprite.png") 0px -102px no-repeat; }
 .actions ul li .profile:hover button{background:#1777b9; color:#fff;}
 .actions ul li .profile:hover .pic{background: url("../images/sprite.png") 0px -102px no-repeat ;}
 .actions .dropdown-menu{ padding:0px; z-index:1050;}
 .actions ul li a.dropdown-item{ width:100%; display:block; border:0px; border-top:1px solid #dbdbdb;}
 .actions ul li a.dropdown-item:hover{ color:#fff;}
 .view_profile_list{ display:none !important; border-top:0px !important;}
 .md-device{ display:none;}
 .manual_mode{ background:#f6f7f8; border-bottom: 1px solid #ADAEB2;    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.21); z-index:2;}
 .manual_mode .chck{ width:27.7%; float:left; padding:10px; border-right:1px solid #dbdbdb;}
 .manual_mode .next_item{width:70%; padding:9px; float:left;}
 .manual_mode .next_item .form-group{ margin-bottom:0px;}
 .manual_mode .next_item .select_menu{     width: 70%; max-width:260px;float: left;    font-weight: 600;    font-size: 14px;}
 .manual_mode .next_item .next_btn{ float:left; margin-left:20px;}
 .M_heading h6{ font-size:14px; color:#fff; font-weight:600; background:#217dbc; margin:0px; padding:4px 10px; display:none; }
 .notify_checked{  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.21); width:100%; float:left; position:absolute; top:-150px; z-index:1;  display:block; height:auto; background:#fff79c; font-size:12px; color:#2d2d2d; border-top:1px solid #9fa1a5;  font-weight:600; }
 .notify_checked .info_icon{ margin :10px 15px 10px;  float:left; width:20px; height:20px; background:url("../images/sprite.png") -245px top  no-repeat;}
 .notify_checked .close_icon{     transition: all 0.3s ease-in-out; position: absolute; right:15px; top:10px; width:19px; height:19px; background:url("../images/sprite.png") -267px -1px  no-repeat; border-radius:4px; border:1px solid #2d2d2d;}
 .notify_checked .close_icon:hover{ background-color:#2d2d2d; background-position: -267px -22px;}
 .notify_checked .info{ padding:10px; padding-right:40px; display:block; position:relative;}
 .notify_unchecked{  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.21); width:100%; float:left; position:absolute; top:-150px; z-index:1;  display:block; height:auto; background:#fff79c; font-size:12px; color:#2d2d2d; border-top:1px solid #9fa1a5;  font-weight:600; }
 .notify_unchecked .info_icon{ margin :10px 15px 10px;  float:left; width:20px; height:20px; background:url("../images/sprite.png") -245px top  no-repeat;}
 .notify_unchecked .close_icon{    transition: all 0.3s ease-in-out; position: absolute; right:15px; top:10px; width:19px; height:19px; background:url("../images/sprite.png") -267px -1px  no-repeat; border-radius:4px; border:1px solid #2d2d2d;}
 .notify_unchecked .close_icon:hover{ background-color:#2d2d2d; background-position: -267px -22px;}
 .notify_unchecked .info{display:block; padding:10px; position:relative;  padding-right:40px;}
 
 .menu_left{ position:relative; z-index:99999;}
 .widget_wrapper{  padding:0px; background:#fff;-webkit-box-shadow: 2px 2px 0px 0px rgba(222,222,222,1); -moz-box-shadow: 2px 2px 0px 0px rgba(222,222,222,1); box-shadow: 2px 2px 0px 0px rgba(222,222,222,1);}
 .widget_wrapper label{ font-size:10px; text-transform:uppercase; font-weight:700; margin-bottom:0px; color:#657196; display:block;}
 .widget_wrapper label + span{ font-size:16px; font-weight:600; display:block;}
 .widget_brder_right{ border-right:1px solid #babcc0}
 .pnr{ background:#f6f7f8;}
 .pnr span{ color:#217dbc !important; font-weight:700 !important; text-transform: uppercase;}
 .pnr .copy_btn{  cursor:pointer; background: url("../images/copy.png") center #217dbc no-repeat; border-radius:3px; width:22px; height:22px; float:right;}
 .pnr .copy_btn:hover{ background-color:#29658e;}
 .tooltip-inner{white-space: nowrap;}
 .task_info{ width:49%; float:left; }
 .task_info .text span{ font-size:13px !important; font-weight:600 !important;}
 .task_info .content{border-bottom: 1px solid #babcc0;    padding:10px; height:54px;}
 .task_info .content1{border-bottom: 0px solid #babcc0;    padding:10px; height:64px;}
 .task_info .packages{ padding:0px; margin:0px; float:left; list-style:none; width:100%; padding: 7px 5px;    border-bottom: 1px solid #babcc0;    height: 37px;}
 .task_info .packages li {  border-radius:5px; margin:0px 5px 0px 5px; float:left; background: url("../images/flag.png") 10px center no-repeat #fff79c; color:#585532; border:1px dashed #d5cb54; padding:2px 10px; padding-left:25px; font-weight:600; font-size:12px;}
 .task_info .scroll_view{    width: 100%;    float: left; min-height:170px;    max-height: 185px;    overflow: auto;}
 .ticket{ width:100%; float:right; }
 .ticket .heading_bar{padding: 0px;
    margin: 0px;
    float: left;
    list-style: none;
    width: 100%;
    padding: 11px 15px;
    border-bottom: 1px solid #babcc0;
    height: 37px;}
 .Ticket_heading{ display:block;}
 .ticket .scroll_view{    width: 100%;    float: left; min-height:173px;    max-height: 185px;    overflow: auto; }
 .ticket .scroll_view2{    width: 100%;    float: left; height:173px;    overflow: auto; }
 .ticket .content{ font-size:13px; font-weight:600; line-height:35px; border-bottom: 1px solid #babcc0;}
 .remarks_wrapper{ padding:10px; display:block; width:100%;}
 .remarks_wrapper .comments{ border-radius:2px; background:#e8e8e8; font-weight:600; padding:10px; padding-left:10px; padding-right:10px; display:block; clear:all; font-size:12px; line-height:16px; }
 .remarks_wrapper .date{ font-size:13px; font-weight:600;}
 .remarks_wrapper .date .user{ color:#217dbc;}
 .remark_field { position:relative; display:block; padding:7px 10px; border-top:1px solid #babcc0; clear:both;}
 .remark_field .area { resize:none;  transition: all 0.3s ease-in-out;  padding:10px; padding-right:25%; height:50px; display:block; font-size:13px; font-weight:600; border:1px solid #c6c6c6;  background-color:#f1f1f1;}
 .remark_field .area:focus{ background:#fff;  -webkit-box-shadow: inset 0px 3px 5px -1px rgba(0,0,0,0.42);-moz-box-shadow: inset 0px 3px 5px -1px rgba(0,0,0,0.42); box-shadow: inset 0px 3px 5px -1px rgba(0,0,0,0.42);}
 .remark_field .submit_btn{ transition: all 0.3s ease-in-out; position: absolute; border:0px;    right: 20px;    top: 19px; border-radius:4px;    width: 18%; background:#657196; color:#fff; font-size:13px; font-weight:600; z-index:5;}
  .remark_field .submit_btn { padding:6px; background:#657196c; color:#fff;}
  .remark_field .submit_btn:hover{background:#485272;}
  .remark_field .submit_btn:focus{ color:#fff; outline:0px;}
  .heading_bar label{ font-size:12px; font-weight:700;}
  .text_field{  transition: all 0.3s ease-in-out; font-size:13px; font-weight:600; border:1px solid #c6c6c6;  background-color:#f1f1f1;}
  .text_field:focus{ background:#fff; border:1px solid #c6c6c6; -webkit-box-shadow: inset 0px 3px 5px -1px rgba(0,0,0,0.42);-moz-box-shadow: inset 0px 3px 5px -1px rgba(0,0,0,0.42); box-shadow: inset 0px 3px 5px -1px rgba(0,0,0,0.42);}
  .text_field.white{  transition: all 0.3s ease-in-out; font-size:13px; font-weight:600; border:1px solid #c6c6c6;  background-color:#fff;}
  .text_field.white:focus{ background:#f1f1f1; border:1px solid #c6c6c6; -webkit-box-shadow: inset 0px 3px 5px -1px rgba(0,0,0,0.42);-moz-box-shadow: inset 0px 3px 5px -1px rgba(0,0,0,0.42); box-shadow: inset 0px 3px 5px -1px rgba(0,0,0,0.42);}
  .text_field.white_f{  transition: all 0.3s ease-in-out; font-size:13px; font-weight:600; border:1px solid #c6c6c6;  background-color:#fff;}
  .text_field.white_f:focus{ background:#fff; border:1px solid #c6c6c6; -webkit-box-shadow: inset 0px 3px 5px -1px rgba(0,0,0,0.42);-moz-box-shadow: inset 0px 3px 5px -1px rgba(0,0,0,0.42); box-shadow: inset 0px 3px 5px -1px rgba(0,0,0,0.42);}
    .text_field.diabled{ background:}
  .segment{ width:100%; float:left;   padding:0px; background:#fff;-webkit-box-shadow: 2px 2px 0px 0px rgba(222,222,222,1); -moz-box-shadow: 2px 2px 0px 0px rgba(222,222,222,1); box-shadow: 2px 2px 0px 0px rgba(222,222,222,1);}
  .segment .heading_bar {
    border-bottom: 1px solid #BABCC0;
    float: left;
    height: 37px;
    list-style: none outside none;
    margin: 0;
    padding: 11px 15px;
    width: 100%;
	font-weight:700;
}
.segment .heading_bar label{
	color: #657196;
    display: block;
    margin-bottom: 0;
    text-transform: uppercase;
	font-size: 12px;
    font-weight: 700;
	}
.segment .title_bar{
    
	padding:8px 5px;
    background: #657196;
    width: 100%;
    font-size: 11px;
    color: #fff;
    float: left;
    text-transform: uppercase;
    font-weight: 600;
}
.segment .title_bar td.departure {
	padding-left: 5px;
    text-align: left;
    width: 25%;
}

.segment .title_bar td.arrival {
	padding-left: 5px;
    text-align: left;
    width: 25%;
}

.segment .title_bar td.airport {
width:30%;
text-align:center;
}

.segment .title_bar td.seg {
width:20%;
text-align:center;
}
.segment .data td.departure {
width:25%;
text-align:center;
}

.segment .data td.arrival {
width:25%;
text-align:center;
}

.segment .data td.airport {
width:30%;
text-align:center;
}

.segment .data td.seg {
width:20%;
text-align:center;
border-right:0px !important;

}
.segment .data tr.row_bg{background:#eeeeee;}
.segment .scroll_view {
    float: left;
    max-height: 145px;
    min-height: 208px;
    overflow: auto;
    width: 100%;
}
.segment .scroll_view .g_text{
	border-bottom: 1px solid #BABCC0;
    border-right: 1px solid #BABCC0;
    color: #242424;
    font-size: 12px;
    font-weight: 700;
    padding-bottom: 5px;
    padding-top: 5px;}
.segment .scroll_view  label{ display:block; text-align:left; font-size:12px; color:#242424; font-weight:700;  padding-left:10px; margin-bottom:0px;}
.segment .scroll_view  span{display:block; text-align:left; font-size:12px; color:#242424; font-weight:700; padding-left:10px;}

#remarks_wrapper{width:100%;}

.my_profile.modal-body{ padding-left:0px; padding-right:0px;}
 /**************** right Section ************/

 .task_panel{width:100%; float:left;  background:#657196; border-bottom:1px solid #adaeb2; 
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.21); 
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.21); 
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.21);
	position:relative;
	z-index:999; }
 .task_panel ul{ float:left; list-style:none; padding:0px; margin:0px; width:100%;}
 .task_panel li{ position:relative;  display:block; margin:0px; border-right:1px solid  #3d4f86; width:25%; float:left;}
 .task_panel li a{     padding: 12px 0px;
    border-left: 1px solid #6e7a9f;
    position: relative;
    float: left;
    transition: all 0.3s ease-in-out;
	width:100%;
	text-align:center;
	text-decoration:none;
	
	}
 .task_panel li a .escalate{
	transition: all 0.3s ease-in-out;
    height: 30px;
    width: 30px;
    display: block;
    margin: 0 auto;
    background: url("../images/sprite.png") -90px top no-repeat;
}


 .task_panel li a .delay{
	transition: all 0.3s ease-in-out;
    height: 30px;
    width: 30px;
    display: block;
    margin: 0 auto;
    background: url("../images/sprite.png") -120px top no-repeat;
}
 .task_panel li a .paused{
	transition: all 0.3s ease-in-out;
    height: 30px;
    width: 30px;
    display: block;
    margin: 0 auto;
    background: url("../images/sprite.png") -150px top no-repeat;
}

 .task_panel li a .breaks{
	transition: all 0.3s ease-in-out;
    height: 30px;
    width: 30px;
    display: block;
    margin: 0 auto;
    background: url("../images/sprite.png") -180px top no-repeat;
}

 .task_panel li a .pauseIcon{
	transition: all 0.3s ease-in-out;
    height: 30px;
    width: 30px;
    display: block;
    margin: 0 auto;
    background: url("../images/sprite.png") -150px top no-repeat;
}
.task_panel li a.not-active {
pointer-events: none;
cursor: default;
}
.disabl_view{ display:none;}
.task_panel li a.not-active + span.disabl_view{ display:block; z-index:100; position:absolute; top:0px; left:0px; width:100%; height:100%; }
.task_panel li a:hover .breaks{  background-position: -180px -30px ;}
.task_panel li a:hover .paused{  background-position: -150px -30px ;}
.task_panel li a:hover .delay {  background-position: -120px -30px ;}
.task_panel li a:hover .escalate{  background-position: -90px -30px ;}


.task_panel li a.not-active  .breaks{  background-position: -180px -143px ;}
.task_panel li a.not-active  .pauseIcon{  background-position: -150px -143px ;}
.task_panel li a.not-active  .delay {  background-position: -120px -143px ;}
.task_panel li a.not-active  .escalate{  background-position: -90px -143px ;}
.task_panel li a.not-active:hover { color:#848dab; text-decoration:none; background:none !important;}
.task_panel li a.not-active:hover .title { color:#848dab; text-decoration:none;}


.task_panel li a .title {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #c0c8df;
    transition: all 0.3s ease-in-out;
}
.task_panel li a.not-active .title { color:#848dab;}
.task_panel li a:hover{ text-decoration:none; color:fff; background:#485272;}
.task_panel li a:hover .title { color:#fff; text-decoration:none;}
 
.timer_panel{ background:#f6f7f8; width:100%; padding:0px; float:left;  -webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.21); -moz-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.21);    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.21); }
.timer_panel ul{ padding:0px; list-style:none;}
.timer_panel ul li{ width:50%; padding:15px 0px ; float:left; border-left:1px solid #c5c6c9; border-bottom:1px solid #c5c6c9;}

.timer_panel ul li.active{ background:#fff;}
.timer_panel ul li .title{ font-size:12px; font-weight:bold; color:#657196;  display:block; text-align:center; text-transform:uppercase;} 
.timer_panel ul li .timer{ font-size:34px; font-weight:400; color:#242424;  display:block; text-align:center;} 
 .timer_panel ul li.active .timer{ color :#217dbc;}
 
 .action_panel{background:#fff; width:100%; padding:0px; float:left;  -webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.21); -moz-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.21);    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.21); }
 .action_panel .heading_box{ background:#657196; width:100%;  padding:5px 0; float:left; }
 .action_panel .heading_box .title{ text-transform:uppercase; color:#fff; font-size:12px; font-weight:bold; line-height:30px; float:left; padding-left:15px; padding-right:15px; }
 .action_panel .heading_box .selection{ padding:0 10px; background:#8899cb; border-radius:20px; line-height:22px; font-size: 12px; font-weight:600; margin-top:4px; float:left; color:#fff;}
 .action_panel .heading_box  .search_action{ width:45%; float:right; padding-right:15px;}
 .action_panel .heading_box  .search_action .text_field{ background:#485272; border:1px solid #444c68; height:30px; border-radius:4px; color:#9498a8; font-size:12px; font-weight:bold;}
 .action_panel .heading_box  .search_action .text_field:focus{ color:#fff;  -webkit-box-shadow: inset 0px 3px 5px -1px rgba(0,0,0,0.42);-moz-box-shadow: inset 0px 3px 5px -1px rgba(0,0,0,0.42); box-shadow: inset 0px 3px 5px -1px rgba(0,0,0,0.42);}
 .action_panel .box_check{ width:100%; height:331px; background:#fff; float:left; overflow:auto;}
 .action_panel .box_check .bx-wrp{width:100%; display:block; clear:both; padding:5px 15px;}
 .action_panel .comp_box{ width:100%; display:block; text-align:center; padding:10px 0px; float:left; border-top:1px solid #babcc0;}
 .action_panel .comp_box .comp_btn{ width:60%; padding-top:11px; padding-bottom:11px;}
 .action_panel .comp_box .comp_btn.disabled{ opacity:1; pointer-events: none;cursor: default;width:60%; padding-top:11px; padding-bottom:11px; background:#a6cbe4; color:#daf0ff; border:1px solid #a6cbe4;}
 
 .modal-body-set{ padding:0px;}
 .set_top_25{ top:25%; z-index:1003;}
 .model-concent-set{
    box-shadow: none !important;
    border: none;
	background: none;
}


 /**************** break Section ************/
 .modal-sm {
    width: 400px;
}
.Std_notifiy{background:#fff79c; display:block; font-size:12px; color:#242424; padding:5px 15px; clear:both; border-bottom:1px solid #c5c6c9; font-weight:600; }
.break_scroll{max-height:347px; overflow:auto; padding:0px;}
.break_sec{background:#fff; padding:10px; position:relative !important; border-right:1px solid #c5c6c9; border-bottom:1px solid #c5c6c9; display:block; text-decoration:none; transition: all 0.3s ease-in-out;}
.break_sec:focus{text-decoration:none;}
.break_sec.active{background:#007bc3;}
.break_sec.active:hover{background:#007bc3;}
.break_sec:hover{ text-decoration:none; background:#f0f1f3; }
.break_sec .bill{ position:absolute;right:10px; top:10px; background: url("../images/sprite.png") -65px -69px no-repeat;  width:25px; height:25px; }
.break_sec .break_title{ display:block; font-size:14px; font-weight:600; height:42px; color:#242424; margin-bttom:10px; text-align:center;}
.break_sec .icon{ transition: all 0.3s ease-in-out; display:block; margin-top:25px; margin-bottom:15px; margin-left:auto; margin-right:auto; width:71px; height:71px;}
.break_sec  .spl_Project_ini_icon{  background: url("../images/sprite.png") -290px top no-repeat;}
.break_sec  .spl_training_ini_icon{ background: url("../images/sprite.png") -362px top no-repeat;}
.break_sec  .meeting_icon{  background: url("../images/sprite.png") -434px top no-repeat;}
.break_sec  .coaching{  background: url("../images/sprite.png") -506px top no-repeat;}
.break_sec  .pjt_partner{ background: url("../images/sprite.png") -578px top no-repeat;}
.break_sec  .pjt_training{background: url("../images/sprite.png") -650px top no-repeat;}
.break_sec  .perform_rework{ background: url("../images/sprite.png") -722px top no-repeat;}
.break_sec  .take_break{  background: url("../images/sprite.png") -794px top no-repeat;}
.break_sec  .lunch_break{  background: url("../images/sprite.png") -866px top no-repeat;}
.break_sec  .tea_break{  background: url("../images/sprite.png") -938px top no-repeat;}
.break_sec.active .spl_Project_ini_icon{background: url("../images/sprite.png") -290px -71px no-repeat;}
.break_sec.active .spl_training_ini_icon{ background: url("../images/sprite.png") -362px -71px no-repeat;}
.break_sec.active  .meeting_icon{  background: url("../images/sprite.png") -434px -71px no-repeat;}
.break_sec.active  .coaching{  background: url("../images/sprite.png") -506px -71px no-repeat;}
.break_sec.active .pjt_partner{ background: url("../images/sprite.png") -578px -71px no-repeat;}
.break_sec.active .pjt_training{background: url("../images/sprite.png") -650px -71px no-repeat;}
.break_sec.active .perform_rework{ background: url("../images/sprite.png") -722px -71px no-repeat;}
.break_sec.active  .take_break{  background: url("../images/sprite.png") -794px -71px no-repeat;}
.break_sec.active  .lunch_break{  background: url("../images/sprite.png") -866px -71px no-repeat;}
.break_sec.active  .tea_break{  background: url("../images/sprite.png") -938px -71px no-repeat;}
.break_sec.active  .break_title{ color:#fff;}
.break_sec.active .bill{display:none;}
.break_sec.active .check{ position:absolute;right:10px; top:10px; background: url("../images/sprite.png") -93px -68px no-repeat;  width:25px; height:25px; }
.modal-footer.text-center { text-align:center !important;}
.modal-footer .btn{ padding-top:10px; padding-bottom:10px;}
.modal-footer .btn-cancel{ background:#edecec; border:1px solid #cccccc; font-size:14px; font-weight:600;}
.modal-footer .btn-cancel:hover{ background:#dfdfdf;}
.std-model .close{ color:#fff; text-shadow:none;}
.std-model .close:hover,.std-model .close:focus{ color:#fff;}
.std-model .heading{ background:#657196; border-radius: 6px 6px 0px 0px;-moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px; }
.std-model .heading h4{font-size:14px; color:#fff;font-weight:600; text-transform:uppercase;}
.std-model .modal-content{ background:none !important;}
.std-model .modal-footer{ background:#fff; border-radius:  0px 0px 6px 6px;-moz-border-radius: 0px 0px 6px 6px; -webkit-border-radius: 0px 0px 6px 6px ;}
.std-model .modal-body{font-weight:600; background:#f6f7f8;}
.std-model .modal-dialog{ margin: 20px auto !important;}
@media ( min-width:768px){
	
	#my_profile .modal-dialog {width:600px;}
	
}
.std-model .area {
    background-color: #fff;
    border: 1px solid #C6C6C6;
    display: block;
    font-size: 13px;
    font-weight: 600;
    height: 100px;
    padding: 10px 25% 10px 10px;
    resize: none;
    transition: all 0.3s ease-in-out 0s;
}
.std-model .area:focus
{
background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.42) inset;
	}


.form-group .show_error, .form-group .show_warn, .form-group  .show_sucesss{ display:none;}
.has-success .show_sucesss, .has-warning  .show_warn, .has-error .show_error{ display:block !important;}
.has-error .form-control {
    border-color: #a94442 !important;
	background-color:#fde6e6 !important;
}
.has-warning .form-control {    border-color: #8a6d3b !important; background:#fdefd9 !important;}
.has-success .form-control {border-color: #3c763d !important; background:#e1f5e2 !important;}
.std-model .heading.complete_br{ border-top:3px solid #68a6ca; background:#235b7c; border-radius:0px;}
.std-model .task_body{ background:#fff;}
.std-model .modal-footer.com_ftr{ border-radius:0px;}
.complete_task{ right:0px; position:absolute; z-index:1020; top:71px; display:none;width:600px; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);     box-shadow: 0 5px 15px rgba(0,0,0,.5); -moz-box-shadow: 0 5px 15px rgba(0,0,0,.5);}
.complete_task .com_heading {padding: 15px;     background: #657196; border-top:3px solid #68a6ca;}
.complete_task .com_heading h4{ display:block; font-size: 14px;    color: #fff;      margin: 0;    line-height: 1.42857143;  font-weight: 600;    text-transform: uppercase;}
.complete_task .com_body{width:100%; float:left; background:#fff; overflow:hidden;}
.complete_task .com_body .top_view{ display:block; padding:10px; }
.complete_task .com_table{width:100%;float:left; max-height: 237px;    overflow: auto;}
.complete_task .comp_close
	{
	position: absolute;
    right: 16px;
    top: 17px;
    color: #fff;
    text-shadow: none;
    opacity: 1;
	}
.complete_task .search_field{ width:45%; float:right; background:#fff !important;}
.complete_task  .pnr_td{ color:#427ce2; font-weight:bold; background:#f6f7f8;}
.complete_task .comp_paging{width:100%; display:block; padding:10px; padding-bottom:15px;     float: left;    border-top: 1px solid #ddd; background:url("../images/paging_btm.png") left bottom repeat-x #fff;}
.complete_task .comp_paging .pagination {float:right; }
.complete_task .comp_paging .pagination  li{float:left; }
.complete_task .comp_paging .pagination  li a{ padding:6px 12px;}
.complete_task .comp_paging .pagination  li a:hover{ background-color: #eee;     border-color: #ddd;}
.complete_task .comp_paging .pagination  li.active a:hover{ background-color: #337ab7;     border-color: #337ab7;}
.complete_task .tooltip.top .tooltip-arrow { bottom:0px !important;}

.arrow_up { width:16px; height:7px; display:block; background:url("../images/arrow_up.png") left top no-repeat; position:absolute;top:-7px; right:144px;  }
.arrow_up.pause{    right: 38px;}
.text_feild
{
    transition: all 0.3s ease-in-out;
    padding: 10px;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid #c6c6c6;
    background-color: #f1f1f1
	}

.text_feild:focus{
background: #fff;
    -webkit-box-shadow: inset 0px 3px 5px -1px rgba(0,0,0,0.42);
    -moz-box-shadow: inset 0px 3px 5px -1px rgba(0,0,0,0.42);
    box-shadow: inset 0px 3px 5px -1px rgba(0,0,0,0.42);
	border: 1px solid #c6c6c6;
}
.grey_out{ display:none;     position: fixed;    top: 75px;    right: 0;    bottom: 0;    left: 0;    z-index: 1003;    background-color: #000;     filter: alpha(opacity=0.5);    opacity: 0.5;}
.show_page_menu{ width:95px; float:left; margin-left:10px;}
.show_page_label{font-size:14px; font-weight:bold; color:#657196; float:left; padding-top:6px;}
.table_theme { margin-bottom:0px !important;}
.table_theme th{ border-bottom-width: 1px !important; background:#f6f7f8; font-size:11px; font-weight:600; color:#657196; text-transform:uppercase;}

.table_theme .fixed_cell th .remove_pad{ padding-left:0px;}
.table_theme td{ font-size:12px; font-weight:600; color:#242424;}
.table_theme .v_middle td{ vertical-align:middle !important;}
.table_theme tr:hover{background-color:#f6f7f8 !important;}
.table_theme  .action{width:24px; height:24px;     transition: all 0.3s ease-in-out; background:url("../images/action.png") center center no-repeat #217dbc; display:inline-block; border-radius:2px;}
.table_theme  .action:hover{background-color:#235b7c;}



 /**************** Dashboard Screen Start************/

.dash_menu{ display:block; text-align:center; padding:0px; }
.dash_menu .wrap{ padding:10px 0px;}
.dash_menu  a{ position:relative;  transition: all 0.3s ease-in-out;  width:145px; height:145px; margin:8px; display:inline-block; background:#fff; border-radius:2px; -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.12); -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.12); box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.12);}
.dash_menu  a:hover{ text-decoration:none; background:#1376b9; -webkit-box-shadow:2px 5px 15px 0px rgba(0,0,0,0.35); -moz-box-shadow: 2px 5px  15px 0px rgba(0,0,0,0.35); box-shadow:  2px 5px 15px 0px rgba(0,0,0,0.35);} 
.dash_menu  a .bill{ position:absolute;right:10px; top:10px; background: url("../images/sprite.png") -65px -69px no-repeat;  width:25px; height:25px; }
.dash_menu  a:hover .bill{ background: url("../images/sprite.png") -65px -97px no-repeat;}
.dash_menu  a .icon{display: block;
    height: 71px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    width: 71px;
	transition: all 0.3s ease-in-out;
	display:block;}

.dash_menu  a .title {
    color: #242424;
    display: block;
    font-size: 12px;
    font-weight: 600;
    height: 42px;
    text-align: center;
	float:left;
	width:96%;
	padding: 0 2%;
	
	
	}
.dash_menu  a:hover .title{ color:#fff;}
.dash_menu  a:focus{text-decoration:none; outline:0px;}
.dash_menu  a .start_task_icon{  background: url("../images/sprite.png") -1010px top no-repeat;}
.dash_menu  a .manual_task_icon{  background: url("../images/sprite.png") -1081px top no-repeat;}
.dash_menu  a .spl_Project_ini_icon{  background: url("../images/sprite.png") -290px top no-repeat;}	
.dash_menu  a .spl_training_ini_icon{ background: url("../images/sprite.png") -362px top no-repeat;} 
.dash_menu  a  .meeting_icon{  background: url("../images/sprite.png") -434px top no-repeat;}
.dash_menu  a .coaching{  background: url("../images/sprite.png") -506px top no-repeat;}
.dash_menu  a  .pjt_partner{ background: url("../images/sprite.png") -578px top no-repeat;}
.dash_menu  a  .pjt_training{background: url("../images/sprite.png") -650px top no-repeat;}
.dash_menu  a .perform_rework{ background: url("../images/sprite.png") -722px top no-repeat;}
.dash_menu  a .take_break{  background: url("../images/sprite.png") -794px top no-repeat;}
.dash_menu  a .lunch_break{  background: url("../images/sprite.png") -866px top no-repeat;}
.dash_menu  a .tea_break{  background: url("../images/sprite.png") -938px top no-repeat;}
.dash_menu  a:hover  .start_task_icon{  background: url("../images/sprite.png") -1010px -71px no-repeat;}
.dash_menu  a:hover  .manual_task_icon{  background: url("../images/sprite.png") -1081px -71px no-repeat;}
.dash_menu  a:hover .spl_Project_ini_icon{background: url("../images/sprite.png") -290px -71px no-repeat;}
.dash_menu  a:hover .spl_training_ini_icon{ background: url("../images/sprite.png") -362px -71px no-repeat;}
.dash_menu  a:hover  .meeting_icon{  background: url("../images/sprite.png") -434px -71px no-repeat;}
.dash_menu  a:hover  .coaching{  background: url("../images/sprite.png") -506px -71px no-repeat;}
.dash_menu  a:hover .pjt_partner{ background: url("../images/sprite.png") -578px -71px no-repeat;}
.dash_menu  a:hover .pjt_training{background: url("../images/sprite.png") -650px -71px no-repeat;}
.dash_menu  a:hover .perform_rework{ background: url("../images/sprite.png") -722px -71px no-repeat;}
.dash_menu  a:hover  .take_break{  background: url("../images/sprite.png") -794px -71px no-repeat;}
.dash_menu  a:hover  .lunch_break{  background: url("../images/sprite.png") -866px -71px no-repeat;}
.dash_menu  a:hover  .tea_break{  background: url("../images/sprite.png") -938px -71px no-repeat;}
 .heading_dash{ background:#fff; width:100%; border-bottom:1px solid #cbd6de;}
 .heading_dash h4{ color:#6e7a9f; font-weight:bold; font-size:13px; text-transform:uppercase; line-height:30px;  	}
 .stats_wraper{ width:100%; background:#f6f7f8; float:left; padding:0px;}
 .Stats{ line-height:75px;color:#1376b9; font-size:60px; padding-bottom:25px; width:100%; font-weight:100; display:block; text-align:center; }
 .stats_title{  padding-top:25px; padding-left:10px; padding-right:10px; font-weight:bold; color:#6e7a9f; font-size:13px; text-align:center; text-transform:uppercase; line-height:20px; display:block; }
 .stats_bdr_left{ border-left:1px solid #cbd6de;}
  .stats_wraper .pad_l_r_none{ padding-left:0px; padding-right:0px;}
 .hide_scroll {
    overflow-x: hidden;
    overflow-y: hidden;
	padding-right:0px;
}
.show_scroll{
	overflow-x: hidden;
    overflow-y: auto !important;
	
}
.bg_white{ background:#fff !important;}
.dash_timer{ width:255px; height:255px; position:relative; margin:0 auto;}
.dash_timer .image{ position: absolute; left:0px; top:0px;}
.dash_timer  .time{position: absolute; z-index:10; width:100%; text-align:center; top:41%;}
.dash_timer .time_text{ background:none; border:0px; width:255px; text-align:center; color:#fff; font-weight:bold; font-size:36px;}
.stats_bdr_top{ border-top: 1px solid #cbd6de; } 
.No_action{ width:100%; height:201px; display:block; background:#edecec; line-height:201px; font-size:14px; text-align:center; font-weight:600;} 
.box_shadow{box-shadow: 2px 2px 0 0 #DEDEDE;}
.pull_info{ line-height:72px; font-size:16px; color:#242424; box-shadow: 2px 2px 0 0 #DEDEDE; text-align:center; font-weight:600; background:#fff79c;  }
.modal#Timer_panel { overflow-y: auto !important;}
 /**************** Dashboard Screen End ************/

  /**************** Inbound Call ************/
	   .tabs_bg{width:100%; float:left; background:#efefef; position:relative;}
	  .tabs_bg a{ float:left; border-top:3px solid #efefef;  padding:15px 25px; text-decoration:none; font-size:14px; color:#000; text-transform:uppercase; border-right:1px solid #c6d1d8; border-bottom:1px solid #c6d1d8;}
	  .tabs_bg a.active{border-top:3px solid #68a6ca; background:#fff; border-bottom:1px solid #fff; text-decoration:none; outline:0px;}
	  .br_btm_div{height:1px;background:#c6d1d8; width:100%; position:absolute; bottom:0px;left: 315px;}
	  .tabs_wrapper{display:block; padding:5px 0px; clear:both;}
	  .tab1_detail{clear: both;    display: block;    float: left;    padding-bottom: 10px;    padding-top: 8px;    width: 100%;}
	  .show_recrds {display:block; clear:both; font-size:13px; color:#000; border-top:1px solid #dbdbdb; padding:6px 20px;}
	  .show_recrds .pnr_rec{ color: #5585e4; text-transform:uppercase; font-weight:bold;}
	  #tab2{ display:none;}
	.inbound_text{display:block; padding:10px; }
	.pad_15_top{ padding-top:15px;}
	.pad_15_btm{ padding-bottom:15px;}
	.model-set.full_width{ width:100% !important;}
	
  /**************** Inbound Call End ************/

  /**************** Delay Popup Start ************/
  .model.delay{ position:absolute !important;}
  
    /**************** Inbound Call End ************/
  

/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.42
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  list-style: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  margin: 2px 0;
  padding: 4px;
  width: 19em;
}
@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.today {
  position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #337ab7;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table td span:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}
.bootstrap-datetimepicker-widget.wider {
  width: 21em;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
  line-height: 1.8em !important;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}



 
  
 /**************** Media Queries ************/
 
  @media (min-width: 1024px) {
  .complete_task{width:675px;}
  } 
    @media (max-width: 900px) {
  .complete_task{width:768px;}
  } 
  
 @media (min-width: 767px) {
/*  .desk_view_scroll{ width:100%; float:left; max-height:400px; overflow-y:auto} */
.Ticket_heading{ display:none;}
 .table_theme .fixed_cell th{ padding:0px !important; border:0px !important; height:0px;}
 .complete_task .fixed_row{background:#f6f7f8; z-index:2;     border-top: 1px solid #ddd; height:32px; width:100%; -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.21);    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.21);    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.21); position:relative;}
.complete_task .fixed_element{ z-index:30;    position: absolute;     top: -23px;    display: block;    text-align: center;    padding-left: 8px;}
.complete_task .fixed_relative{ position:relative; width:100%; float:left;}

 
 .model_close{ display:none;}
 .widget_buttons{ display:none;}
 .model-set-segment{
 display: block !important;
    overflow: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 49% !important;
    float: left !important;
 }
 .model-set{
display: block !important;
    overflow: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 49% !important;
    float: right !important;
}
.model-dialog-set{
    width: auto;
    background: none;
    margin: 0;
}
.model-concent-set{
    box-shadow: none !important;
    border: none;
	background: none;
}
.model-header-set{    display: none;
}
.modal-body-set{ padding:0px; float:left; background:none; width:100%;}
.modal-footer-set{display:none;}
 
 }

 
@media (min-width: 801px) and (max-width: 992px) 
{
.task_info .content{ padding:10px;}
.manual_mode .next_item .select_menu
 {
    float: left;
    font-size: 14px;
    font-weight: 600;
    max-width: 260px;
    width: 60%;
}
 .manual_mode .chck{ width:34.5%; float:left; padding:10px; border-right:1px solid #dbdbdb;}
 .manual_mode .next_item{width:65%; padding:9px; float:right;}
 
.lg-device-profile{ display:none;}
.actions ul li .profile{ width:auto; }
.md-device { margin-left:0px !important; padding: 11px 3px !important; display:block;}
.md-device .pic{ transition: all 0.3s ease-in-out; width:30px !important; height:30px !important; display:block; margin:0 auto; float:none !important; background: url("../images/sprite.png") -210px 0px no-repeat !important;}
.md-device .username {color: #242424; padding-top:1px !important; display: block; font-size: 12px !important; font-weight: 600;    transition: all 0.3s ease-in-out 0s;}
.md-device:hover .pic{ background-position: -210px -30px !important; }
.md-device:hover .username{ color:#fff !important;}
.open .md-device .username{ color:#fff !important;}
.open .md-device .pic{ background-position: -210px -30px !important; }
 .view_profile_list{ display:block !important;}
 .brder_right_sb{ border-right:0px !important;}
  .task_br_btm{ border-bottom:1px solid #BABCC0;}
  
}
 @media (min-width: 767px) and (max-width: 900px) {
  .custom_left{ width:100% !important;}
  .custom_right{width:100% !important;}
  .timer_panel ul li{ width:25%; padding:15px 0px ; float:left;}
  .timer_panel ul li.br-right{border-right:1px solid #c5c6c9;}
 
 }
@media (min-width: 768px) and (max-width: 800px) 
 {


 .manual_mode .next_item .select_menu
 {
    float: left;
    font-size: 14px;
    font-weight: 600;
    max-width: 260px;
    width: 60%;
}
 .manual_mode .chck{ width:34.5%; float:left; padding:10px; border-right:1px solid #dbdbdb;}
 .manual_mode .next_item{width:65%; padding:9px; float:right;}
 .actions ul li a.dropdown-item{ padding-top:10px; padding-bottom:10px;}
.lg-device-profile{ display:none;}
.actions ul li .profile{ width:auto; }
.md-device { margin-left:0px !important; padding: 11px 11px !important; display:block;}
.md-device .pic{ transition: all 0.3s ease-in-out; width:30px !important; height:30px !important; display:block; margin:8px auto 9px; float:none !important; background: url("../images/sprite.png") -210px 0px no-repeat !important;}
.md-device .username {transition: all 0.3s ease-in-out 0s; display:none;}
.md-device:hover .pic{ background-position: -210px -30px !important; }
.open .md-device .pic{ background-position: -210px -30px !important; }
  .view_profile_list{ display:block !important;}
 .brder_right_sb{ border-right:0px !important;}
  .task_br_btm{ border-bottom:1px solid #BABCC0;}
 }
 
 @media (min-width: 680px) and (max-width: 767px) {
 .export_btn{ font-size:12px; padding-left:5px; padding-right:5px;}
  .complete_task .tooltip.top .tooltip-arrow{ bottom:0px !important;}
  .complete_task .com_body .top_view{-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.21);     -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.21);     box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.21);     z-index: 2;     position: relative;}
 

 .modal-backdrop{ z-index:1005;}
  .timer_panel ul li{ width:25%; padding:15px 0px ; float:left;}
  .timer_panel ul li.br-right{border-right:1px solid #c5c6c9;}
  
  .task_info{ width:100%;}
  .segment{width:100%;}
  .ticket{ width:100%; margin-top:10px;}

 .lg-device-profile{ display:block;}
 .md-device{ display:none;}
.actions ul li a.dropdown-item{ padding-top:10px; padding-bottom:10px;}
.set_pad_mobile{ padding-right:15px !important;}
.brder_right_sb{ border-right:0px !important;}
  .task_br_btm{ border-bottom:1px solid #BABCC0;}

 }
   @media (min-width: 600px) and (max-width: 679px) {
   .timer_panel ul li{ width:25%; padding:15px 0px ; float:left;}
  .timer_panel ul li.br-right{border-right:1px solid #c5c6c9;}
   }
    @media (min-width: 320px) and (max-width: 599px) {
   .timer_panel ul li{ width:50%; padding:10px 0px !important; float:left;}
  
   }
 
 
  @media (min-width: 320px) and (max-width: 679px) {
  .export_btn{ font-size:12px; padding-left:5px; padding-right:5px;}
   .complete_task .tooltip.top .tooltip-arrow{ bottom:0px !important;}
  .complete_task .com_body .top_view{-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.21);     -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.21);     box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.21);     z-index: 2;     position: relative;}
 
   .modal-backdrop{ z-index:1005;}
   .task_info{ width:100%;}
  .segment{width:100%;}
  .ticket{ width:100%; margin-top:10px;}
    .manual_mode .next_item .select_menu
 {
    float: left;
    font-size: 14px;
    font-weight: 600;
    max-width: 260px;
    width: 60%;
}
.manual_mode .chck{ width:34.5%; float:left; padding:10px; border-right:1px solid #dbdbdb;}
 .manual_mode .next_item{width:65%; padding:9px; float:right;}
  
  .actions ul li a.dropdown-item{ padding-top:10px; padding-bottom:10px;}
  .lg-device-profile{ display:none;}
.actions ul li .profile{ width:auto; }
.md-device { margin-left:0px !important; padding: 11px 11px !important; display:block;}
.md-device .pic{ transition: all 0.3s ease-in-out; width:30px !important; height:30px !important; display:block; margin:8px auto 9px; float:none !important; background: url("../images/sprite.png") -210px 0px no-repeat !important;}
.md-device .username {transition: all 0.3s ease-in-out 0s; display:none;}
.md-device:hover .pic{ background-position: -210px -30px !important; }
.open .md-device .pic{ background-position: -210px -30px !important; }
.set_pad_mobile{ padding-right:15px !important;}
 .view_profile_list{ display:block !important;}
 .brder_right_sb{ border-right:0px !important;}
  .task_br_btm{ border-bottom:1px solid #BABCC0;}
  }
  
   
  @media (min-width: 320px) and (max-width: 510px) {
  .export_btn{ font-size:12px; padding-left:5px; padding-right:5px;}
  .arrow_up{ right:74px;}
  .arrow_up.paused{right:20px;}
  .task_info{ width:100%;}
  .task_info .content{ padding:9px;}
  .ticket{ width:100%; margin-top:10px;}
  .segment{width:100%;}
  .brder_right_sb{ border-right:0px !important;}
  .task_br_btm{ border-bottom:1px solid #BABCC0;}
  .widget_wrapper label + span{ font-size:14px; font-weight:600; display:block;}
  .widget_wrapper label{ font-size:10px;}
  .hide_Manual{ display:none;}
  .manual_mode .next_item .select_menu {
    float: left;
    font-size: 14px;
    font-weight: 600;
    max-width: 260px;
    width: 59%;
}
.manual_mode .next_item .next_btn {
    float: left;
    margin-left: 8px;
	padding:6px 8px;
}
.manual_mode .next_item {
    float: left;
    padding: 9px;
    width: 81%;
}
.manual_mode .chck  [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before{ top:2px;}
.manual_mode .chck {
    border-right: 1px solid #DBDBDB;
    float: left;
    padding: 10px 10px 24px;
    width: auto;
}
.M_heading h6{ font-size:14px; color:#fff; font-weight:600; background:#217dbc; margin:0px; padding:4px 10px; display:block;}
 
  .md-device { margin-left:0px !important; padding: 11px 8px !important; display:block;}
  .set_pad_mobile{ padding-right:15px !important;}
  .actions ul li a{ padding: 20px 12px 21px; }
  .actions ul li a .notify{ top:10px; left:47%;}
  .actions ul li a .title{ display:none;}
  .view_profile_list{ display:block !important;}
  .pri_none{ display:none;}
  
  }
  
  @media (min-width: 320px) and (max-width: 500px) {
   .modal-sm {
    width: 300px;
}
  .widget_buttons{ padding:0px 10px;}
  .widget_buttons .ticket_btn{width:48.5%; float:left; text-align:center;}
  .widget_buttons .segment_btn{width:48.5%; float:right; text-align:center;}
  .widget_buttons .remarks_btn{width:100%; float:left; text-align:center;}
  .widget_buttons .segment_btn a,.widget_buttons .ticket_btn a{width:100%; padding:10px 0px;   }
  .widget_buttons .remarks_btn a{width:100%; margin-top:10px; padding:10px 0px;}

 
  }
  
  @media (min-width: 501px) and (max-width: 767px) {
  .widget_buttons{ padding:0px 10px;}
  .widget_buttons .ticket_btn{width:33%; float:left; text-align:center;}
  .widget_buttons .segment_btn{width:33%; float:left; text-align:center;}
  .widget_buttons .remarks_btn{width:33%; float:left; text-align:center;}
  .widget_buttons .segment_btn a{width:94%; padding:10px 0px;  }
  .widget_buttons .remarks_btn a{width:94%;  padding:10px 0px; float:right;}
  .widget_buttons .ticket_btn a{width:94%;  padding:10px 0px; float:left;}
  }
  
    @media (min-width: 901px) and (max-width: 991px) {
	.action_panel .box_check{ height:260px;}
	
	}
 @media (min-width: 320px) and (max-width: 767px) {
  .modal-dialog.modal-sm{ margin:10px auto;}
 .set_top_25{ top:3%; z-index:1007;}

	.complete_task{width:133% !important;}
	
	}
	
	/* Landscape */
@media (min-width: 320px)   and (max-width: 640px)    and (orientation: landscape) {
.break_scroll{ max-height:160px !important;}
}
@media (min-width: 320px)   and (max-width: 767px)    and (orientation: landscape) {
.enable_scroll.modal-open {
    overflow: scroll;
}
.grey_out{ top:0px;}
}


  /*Dashboard  Media CSS*/

   @media (min-width: 521px) and (max-width: 767px) {
   .show_menu_w{width:33% !important; }
   .show_filed_w{ width:50% !important; }
   
   }
  
  @media (min-width: 320px) and (max-width: 520px) {
  .show_filed_w{  padding:0px;}
  .agent_view_scroll{ height:235px;}
  .show_menu_w{width:100% !important; margin-bottom:10px;}
  
   .dash_menu  a { width:140px; height:140px; margin:8px;}
	.dash_menu a .title{ font-size:12px;}
	.dash_menu  a .icon{ margin-top:20px;}
	.pull_info{ font-size:14px; line-height:30px; padding:10px 20px;}
	
  }
  @media (min-width: 521px) and (max-width: 900px) {
  
   .dash_menu  a { width:150px; height:150px; margin:8px;}
	
  }
    @media (min-width: 901px) and (max-width: 991px) {
  
   .dash_menu  a { width:160px; height:160px; margin:8px;}
	
  }
  
      @media (min-width: 992px) and (max-width: 1199px) {
  
   .dash_menu  a { width:140px; height:140px; margin:8px;}
	.dash_menu a .title{ font-size:13px;}
	.dash_menu  a .icon{ margin-top:15px;}
  }
  
   @media (min-width: 320px) and (max-width: 767px) {
   .astq_margin_top{ margin-top:10px;}
	.mobile_add{ float:left; margin-left:10px;}
     .tabs_bg a{ padding:15px 15px;}
	  .br_btm_div{ left:275px;}
	  .show_recrds { border-bottom:1px solid #dbdbdb; }
   .hide_l_b_mobile{ border-left:0px;}
   .Stats{ font-size:45px; line-height:45px; }
   .stats_title{ font-size:13px;  }
   .set_brder_btm{ border-bottom:1px solid #CBD6DE;}
   }
    /*Dashboard  Media CSS End*/ 
   
    /*Complete Task CSS*/
	
	  @media (min-width: 901px) and (max-width: 991px) {
   .set_stats{ width:50%;}
   .action_panel .set.box_check{ height:201px;}
   .action_panel .set.create_manual{ height:277px;}
   }
   
    @media (min-width: 901px) {
   .brder_top_stats{ border-top: 1px solid #CBD6DE;}
   }
    @media (min-width: 768px) and (max-width: 900px){
   .set_left_stat_brder{ border-left: 1px solid #CBD6DE;}
   }
   
   
 /*********** Supervisor Screens **********/  
 body {
    overflow-x: hidden;
 }

.fixed_header{ position: fixed !important; z-index:999;} 
 
/* Toggle Styles */

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	padding-top:70px;

}

#wrapper.toggled {
    padding-left: 280px;
}

#sidebar-wrapper {
    z-index: 998;
    position: fixed;
    left: 280px;
    width: 0;
    height: 100%;
    margin-left: -280px;
    overflow-y: auto;
    background: #34426a;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 260px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 0px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -280px;
}

#warningMessageDiv{
    display: block; 
    padding-top: 2px;
    font-weight: bold;
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 280px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.side_menu .panel{ background:none !important; margin:0px !important;}
.side_menu  > .panel> .panel-heading {
    line-height: 40px ;
	border-bottom:1px solid #253255 ;
	border-top:1px solid #435481 ;
	background:none ;
	padding:0px !important;
	width:100%;
	border-radius:0px;
	
	
}
.side_menu  > .panel> .panel-heading >.panel-title .menulink{ cursor:pointer; transition: all 0.3s ease-in-out; padding-left:15px !important; border-left:5px solid #34426a; line-height:25px; padding: 20px 0; display:block; outline:0px; text-decoration:none; color:#95a2c6; font-weight:bold; font-size:14px; }
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu{ cursor:pointer; transition: all 0.3s ease-in-out; padding-left:15px !important; border-left:5px solid #3b4b79; line-height:25px; padding: 20px 0; display:block; outline:0px; text-decoration:none; color:#95a2c6; font-weight:bold; font-size:14px; }
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu.active{ color:#fff;}
.side_menu  > .panel> .panel-heading >.panel-title .menulink .side_menu_icon{ transition: all 0.3s ease-in-out; margin-right:10px; width:26px; height:26px; float:left; }
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu .side_menu_icon{ transition: all 0.3s ease-in-out; margin-right:10px; width:26px; height:26px; float:left; }

.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu .side_menu_icon.dashboard{background:url("../images/sprite.png") left -208px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu .side_menu_icon.astq{background:url("../images/sprite.png") -26px -208px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu .side_menu_icon.Report{background:url("../images/sprite.png") -54px -208px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu .side_menu_icon.escalte{background:url("../images/sprite.png") -80px -208px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu .side_menu_icon.master_data{background:url("../images/sprite.png") left -314px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu .side_menu_icon.master_stq{background:url("../images/sprite.png") -26px -314px  no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu .side_menu_icon.master_user{background:url("../images/sprite.png") -26px -261px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu .side_menu_icon.master_rule{background:url("../images/sprite.png") -52px -261px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu .side_menu_icon.master_alert{background:url("../images/sprite.png") left -261px no-repeat;}


.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu:hover .side_menu_icon.dashboard{background:url("../images/sprite.png") left -235px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu:hover .side_menu_icon.astq{background:url("../images/sprite.png") -26px -235px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu:hover .side_menu_icon.Report{background:url("../images/sprite.png") -54px -235px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu:hover .side_menu_icon.escalte{background:url("../images/sprite.png") -80px -235px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu:hover .side_menu_icon.master_data{background:url("../images/sprite.png") left -340px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu:hover .side_menu_icon.master_stq{background:url("../images/sprite.png") -26px -340px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu:hover .side_menu_icon.master_user{background:url("../images/sprite.png") -26px -288px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu:hover .side_menu_icon.master_rule{background:url("../images/sprite.png") -52px -288px  no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu:hover .side_menu_icon.master_alert{background:url("../images/sprite.png") left -288pxno-repeat;}

.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu:focus .side_menu_icon.dashboard{background:url("../images/sprite.png") left -235px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu:focus .side_menu_icon.astq{background:url("../images/sprite.png") -26px -235px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu:focus .side_menu_icon.Report{background:url("../images/sprite.png") -54px -235px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu:focus .side_menu_icon.escalte{background:url("../images/sprite.png") -80px -235px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu:focus .side_menu_icon.master_data{background:url("../images/sprite.png") left -340px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu:focus .side_menu_icon.master_stq{background:url("../images/sprite.png") -26px -340px  no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu:focus .side_menu_icon.master_user{background:url("../images/sprite.png") -26px -288px  no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu:focus .side_menu_icon.master_rule{background:url("../images/sprite.png") -52px -288px  no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu:focus .side_menu_icon.master_alert{background:url("../images/sprite.png") left -288px no-repeat;}

.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu.active .side_menu_icon.dashboard{background:url("../images/sprite.png") left -235px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu.active .side_menu_icon.astq{background:url("../images/sprite.png") -26px -235px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu.active .side_menu_icon.Report{background:url("../images/sprite.png") -54px -235px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu.active .side_menu_icon.escalte{background:url("../images/sprite.png") -80px -235px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu.active .side_menu_icon.master_data{background:url("../images/sprite.png") left -340px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu.active .side_menu_icon.master_stq{background:url("../images/sprite.png") -26px -340px  no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu.active .side_menu_icon.master_user{background:url("../images/sprite.png") -26px -288px  no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu.active .side_menu_icon.master_rule{background:url("../images/sprite.png") -52px -288px  no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title span.sub_menu.active .side_menu_icon.master_alert{background:url("../images/sprite.png") left -288px no-repeat;}





.side_menu  > .panel> .panel-heading >.panel-title .menulink .side_menu_icon.dashboard{background:url("../images/sprite.png") left -208px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title .menulink .side_menu_icon.astq{background:url("../images/sprite.png") -26px -208px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title .menulink .side_menu_icon.Report{background:url("../images/sprite.png") -54px -208px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title .menulink .side_menu_icon.escalte{background:url("../images/sprite.png") -80px -208px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title .menulink .side_menu_icon.master_user{background:url("../images/sprite.png") -26px -261px no-repeat;}

.side_menu  > .panel> .panel-heading >.panel-title .menulink:hover .side_menu_icon.dashboard{background:url("../images/sprite.png") left -235px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title .menulink:hover .side_menu_icon.astq{background:url("../images/sprite.png") -26px -235px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title .menulink:hover .side_menu_icon.Report{background:url("../images/sprite.png") -54px -235px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title .menulink:hover .side_menu_icon.escalte{background:url("../images/sprite.png") -80px -235px no-repeat;}
 .side_menu  > .panel> .panel-heading >.panel-title .menulink:hover .side_menu_icon.master_user{background:url("../images/sprite.png") -26px -288px  no-repeat;} 

.side_menu  > .panel> .panel-heading >.panel-title .menulink:focus .side_menu_icon.dashboard{background:url("../images/sprite.png") left -235px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title .menulink:focus .side_menu_icon.astq{background:url("../images/sprite.png") -26px -235px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title .menulink:focus .side_menu_icon.Report{background:url("../images/sprite.png") -54px -235px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title .menulink:focus .side_menu_icon.escalte{background:url("../images/sprite.png") -80px -235px no-repeat;}
 .side_menu  > .panel> .panel-heading >.panel-title .menulink:focus .side_menu_icon.master_user{background:url("../images/sprite.png") -26px -288px  no-repeat;} 


.side_menu  > .panel> .panel-heading >.panel-title .menulink.active .side_menu_icon.dashboard{background:url("../images/sprite.png") left -235px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title .menulink.active .side_menu_icon.astq{background:url("../images/sprite.png") -26px -235px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title .menulink.active .side_menu_icon.Report{background:url("../images/sprite.png") -54px -235px no-repeat;}
.side_menu  > .panel> .panel-heading >.panel-title .menulink.active .side_menu_icon.escalte{background:url("../images/sprite.png") -80px -235px no-repeat;}
 .side_menu  > .panel> .panel-heading >.panel-title .menulink.active .side_menu_icon.master_user{background:url("../images/sprite.png") -26px -288px  no-repeat;} 




.side_menu  > .panel> .panel-heading >.panel-title a:hover{
background:#217dbc; border-left:5px solid #217dbc; color:#fff;
}
.side_menu  > .panel> .panel-heading >.panel-title a:focus{
background:#217dbc; border-left:5px solid #f28b46; color:#fff;
}
.side_menu  > .panel> .panel-heading >.panel-title a.active{
background:#217dbc; border-left:5px solid #f28b46; color:#fff;
}
.side_menu  > .panel> .panel-heading >.panel-title a.active.not_active{
background:#3b4b79 ;border-left:5px solid #3b4b79;
}
.side_menu  >.panel>.panel-collapse>.panel-body{ border:0px; background:#253154; padding:0px;}
.side_menu  >.panel>.panel-collapse>.panel-body ul{ list-style:none; margin:0px; padding:0px;}
.side_menu  >.panel>.panel-collapse>.panel-body ul li{ margin:0px; padding:0px; display:block; border-bottom:1px solid #434f6e;}
.side_menu  >.panel>.panel-collapse>.panel-body ul li a{ cursor: pointer; transition: all 0.3s ease-in-out; outline:0px; text-decoration:none; padding-left:20px; color:#8590b1; border-left:0px;  border-left:5px solid #253154; display:block; padding-top:10px; padding-bottom:10px;}
.side_menu  >.panel>.panel-collapse>.panel-body ul li a:hover{ background:#217dbc; color:#fff; border-left:5px solid #217dbc;}

.side_menu  >.panel>.panel-collapse>.panel-body ul li a.active {
background:#217dbc; border-left:5px solid #f28b46; color:#fff; cursor: default;
}
.side_menu  .panel> .panel-heading >.panel-title >.accordion-toggle{ background:#3b4b79 ;border-left:5px solid #3b4b79;}
.side_menu .accordion-toggle:after {
   color: #FFFFFF;
   	content: "\e080";
    float: right;
    font-family: 'Glyphicons Halflings';
    font-weight: normal;
    margin-right: 20px;
}
.side_menu .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
.profile.supervisor{ width:auto !important; border-radius:0px;}

.side_menu_btn {
	
    left: -15px;
    position: absolute;
    top: 7px;
  transition: all 0.3s ease-in-out;
	height:60px;
	background:#1777b9;
	outline:none !important;
	padding-right:2px;
	border:0px;
	border-radius:0px !important;
	
	
}
.side_menu_btn:hover{ background:#34426a; }
.side_menu_btn span{  
   background-image: url("../images/sprite.png");
    background-origin: padding-box;
    background-position: -214px -30px;
    background-repeat: no-repeat;
    background-size: auto auto;
    float: left;
    height: 30px;
    width: 30px;
	margin-top:8px;
	 transition: all 0.3s ease-in-out;
	}
	


.side_menu_btn + .logo{ position:absolute; left:37px;}
.dashboard_tabs{ background:#f6f7f8; border-bottom:5px solid #217dbc;}
.dashboard_tabs li:first-child{ margin-left:10px; }

.dashboard_tabs li{ margin-right:10px;}
.dashboard_tabs li a{ transition: all 0.3s ease-in-out; outline:none !important; background:#fff; border-color:c6c6c6; font-size:14px; font-weight:600; border:1px solid #c6c6c6; border-bottom:1px solid #217dbc;}
.dashboard_tabs li a:hover{background:#217dbc; border:1px solid #217dbc; color:#fff;}
.dashboard_tabs li.active a{background:#217dbc !important; border-color:#217dbc !important; color:#fff;   }
.dashboard_tabs li.active a:focus{ color:#fff;}
.dashboard_tabs li.active:hover a{color:#fff;}
.breadcrumps_sup{ background:#f6f7f8;}
.breadcrumps_sup .breadcrumb { margin-bottom:0px; margin-top:10px; margin-bottom:10px; padding-left:0px;}
.breadcrumps_sup .breadcrumb li{font-weight:600;}
.breadcrumps_sup .breadcrumb li .home{ transition: all 0.3s ease-in-out; background:url(../images/sprite.png) left -171px no-repeat; width:17px; height:14px; float:left; margin-right:5px; margin-top:2px; font-weight:600; }
.breadcrumps_sup .breadcrumb li:hover a .home{ background-position:  left -189px ;}
.breadcrumps_sup.shdw{box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); position:relative;z-index:3;}
.dash_filter{ postion:relative; z-index:2; background:#f6f7f8; padding:0px; padding-top:15px; display:block; float:left; -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.25); box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.25);}
.dash_header{ background:#fff; padding:0px; padding-top:15px; padding-bottom:15px; display:block; float:left; -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.25); box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.25);}
.dash_header .title{ font-size:12px; font-weight:bold; color:#657196; text-transform:uppercase; float:left; margin-top:10px;}
.dash_header .records{ font-size:12px; font-weight:bold; color:#000; text-transform:uppercase; float:left; margin-top:10px;}
.dash_header .username{ font-size:13px; font-weight:600; color:#217dbc; text-transform: capitalize; float:left; }
.dash_header .email{ font-size:13px; font-weight:600; color:#000; text-transform: lowercase; float:left; }
.dash_header .assign_agent{ display:block; width:100%; float:left;}
.dash_header .Stq{ font-size:13px; font-weight:600; color:#000; text-transform: capitalize; float:left;}
.srch_top_spc{ display:block;}
.agent_status{ padding:15px;}
.agent_status .stats_box{ text-decoration:none; outline:0px; transition: all 0.3s ease-in-out; display:block; border-left:1px solid #CBD6DE; border-bottom:1px solid #CBD6DE;}
.agent_status .stats_box.right_border{ border-right:1px solid #CBD6DE;}
.agent_status .stats_box:hover{ background:#217dbc;}
.agent_status .stats_box .Stats{ font-size:40px; line-height:50px;}
.agent_status .stats_box .stats_title{ font-size:13px;}
.agent_status .stats_box:hover .Stats{ color:#fff;}
.agent_status .stats_box:hover .stats_title{ color:#fff;}
.agent_status .stats_box .open_icon{ width:19px; height:18px; background:url("../images/sprite.png") left -148px no-repeat; display:none; position: absolute; right:10px; top:10px;}
.agent_status .stats_box:hover .open_icon{ display:block;}
.agent_status .quicklinks_refresh{ outline:0px; transition: all 0.3s ease-in-out;  position: absolute; width:50px; height:50px;  right:0px; top:0px; border-left:1px solid #CBD6DE;}
.agent_status .quicklinks_refresh .refresh_icon{transition: all 0.3s ease-in-out;  margin-top:16px; margin-left:14px; width:23px; height:21px; float:left; background:url("../images/sprite.png") -51px -148px no-repeat;}
.agent_status .quicklinks_refresh:hover{ background:#1777b9; }
.agent_status .quicklinks_refresh:hover .refresh_icon{ background-position: -51px -169px}

.agent_status .quicklinks_graph{transition: all 0.3s ease-in-out;  position: absolute; width:50px; height:50px;  right:50px; top:0px; border-left:1px solid #CBD6DE;}
.agent_status .quicklinks_graph .graph_icon{transition: all 0.3s ease-in-out;  margin-top:17px; margin-left:16px; width:17px; height:17px; float:left; background:url("../images/sprite.png") -27px -149px no-repeat;}
.agent_status .quicklinks_graph:hover{ background:#1777b9; }
.agent_status .quicklinks_graph:hover .graph_icon{ background-position: -27px -170px}
.stq_table { width:100%; background:none; box-shadow:none; border:0px; }
.stq_table .panel-body{ padding:0px;}
.stq_table thead tr th{ border-left:1px solid #c2c2c2; vertical-align:middle; text-align:center; background:#f6f7f8; padding:8px 15px !important; font-size:11px;font-weight:bold; color:#657196; text-transform:uppercase;}
.stq_table thead tr th.min-width{min-width:200px; border-left:0px;}
.stq_table tbody tr td{ text-align:center; font-size:25px; padding-top:15px; padding-bottom:15px; border-top:1px solid #c2c2c2; border-left:1px solid #adaeb2; border-left:1px solid #c5c6c9;}
.stq_table tbody tr td.small_text{ font-size:14px; vertical-align:middle; font-weight:600; border-left:0px; padding-left: 15px !important; text-align: left !important; }
.stq_table tbody tr td.align_left{ text-align:left;}
.stq_table .accordion-toggle td:hover  {color:#217dbc; background:url("../images/brder_btm.png") left bottom repeat-x #f6f7f8; cursor:pointer;}
.stq_table thead tr th.align_left{ text-align:left;}
.stq_table .accordion-toggle{ background:#ffffff;}
.stq_table .hiddenRow{ padding:0px;}
.stq_table  .show_space{padding-top:3px; padding-bottom:3px; border:0px;}
.stq_table .accordion-toggle td.small_text:hover { background:#fff;}
.stq_table .accordion-toggle  .toggle_arrow{transition: all 0.3s ease-in-out; width:22px; height:15px; margin-top:5px; background:url("../images/sprite.png") -125px -74px no-repeat; display:block; float:right; }
.stq_table .accordion-toggle.reverse  .toggle_arrow{ transition: all 0.3s ease-in-out; width:22px; height:15px; margin-top:5px; background:url("../images/sprite.png") -125px -89px no-repeat; display:block; float:right; }
.stq_table .sub_table{ margin-bottom:0px;}
.stq_table .sub_table thead tr.bg{background:#657196; }
.stq_table .sub_table thead th{  border-bottom:0px;background:#657196; border-left:1px solid #657196; padding-top:5px !important; padding-bottom:5px !important; color:#657196;}
.stq_table .sub_table thead th .none{ visibility: hidden;}
.stq_table .sub_table tbody td{ border-top:0px; background:#f6f7f8; font-size:14px;font-weight:bold; padding-top:5px;padding-bottom:5px; border-bottom:1px solid #c2c2c2; cursor: default;}
.stq_table .sub_table tbody tr:hover td{background :#fff;}
.stq_table .sub_table thead tr th.txtcolor{ color:#fff !important; visibility:visible;}
.stq_table .sub_table tbody tr td.small_text{ border-left:0px; padding-left:15px;}
.stq_table .astq_text{ color:#657196; font-size:13px !important;}
.stq_table .table-responsive{ border:0px;}
.agent_view_scroll{ width:100%; max-height:280px; overflow-y:auto;}
.table_filter{box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.21);    position: relative;    z-index: 2;display: block;    padding-bottom: 10px;    padding-left: 10px;    padding-right: 10px;    padding-top: 10px;}
.table_filter .form-group{ margin-bottom:0px;}
.btn-primary.brder_radius{ border-top-left-radius: 0 !important; border-bottom-left-radius:0px !important;}
.multi_check .btn-group{ width:100%; float:left;}
.multi_check .btn-group .btn{width:100%; float:left; text-align:left;}
.multi_check .btn-group .btn b.caret{    margin-top: 9px;    position: absolute;    right: 10px;}
.dash_header .input-group .form-control { z-index:0 !important;}
.inline_form .form-group{ width:20%; margin-right:15px; margin-bottom:15px; float:left;}
.inline_form .form-group.wd_40 { width:40% !important;}

.inline_form .form-group.btn_div{ width:auto !important; margin-left:0px; margin-right:0px;}
.inline_form .form-group label{ display:block;}
.inline_form .form-group .select_menu{ width:100%;}
.inline_form .form-group .input-group.date {width:100%;}
.inline_form .form-group .btn-group.center{ margin:0 auto;}

.btn-primary.active{ background:#34426a !important;}
@media(min-width:320px) and (max-width:500px){
.inline_form .form-group{ width:100%;  }
.inline_btn_label{ display:none !important;}
.inline_btn_label_odd{ display:none !important;}
}
@media(min-width:501px) and (max-width:767px){
.inline_form .form-group{ width:47%; float:left; margin-right:10px;  }
.inline_btn_label_odd{ display:block;}
.inline_btn_label{ display:none !important;}
}

@media(min-width:768px) and (max-width:919px){
.inline_form .form-group{ width:31%; float:left;  }
}
@media(min-width:768px) and (max-width:1150px){
.inline_btn_label_odd{ display:none !important;}
.inline_btn_label_odd.five{ display:block !important}
}

@media(min-width:920px) and (max-width:1150px){
.inline_form .form-group{ width:31%; float:left;  }
}
 .gen_info{ position:relative;  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.21); width:100%; float:left;   display:block; height:auto; background:#fff79c; font-size:12px; color:#2d2d2d;   font-weight:600; }
 .gen_info .gen_info_icon{ position:absolute; margin :15px;  float:left; width:20px; height:20px; background:url("../images/sprite.png") -245px top  no-repeat;}
 .gen_info .info{ padding:15px; padding-left:40px; display:block; position:relative; font-size:14px; font-weight:600;}
 
 /*********** General Fixed Theme Table **********/ 
 .gen_table_box-shw{box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.15);}
  .gen_table_box-shw .table-responsive{ margin-bottom:0px;}
 .gen_table { margin-bottom:0px;}
 .gen_table thead tr th{ vertical-align:middle; border-bottom:0px !important; background:#f6f7f8; color:#657196; padding-top:8px; padding-bottom:8px; font-size:12px; font-weight:600; text-transform:uppercase;}
 .gen_table thead tr th.text-center{ text-align:center;}
 .gen_table thead tr th.text-left{ text-align:left;}
 .gen_table thead tr th.text-right{ text-align:right;}
 .gen_table thead tr th.min-width_250{ min-width:250px;}
 .gen_table thead tr th.inherit{white-space:inherit;}
 .gen_table tbody tr.active td{ background:#cbe4f5; border-color:#b5cbda;}
 .gen_table tbody tr:hover.active td{background:#cbe4f5; }
 .gen_table tbody tr td{ background:#fff; font-size:13px; font-weight:600; vertical-align:top; }
 .gen_table tbody tr td.text-center{ text-align:center;}
 .gen_table tbody tr td.text-left{ text-align:left;}
 .gen_table tbody tr td.text-right{ text-align:right;}
 .gen_table tbody tr td.bold{ font-weight:bold;}
 .gen_table tbody tr:hover td{ background:#f6f7f8; cursor:pointer;}
 .gen_table tbody tr td .td_scroll{ display:block; padding-right:10px; max-height:92px; overflow-y:auto;}
 .gen_table tbody tr td.inherit{white-space:inherit;}
 .gen_table_btn_wrap{ box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.15); background: #fff; padding-top:15px; padding-bottom:15px; border:1px solid #ddd; border-top:0px;}
 .pointer.gen_table tbody tr:hover td{ cursor:default;}
 .gen_table .action{ display:block; width:100%; text-align:center;}
 .gen_table .action a{ cursor:pointer; margin-left:4px; margin-right:4px; transition: all 0.3s ease-in-out; display:inline-block; width:24px; height:24px; border:1px solid #217dbc; background:#fff; border-radius:2px; }
 .gen_table .action a:hover{ background:#217dbc;}
 .gen_table .action a.drag{ cursor:move; transition: all 0.3s ease-in-out;  background:url(../images/sprite.png) -120px -208px no-repeat #fff; }
 .gen_table .action a:hover.drag{background:url(../images/sprite.png) -120px -230px no-repeat #217dbc;}
 .gen_table .action a.delete{  transition: all 0.3s ease-in-out;  background:url(../images/sprite.png) -142px -207px no-repeat #fff; }
 .gen_table .action a:hover.delete{background:url(../images/sprite.png) -142px -228px no-repeat #217dbc;}
 .gen_table .action a.edit{  transition: all 0.3s ease-in-out;  background:url(../images/sprite.png) -208px -208px no-repeat #fff; }
 .gen_table .action a:hover.edit{background:url(../images/sprite.png) -208px -230px no-repeat #217dbc;}
 .gen_table .action a.conf{  transition: all 0.3s ease-in-out;  background:url(../images/sprite.png) -120px -252px no-repeat #fff; }
 .gen_table .action a:hover.conf{background:url(../images/sprite.png) -120px -274px no-repeat #217dbc;}
 .gen_table .action a.confirm_btn{  transition: all 0.3s ease-in-out;  background:url(../images/sprite.png) -142px -252px no-repeat #fff; }
 .gen_table .action a:hover.confirm_btn{background:url(../images/sprite.png) -142px -274px no-repeat #217dbc;}
 .gen_table .action a.list_view{  transition: all 0.3s ease-in-out;  background:url(../images/sprite.png) -164px -252px no-repeat #fff; }
 .gen_table .action a:hover.list_view{background:url(../images/sprite.png) -164px -274px no-repeat #217dbc;}
 .gen_table .action a.add_new{  transition: all 0.3s ease-in-out;  background:url(../images/sprite.png) -186px -252px no-repeat #fff; }
 .gen_table .action a:hover.add_new{background:url(../images/sprite.png) -186px -274px no-repeat #217dbc;}
 .gen_table .action a.upload_new{  transition: all 0.3s ease-in-out;  background:url(../images/sprite.png) -208px -252px no-repeat #fff; }
 .gen_table .action a:hover.upload_new{background:url(../images/sprite.png) -208px -274px no-repeat #217dbc;}
 
  
 .mobile_show{ display:none;}
@media(min-width:320px) and (max-width:500px){

.breadcrumps_sup .breadcrumb li{font-weight:600; font-size:12px;}
 .mobile.show_page_menu{ margin-left:4px; width:46px;}
.btn-primary.brder_radius{ border-top-left-radius: 2px !important; border-bottom-left-radius:2px !important;}
.mobile_show{ display:block;}
.mobile_hide{ display:none !important;}
.set_mobile_filed{ padding:0px; margin-top:10px;}

}

@media(max-width:991px){ .srch_top_spc{ display:none;}}

@media(min-width:320px) and (max-width:400px){
.dashboard_tabs li a { font-size:12px; padding-left:8px; padding-right:8px;}
.dashboard_tabs li{ margin-right:5px;}

}


@media(min-width:920px) {
    #wrapper {
        padding-left: 280px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 280px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 0px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}

  /** added for  validation pop up **/
   /*----- LIGHTBOX-----*/
.delcontent{ padding:20px; display:block; background:#fff; font-size: 18px;    text-align:center;}
.black_overlay{
       display: none;
       position: fixed;
       top: 0%;
       left: 0%;
       width: 100%;
       height: 100%;
       background-color: black;
       z-index:9999;
       -moz-opacity: 0.9;
       opacity:.90;
       filter: alpha(opacity=90);
}
.white_content {
       display: none;
       position: fixed;
       top: 5%;
       left: 50%;
       width: auto;
       height: 90%;
       background-color: white;
       z-index:1002;
       

}
.alert_content {
       display: none;
       position: fixed;
       top: 23%;
       left: 50%;
       width: 400px;
       height: auto;
       z-index:10000;
       overflow: auto;
       margin-left:-200px !important;
       }
       .alert_password_change {          
       display: none;             
       position: fixed;           
       top: 50%;            
       left: 50%;    
       z-index: 9999999;    
       }
.popupheading h6{ font-size:18px; color:#fff;  text-align:left; }
.popupcontent{  display:block; padding:5px 20px 5px 20px;}
.content-padding{padding:5px 20px 5px 20px;}
.popupheading{ background:#235b7c; padding:15px; display: block;}
.popupcontent .field-row2{width:47%;}
.popupcontent .select_menu{width: 100%;}
.popupcontent .text-feild {width: 93%;}
.popupcontent .text-feild.time-feild {width: 13% !important; margin-right:10px;}
.popupcontent .content-padding1 {padding: 10px 0;}
.popupbuttons {padding: 20px 0;text-align: center;}
.popupbuttons .cancel, .popupbuttons .active-btn, .popupbuttons .confirm{padding: 12px 20px; border:0px;}
.popupbuttons .ok{ width: 95px !important;  height: 39px;}
.popupbuttons{ padding:20px; text-align:center;background:#fff;}
.cancel{ display:inline-block;  padding:10px 20px; background:#d5d5d5;transition: all 0.3s ease-in-out; font-size:13px; font-weight:bold;  color:#828282; margin:0 5px; border-radius:2px;}
.cancel:hover{background:#b7b7b7; color:#fff;}
.btn-margin{ margin-left:20px; margin-right:20px;}
.confirm{ display:inline-block;  padding:10px 20px; background:#68a6ca;transition: all 0.3s ease-in-out; font-size:13px;font-weight:bold;   color:#fff; margin:0; border-radius:2px;}
.confirm:hover{background:#235b7c; color:#fff;}
.bx-wrp label {display: block;}
.modal-backdrop.in { opacity: 0.55;}

.top_icon {
width: 33px;
height: 33px;
display: inline-block;
background: url(../images/top_active.png) left top no-repeat;
transition: all 0.3s ease-in-out;
}
.top_icon:hover {
background: url(../images/top_hover.png) left top no-repeat;

}

.btm_icon {
width: 33px;
height: 33px;
display: inline-block;
background: url(../images/bottm_active.png) left top no-repeat;
transition: all 0.3s ease-in-out;
}
.btm_icon:hover {
background: url(../images/bottm_hover.png) left top no-repeat;
}
.gen_table .action a.view_item {
    background: #fff url("../images/sprite.png") no-repeat scroll -164px -208px;
    transition: all 0.3s ease-in-out 0s;
}
.item-panel {
	width:100%;
}
.task_panel.esc li {
    width: 33.33%;
}
.task_panel li a {
    border-left: 1px solid #6e7a9f;
    float: left;
    padding: 12px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}
.task_panel li a .strt_tsk {
    background: rgba(0, 0, 0, 0) url("../images/sprite.png") no-repeat scroll -245px -148px;
    display: block;
    height: 30px;
    margin: 0 auto;
    transition: all 0.3s ease-in-out 0s;
    width: 30px;
}
.task_panel li a .agent_trnsfr {
    background: rgba(0, 0, 0, 0) url("../images/sprite.png") no-repeat scroll -275px -148px;
    display: block;
    height: 30px;
    margin: 0 auto;
    transition: all 0.3s ease-in-out 0s;
    width: 30px;
}
.task_panel li a .ASTQ_trnsfr {
    background: rgba(0, 0, 0, 0) url("../images/sprite.png") no-repeat scroll -305px -148px;
    display: block;
    height: 30px;
    margin: 0 auto;
    transition: all 0.3s ease-in-out 0s;
    width: 30px;
}
.esc_stop_task .stop-btn {
    background: #edecec none repeat scroll 0 0;
    border-color: #cccccc;
    color: #242424;
    margin-top: 13px;
    padding-bottom: 11px;
    padding-top: 11px;
    width: 75%;
}
.esc_stop_task {
    background: #fff none repeat scroll 0 0;
    box-shadow: 2px 2px 0 0 #dedede;
    display: none;
    float: left;
    height: 70px;
    margin-bottom: 15px;
    text-align: center;
    width: 100%;
}
.page-select {
	 width:95px !important; 
	 float:left !important; 
	 margin-left:10px !important;
}
#wiStatusTable_length {
	height: 33px;
    width: 61%;
}
#wiStatusTable_filter {
	margin-top: 2px;
}
#wiStatusTable_filter label {
	  color: #657196;
      font-size: 14px;
      font-weight: bold;
      padding-top: 6px;
}
#wiStatusTable_length label {
	  width: 100%;
	  color: #657196;
      font-size: 14px;
      font-weight: bold;
      padding-top: 6px;
}
#wiStatusTable_length select {
	 height: 21px;
     width: 10%;
}
#agentStatusTable_length {
	height: 33px;
    width: 61%;
}

#agentStatusTable_length label {
	  width: 100%;
	  color: #657196;
      font-size: 14px;
      font-weight: bold;
      padding-top: 6px;
}
#agentStatusTable_length select {
	 height: 21px;
     width: 10%;
}

#agentStatusTable_filter {
	margin-top: 2px;
}
#agentStatusTable_filter label {
	   color: #657196;
      font-size: 14px;
      font-weight: bold;
      padding-top: 6px;
}
 .action a.return-image {
    background: #fff url("../images/sprite.png") no-repeat scroll -186px -208px;
    transition: all 0.3s ease-in-out 0s;
}
 .action a:hover.return-image {
 	background:url(../images/sprite.png) -186px -228px no-repeat #217dbc;
 }
 
#gdsQueueDetailsTable_length {
	height: 33px;
    width: 61%;
}
#gdsQueueDetailsTable_filter {
	margin-top: 2px;
}
#gdsQueueDetailsTable_filter label {
	  color: #657196;
      font-size: 14px;
      font-weight: bold;
      padding-top: 6px;
}
#gdsQueueDetailsTable_length label {
	  width: 100%;
	  color: #657196;
      font-size: 14px;
      font-weight: bold;
      padding-top: 6px;
}
#gdsQueueDetailsTable_length select {
	 height: 21px;
     width: 10%;
}
#warningMessageDiv{
	display: block; 
	padding-top: 2px;
	font-weight: bold;
}
.center-alignment {
	text-align: center;
}

/*fix for issue IQA- 33 ***/
 .task_info .segment-carrier{
 	 padding:10px;
 	 height: 54px;
 	 border-bottom: 1px solid #babcc0
 }
 /*fix for issue IQA- 79 ***/
.dash_header .astq-heading{ font-size:12px; font-weight:bold; color:#000; text-transform:uppercase; float:left; margin-top:10px;}


.mange_stq{ background:#fff; padding-top:5px; padding-bottom:0px;}
.mange_stq .form-group{ margin-bottom:5px;}
.mange_stq p{ margin-bottom:0px;}

/****** Tabs****/
.tabs{ width:100%; float:left; background:#fff;}
.tabs ul{ padding:0px; margin:0px; }
.tabs ul li{ list-style:none; width:49.99%; float:left;}
.tabs ul li a{text-decoration:none; transition: all 0.3s ease-in-out 0s; display:block; width:auto; padding:15px; border-bottom:5px solid #cdd3d6; position:relative;  background:url(../images/check-mark.jpg)  95% 17px no-repeat;}
.tabs ul li:first-child a {border-right:1px solid #cdd3d6;}

.tabs li a .step{font-size:13px; color:#5587e4; text-transform:uppercase; display:block; position: absolute;  top: 8px; }
.tabs li a .text {
    color: #235B7C;
    display: block;
    font-size: 20px;
     
    padding-bottom: 0;
    padding-top: 11px;
}
.tabs li a.active{ border-bottom:5px solid #4cb396; }
.tabs li a.complete{ background:url(../images/check-mark-com.jpg)  95% 17px no-repeat; }

.tabs ul li a:hover{border-bottom:5px solid #4cb396; text-decoration:none;}
#tab{ float:left; margin:0px; padding:0px; width:100%;}
#tab li{ width:100%; float:left;}
  ul#tab li {
    display: none;
    }
    ul#tab li.active {
      display: block; }
.dash_header h2{ margin:0px; font-size:14px; padding-left:20px; font-weight:bold; color:#217dbc;}
.gen_table tbody tr.disabled_chek td{ background:#e1e1e1; color:#888; cursor: default; }
.gen_table tbody tr.disabled_chek td:hover{background:#e1e1e1;  }
.overide_input{   float: left;
    margin-left: 20px;
    padding-top: 6px;}
    
.overide_input input{ margin-right:5px;}
.manage_astq.btn-primary{ padding:2px 10px; font-size:12px;}
.message-alignment {
	text-align:center;
}

/* ----------- Business Rule	 ----------- */
  .toggle-main{ width:80px; display:block; margin:0 auto; overflow:hidden;}
     a.toggler{
    
    cursor: pointer;
    border: 2px solid #DCDCDC;
    border-right-width: 25px;
    padding: 0 5px;
    border-radius: 5px;
    text-decoration: none;
    transition: all .5s ease;
	color:#fff;
	width:75px;
	display:inline-block;
	line-height:26px;
	
}

  a.toggler.on {
    background: url(../images/toggle-on.png) center no-repeat #dcdcdc;
    cursor: pointer;
    border: 2px solid #dcdcdc;
    border-right-width: 25px;
    padding: 0 5px;
    border-radius: 5px;
    text-decoration: none;
    transition: all .5s ease;
	width:75px;
	display:inline-block;
	text-align:center;
}

a.toggler.off {
    background: url(../images/toggle-off.png) center no-repeat #dcdcdc;
    border-right-width: 2px;
	border: 2px solid #dcdcdc;
    border-left-width: 25px;
	width:75px;
	display:inline-block;
	text-align:center;
}


.bs-rule-cond-txt{display: block;padding: 10px 20px;background: rgb(223, 232, 236);margin: 11px 0px; border-radius: 4px;font-size: 13px;color: #235B7C; }
.bs-rule-rme-btn{height: 33px;width: 132px;border: none;margin-right: 5px;margin-left: 5px;float: left;font-size: 13px;border-radius: 2px;background: #d5d5d5;color: #828282; transition: all 0.3s ease-in-out;}
.bs-rule-rme-btn:hover{background: #b7b7b7 none repeat scroll 0 0;    color: #fff;}
.bs-rule-add-grp{height: 33px;width: 132px;border: none;margin-right: 5px;margin-left: 5px;float: left;background: #68a6ca;font-size: 13px; color: #fff;text-align: center;border-radius: 2px; transition: all 0.3s ease-in-out;}
.bs-rule-add-grp:hover{background: #235b7c;}
.bs-rule-add-con{height: 33px;width: 132px;border: none;margin-right: 5px;margin-left: 5px;float: left;font-size: 13px;background: #28AD88; color: #fff;text-align: center;border-radius: 2px; transition: all 0.3s ease-in-out;}
.bs-rule-add-con:hover{background: #199472;}
.bs-rule-grp{ display: block; width:100%; float: left;}
.bs-rule-con{ margin-top:5px; float:left; width:100%;}
.condition_table td{ padding-left:10px; padding-right:10px;}
.condition_table td.no_pad{ padding:0px !important;}
.bs-rule-del{ background: #acb5c4 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 2px;
    display: block;
    float: left;
    height: 30px;
    margin: 0 5px;
    padding:0px;
    padding-bottom:4px;
    text-align: center;
    width: 32px;}
 .b_rule_new{ background:#fff;}
 .b_rule_new .container{ width: 100%; margin:0px; padding:0px;}
 .group-conditions{ width: 100%; float: left; padding-top: 10px;}
 .dataTables_wrapper{ padding-top: 15px; background:#fff;}
 .table-responsive{ background:#fff;}
 table.dataTable thead .sorting_asc{ background-color :#f6f7f8 !important; border-bottom:0px !important;}
 table.dataTable thead .sorting{background-color: #f6f7f8 !important; border-bottom:0px !important;}
 table.dataTable thead th { border-bottom:0px !important;}
 table.dataTable thead th, table.dataTable tfoot th{ border-left:0px !important;}
 table.dataTable.no-footer{ border-color:#ddd !important;}
 table.dataTable tbody th, table.dataTable tbody td{ border:0px !important; border-top: 1px solid #ddd !important;}
 .radioSpace input {
    margin-right: 3px;
}
.radioSpace label {
    margin-right: 20px;
}
.half_sla_left{ float: left;    width: 46%;}
.half_sla_right{ float: left;
    margin-left: 4%;
    width: 46%;}
.wd_full{ width:100%; float:left;}
.add-new-field.btn-primary{ padding:0 6px !important;}
.iata_table td{ background: none !important; padding-bottom:5px;}
.iata_table .action a{ margin-top:5px;}
.iata_scroll{ max-height:150px; overflow:auto; float:left; width:100%;}
.mx_scroll{ overflow:auto; height:auto;}
.test_con{ background:#f09049 !important; border-color:#f09049 !important;}
.test_con:hover{background:#bc692c !important; border-color:#bc692c !important;}
.hide-btn-new { text-decoration:underline; cursor:pointer;}
.hide-btn-new:hover{ text-decoration:none;}
.form-control.tht{ padding-left:3px !important; padding-right:3px !important;}
.height_59p{ height:59px;}
.timesincebreak {width: 48px}
.work-item-id {padding-left: 34px; padding-top: 7px;}
.wi-value {color:#217dbc !important; font-weight:700 !important;}
.color-white {color: white !important;}
.DTFC_RightBodyLiner{ overflow-x: hidden; }
.dataTables_wrapper .dataTables_filter{ padding-right:20px;}
.dataTables_scrollHeadInner table { border-bottom:1px solid #ddd !important; }
.DTFC_LeftHeadWrapper { border-bottom:1px solid #ddd !important; }
.DTFC_RightHeadWrapper { border-bottom:1px solid #ddd !important; }
.DTFC_RightHeadBlocker.DTFC_Blocker{ background:#f6f7f8 !important; border-bottom:1px solid #ddd !important; border-top:1px solid #ddd !important; }
.dataTables_wrapper .dataTables_info{ padding-left:20px; padding-bottom:10px;}
.rem_tble_spc .dataTables_wrapper{ padding-top:0px !important;}
.rem_tble_spc .table.dataTable{ margin-top: 0px !important;}
 .rem_tble_spc .no-sort.sorting_asc::after{ display: none; visibility: none;}
/*To disable sorting from a specific columns*/
.no-sort::after { display: none!important; }
.no-sort { pointer-events: none!important; cursor: default!important; }
#error-confirm #messageDiv {color: black;}
.glyphicon-chevron-down{
  /*margin-left: 80px;*/
  margin-right:5px;
  color: white;
  float:right;
}
.glyphicon-chevron-up{
 /* margin-left: 80px;*/
 margin-right:5px;
  color: white;
  float:right;
}

.filter-group{
    display:flex;
    align-items:center;
    gap:10px;
}