/* --------------------------------------------------------  */
/* ZARA - Ultimate Port Solution - STYLE SHEET 
/* --------------------------------------------------------  */
/*------------------------------------*\ 
Headings
\*------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
}
h1 {
    font-size: 18px;
}
h2 {
    font-size: 15px;
}
h3 {
    font-size: 14px;
}
/*------------------------------------*\
 Common Style
\*------------------------------------*/

p {
    font-size: 14px;
    color: #5c5c5c
}
small {
    font-size: 12px;
    color: #5c5c5c
}
.submainuClass {
    background-color: red !important;
}
textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
    border-radius: 0 0 0 0;
}
button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: normal;
}
:focus {
    outline: 0 none;
}
a {
    cursor: pointer;
}
a:focus {
    outline: 0 none;
}
:-moz-placeholder {
    color: #120E5B;
    opacity: 1;
}
:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #9191A3;
    opacity: 1;
}
.no-padding {
    padding: 0;
}
.margin50 {
    margin-top: 50px;
}
.position-rel {
    position: relative;
}
.text-align-center {
    text-align: center;
}
.text-align-left{
	text-align: left;
}
strong,
.strong {
    font-weight: bold;
}
/* For the bold text issue in Mac */
body{
	-webkit-font-smoothing: antialiased;
}
html {
	-ms-overflow-style: scrollbar;
}
.login-form-title {
    margin-bottom: 10px;
}
/*------------------------------------*\
Checkbox Radio Button
\*------------------------------------*/

.table-grid th .css-label {
    background-image: url("../img/icons/checkbox-blank-white.svg");
}
.css-label {
    background-image: url("../img/icons/checkbox-blank.svg");
}
.table-grid .checkbox {
    text-align: center;
}
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
    margin-left: 2px;
    opacity: 0;
    position: absolute;
    cursor: pointer;
}
input.css-checkbox[type="checkbox"]+label.css-label {
    background-position: 0 2px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    height: 20px;
    line-height: 17px;
    margin-left: 0;
    margin-right: 10px;
    opacity: 1;
    padding-left: 20px;
    vertical-align: middle;
}
input[type="checkbox"]:not(old)+label>span,
input[type="radio"]:not(old)+label>span {
    background: none repeat scroll 0 0 transparent;
    border: 2px solid;
    border-radius: 50% 50% 50% 50%;
    display: inline-block;
    float: left;
    height: 16px;
    margin: 0.25em 0.5em 0.25em 0.25em;
    vertical-align: bottom;
    width: 16px;
}
input[type="checkbox"]:checked:not(old)+label>span,
input[type="radio"]:checked:not(old)+label>span {
    background-image: linear-gradient(#E0E0E0, #F0F0F0);
}
input.css-checkbox[type="checkbox"]:checked+label.css-label {
    background-image: url("../img/icons/checkbox-checked.svg");
}
th .checkbox input.css-checkbox[type="checkbox"]:checked+label.css-label {
    background-color: #fff;
    background-image: url("../img/icons/checkbox-checked-head.svg");
    background-position: 0 center;
    height: 16px;
    min-height: 16px;
}
.check-block {
    float: left;
}
.css-checkbox {
    height: 18px;
    display: none;
}
/*------- Forms Element Radio Button -------*/

.radio-btn input {
    display: none;
}
input[type="checkbox"]:not(old),
input[type="radio"]:not(old) {
    font-size: 1em;
    margin: 0;
    opacity: 0;
    padding: 0;
}
input[type="checkbox"]:not(old)+label,
input[type="radio"]:not(old)+label {
    color: #5c5c5c;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    line-height: 31px;
    margin-left: 0;
}
input[type="checkbox"]:not(old)+label>span,
input[type="radio"]:not(old)+label>span {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #515151;
    border-radius: 50%;
    display: inline-block;
    float: left;
    height: 16px;
    margin: 0.25em 0.5em 0.25em 0.25em;
    vertical-align: bottom;
    width: 16px;
}
input[type="checkbox"]:checked:not(old)+label>span,
input[type="radio"]:checked:not(old)+label>span {
    background-image: linear-gradient(#e0e0e0, #f0f0f0);
}
input[type="checkbox"]:checked:not(old)+label>span::before {
    color: #99cc66;
    content: "";
    display: block;
    font-size: 0.875em;
    font-weight: bold;
    line-height: 1em;
    text-align: center;
    text-shadow: 0 0 0.0714em #73994d;
    width: 1em;
}
input[type="radio"]:checked:not(old) + label > span {
    border: 2px solid #2991d6;
}
input[type="radio"]:checked:not(old)+label>span>span {
    background: #2991d6 none repeat scroll 0 0;
    border-radius: 50%;
    display: block;
    height: 8px;
    margin: 2px;
    width: 8px;
}
.radio-btn {
    float: left;
    margin-top: 6px;
    position: relative;
}
.radio-btn.radio-btn label {
    line-height: 22px;
    text-transform: capitalize;
    margin-right: 10px;
}
.form-group-col-2 .input-wrapper{
    width: 50%;
    position: relative;
    float: left;
}
.form-group-col-3 .input-wrapper{
    width: 33.33%;
    position: relative;
    float: left;
}
/*------------------------------------*\
button
\*------------------------------------*/

.uie-btn {
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    color: #2991d6;
    font-size: 14px;
    height: 40px;
    margin: 5px 5px 5px 0;
    overflow: hidden;
    padding: 0 22px;
}
.uie-btn:hover,
.uie-btn:focus {
    background-color: #0c79c1;
    border: 1px solid #0c79c1;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    color: #ffffff;
}
.uie-btn-primary {
    background-color: #2991d6;
    border: 1px solid #0c79c1;
    color: #fff;
}
.uie-btn.uie-btn-primary a {
    color: #ffffff;
}
.uie-btn-success {
    background-color: #45b6b0;
    border: 1px solid #39a9a3;
    color: #fff;
}
.uie-btn-success:hover {
    background-color: #39a9a3;
    border: 1px solid #39a9a3;
}
.uie-btn-error {
    background-color: #ff0000;
    border: 1px solid #df1111;
    color: #fff;
}
.uie-btn-error:hover,
.uie-btn-error:focus {
    background-color: #df1111;
    border: 1px solid #df1111;
}
.uie-btn-warning {
    background-color: #feaa30;
    border: 1px solid #d98a18;
    color: #fff;
}
.uie-btn-warning:hover {
    background-color: #d98a18;
    border: 1px solid #d98a18;
}
.uie-btn-disable {
    background-color: #f6f6f6;
    color: #c5c5c5;
}
.uie-btn-disable:hover {
    cursor: no-drop;
    background-color: #f6f6f6;
    border: 1px solid #d8d8d8;
    box-shadow: none;
    color: #c5c5c5;
}
.w-xs {
    min-width: 80px;
}
.w-sm {
    min-width: 95px;
}
.w-md {
    min-width: 110px;
}
.w-lg {
    min-width: 140px;
}
.btn-lg {
    height: 50px;
    font-size: 18px;
    line-height: 1.33333;
    padding: 10px 22px;
}
.btn-sm {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 22px;
    height: 35px;
}
.btn-xs {
    border-radius: 3px;
    font-size: 12px;
    height: 25px;
    line-height: 1.5;
    padding: 0 12px;
}
.form-btn-group {
    clear: both;
    margin-top: 0px;
    overflow: hidden;
    margin-left: 116px;
    margin-top: 10px;
}
.btn-value {
    border-radius: 0 2px 2px 0;
    display: table-cell;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    padding: 0 24px;
}
.btn-icon {
    background-color: #0C79C1;
    display: table-cell;
    height: 40px;
    vertical-align: middle;
    width: 40px;
}
.button {
    background: none repeat scroll 0 0 #2991D6;
    border: 1px solid #0C79C1;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: inline-block;
}
a.button {
    text-decoration: none;
}
.button .btn-value:hover,
a.button:hover {
    background-color: #FFFFFF;
    box-shadow: 1px 0 6px rgba(0, 0, 0, 0.3);
    color: #0C79C1;
}
.button .btn-value:active,
a.button:active {
    background-color: #FFFFFF;
    box-shadow: none;
    color: #0C79C1;
}
.button .btn-value:focus,
a.button:focus {
    background-color: #FFFFFF;
    box-shadow: none;
    color: #0C79C1;
}
.button-normal {
    background-color: #FFFFFF;
    color: #0C79C1;
}
.button-normal .btn-value:hover {
    background-color: #2991D6 !important;
    border-radius: 0 0 0 0;
    color: #FFFFFF;
}
.button-normal .btn-value:active,
.button-normal .btn-value:focus {
    background-color: #2991D6 !important;
    border-radius: 0 0 0 0;
    box-shadow: none;
    color: #FFFFFF;
}
.margin-5 {
    margin-right: 5px;
}
.full-dropdown {
    width: 348px;
}
.dropdown-menu ul li a {
    font-size: 13px !important;
    padding: 3px 10px !important;
}
.grid-pagination-width-1 .dropdown-menu ul li a{
	padding: 3px 1px !important;
}
/*------- File upload button normal Disable -------*/

.file .gui-file {
    bottom: 0;
    cursor: pointer;
    height: 100%;
    opacity: 0;
    padding: 8px 10px;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 11;
}
.section {
    margin-bottom: 22px;
}
.field.prepend-icon.file {
    border: 1px solid #d8d8d8;
    display: inline-block;
    left: 0;
    line-height: 30px;
    padding-left: 15px;
    position: relative;
    top: 0;
    vertical-align: top;
    width: 100%;
}
.uie-btn.uie-btn-primary.btn-sm.right {
    border: medium none;
    border-radius: 0;
    float: right;
    line-height: 25px;
}
.file {
    display: block;
    width: 100%;
}
.field {
    display: block;
    position: relative;
}
.field-icon {
    left: 0;
    line-height: 33px;
    margin: 0 10px 0 0;
}
.gui-input {
    border: medium none;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
}
/*------- Forms Element normal Disable -------*/

.uie-btn.uie-primary-disable {
    background: #f6f6f6 none repeat scroll 0 0;
    border: 1px solid #e6e6e6;
    color: #c5c5c5;
}
.uie-btn.uie-primary-disable:hover {
    box-shadow: none;
    cursor: no-drop;
}
/*------- Forms Element normal Error -------*/

.uie-btn.uie-primary-error {
    background: #ff0000 none repeat scroll 0 0;
    border: 1px solid #cf2619;
    box-shadow: none;
}
/*------- Forms Element normal Warning -------*/

.uie-btn.uie-primary-warning {
    background: #feaa30 none repeat scroll 0 0;
    border: 1px solid #d2881c;
}
.uie-btn.uie-primary-warning:hover {
    box-shadow: none;
}
/*------- Forms Element normal-large-button -------*/

.uie-primary-normal-large-button {
    min-width: 140px;
}
/*------- Forms Element large-button -------*/

.uie-primary-large-button {
    min-width: 170px;
}
/*------- Forms Element extra-large-button -------*/

.uie-primary-button {
    border: 1px solid #0c79c1;
    height: 40px;
    padding: 0;
    text-align: left;
    border-radius: 3px;
    background: #2991d6;
    color: #ffffff;
    font-size: 14px;
}
.uie-primary-button .btn-icon {
    background-color: #0c79c1;
    display: inline-block;
    float: left;
    height: 39px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}
.btn-icon img {
    width: 14px;
}
.btn-value {
    border-radius: 0 2px 2px 0;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    height: 38px;
    line-height: 38px;
    padding: 0 24px;
    width: auto;
}
.uie-secondary-btn {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #0c79c1;
    border-radius: 3px;
    font-size: 14px;
    height: 40px;
    line-height: 0;
    padding: 0 24px;
}
.uie-icon-btn:hover,
.uie-icon-btn:focus {
    background: #fff !important;
    transition: all 0.2s ease 0s;
}
.uie-btn.uie-primary-button.uie-icon-btn.filter-submit:focus .btn-value {
    color: #2991d6;
}
.uie-icon-btn:hover .btn-value {
    color: #0c79c1 !important;
    transition: all 0.2s ease 0s;
}
.uie-button:hover {
    background: #0c79c1;
    color: #ffffff;
    transition: all 0.2s ease 0s;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
/*------- Forms Element Icon Based Button -------*/

.group-button {
    border: 1px solid #d8d8d8;
    float: left;
    background: none;
    background: none;
    box-shadow: 0 2px 4px -5px rgba(0, 0, 0, 0.1), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 0 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 4px -5px rgba(0, 0, 0, 0.1), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 0 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 4px -5px rgba(0, 0, 0, 0.1), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 0 0 rgba(0, 0, 0, 0.12);
}
.uie-btn-icon {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: none;
    border-right: 1px solid #d8d8d8;
    color: #0c79c1;
    display: block;
    float: left;
    height: 45px;
    line-height: 45px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 45px;
}
.uie-btn-icon:hover a {
    color: #ffffff;
}
.uie-btn-icon:hover {
    background-color: #2991d6;
    color: #ffffff;
    transition: 0.5s;
}
.uie-btn-icon:last-child {
    border: medium none;
}
.icons-based-button-set {
    float: left;
    background: none;
    border: 1px solid #d8d8d8;
    box-shadow: 0 2px 4px -5px rgba(0, 0, 0, 0.1), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 0 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 4px -5px rgba(0, 0, 0, 0.1), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 0 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 4px -5px rgba(0, 0, 0, 0.1), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 0 0 rgba(0, 0, 0, 0.12);
}
.ico-based-btn-set-btn {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: none;
    border-right: 1px solid #d8d8d8;
    color: #0c79c1;
    display: block;
    float: left;
    height: 38px;
    line-height: 38px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 38px;
}
.ico-based-btn-set-btn:hover {
    background-color: #2991d6;
    color: #ffffff;
    transition: 0.5s;
}
.ico-based-btn-set-btn:last-child {
    border: medium none;
}
/*------- Forms Element Flat Button -------*/

.flat-button {
    color: #0c79c1;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    border: none;
    padding: 10px;
    background: none;
}
.flat-button:hover {
    color: #0c79c1;
    text-decoration: none;
}
/*------- Forms Element UI Date Picker -------*/

.ui-datepicker-title select::before {
    border-left: 5px solid #ffffff;
    border-right: 5px solid #ffffff;
    border-top: 5px solid #373374;
    content: "";
    position: absolute;
    right: 14px;
    top: 14px;
}
#datepicker {
    margin: 0;
}
.daterangepicker.dropup {
    margin-top: -4px;
}
/*------------------------------------*\
Toggle Switch
\*------------------------------------*/

ul.toggle-switch {
    border: 1px solid #d8d8d8;
    display: inline-block;
    height: 33px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 70px;
}
ul.toggle-switch li a {
    display: inline-block;
    float: left;
    font-size: 12px;
    line-height: 31px;
    padding: 0;
    text-align: center;
    width: 34px;
    cursor: pointer;
    color: #5c5c5c;
    text-decoration: none;
    text-transform: uppercase;
}
.on.switch a {
    background: none repeat scroll 0 0 #2991D6;
}
.switch a {
    color: #FFFFFF !important;
}
.on {
    border-right: medium none;
}
.off.switch a {
    background: none repeat scroll 0 0 #5C5C5C;
}
.disabled li {
    background: none repeat scroll 0 0 #F6F6F6;
}
.disabled li:first-child {
    border-right: medium none;
}
.disabled li:last-child {
    border-left: medium none;
}
.disabled li a {
    color: #C5C5C5;
}
/*------------------------------------*\
Text Box
\*------------------------------------*/

.text-box {
    border: 1px solid #d8d8d8;
    font-size: 14px;
    height: 35px;
    margin: 0 0 5px;
    padding:5px 10px;
    width: 100%;
}
.text-box:focus,
.textarea-box:focus, .bootstrap-tagsinput.input-focussed {
    border: 1px solid #2991D6;
    box-shadow: 0 0 4px rgba(41, 145, 214, 0.3);
    -webkit-box-shadow: 0 0 4px rgba(41, 145, 214, 0.3);
    -moz-box-shadow: 0 0 4px rgba(41, 145, 214, 0.3);
}
.dropdown-list:focus .selected-listitem {
    border: 1px solid #2991d6;
    box-shadow: 0 0 4px rgba(41, 145, 214, 0.3);
    -webkit-box-shadow: 0 0 4px rgba(41, 145, 214, 0.3);
    -moz-box-shadow: 0 0 4px rgba(41, 145, 214, 0.3);
    -o-box-shadow: 0 0 4px rgba(41, 145, 214, 0.3);
}
.selected-listitem.grey-color.lang-list-block:focus {
    border: 1px solid #2991D6;
    box-shadow: 0 0 4px rgba(41, 145, 214, 0.3);
    -webkit-box-shadow: 0 0 4px rgba(41, 145, 214, 0.3);
    -moz-box-shadow: 0 0 4px rgba(41, 145, 214, 0.3);
}
html body .form-col-2.p-r-5 .disable-text-box {
    cursor: no-drop;
}
.disable-text-box {
    background: #f6f6f6 none repeat scroll 0 0;
    cursor: no-drop;
}
.input-icon {
    position: absolute;
    right: 10px;
    top: 10px;
}
html body button[disabled],
html div input[disabled] {
    cursor: no-drop;
    background: #f6f6f6;
    color: #999;
}
html body button[disabled],
html div input[disabled] {
    background-color: #f6f6f6;
    color: #f6f6f6;
    border: 1px solid #d8d8d8;
}
html body button[disabled]:hover,
html div input[disabled]:hover {
    cursor: no-drop;
    background-color: #f6f6f6;
    border: 1px solid #d8d8d8;
    box-shadow: none;
    color: #f6f6f6;
}
/*------------------------------------*\
Lable
\*------------------------------------*/

.label {
 	border-radius: 0;
    color: #707070;
    font-size: 12px;
    font-weight: normal;
    margin: 0 5px 0 0;
    padding: 0;
    text-align: right;
    vertical-align: middle;
    white-space: pre-wrap;
    word-wrap: break-word;
    display: inline-table;
    line-height: 15px;
    word-break: break-word;
}
.label.label-bold {
    color: #2991D6 !important;
}
.label-bold {
    font-weight: 600;
}

.element-clear .text-box{
	color: #f6f6f6;
}

.element-clear .text-box:hover{
	color: #f6f6f6;
}
.normal-form .label {
    text-align: left;
    vertical-align: top;/* For spacing */
}
.normal-form .form-col-1{/* For spacing */
	line-height: 18px;
}
.normal-form .form-col-2 .label:not(.tag){
	margin-top: 10px;
}
/*------------------------------------*\
Dropdown
\*------------------------------------*/

.dropdown-list {
    cursor: pointer;
    font-size: 14px;
    line-height: 30px;
    position: relative;
    margin: 0 0 5px 0px;
}
.selected-listitem {
    border: 1px solid #d8d8d8;
    padding: 0 14px 0 10px;
    height: 35px;
    overflow-x: hidden;
}
.drop-menu-list .dropdown-list ul li i {
    font-size: 18px;
    margin: 0 5px 0 0;
    color: #373B41;
}
.dropdown-list .default-listitem {
    display: none;
}
.dropdown-list ul {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d8d8d8;
    display: none;
    left: 0px;
    max-height: 170px !important;
    overflow-y: auto;
    position: absolute;
    top: 35px;
    width: 100%;
    z-index: 100;
}
.dropdown-list ul li {
    border-bottom: 1px solid #d8d8d8;
    color: #5c5c5c;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 21px;
    padding: 7px 10px;
    word-wrap: break-word;
    overflow-x: hidden;
}
.bootstrap-select button.dropdown-toggle {
    border-radius: 0;
    background: none !important;
    padding-right: 46px;
    color: #5c5c5c !important;
    height: 35px;
}
.bootstrap-select button.dropdown-toggle:focus {
    /* border: 1px solid #2991d6 !important; */
    box-shadow: 0 0 4px rgba(41, 145, 214, 0.3);
    outline: medium none;
    outline-offset: -2px;
}
.pages-info .dropdown-list .mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -1px -1px;
}
.pages-info .mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 0;
    bottom: 0;
}
.dropdown-list .mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 10px 0;
}
.dropdown-list ul li:last-child {
    border-bottom: 0 none;
}
.dropdown-list ul li:hover {
    background: #e0f3ff none repeat scroll 0 0;
    color: #2991d6;
}
.selected-listitem::before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #373374;
    content: "";
    position: absolute;
    right: 14px;
    top: 16px;
}
.check-btn-form-uie {
    margin: 5px 0 10px;
}
.page-record-options .dropdown-list ul {
    left: 0;
    top: 19px;
}
/* Button Action Dropdown */

.uie-dropdown-btn {
    background: #2991d6 none repeat scroll 0 0;
    color: #ffffff;
    float: left;
    font-size: 12px;
    height: 24px;
    margin: 0;
    padding: 0;
    border: 1px solid #0c79c1;
    border-right: none;
    border-left: none;
    border-radius: 3px 0 0 3px;
    line-height: 22px;
}
.uie-dropdown-btn:hover {
    background: none;
    color: #2991d6;
}
.uie-dropdown-btn-menu {
    display: none;
}
.uie-dropdown-btn i {
    background-color: #0c79c1;
    border-radius: 3px 0 0 3px;
    color: #ffffff;
    float: left;
    height: 23px;
    line-height: 27px;
    padding: 0;
    width: 24px;
}
/* Button Action group menu */

.group-btn {
    background: #2991d6 none repeat scroll 0 0;
    color: #ffffff;
    float: left;
    font-size: 12px;
    height: 24px;
    margin: 0;
    padding: 0;
    border: 1px solid #0c79c1;
    border-left: none;
    border-radius: 3px;
    line-height: 22px;
}
.group-btn:hover,
.group-btn:focus {
    background: none;
    color: #2991d6;
}
.uie-dropdown-btn-menu {
    display: none;
}
.group-btn i {
    background-color: #0c79c1;
    border-radius: 3px 0 0 3px;
    color: #ffffff;
    float: left;
    height: 23px;
    line-height: 25px;
    padding: 0;
    width: 24px;
}
.action-btn {
    padding: 0 10px;
}
.uie-dropdown-btn-click {
    border: 1px solid #0c79c1;
    border-radius: 0 3px 3px 0;
    height: 24px;
    line-height: 10px;
    padding: 0;
    position: relative;
    width: 15px;
}
.uie-dropdown-btn-click i {
    font-size: 10px;
    line-height: 14px;
    padding: 0;
    text-align: center;
    color: #120e5b;
}
.uie-dp-menu {
    background: #ffffff none repeat scroll 0 0;
    bottom: -47px;
    display: none;
    left: 45px;
    list-style: outside none none;
    padding: 0;
    position: absolute;
    width: 120px;
    z-index: 9999;
    cursor: pointer;
}
.uie-dp-menu::before {
    border-bottom: 7px dashed #dadada;
    border-left: 6px solid #ffffff;
    border-right: 6px solid #ffffff;
    content: "";
    left: 54px;
    position: absolute;
    top: -7px;
}
.uie-dp-menu ul {
    border: 1px solid #e6e6e6;
    list-style: outside none none;
}
.uie-dp-menu li {
    border-bottom: 1px solid #e6e6e6;
    color: #5c5c5c;
    font-size: 14px;
    height: 34px;
    line-height: 27px;
    list-style: outside none none;
    padding: 3px 10px 10px;
    text-align: center;
}
.uie-dp-menu li a {
    color: #5c5c5c;
}
.uie-dp-menu li a:hover {
    color: #2991d6;
    text-decoration: none;
}
.uie-dp-menu li:hover a {
    color: #2991d6;
}
.uie-dp-menu li:hover {
    background: #e0f3ff none repeat scroll 0 0;
    color: #2991d6;
}
.uie-dp-menu ul li i {
    padding: 0 5px 0 0;
}
.profile-ico {
    background: url(../img/icons/user-black.svg) no-repeat;
}
/*------------------------------------*\
All dialog Box Flat button
\*------------------------------------*/

.modal-dialog .uie-btn-primary,
.modal-dialog .uie-secondary-btn,
.conf-alert .uie-btn-primary,
.normal-alert .uie-btn-primary {
    background: none;
    border: none;
    color: #337ab7;
    font-weight: bold;
    padding: 0px 10px;
    margin: 0px;
    height: 27px;
    box-shadow: none;
}
.modal-dialog .uie-btn-primary:hover,
.modal-dialog .uie-secondary-btn:hover,
.modal-dialog .uie-btn-primary:hover,
.modal-dialog .uie-secondary-btn:focus,
.conf-alert .uie-btn-primary:hover,
.normal-alert .uie-btn-primary:hover,
.conf-alert .uie-btn-primary:focus,
.normal-alert .uie-btn-primary:focus {
    background: none;
    border: none;
    box-shadow: none;
    color: #23527c;
    font-weight: bold;
}
.modal-dialog .uie-btn.uie-btn-primary:focus {
    color: #23527c;
}
.center-btn {
    margin: 0 0 5px;/* 15px 0 5px */
    text-align: center;
    clear: both;
}
.modal-body-content .center-btn.col-md-12.clearfix .uie-btn.uie-btn-primary:focus {
    color: #23527c;
}
#manage-columns .center-btn.col-md-12.clearfix {
    text-align: right;
}
.modal-content.terms-conditions-text .center-btn.col-md-12.clearfix {
    text-align: right;
    float: right;
}
.alert-btn-popup p {
    text-align: left;
    padding: 0;
}
/*------------------------------------*\
Rule Mgmt page
\*------------------------------------*/

.form-row.clearfix>label {
    width: 29%;
}
/*------------------------------------*\
File upload button
\*------------------------------------*/

.file .gui-file {
    bottom: 0;
    cursor: pointer;
    height: 100%;
    opacity: 0;
    padding: 8px 10px;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 11;
}
.MultiFile-list {
    position: relative;
    z-index: 999999999;
}
.file-upload {
    bottom: 0;
    cursor: pointer;
    height: 100%;
    opacity: 0;
    padding: 8px 10px;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 11;
}
.section {
    margin-bottom: 22px;
}
.field.prepend-icon.file {
    border: medium none;
    display: inline-block;
    left: 0;
    line-height: 30px;
    padding-left: 0;
    position: relative;
    top: 0;
    vertical-align: top;
    width: 100%;
}
.uie-btn.uie-btn-primary.btn-sm.right {
    float: right;
    margin: 0;
}
.file {
    display: block;
    width: 100%;
}
.field {
    display: block;
    position: relative;
}
.field-icon {
    left: 0;
}
.gui-input {
    border: 1px solid #d8d8d8;
    height: 35px;
    line-height: 22px;
    padding: 5px 8px;
    text-align: left;
    width: 280px;
}
.modal-body-file1.modal-box-file1,
.modal-body-file2 {
    height: 225px;
    min-height: 95px;
    overflow-x: hidden !important;
    padding: 15px;
    position: relative;
    width: 100%;
    z-index: 99999;
}
.MultiFile-label:last-child {
    border: none;
}
.modal-body-file2.modal-box-file1,
.modal-body-file2.modal-box-file2 {
    padding: 15px;
}
.modal-dialog.modal-box-file1 {
    max-width: 350px;
    width: 100%;
}
.modal-dialog.modal-box-file2 {
    max-width: 350px;
    width: 100%;
    padding: 15px;
}
.MultiFile-label span span {
    border: medium none;
}
.MultiFile-label {
    border-bottom: 1px solid #e5e5e5;
    clear: both;
    float: left;
    margin: 3px 0;
    width: 100%;
}
.MultiFile-remove {
    border: 2px solid #2991d6;
    border-radius: 25px;
    color: #000000;
    font-family: Verdana;
    font-size: 16px;
    font-weight: 400;
    height: 25px;
    line-height: 19px;
    margin: 3px 0 0;
    position: absolute;
    right: 20px;
    text-align: center;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    width: 25px;
}
.MultiFile-remove:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    color: #000000;
    text-decoration: none;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
}
.input-file {
    position: relative;
    margin: 0 5px 0 0px;
    display: table;
}
.input-file .input-group-addon {
    border: 0px;
    padding: 0px;
}
.input-file .input-group-addon .btn,
.form-control {
    border-radius: 0;
}
.input-file .input-group-addon input {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    right: 0;
    filter: alpha(opacity 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    background-color: transparent;
    color: transparent;
}
.input-group-addon .btn.btn-primary {
    margin: 0px 0 0 10px;
    position: relative;
}
.input-group-addon {
    background: none;
}
.btn-primary:hover,
.input-group.input-file:focus .input-group-addon .btn.btn-primary {
    background-color: #286090;
    border-color: #204d74;
    color: #fff;
}
.set-uppercase {
    text-transform: uppercase;
}
/*------------------------------------*\
Tooltip Styles
\*------------------------------------*/
/* Base styles for the element that has a tooltip */

[data-tooltip],
.tooltip {
    position: relative;
    cursor: pointer;
}
[data-tooltip]:hover::after,
[data-tooltip]:hover::before {
    opacity: 1;
    visibility: visible;
}
/* Base styles for the entire tooltip */

[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
    position: absolute;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s fadeIn(0.71, 1.7, 0.77, 1.24);
    -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s fadeIn(0.71, 1.7, 0.77, 1.24);
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s fadeIn(0.71, 1.7, 0.77, 1.24);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    pointer-events: none;
}
.app-action-group .tooltip-bottom[data-tooltip]::after,
.app-action-group .tooltip-bottom.tooltip::after,
.app-action-group .tooltip-bottom.tooltip-top::after {
    right: 0%;
}
/* Show the entire tooltip on hover and focus */

.app-action-group .tooltip-bottom[data-tooltip]::after,
.app-action-group .tooltip-bottom.tooltip::after,
.app-action-group .tooltip-bottom.tooltip-top::after {
    right: 0%;
}
[ data-tooltip]:hover:before,
[ data-tooltip]:hover:after,
.tooltip:hover:before,
.tooltip:hover:after
{
    visibility: visible;
    -ms-filter: "
	progid: DXImageTransform .Microsoft .Alpha (Opacity=100)";
	filter: progid: DXImageTransform .Microsoft .Alpha (Opacity=100);
    opacity: 1;
}/* Have to check this css */
/* Base styles for the tooltip's directional arrow */

.tooltip:before,
[data-tooltip]:before {
    z-index: 1001;
    border: 8px solid transparent;
    background: transparent;
    content: "";
}
/* Base styles for the tooltip's content area */

.tooltip::after,
[data-tooltip]::after {
    background-color: #fff;
    border: 1px solid #d8d8d8;
    color: #2991d6;
    content: attr(data-tooltip);
    font-size: 13px;
    line-height: 1.2;
    padding: 8px;
    white-space: nowrap;
    z-index: 9999999;
}
/* Directions */
/* Top (default) */

[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
    bottom: 100%;
    riht: 0%;
}
[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
    border-top-color: #d8d8d8;
    margin-bottom: -15px;
    margin-left: -8px;
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    [data-tooltip]:before,
    .tooltip:before,
    .tooltip-top:before {
        border-top-color: #d8d8d8;
        margin-bottom: -15px;
        margin-left: 5px;
    }
}
/* Horizontally align top/bottom tooltips */

[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
    right: 0%;
}
.sidebar-nav [data-tooltip]::after,
.tooltip::after,
.tooltip-top::after {
    right: auto;
    left: 0%;
}
.sidebar-nav [data-tooltip]::after,
.tooltip::after,
.tooltip-top::after {
    left: 100%;
    right: auto;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
    /*  -webkit-transform: translateY(-12px);
    -moz-transform: translateY(-12px);
    transform: translateY(-12px); */
}
/* Left */

.tooltip-left:before,
.tooltip-left:after {
    right: 100%;
    bottom: 50%;
    left: auto;
}
.tooltip-left:before {
    margin-left: 0;
    margin-right: -15px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-left-color: #000;
    border-left-color: #d8d8d8;
}
.range[data-tooltip]::before,
.tooltip::before,
.tooltip-top::before {
    margin-left: 6px;
}
.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
    -webkit-transform: translateX(-12px);
    -moz-transform: translateX(-12px);
    transform: translateX(-12px);
}
/* Bottom */

.tooltip-bottom:before,
.tooltip-bottom:after {
    top: 36px;
    bottom: auto;
}
.panel-block-actions .tooltip-bottom:before,
.panel-block-actions .tooltip-bottom:after {
    top: 46px;
}
.tooltip-bottom:before {
    margin-top: -15px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-bottom-color: #000;
    border-bottom-color: #d8d8d8;
}
.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
    /* -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    transform: translateY(12px);*/
}
/* Right */

.tooltip-right::before,
.tooltip-right::after {
    bottom: 50%;
    left: 100%;
}
.tooltip-right:before {
    border-right-color: #d8d8d8;
    border-top-color: transparent;
    margin-bottom: 0;
    margin-left: -16px;
}
.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
    /*  -webkit-transform: translateX(13px);
    -moz-transform: translateX(13px);
    transform: translateX(13px); */
}
/* Move directional arrows down a bit for left/right tooltips */

.tooltip-left:before {
    top: 2px;
}
.tooltip-right::before {
    top: 33%;
}
/* Vertically center tooltip content for left/right tooltips */

.tooltip-left:after,
.tooltip-right:after {
    margin-left: 0;
    margin-bottom: -16px;
}
/*------------------------------------*\
Accordion
\*------------------------------------*/

.accordion {
    margin: 0;
    padding: 0;
    border: 1px solid #d8d8d8;
    border-top: none;
}
.accordion-panel {
    margin: 0;
    padding: 0;
}
.accordion-header {
    background-color: #f6f6f6;
    border-top: 1px solid #d8d8d8;
    height: 28px;
    padding: 0 30px 0 15px;
    position: relative;
}
.accordion-panel.active > .accordion-header {
    border-bottom: 1px solid #d8d8d8;
    background-color: #ffffff;
}
.accordion-header h3 {
    color: #5c5c5c;
    font-size: 12px;
    font-weight: bold;
    line-height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left:15px;
}
.accordion-header span {
   border-left: 1px solid #d8d8d8;
	height: 27px;
	position: relative;
	right: 0;
	top: -25px;
	width: 30px;
	/* z-index: 999; */
	float: right;
}
.accordion-content {
    font-size: 12px;
    line-height: 20px;
    margin: 0 0;
    opacity: 0;
    overflow: hidden;
    height: 0;
}
.active > .accordion-content {
    height: auto;
    opacity: 1;
    overflow: visible;
    margin: 15px 0;
}
.accordion-panel.active > h3, .accordion-header:hover > h3 {
    color: #2991d6;
}
.accordion-header span i {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #373374;
    position: absolute;
    right: 10px;
    top: 11px;
}
.accordion-panel.active > .accordion-header span i {
    border-bottom: 5px solid #373374;
    border-top: none;
}
.accordion-header:hover {
    cursor: pointer;
}
.accordion-title {
    position:absolute;
    width:100%;
    left:0;
    height:30px;
    top:0;
    /* z-index:99; */
}
.accordion-sub-title {
    padding: 0 0 11px;
    color: #120e5b;
    word-wrap: break-word;
}
.plus-icon.tooltip-bottom::before, .edit-icon.tooltip-bottom::before, .delete-icon.tooltip-bottom::before{
	margin-left: -22px;
}
.accordion-actions a{
	position: relative;
	float: right;
	border-left: 1px solid #d8d8d8;
	height: 27px;
	display:block;
	top: 0;
	width:30px;
}
.accordion-actions a:focus{
	border:1px dotted #120E5B;
}
.accordion-content .accordion-section-wrapper .accordion-actions a:focus{
	border:1px dotted #120E5B;
}
a.prev-page:focus, a.next-page:focus {
    border: 1px solid #2991d6 !important;
}
.plus-icon{
	background:url(../img/icons/add-more.svg) no-repeat center center;
	background-size:11px; 
}
.edit-icon{
	background: url(../img/icons/edit.svg) no-repeat center center;
	background-size: 14px;
}
.edit-icon.is-edit{
	background-image: url(../img/icons/view.svg);
	background-size: 17px;
}
.delete-icon{
	background: url(../img/icons/delete.svg) no-repeat center center;
	background-size:13px;
}
.undo-icon{
	background: url(../img/icons/undo.svg) no-repeat center center;
	background-size:13px;
}
.accordion-content .accordion-content-wrapper .accordion-panel.active > .accordion-header {
    border-bottom: none;
    border-top: none;
    background-color: #f6f6f6;
}
.accordion-content .accordion-content-wrapper .filter-accordion .accordion-panel.active > .accordion-header {
    border-bottom: 1px solid #d8d8d8;
}
.accordion-content .accordion-content-wrapper .filter-accordion .accordion {
    border: 1px solid #d8d8d8;
}
.accordion-content .accordion-content-wrapper .accordion-header { 
    border-top: none;
}
.accordion-content .accordion-content-wrapper .accordion-panel.active > .accordion-header h3 {
    color: #120e5b;
}
.accordion-content .accordion-content-wrapper .accordion {
    border: none;
}
.accordion-section-wrapper > .app-action-form.col-md-6:nth-last-child(2) {
    margin: 0;
}
/* .accordion-content .accordion-content .pagination-block.top-pagination {
    border: 1px solid #f1f1f1;
    margin-top: 10px;
} */
.accordion-content .accordion-content .pagination-block.bottom-pagination {
    border-bottom: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    width:100%;
}
.accordion-content .accordion-content .pagination-block.bottom-pagination {
    padding: 0 0 12px 15px;
}
.accordion-content .accordion-content .pagination-block.bottom-pagination .pages-info {
    padding: 12px 0 0 0;
}
.accordion-content .accordion-content .grid-action-group {
    margin: 9px 15px 5px 0px;
}
/*------------------------------------*\
Date and time Piker
\*------------------------------------*/

.dropdown-menu-time-piker {
    display: none;
}
.calendar-icon {
    background: #ff0000 none repeat scroll 0 0;
    clear: none;
    display: inline-block;
    height: 30px;
    width: 30px;
}
.daterangepicker.dropdown-menu.show-calendar.opensright {
    max-height: 400px !important;
}
.text-box.add-on {
    display: table-cell;
    margin: 0;
    position: relative;
    white-space: nowrap;
}
span.add-on {
    background-color: #f6f6f6;
    border: 1px solid #d8d8d8;
    border-image: none;
    border-left: 0 none;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    width: 30px;
    display: table-cell;
    font-size: 20px;
    color: #120e5b;
    cursor: pointer;
}
.datepicker-row {
    display: block;
    width: 100%;
    position: relative;
} 
.datepicker-row .text-box {
    padding-right: 35px;
    background: url("../img/icons/date.svg") no-repeat;
    background-position: right 10px center;
}
body .daterangepicker .ranges {
    border: 1px solid #d8d8d8;
    border-top: none;
    clear: both;
    margin: 0 0;
    padding:0;
    width: 100%;
}
/* .daterangepicker.dropdown-menu.opensright.show-calendar .ranges {
    width: 100%;
}
.daterangepicker.dropdown-menu.single.opensright.show-calendar .ranges {
    width: 100%;
} */
/* .calendar-time {
    background: rgba(0, 0, 0, 0) url("../img/icons/time-picker.svg") no-repeat scroll;
    background-position: 10px center;
    background-size: 12px;
} */
.time-icon {
    width: 25px;
    height: 25px;
    background: rgba(0, 0, 0, 0) url(../img/icons/time-picker.svg) no-repeat scroll;
    background-position: center center;
    background-size: 12px;
    left: 0;
    float: left;
    cursor: pointer;
}
.timepicker-show .time-icon{
	background-image: url(../img/icons/time-picker-active.svg);
}
.calendar-time {
    display: none;
}
.reset-calender {
    overflow: hidden;
    border-top: 1px solid #d8d8d8;
}
body .daterangepicker .reset-calender .ranges {
    padding: 5px 10px;
}
.calendar.right .calendar-time > div {
    margin: 0;
}
/* .daterangepicker .calendar-time {
    position: absolute !important;
    padding-left: 16px !important;;
} */
select::-ms-expand {
    display: none;
}
.daterangepicker  .calendar{
    border-top: none !important;
}
.calendar-time > div {
    margin: 0px;
    text-align: left;
}
.hourselect,
.minuteselect,
.secondselect,
.ampmselect {
    padding: 2px 5px;
    border: 1px solid #d8d8d8;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: #ffffff url("../img/icons/arrow-down.svg") no-repeat scroll 26px center;
    font-size: 12px;
    color: #120e5b;
    line-height: 12px;
}
.cancelBtn.uie-btn.uie-secondary-btn.btn.btn-sm.btn-default {
    height: 35px;
    font-size: 12px;
}
.applyBtn.uie-btn.uie-btn-primary.btn.btn-sm.btn-success:hover,
.applyBtn.uie-btn.uie-btn-primary.btn.btn-sm.btn-success:focus {
    background-color: #0c79c1;
    border: 1px solid #0c79c1;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    color: #ffffff;
}
.cancelBtn.uie-btn.uie-secondary-btn.btn.btn-sm.btn-default:hover,
.cancelBtn.uie-btn.uie-secondary-btn.btn.btn-sm.btn-default:focus {
    background-color: #0c79c1;
    border: 1px solid #0c79c1;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    color: #ffffff;
}
.text-box.hasDatepicker {
    margin: 0;
}
.clear-top {
    clear: both;
    padding: 20px;
}
.date-text-box {
    border: 1px solid #d8d8d8;
    font-size: 12px;
    height: 35px;
    margin: 0 0 0px;
    padding: 5px 8px;
    width: 100%;
}
.table-condensed {
    margin: auto;
    text-align: center;
}
.ui-widget-content::before {
    border-bottom: 10px dashed #dadada;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    content: "";
    position: absolute;
    right: 0;
    top: -11px;
}
.applyBtn.uie-btn.uie-btn-primary.btn.btn-sm.btn-success {
    background-color: #2991d6;
    border: 1px solid #0c79c1;
    color: #fff;
    height: 40px;
    padding: 0px 24px;
}
.cancelBtn.uie-btn.uie-secondary-btn.btn.btn-sm.btn-default {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #0c79c1;
    border-radius: 3px;
    font-size: 14px;
    height: 40px;
    line-height: 0;
    padding: 0 24px;
}

#grid-progressive-loader{
	background-image: url(../img/loading-content.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height: 25px;
    transform: translate(11%, -35%);
    position: relative;
    width: 25px;
    display: inline-block;
    background-size: 25px;
}


/*------------------------------------*\
Loader
\*------------------------------------*/

#loader {
    background-image: url("../img/loading.gif");
    background-position: center center;
    background-repeat: no-repeat;
    height: 150px;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
    top: 50%;
    width: 200px;
}
#loader span {
    position: relative;
    margin-top: 120px;
    display: block;
    text-align: center;
    color: #FFFFFF
}
.content-mask {
    background: rgba(255, 255, 255, 0.86) none repeat scroll 0 0;
    float: left;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1000;
}
.block-head {
    height: 100%;
    min-height: 65px;/* For the forms having single field */
    position: relative;
}
#panel-grid-content.block-head {
    height: 100%;
    min-height: 100%;
}
.app-action-form.app-action-form-block.clearfix.uploadedi-block.element-sec.block-head {
    position: relative;
    min-height: 100%;
    height: 100%;
    left: 0px;
}
.maskfixed {
    background: rgba(0, 0, 0, 0.80);
    float: left;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 2147483647;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari 1.x */
    -khtml-opacity: 0.8;
    /* Good browsers */
    opacity: 0.8;
}
.content-mask #loader {
    position: absolute;
    background-image: url("../img/loading-content.gif");
    height: 100%;
}
/********* May be the following CSS we are not using #start# ********/
.ispinner {
    height: 20px;
    position: relative;
    width: 20px;
}
.ispinner {
    position: relative;
    width: 20px;
    height: 20px;
}
.ispinner .ispinner-blade {
    position: absolute;
    left: 44.5%;
    top: 37%;
    width: 10%;
    height: 25%;
    border-radius: 50%/20%;
    -webkit-animation: ispinner-fade 1s linear infinite;
    animation: ispinner-fade 1s linear infinite;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.ispinner .ispinner-blade:nth-child(1) {
    -webkit-animation-delay: -1.66667s;
    animation-delay: -1.66667s;
    -webkit-transform: rotate(0deg) translate(0, -150%);
    transform: rotate(0deg) translate(0, -150%);
}
.ispinner .ispinner-blade:nth-child(2) {
    -webkit-animation-delay: -1.58333s;
    animation-delay: -1.58333s;
    -webkit-transform: rotate(45deg) translate(0, -150%);
    transform: rotate(45deg) translate(0, -150%);
}
.ispinner .ispinner-blade:nth-child(3) {
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s;
    -webkit-transform: rotate(90deg) translate(0, -150%);
    transform: rotate(90deg) translate(0, -150%);
}
.ispinner .ispinner-blade:nth-child(4) {
    -webkit-animation-delay: -1.41667s;
    animation-delay: -1.41667s;
    -webkit-transform: rotate(135deg) translate(0, -150%);
    transform: rotate(135deg) translate(0, -150%);
}
.ispinner .ispinner-blade:nth-child(5) {
    -webkit-animation-delay: -1.33333s;
    animation-delay: -1.33333s;
    -webkit-transform: rotate(180deg) translate(0, -150%);
    transform: rotate(180deg) translate(0, -150%);
}
.ispinner .ispinner-blade:nth-child(6) {
    -webkit-animation-delay: -1.25s;
    animation-delay: -1.25s;
    -webkit-transform: rotate(225deg) translate(0, -150%);
    transform: rotate(225deg) translate(0, -150%);
}
.ispinner .ispinner-blade:nth-child(7) {
    -webkit-animation-delay: -1.16667s;
    animation-delay: -1.16667s;
    -webkit-transform: rotate(270deg) translate(0, -150%);
    transform: rotate(270deg) translate(0, -150%);
}
.ispinner .ispinner-blade:nth-child(8) {
    -webkit-animation-delay: -1.08333s;
    animation-delay: -1.08333s;
    -webkit-transform: rotate(315deg) translate(0, -150%);
    transform: rotate(315deg) translate(0, -150%);
}
.ispinner.animating .ispinner-blade {
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.ispinner.white .ispinner-blade {
    background-color: white;
}
.ispinner.gray .ispinner-blade {
    background-color: #8C8C8C;
}
.ispinner.large {
    height: 64px;
    width: 64px;
}
.ispinner.large .ispinner-blade {
    border-radius: 0;
    height: 14px;
    width: 8px;
}
@ -webkit-keyframes ispinner-fade {
    0% {
        opacity: 0.85;
    }
    50% {
        opacity: 0 .25;
    }
    100% {
        opacity: 0 .25;
    }
}
@ keyframes ispinner-fade {
    0% {
        opacity: 0.85;
    }
    50% {
        opacity: 0 .25;
    }
    100% {
        opacity: 0 .25;
    }
}
/********* May be the above CSS we are not using #end# ********/
.blockMsg {
    background-color: transparent !important;
}
/*------------------------------------*\
Application form action ablock
\*------------------------------------*/

.heading {
    color: #5C5C5C;
    font-weight: bold;
}
.app-action-form .heading {
    float: left;
    width: 90px;
    line-height: 35px;
}
.form-action-field {
    border-top: 1px solid #D8D8D8;
    padding-bottom: 0px;
    padding-top: 10px;
}
.form-action-field.scope-form{
	clear: both;
    margin-top: 20px;
}
.add-btn {
    float: left;
}
/* .form-row {
    margin-bottom: 5px;
} */
.app-action-form .field-name, .grid-action-form .field-name {
    display: inline-block;
    float: left;
    text-align: right;
    width: 100px;
}
.filter-label {
    float: left;
    max-width: 115px;
    text-align: right;
    width: 100%;
    line-height: 34px;
}
.filter-label-title, .filter-label-title label {
    color: #120e5b;
    float: left;
    font-size: 15px;
    font-weight: bold;
    line-height: 34px;
    text-align: left;
}
.filter-element .datepicker-row .text-box {
    padding-right: 30px;
}
.filter-operators .bootstrap-select button.dropdown-toggle {
    padding-right: 40px;
}
.filter-operators {
    width: 185px;
}
.modal-filter-create-form-content .form-col-1, .modal-filter-create-form-content .form-col-2 {
    width: 100%;
    text-align: left;
}
.title {
    padding: 15px;
}
.app-action-form .title {
    padding: 10px 0;
}
.set-empty .checkbox {
    margin: 0;
}
.panel-block-actions a, .grid-action-group a {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 14px;
    font-size: 0;
}
.print-action {
    background-image: url("../img/icons/print.svg");
}
.print-action:hover {
    background-image: url("../img/icons/print-hover.svg");
}
.filter-action{
    background-image: url("../img/icons/filter.svg");
}
.filter-action:hover, .filter-action.active{
    background-image: url("../img/icons/filter-hover.svg");
}
.list-action {
    background-image: url("../img/icons/list.svg");
}
.list-action:hover{
    background-image: url("../img/icons/list-hover.svg");
}
.refresh-action {
    background-image: url("../img/icons/refresh.svg");
}
.refresh-action:hover {
    background-image: url("../img/icons/refresh-hover.svg");
}
.batchedit-action, 
.batcheditwithurl-action, 
.editentry-action, 
.billingsvcbatchedit-action, 
.craneactivityedit-action, 
.bizunitbatchedit-action,
.craneassignmentbatchedit-action, .inventoryreconcilebatchedit-action{
    background-image: url("../img/icons/edit.svg");
}
.batchedit-action:hover, 
.batcheditwithurl-action:hover, 
.editentry-action:hover, 
.billingsvcbatchedit-action:hover, 
.craneactivityedit-action:hover, 
.bizunitbatchedit-action:hover,
.craneassignmentbatchedit-action:hover, .inventoryreconcilebatchedit-action:hover{
    background-image: url("../img/icons/edit-hover.svg");
}
.delete-action, .craneactivityandassignmentdelete-action, .deleteservicetype-action, .deleteserviceapigranted-action {
    background-image: url("../img/icons/delete.svg");
}
.delete-action:hover, .craneactivityandassignmentdelete-action:hover, .deleteservicetype-action:hover, .deleteserviceapigranted-action:hover{
    background-image: url("../img/icons/delete-hover.svg");
}
.range-action {
    background-image: url("../img/icons/range.svg");
}
.range-action:hover, .range-action.active{
    background-image: url("../img/icons/range-hover.svg");
    background-color: #120e5b;
}
.multisort-action {
    background-image: url("../img/icons/sorting.svg");
}
.multisort-action:hover, .multisort-action.active {
    background-image: url("../img/icons/sorting-hover.svg");
    background-color: #120e5b;
}
.managecolumns-action {
    background-image: url("../img/icons/manage-col.svg");
    background-size: 16px 16px !important;
}
.managecolumns-action:hover{
    background-image: url("../img/icons/manage-col-hover.svg");
}
.add-action,
.addwithurl-action,
.craneactivityadd-action, 
.craneassignmentadd-action, 
.addlatecome-action, 
.addservicetype-action,
.vesselstowagecapacity-action {
    background-image: url("../img/icons/add-more.svg");
}
.add-action:hover,
.addwithurl-action:hover,
.craneactivityadd-action:hover, 
.craneassignmentadd-action:hover, 
.addlatecome-action:hover,
.addservicetype-action:hover,
.vesselstowagecapacity-action:hover {
    background-image: url("../img/icons/add-more-hover.svg");
}
.save-action {
    background-image: url("../img/icons/save.svg");
}
.save-action:hover {
    background-image: url("../img/icons/save-hover.svg");
}
.all-action {
	background-image: url("../img/icons/all-actions-icon.svg");
	background-size: 16px 16px !important;
}
.all-action:hover, .all-action.open{
    background-image: url("../img/icons/all-actions-icon-hover.svg");
}
.accordion-list-action {
	background: url(../img/icons/all-actions-icon.svg) no-repeat center center;
    background-size: 16px !important;
}

/* Popup actions CSS starts here */
.publishresourcestring .action-image, .all-actions-dropdown a.publishresourcestring-action{
    background-image: url("../img/icons/publish-resource.svg");
}
.generateresourcebundle .action-image, .all-actions-dropdown a.generateresourcebundle-action{
    background-image: url("../img/icons/change-language.svg");
}
.export-action .action-image, .all-actions-dropdown a.export-action {
    background-image: url("../img/icons/export-excel.svg");
}
.importbreakbulkexcel .action-image, .all-actions-dropdown a.importbreakbulkexcel-action {
    background-image: url(../img/icons/import-excel.svg);
}
.exporttemplate-action.tooltip-bottom::after {
    left: -70px;
}
.exporttemplate-action .action-image, .all-actions-dropdown a.exporttemplate-action {
    background-image: url("../img/icons/xls.svg");
}
.assigntag-action .action-image, .all-actions-dropdown a.assigntag-action {
    background-image: url("../img/icons/assign-tag.svg");
}
.assignrole-action  .action-image, .all-actions-dropdown a.assignrole-action {
    background-image: url("../img/icons/assign-role.svg");
}
.assignuser-action .action-image, .orgassignuser-action .action-image, .all-actions-dropdown a.assignuser-action, .all-actions-dropdown a.orgassignuser-action {
    background-image: url("../img/icons/assign-role-to-user.svg");
}
.assignusergroup-action .action-image, .orgassignusergroup-action .action-image, .all-actions-dropdown a.assignusergroup-action, .all-actions-dropdown a.orgassignusergroup-action {
    background-image: url("../img/icons/assign-user-group.svg");
}
.assignbusinessunit-action .action-image, .all-actions-dropdown a.assignbusinessunit-action{
    background-image: url("../img/icons/businessunit-action.svg");
}
.assignfunction-action .action-image, .all-actions-dropdown a.assignfunction-action {
    background-image: url("../img/icons/assign-function.svg");
}
.assignservice-action .action-image, .all-actions-dropdown a.assignservice-action {
    background-image: url("../img/icons/assign-service.svg");
}
.assignorganization-action .action-image, .all-actions-dropdown a.assignorganization-action {
    background-image: url("../img/icons/organization-action.svg");
}
.assignresource-action .action-image, .all-actions-dropdown a.assignresource-action {
    background-image: url("../img/icons/assign-resource.svg");
}
.assigngroup-action{
	background-image: url("../img/icons/group.svg");
}
.copyvessel-action .action-image, .copyvesselvisit-action .action-image, .copyrefset-action .action-image, .copysettingtemplate-action .action-image, .all-actions-dropdown a.copyvessel-action, .all-actions-dropdown a.copyvesselvisit-action, .all-actions-dropdown a.copyrefset-action, .all-actions-dropdown a.copysettingtemplate-action {
    background-image: url("../img/icons/copy.svg"); 
}
.activatevessel-action .action-image, .activate-vessel .action-image, .changevisitstate-action .action-image, .all-actions-dropdown a.activatevessel-action, .all-actions-dropdown a.changevisitstate-action, .all-actions-dropdown a.changerailvisitstate-action, .all-actions-dropdown a.syncbolinfo{
    background-image: url("../img/icons/activate-vessel.svg");
}
.deactivatevessel-action .action-image, .deactivatevesselservice-action .action-image, .all-actions-dropdown a.deactivatevesselservice-action, .all-actions-dropdown a.deactivatevessel-action{
    background-image: url("../img/icons/deactivate-vessel.svg"); 
}
.exportjson-action .action-image, .all-actions-dropdown a.exportjson-action {
    background-image: url("../img/icons/export-json.svg");
}
.exportzipdata-action .action-image, .all-actions-dropdown a.exportzipdata-action {
    background-image: url("../img/icons/export-excel.svg");
}
.importconfig-action .action-image, .all-actions-dropdown a.importconfig-action, .importcodeext-action .action-image, .all-actions-dropdown a.importcodeext-action {
    background-image: url("../img/icons/import.svg");
}
 .copyvesselservice-action .action-image, .all-actions-dropdown a.copyvesselservice-action {
    background-image: url("../img/icons/copyvesselserivce.svg"); 
}
.activatevesselservice-action .action-image, .all-actions-dropdown a.activatevesselservice-action {
    background-image: url("../img/icons/activatevesselserivce.svg"); 
}
.defineboxoperator-action .action-image, .all-actions-dropdown a.defineboxoperator-action {
    background-image: url("../img/icons/defineboxoperator.svg");
}
.confirm-action .action-image, .plan-action .action-image, .all-actions-dropdown a.confirm-action, .all-actions-dropdown a.plan-action {        
	background-image: url(../img/icons/confirm-action.svg);        
}        
.cancel-action .action-image, .reject-action .action-image, .all-actions-dropdown a.cancel-action, .all-actions-dropdown a.reject-action {        
	background-image: url(../img/icons/cancel-action.svg);        
}       
.pause-action .action-image, .all-actions-dropdown a.pause-action {
    background-image: url(../img/icons/pause.svg);
}
.resume-action .action-image, .all-actions-dropdown a.resume-action {
    background-image: url(../img/icons/resume.svg);
}
.appointment-action .action-image, .all-actions-dropdown a.appointment-action {
    background-image: url(../img/icons/appointment.svg);
}
.approve-action .action-image, .all-actions-dropdown a.approve-action {        
	background-image: url(../img/icons/ssr-confirm.svg);        
}
.dispatch-action .action-image, .all-actions-dropdown a.dispatch-action {        
	background-image: url(../img/icons/dispatch.svg);        
}
.undodispatch-action .action-image, .all-actions-dropdown a.undodispatch-action {        
	background-image: url(../img/icons/undo-dispatch.svg);        
}
.disapprove-action .action-image, .all-actions-dropdown a.disapprove-action {
    background-image: url("../img/icons/disapprove.svg");
}
.suspenduser-action .action-image, .all-actions-dropdown  a.suspenduser-action {
    background-image: url("../img/icons/suspend-user.svg");
}
.unsuspenduser-action .action-image, .all-actions-dropdown  a.unsuspenduser-action {
    background-image: url("../img/icons/unsuspend-user.svg");
}
.forcelogout-action .action-image, .all-actions-dropdown  a.forcelogout-action {
    background-image: url("../img/icons/force-logout.svg");
}
.regpswd-action .action-image, .all-actions-dropdown  a.regpswd-action {
    background-image: url("../img/icons/reset-password.svg");
}
.forcechangepswd-action .action-image, .all-actions-dropdown  a.forcechangepswd-action {
    background-image: url("../img/icons/force-change-pass.svg");
}
.generatequotation .action-image, .all-actions-dropdown  a.generatequotation {
    background-image: url("../img/icons/generate-quotation.svg");
}
.change-vessel .action-image, .all-actions-dropdown  a.change-vessel {
    background-image: url(../img/icons/vessel-1.svg);
}
.cargodischarge-action .action-image, .all-actions-dropdown  a.cargodischarge-action{
    background-image: url(../img/icons/cargo-discharge.svg);
}
.all-actions-dropdown  a.loadorder-action{
	background-image: url(../img/icons/load-order.svg);
}
.uploaddocuments-action .action-image, .all-actions-dropdown  a.uploaddocuments-action, .importbreakbulkexcel .action-image, .all-actions-dropdown  a.importbreakbulkexcel {
    background-image: url(../img/icons/upload-document.svg);
}
.all-actions-dropdown  a.containerdischloadlist-action{
	background-image: url(../img/icons/container-discharge-loading-list.svg);
}
.downloadedi-action .action-image, .all-actions-dropdown  a.downloadedi-action {
    background-image: url(../img/icons/down-selected.svg);
}
.printtally-action .action-image, .all-actions-dropdown a.printtally-action {
    background-image: url(../img/icons/print.svg);
}
.permission-action .action-image, .all-actions-dropdown  a.permission-action {
    background-image: url(../img/icons/cancel.svg);
}
.hold-action .action-image, .all-actions-dropdown  a.hold-action {
    background-image: url(../img/icons/permission-icon.svg);
}
.generatedraftinvoice .action-image, .all-actions-dropdown  a.generatedraftinvoice-action {
    background-image: url(../img/icons/invoice-draft.svg);
}
.refreshlicense .action-image, .all-actions-dropdown  a.refreshlicense{
	background-image: url("../img/icons/refresh.svg");
}
.bolcategorization-action .action-image {
    background-image: url(../img/icons/bol-categorization-action.svg);
}
/* Popup actions CSS ends here */
.assign-configuration{
    background-image: url("../img/icons/assign-configration.svg");
}
.assign-configuration:hover {
    background-image: url("../img/icons/assign-configration-hover.svg");
}
.chart-view {
    background-image: url("../img/icons/visit-schedule.svg");
    background-size: 18px 18px !important;
}
.chart-view:hover {
    background-image: url("../img/icons/visit-schedule-hover.svg");
}
.clearentry-action {
    background-image: url("../img/icons/clear.svg");
}
.clearentry-action:hover {
    background-image: url("../img/icons/clear-hover.svg");
}
.sendemail-action {
    background-image: url("../img/icons/email.svg");
}
.sendemail-action:hover {
    background-image: url("../img/icons/email-hover.svg");
}
.sendemail-action.tooltip-bottom::after {
    left: -53px;
}
.overrideentry-action {
    background-image: url("../img/icons/override.svg");
}
.overrideentry-action:hover {
    background-image: url("../img/icons/override-hover.svg");
}
#app-action-form-rule-criteria .filter-state .switch {
    display: none;
}
.popup-action a.changestate-action{
	background-image: url("../img/icons/action-change-state.svg");
}
/*------------------------------------*\
Panel
\*------------------------------------*/
/*----------Panel Heading-----------*/
.panel-block-head {
    background-color: #F6F6F6;
    border: 1px solid #D8D8D8;
}
.panel-block-icon {
    color: #120e5b;
    float: left;
    font-size: 16px;
    height: 39px;
    line-height: 36px;
    text-align: center;
    width: 37px;
}
.panel-block-heading {
    border-left: 1px solid #d8d8d8;
    color: #120e5b;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: bold;
    line-height: 27px;
    min-height: 39px;
    padding: 5px 24px 5px 16px;
    text-transform: capitalize;
    /* below css for text-overflow */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}
.panel-block-content {
    background-color: #fff;
    border-left: 1px solid #D8D8D8;
    border-right: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    width: 100%;
    padding: 15px 15px 0;
    float: left;/* Have to check */
}
.panel-block {
    padding-bottom: 20px;
}
.panel-block-content.no-padding {
    padding: 0;
}
.global-message-wrapper {
    display: none;
	padding: 0;
	margin: 0 0 15px;
	float: none;
}
.panel-block-content.no-padding .global-message-wrapper {
    padding: 15px 15px 0;
    margin: 0;
}
/*---------- App Action Group -----------*/

.app-action-group {
    float: right;
}
.app-action-group .panel-block-actions > a {
    border-left: 1px solid #D8D8D8;
    color: #120E5B;
    display: block;
    float: left;
    line-height: 36px;
    text-align: center;
    width: 35px;
    height: 39px;
}
.app-action-group a:hover, .detail-action.open{
    background-color: #120E5B;
    color: #FFFFFF;
    text-decoration: none;
}
/* navigation */
.navigation-wrapper {
    display: block;
    float: left;
}
.navigation-wrapper .version-nav {
	font-size: 13px;
    color: #120e5b;
    float: left;
    line-height: 38px;
    padding: 0 5px;
    font-weight: bold;
}
.navigation-wrapper .prev-nav, .navigation-wrapper .next-nav {
    display: block;
	width: 38px;
	height: 38px;
    float: left;
	background: no-repeat center center;
	background-size: 16px 16px;
	position: relative;
}
.navigation-wrapper .disabled-nav {
    cursor: no-drop;
}
.navigation-wrapper .disabled-nav:before {
    content: "";
    position: absolute;
    background-color: rgba(238, 238, 238, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.navigation-wrapper .prev-nav{
	background-image: url(../img/icons/next.svg);
}
.navigation-wrapper .next-nav {
	background-image: url(../img/icons/next-1.svg);
}
.navigation-wrapper .prev-nav:hover{
	background-image: url(../img/icons/next-hover.svg);
}
.navigation-wrapper .next-nav:hover {
	background-image: url(../img/icons/next-1-hover.svg);
}
.accordion-actions .navigation-wrapper a.version-nav {
    width: auto;
    align-items: center;
    line-height: 28px;
    border: none;
    cursor: pointer;
    text-decoration: none;
}
.accordion-actions .navigation-wrapper a.version-nav:hover{
	background-color: #120E5B;
	color: #fff;
}
.accordion-actions{
	display: flex;
    right: 0;
    align-items: center;
    justify-items: left;
    flex-direction: row-reverse;
}
.accordion-actions .navigation-wrapper {
    display: block;
    float: right;
    order: 2;
    position: relative;
}
.accordion-actions .navigation-wrapper a{
	height: 27px;
    width: 27px;
    border: none;
    background-size: 13px;
}
.accordion-actions .navigation-wrapper a.prev-nav:hover, .accordion-actions .navigation-wrapper a.next-nav:hover{
    background-color: #120E5B;
}
/* End of navigation */
.app-action-group a:focus{
	border:1px dotted #120E5B;
}
.app-action-group a.active {
    background-color: #FFFFFF;
}
.app-action-group a.active:hover {
    background-color: #120e5b;
}
.app-action-group i.fa-sort-amount-desc,
.pagination-block i.fa-sort-amount-desc {
    transform: rotateX(180deg) rotateY(0deg);
    -wenkit-transform: rotateX(180deg) rotateY(0deg);
    -moz-transform: rotateX(180deg) rotateY(0deg);
}
.app-action-group a.range {
    color: transparent;
    font-size: 11px;
    background: rgba(0, 0, 0, 0) url("../img/icons/range.svg") no-repeat scroll center center;
}
.generate-edi {
    background: rgba(0, 0, 0, 0) url("../img/icons/generat-edi-icon.svg") no-repeat scroll center center;
    color: transparent;
    font-size: 0px;
}
.generate-edi:hover {
    background-image: url("../img/icons/generat-edi-icon-hover.svg");
    background-color: #120e5b;
}
.app-action-group a.range:hover, .tooltip-panel.tooltip-bottom.range.active {
    background-image: url("../img/icons/range-hover.svg");
    background-color: #120e5b;
}
.app-action-group .generate-edi.tooltip-bottom::after {
    left: 0px;
}
.panel-block-part {
    display: none;
}
.drop-btn-panel {
    height: 100%;
    min-height: 39px;
    position: relative;
}
.drop-btn-panel::before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #373374;
    content: "";
    position: absolute;
    right: 12px;
    top: 16px;
}
/*----------Table Pagination-----------*/

.pages-info {
    color: #000;
    font-size: 12px;
}
.page-options a {
    border: 1px solid #D8D8D8;
    color: #120e5b;
    display: inline-block;
    font-size: 9px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    width: 20px;
    float: left;
    margin: 0 5px;
}
.page-options a img {
    width: 18px;
    height: 18px;
}
.page-options select {
    border: 1px solid #D8D8D8;
    color: #120e5b;
    display: inline-block;
    font-size: 13px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    width: auto
}
.page-record-options,
.page-options,
.page-total-records,
.page-selected-records {
    float: left;
    margin-right: 15px;
    line-height: 20px;
    height: 20px;
}
.pagination-block {
    line-height: 42px;
    height: auto;
    padding: 0 0 0 15px;
}
.pages-info {
    position: relative;
    float: left;
    width: auto;
    padding:12px 0 ;
}
.page-options,
.page-record-options {
    position: relative;
}
.page-selected-records:after {
    background-color: #5c5c5c;
    content: "";
    display: block;
    height: 13px;
    left: -7px;
    position: relative;
    top: -16px;
    width: 1px;
}
.page-options .dropdown-list,
.page-record-options .dropdown-list {
    display: inline-block;
    font-size: 12px;
    height: 20px;
    line-height: 16px;
    padding: 0;
    float: left;
}
.page-options .dropdown-list ul li,
.page-record-options .dropdown-list ul li {
    font-size: 12px;
    height: 19px;
    padding: 0 5px;
    line-height: 16px;
}
.page-options .dropdown-list .selected-listitem,
.page-record-options .dropdown-list .selected-listitem {
    padding: 0 20px 0 5px;
    line-height: 16px;
    border: 1px solid #d8d8d8;
    height: 20px;
    width: 40px;
}
.page-options .selected-listitem::before,
.page-record-options .selected-listitem::before {
    right: 4px;
    top: 8px;
    border-left: 4px solid #ffffff;
    border-right: 4px solid #ffffff;
    border-top: 4px solid #373374;
}
.page-options .dropdown-list ul,
.view .dropdown-list ul {
    top: 17px;
}
.page-options>span,
.page-record-options>span {
    display: inline-block;
    float: left;
    line-height: 18px;
}
.page-options {
    min-width: 166px;
}
.page-record-options {
    min-width: 120px;
}
.page-record-options .dropdown-list {
    margin: 0 5px;
}
.pages-info .dropdown-list {
    border: medium none;
}
.page-options a.disable {
    background: #f6f6f6 none repeat scroll 0 0;
    color: #c5c5c5;
    cursor: default;
}
.pages-info .dropdown-list ul {
    left: 0;
}
.bottom-pagination .dropdown-list ul {
    bottom: 19px;
    top: auto;
}
.page-options .dropdown-menu, .page-record-options .dropdown-menu {
    min-height: 0 !important;
}
.panel-home-icon {
    background: url("../img/icons/home-panel.svg") no-repeat scroll center center;
    display: block;
    font-size: 0;
    text-align: center;
    vertical-align: middle;
}
/*----------Grid Action Group-----------*/

.grid-action-group {
    border: 1px solid #d8d8d8;
    float: right;
    margin: 7px 7px 7px 0px;
}
.grid-action-group a {
    border-right: 1px solid #D8D8D8;
    float: left;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 28px;
    color: #120E5B;
}
.grid-action-group a:last-child {
    border-right: medium none;
}
.grid-action-group a:hover, .grid-action-group a.open, .grid-action-group a.active {
    background-color: #120E5B;
    color: #FFFFFF;
}
.grid-action-group a:focus {
    border: 1px dotted #120E5B;
}
/*------Mobile Grid Action Group-----------*/

.mobile-action-grp-btn {
    display: none;
    position: relative
}
.mobile-action-grp-btn .selected-listitem::before {
    border-left: 5px solid #ffffff;
    border-right: 5px solid #ffffff;
    border-top: 5px solid #373374;
    content: "";
    position: absolute;
    right: 14px;
    top: 13px;
}
.action-grp {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d8d8d8;
    clear: both;
    position: absolute;
    right: -1px;
    top: 37px;
    z-index: 999;
}
.action-arrow {
    float: right;
}
.action-arrow a {
    border-left: 1px solid #d8d8d8;
    color: #120e5b;
    display: block;
    float: left;
    line-height: 37px;
    text-align: center;
    width: 37px;
}
.action-grp p {
    color: #120e5b;
    font-size: 13px;
}
.mobile-action-grp-btn .app-action-group {
    float: left;
}
.grid-specific {
    border-bottom: 1px solid #d8d8d8;
    padding: 10px;
}
.action-grp .app-action-group {
    border: 1px solid #d8d8d8;
    margin-top: 5px;
}
.app-specific {
    padding: 10px;
}
.grid-specific .app-action-group a {
    background-color: #f6f6f6;
    z-index: 9999;
}
.action-grp .app-action-group a:hover {
    background-color: #120e5b;
}
.action-grp .app-action-group a:first-child {
    border: medium none;
}
.action-arrow.open {
    background: #fff;
    height: 40px;
    max-height: 40px;
}
.action-arrow.open>a img {
    width: 22px;
    height: 22px;
}
.action-arrow.open>a {
    line-height: 49px !important;
}
/*------------------------------------*\
Alert message 
\*------------------------------------*/

.ui-alert {
    border: 1px solid #eaeaea;
    border-radius: 0;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.15);
    margin-bottom: 0 /* 20px success, warning*/;
    padding: 15px;
} 
.alert-icon {
    float: left;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
    width: 34px;
    height: 34px;
}
.alert-icon span {
    background-color: #5c5c5c;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 22px;
    height: 34px;
    line-height: 31px;
    text-align: center;
    width: 34px;
}
.alert-text {
    float: left;
    padding: 9px 0 0;
    vertical-align: middle;
    width: 95%;
}
.login-form-block .alert-text, .modal .alert-text {
    width: 76%;
}
.close-icon {
    color: #120e5b;
    float: right;
    padding: 10px 0;
    width: 16px;
}
.alert-text h3 {
    font-weight: normal;
}
.alert-text p {
    font-size: 14px;
    word-wrap:break-word;
    word-break: break-word;
}
.close-icon a,
.close-icon a:hover {
    color: #120E5B;
    font-size: 20px;
    font-weight: bold;
    opacity: 0.8;
}
.close-icon a:hover {
    opacity: 1
}
/* Alert Success */

.ui-alert-success {
    border: 1px solid #45b6b0;
}
.ui-alert-success .alert-icon span {
    background-color: #45b6b0;
}
/*  Alert Error */

.ui-alert-error {
    border: 1px solid #ff0000;
}
.ui-alert-error .alert-icon span {
    background-color: #ff0000;
}
/*  Alert Warning */

.ui-alert-warning {
    border: 1px solid #feaa30;
}
.ui-alert-warning .alert-icon span {
    background-color: #feaa30;
}

/* Attention message */
.ui-alert-attention{
	background-color: #FFE8E8;
	border: 1px solid #feaa30;
}

/*  Alert Error Message   */

.error-info-icon {
    color: #ff0000;
    cursor: pointer;
    font-size: 19px;
    position: absolute;
    right: 10px;
    top: 8px;
    z-index: 99;
}
.form-separator .error-info-icon{
	right: 20px;
}
.error-info-icon img {
    width: 16px;
    height: 16px;
}
/* .error-msg::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ff0000;
    border-style: solid solid solid;
    border-width: 6px 5px;
    content: "";
    left: -11px;
    position: absolute;
    top: 11px;
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
} */
.datepicker-row ~ .error-message .error-info-icon {
    right: 33px;
}
.form-separator .datepicker-row ~ .error-message .error-info-icon {
    right: 35px;
}
/* .p-r-5.right .error-msg.right-top::before ,.normal-form .error-msg.right-top::before  {
    border: none;
} */
.p-r-5.right .error-msg.right-top::after ,.normal-form .error-msg.right-top::after  {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ff0000;
    border-style: solid solid solid;
    border-width: 6px 5px;
    content: "";
    right: 12px;
    position: absolute;
    top: -12px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}
.p-r-5.right .date-error .error-msg.right-top::after {
  right: 32px;
}
.datepicker-row ~ .error-message .error-msg.right-top::after {
  right: 35px;
}
.textarea-box ~ .error-message .error-info-icon {
    top: inherit;
    bottom: 10px;
}
/* Setting template add page error message */
#manageColumnConfigList .error-info-icon {
    top: inherit;
    bottom: 5px;
    right: 5px;
}
#manageColumnConfigList .error-msg.right-top {
    top: inherit;
    bottom: -37px;
    right: 0;
}
#manageColumnConfigList .error-msg.right-top:after {
	right: 7px;
}
.normal-form .input-wrapper .textarea-box ~ .error-message .error-msg {
    top: inherit;
    bottom: -38px;
}
.resource-info .input-wrapper .textarea-box ~ .error-message .error-msg {
    bottom: inherit;
}
.error-msg.right-top {
    font-size: 13px;
    max-width: 168px;
    right: -175px;
    text-align: left;
    width: 100%;
}
.p-r-5.right .error-msg.right-top,.normal-form .error-msg.right-top{
    font-size: 13px;
    right: 0 /* 5px */;
    max-width: auto;
    text-align: left;
    top: 40px;
    width: auto;
    z-index: 999;
}
.enabled-set-empty .p-r-5  .error-msg.right-top{
	right: 5px;
}
.error-msg.right-top i {
    bottom: 0;
    position: absolute;
    right: 2px;
    top: 31%;
}
.error-message.file i {
    left: 0;
    margin: 0;
    right: 115px;
    text-align: right;
}
.error-msg {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #f24534;
    color: #5c5c5c;
    display: block;
    line-height: 12px;
    margin-bottom: 5px;
    padding: 9px 7px 10px 8px;
    position: absolute;
    top: 0;
   	word-wrap: break-word;
    z-index: 999;
}
.form-separator.p-r-5.right .error-msg.right-top{
	right: 20px;
}
.form-separator  .datepicker-row ~ .error-msg.right-top{
	right: 40px;
}
.select-one i {
    right: 35px;
}
.error-msg.left-bottom {
    left: 0;
    max-width: 206px;
    top: 40px;
}
.error-msg.left-bottom::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ff0000;
    border-style: solid solid solid dashed;
    border-width: 6px 5px;
    content: "";
    left: 0;
    position: absolute;
    top: -12px;
    transform: rotate(-92deg);
    -webkit-transform: rotate(-92deg);
    -moz-transform: rotate(-92deg);
    -o-transform: rotate(-92deg);
}
.error-msg-text .error-info-icon {
    margin: 0 25px 0 0;
}
.error-info-ico {
    color: #ff0000;
    cursor: pointer;
    font-size: 19px;
    position: absolute;
    right: 10px;
    top: 7px;
}
.error-msg-text .error-info-ico {
    margin: 0 25px 0 0;
}
.p-r-5 .dropdown-list-menu ~ .error-message .error-msg::after {
    right: 32px;
}
/*  Error Message success Message and  Warning Message    */

.error-info-ico.success.fa.fa-check-circle {
    color: #45b6b0;
}
.success-info {
    border: 1px solid #45b6b0;
}
.error-info-ico.warning.fa.fa-exclamation-circle {
    color: #feaa30;
}
.error-input-box.border-none{
	border: none;
}
.warning-info {
    border: 1px solid #feaa30;
}
.error-input-box:not(.bootstrap-select) {
    border: 1px solid #F44336;
}
.dropdown-list.error-input-box {
    border: medium none;
}
.error-input-box .selected-listitem {
    border: 1px solid #F44336;
}
.textarea-box.error-input-box {
    border: 1px solid #F44336;
    padding-right: 25px;
}
.checkbox.error-input-box {
    border: medium none;
}
.p-r-5.right .date-error .error-msg.right-top {
    right: 0;
}
/*----------Error popup-----------*/

.modal-content .error-msg.right-top {
    font-size: 13px;
    max-width: 99%;
    text-align: left;
    top: 40px;
    width: 100%;
    left: 0;
}
.modal-content .error-msg::before {
    left: 0;
    top: -12px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}
.modal-content .p-r-5.right .error-msg.right-top {
    max-width: 100%;
    width: 100%;
    word-break: break-all;
    left: 0;
}
.modal-content .p-r-5.right .textarea-box + .error-message .error-msg.right-top{
	top: inherit;
}
/*----------Error popup-----------*/

.rule-logic-code {/* Have to check used or not */
    background-color: #F2F2F2;
    height: auto;
    margin: 10px;
    min-height: 180px;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    color: #5c5c5c;
    font-weight: bold;
}
.modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    height: auto;
    padding-bottom:15px;
}
.modal {
    padding: 0 !important;
}
.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}
/*------------------------------------*\
switch 
\*------------------------------------*/

.switch {
    border: 1px solid #d8d8d8;
    height: 35px;
    position: relative;
    width: 70px;
    line-height: 29px;
    z-index: 1;
    margin: 0 0 5px 0px;
    float: left;
    text-transform: uppercase;
}
.switch:focus{
	border: 1px solid #2991d6 !important;
    box-shadow: 0 0 4px rgba(41, 145, 214, 0.3);
    outline: medium none;
    outline-offset: -2px;
}
.switch-label {
    color: rgba(255, 255, 255, 0.35);
    cursor: pointer;
    float: left;
    height: 30px;
    position: relative;
    text-align: center;
    width: 34px;
    z-index: 2;
}
.switch-label:active {
    font-weight: normal;
}
.switch-label-off {
    padding-left: 2px;
    text-align: center;
    width: 33px;
}
.switch-label-on {
    padding-right: 2px;
}
.switch-input {
    display: none;
}
.switch-input:checked+.switch-label {
    color: #ffffff;
    float: left;
    height: 34px;
    font-weight:bold;
}
.switch-input:checked+.switch-label-on ~ .switch-selection {
    background: #2991d6 none repeat scroll 0 0;
    color: #ffffff;
    left: 34px;
    font-weight:bold;
}
.switch-selection {
    background: #2991d6 none repeat scroll 0 0;
    display: block;
    height: 33px;
    left: 0;
    position: absolute;
    top: 0;
    width: 34px;
    z-index: 1;
}
/*------------------------------------*\
switch three event action
\*------------------------------------*/
.custom-action-group .grid-switch-action .switch-three-event-action{
    border-right: 1px solid #d8d8d8;
    height: 30px;
    width: 182px;
    position: relative;
    line-height: 28px;
    z-index: 1;
    margin: 0;
    float: left;
    text-transform: uppercase;
    display: flex;
}
.custom-action-group .grid-switch-action .switch-three-event-action-selection, .custom-action-group .grid-switch-action .switch-three-event-action-selection-1 {
    height: 29px;
}
.switch-three-event-action {
    border: 1px solid #d8d8d8;
    height: 35px;
    position: relative;
    width: 200px;
    line-height: 29px;
    z-index: 1;
    margin: 0 0 5px 0px;
    float: left;
    text-transform: uppercase;
}
.switch-three-event-action:focus{
    border: 1px solid #2991d6 !important;
    box-shadow: 0 0 4px rgba(41, 145, 214, 0.3);
    outline: medium none;
    outline-offset: -2px;
}
.switch-three-event-action-label {
    color: rgba(255, 255, 255, 0.35);
    cursor: pointer;
    float: left;
    height: 30px;
    position: relative;
    text-align: center;
    width: 60px;
    z-index: 2;
    border-right: 1px solid #d8d8d8;
}
.switch-three-event-action-label:active {
    font-weight: normal;
}
.switch-three-event-action-label-off {
    padding-left: 2px;
    text-align: center;
    width: 60px;
}
.switch-three-event-action-label-on {
    padding-right: 2px;
}
.switch-three-event-action-input {
    display: none;
}
.switch-three-event-action-input:checked+.switch-three-event-action-label {
    color: #ffffff;
    float: left;
    height: 30px;
    font-weight:bold;
}
.switch-three-event-action-input:checked+.switch-three-event-action-label-on ~ .switch-three-event-action-selection {
    background: #2991d6 none repeat scroll 0 0;
    color: #ffffff;
    left: 60px;
    font-weight:bold;
}
.switch-three-event-action-input:checked+.switch-three-event-action-label-on ~ .switch-three-event-action-selection-1 {
    background: #2991d6 none repeat scroll 0 0;
    color: #ffffff;
    left: 120px;
    font-weight:bold;
}
.switch-three-event-action-selection {
    background: #2991d6 none repeat scroll 0 0;
    display: block;
    height: 33px;
    left: 0;
    position: absolute;
    top: 0;
    width: 60px;
    z-index: 1;
}
.switch-three-event-action-label:last-child {
    border-right: none;
}
/*------------------------------------*\
Model Dialog Box
\*------------------------------------*/

.modal-dialog {
    left: 50%;
    margin: 0;
    max-width: 700px;
    position: absolute;
    top: 100px;
    -webkit-transform: translateX(-50%) !important;
    -moz-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
    width: 100%;
}
.modal-title {
    color: #5c5c5c;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.42857;
    margin: 0;
    padding: 10px 0;
    float: left;
}
.modal-title .icon {
    margin-right: 6px;
}
.modal-content {
    border-radius: 0;
}
.modal-header {
    border-bottom: 1px solid #e5e5e5;
    height: 40px;
    padding: 0 0 0 10px;
}
.modal-header .close {
    border-left: 1px solid #d8d8d8;
    color: #120e5b;
    display: block;
    float: right;
    line-height: 39px;
    text-align: center;
    width: 37px;
    margin-top: 0;
    opacity: 1;
    text-shadow: none;
}
.modal-header .close:hover {
    background: #120e5b none repeat scroll 0 0;
    color: #fff;
}
.terms-content {
    padding: 5px 40px 0px 20px;
    text-align: left;
}
#batch_update .modal-dialog {
    width: 460px;
}
#batch_update .field-name {
    float: left;
    text-align: right;
    width: 70px;
}
.modal-body {
    padding: 15px 15px 5px;
    position: relative;
}
.modal-content .form-btn-group.clearfix {
    margin-bottom: 10px;
}
.modal-dialog .uie-button .btn-icon i {
    font-size: 18px;
}
#add-record .modal-dialog {
    width: 820px;
}
.modal-body .field-name {
    float: left;
    text-align: right;
    width: 80px;
}
.modal-body .form-btn-group {
    margin-left: 80px;
}
.model-pop-head .icon {
    float: left;
    width: 40px;
    text-align: center;
}
.modal-batchupdate-form-content.element-sec {
    border: none;
}
.modal-batchupdate-form-content.element-sec {
    margin-top: 10px;
    clear: both;
}
.modal-batchupdate-form-content .scroll-wrapper {/* .element-sec removed@04-04-17(cfs) */
   	max-height: 460px;
    width: 100%;
    height:auto;
    float:left;
}
.modal .scrollable-wrapper.scroll-wrapper{/* Because these are coming everywhere */
    overflow-y: auto;
    overflow-x: hidden;
}
.modal .scroll-wrapper {
    padding: 0 10px;
}

.scroll-wrapper {
    width: 100%;
    float: left;
}
.terms-content {/* Have to check its needed or not */
    clear: both;
    height: 400px;
    min-height: 100px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 10px;
    width: 690px;
}
/*------------------------------------*\
Table
\*------------------------------------*/

.table-grid {
    background: #ffffff none repeat scroll 0 0;
    width: 100%;
}
.table-grid.fixed {
    table-layout: fixed;
}
.checkbox-col, .more-field-show {
    width: 35px;
}
.table-grid th.checkbox-col span, .table-grid th.more-field-show span{
	padding:5px 0;
}

.table-grid th {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    font-size: 13px;
    font-weight: normal;
    height: 45px;
    vertical-align: middle;
    word-break: normal;
    white-space: pre-line;
    position:relative;
}
.no-rows {
    text-align: center;
}
.col-action {
    background-color: #120E5B;
    color: #FFFFFF;
    display: none;
    font-size: 8px;
    height: 10px;
    text-align: center;
}
.col-action:hover {
    color: #2991D6;
}
.table-grid th span {
    display: inline-block;
    padding: 5px 25px 5px 6px;
    line-height: 14px;
}
.table-grid .table-title{
	width:100%;
    position: relative;
}
.table-grid  thead tr{
	background-color: #2991D6;
}
.panel-grid-content-border {
    border-bottom: 5px solid #120E5B;
    bottom: 0;
    font-size: 0;
    left: 0;
    margin: 0;
    padding: 0 !important;
    position: absolute;
    text-align: center;
    width: 100%;
}
.sort-icon.sorting span {
    margin: 0px 0 1px;
}
.addContent {
    padding: 15px !important;
}
.table-grid td {
    border: 1px solid #D8D8D8;
    font-size: 12px;
    color: #000;
    padding: 3px 6px;
    line-height: 13px;
    vertical-align: middle;
    word-break: break-word;
   	word-wrap: break-word;
    height: 27px;
}
.table-grid th span.sorting {
    display: inline-block;
    margin-right: 0px;
    padding: 0;
    width: auto;
}
.table-record {
    background: #fff;
    border-top: 1px solid #d8d8d8;
    padding: 0;
    width: 100%;
    overflow: hidden;
    float:left;
}
.table-grid th.sorting {
    cursor: pointer;
}
.table-grid th:first-child span, .table-grid tr td:first-child .checkbox {
    margin-top: 0px;
}
.table-grid th:first-child span {
    margin: 0;
}
.table-grid td.disable {
    background: #f6f6f6 none repeat scroll 0 0;
    color: #c5c5c5;
    cursor: not-allowed;
}
.table-grid td.selected {
    background-color: #e0f3ff;
}
.table-grid tr th .checkbox .css-label, .table-grid tr td .checkbox .css-label {
    margin: 0;
    padding-left: 16px;
}
.rep-action.checkbox-col span.checkbox {
    padding: 0;
}
.table-grid tr.selected {
    background: #E0F3FF
}
.table-grid .more-field-show span {
    font-size: 17px;
    font-weight: bold;
    padding: 0;
    color: #2991d6;
    line-height: 35px;
}
.table-grid th.more-field-show span {
    padding: 0;
    color: #ffffff;
}
.table-grid td.more-field-show {
    padding: 0;
}
.table-grid th.more-field-show a span, .table-grid th.more-field-show a:hover {
    text-decoration: none;
}
.table-grid td.more-field-show a {
    display: block;
    height: 27px;
    text-decoration: none;
}
.table-grid td.more-field-show a span {
    display: block;
    height: 27px;
    padding: 0 10px;
    text-decoration: none;
}
.table-grid td.more-field-show a span.set-minus {
    font-size: 25px;
    font-weight: 600;
}
.table-grid td.more-field-show a:hover span {
    background-color: #2991d6;
    color: #ffffff;
}
.table-grid td.more-field-show a:focus{
	outline: 1px dotted #120E5B;
	outline-offset: -2px;
}
.table-grid th span.sort-icon span {
    display: block;
    font-size: 12px;
    text-align: center;
    padding: 0;
    line-height: 18px;
}
.table-grid .checkbox {
    margin: 0;
    width: 100%;
}
.form-table-control .table-record {
    overflow-y: auto;
    max-height: 260px;
}
.number-col {
    width: 25px;
}
.table-grid th.checkbox-col {
    text-align: center;
}
.table-grid th span.sorting .sorting-order {
    color: #fff;
    display: block;
    line-height: 10px;
    margin-bottom: 6px;
    margin-top: -3px;
    padding: 0;
    text-align: center;
}
.table-record .mCSB_container_wrapper {
    position: relative;
}
.table-record .mCustomScrollBox {
    width: 100%;
}
.table-grid th span.sort-icon {
    padding: 0;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.view-icon, .grid-edit-icon {
    text-align: center;
}
body .more-field-show .more-field-show-plus {
    line-height: 20px;
}
.no-order-filed {
    margin-top: 8px;
}
.sort-icon .sorting-order {
    height: 16px;
}
.more-field-show {
    text-align: center;
    position:relative;
}
.expand-contents label {
    color: #2991D6;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    float: left;
    display: inline-block;
}
.expand-contents {
    font-size: 12px;
    margin: 0 0 5px;
    color: #5C5C5C;
    float: left;
}
.editable-text {
    border: 1px solid #d8d8d8;
    font-size: 13px;
    line-height: 17px;
    margin: 10px 0;
    padding: 10px;
    resize: none;
    width: 100%;
}
.editable-text:focus {
    border: 1px solid #2991d6;
    box-shadow: 0 0 4px rgba(41, 145, 214, 0.3);
    -moz-box-shadow: 0 0 4px rgba(41, 145, 214, 0.3);
    -moz-webkit-shadow: 0 0 4px rgba(41, 145, 214, 0.3);
}
.rowModels.check-row {
    background-color: #e0f3ff;
}
.rowModels .p-r-5, .rowModels .dropdown-list-menu {
    padding: 0;
    margin: 0;
}
.rowModels .textarea-box, .rowModels .text-box {
    margin: 0;
    height: 35px;
}
.table-grid td.highlight-row {
    padding: 3px;
}
.clickable:hover {
    cursor: pointer;
}

/*------------------------------------*\
Filter Block
\*------------------------------------*/

.delete-filter-row {
    float: left;
}
.delete-filter-row a {
    background: rgba(0, 0, 0, 0) url("../img/icons/delete.svg") no-repeat scroll center center;
    background-size:  18px auto;
    float: left;
    font-size: 0;
    height: 25px;
    margin: 6px 0 0 15px;
    width: 25px;
}
/*------------------------------------*\
Forms Element 
\*------------------------------------*/

.form-row.col-md-6.clearfix {
    margin: 0px;
    padding: 0px 7px;
}
.form-row.col-md-12.clearfix {
    padding: 0px 7px;
}
.view-form .form-row.col-md-6.clearfix{
	margin-bottom: 5px;
}
.form-content .field-name {
    float: left;
    text-align: right;
    width: 130px;
}
.form-col-1 {
    line-height: 25px;
    text-align: left;
    width: 100%;
}
.form-col-2 {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 5px;
}
.p-r-5 {
    padding: 0 5px 0 0;
}
.p-t-10 {
    clear: both;
    float: left;
    padding-top: 10px;
    width: 100%;
}
.form-col-2 .input-group{
	padding-right: 5px;
	margin-right: 0px;
}
.padding-right {
    padding: 0 2px 0 0;
}
.textarea-box {
    border: 1px solid #d8d8d8;
    font-size: 12px;
    padding: 10px;
    resize: none;
    width: 100%;
    margin: 0 0 5px;
    height: 100%;
}
.textarea-box.vertical-expand{
    resize: vertical;
}
.highlight-input {
    border: 1px solid #ff0000;
}
.input-group .organization .error-msg.right-top{
	right: -105px;
} 
.input-wrapper .bootstrap-select.btn-group .dropdown-toggle .filter-option{
	float: left;
	left: 10px;
	overflow: hidden;
	padding-right: 65px;
	position: absolute;
	text-align: left;
	text-overflow: ellipsis;
	width: 99%;
}
.pages-info .bootstrap-select.btn-group .dropdown-toggle .filter-option{
	left: 5px;
	text-overflow: clip;	
}
/*------------------------------------*\
Element Block Style
\*------------------------------------*/

.panel-heading {
    background-color: #fafafa;
    border-bottom: medium none;
    color: #797979;
    border: medium none !important;
    border-radius: 0;
    padding: 10px 20px;
}
.app-action-form .panel-title {
    border-bottom: 1px solid #d8d8d8;
    font-size: 14px;
   	margin-bottom:15px;
    margin-top: 0;
    padding: 0 0 10px;
    color: #120e5b;
}
.panel {
    border: medium none;
    border-radius: 0;
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    padding: 30px 15px;
}
/*------------------------------------*\
Header
\*------------------------------------*/

.header-top {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 1px solid #d8d8d8;
}
.header-left {
    float: left;
    padding: 9px 0 9px 223px;
}
.header-date {
    background: rgba(0, 0, 0, 0) url("../img/icons/calender-icon.svg") no-repeat scroll 0 0;
    background-size: 16px 16px;
    border-right: 1px solid #d8d8d8;
    color: #777;
    float: left;
    font-size: 11px;
    padding: 2px 10px 0px 25px;
    line-height: 14px;
}
.header-time {
    background: rgba(0, 0, 0, 0) url("../img/icons/clock-icon.svg") no-repeat scroll 0 0;
    color: #777;
    float: right;
    font-size: 11px;
    line-height: 14px;
    margin-left: 10px;
    padding: 2px 10px 0px 25px;
}
.header-right {
    float: right;
}
.top-bar-menu {
    float: right;
    position: relative;
    z-index: 12;
}
.top-bar-menu > div {
    float: left;
    margin: -1px 0 -1px 0;
}
.top-bar-menu > div > a {
    padding: 8px;
    border: 1px solid #d8d8d8;
    height: 36px;
    border-left: none;
}
.top-bar-menu > div > a:hover, .top-bar-menu > div > a:focus {
    background-color: #e0f3ff;
}
.top-lang .bootstrap-select button.dropdown-toggle:hover, .top-lang .bootstrap-select button.dropdown-toggle:focus {
    box-shadow: none;
    border: none !important;
	background-color: #e0f3ff !important; 
}
.top-bar-menu .selected-listitem {
    border: medium none;
}
.user-profile {
    position: relative;
}
.user-profile a {
    color: #5c5c5c;
    font-size: 11px;
    text-decoration: none;
    display: block;
}
.user-profile .user-profile-menu {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #d8d8d8;
    display: none;
    right: 0;
    position: absolute;
    top: 40px;
    width: auto;
    min-width: inherit;
    /* z-index: 9999; */
    left: inherit;
}
.user-profile.open > a:before {
    content: "";
    right: 0;
    position: absolute;
    bottom: -4px;
	z-index: 1;
	width: 100%;
	height: 10px;
}
.user-profile.open > a:after {
    border-bottom: 5px dashed #2991d6;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    content: "";
    right: 10px;
    position: absolute;
    bottom: -4px;
	z-index: 1;
}
.top-bar-menu ul.dropdown-menu {
    max-height: 145px !important;
    overflow-y: auto;
    border: 1px solid #2991d6;
    /* max-width: 195px; */
    width: auto;
    min-width: inherit;
}
.top-bar-menu ul.user-profile-menu {
	max-height: 170px !important;
}
.user-text {
    float: left;
    line-height: 17px;
    padding: 0 5px 0 0;
    color: #000;
}
.user-profile-menu > ul {
    margin: 0;
    padding: 0;
    z-index: 99999;
    position: relative;
}
.user-profile-menu>ul::before {
    border-bottom: 7px dashed #d8d8d8;
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    content: "";
    right: 27px;
    position: absolute;
    top: -7px;
}
.user-profile-menu li:hover {
    background: #e0f3ff none repeat scroll 0 0;
    color: #2991d6;
}
.user-profile-menu li:hover a {
    color: #2991d6;
}
.user-profile-menu li:last-child {
    border: medium none;
}
.user-profile-menu li a {
    color: #5c5c5c;
    display: block;
    font-size: 11px;
    text-decoration: none;
}
.arrow {
    background: url("../img/icons/arrow-down-gray.svg");
    background-size: 12px;
    background-position: center;
    border: 1px solid #d8d8d8;
    display: inline-block;
    height: 18px;
    line-height: 15px;
    text-align: center;
    width: 18px;
    font-size: 12px;
    color: #a6a6a6;
}
.user-text {
    float: left;
    line-height: 17px;
    padding: 0 6px 0 0;
}
.notify-msg {
    border-right: 1px solid #d8d8d8;
    float: left;
    height: 16px;
    padding: 2px 24px 2px 11px;
    width: 32px;
}
.notify-msg .badge {
    background: #e91e63 none repeat scroll 0 0;
    border-radius: 50px;
    bottom: 33px;
    font-size: 11px;
    font-weight: normal;
    margin-top: 7px;
    padding: 2px 5px;
    position: relative;
    right: -6px;
}
header .settings {
    float: left;
    height: 20px;
    padding: 5px 10px;
    border-left: 1px solid #d8d8d8;
}
header .settings a img {
    height: 18px;
    position: relative;
    width: 18px;
}
header .top-lang {
    float: left;
}
header .top-lang .dropdown-list-menu{
    margin: 0;
}
header .top-lang .dropdown-list {
    border: medium none;
    color: #5c5c5c;
    font-size: 11px;
    height: 22px;
    line-height: 17px;
}
header .top-lang .selected-listitem::before {
    border-left: 4px solid #ffffff;
    border-right: 4px solid #ffffff;
    border-top: 4px solid #a6a6a6;
    content: "";
    position: absolute;
    right: -5px;
    top: 7px;
}
header .top-lang .selected-listitem::after {
    border: 1px solid #d8d8d8;
    content: "";
    height: 18px;
    position: absolute;
    right: -10px;
    top: 0;
    width: 19px;
}
header .top-lang .dropdown-list ul {
    left: 8px;
    overflow-y: unset;
    top: 26px;
}
header .top-lang .dropdown-list ul::before {
    border-bottom: 7px dashed #d8d8d8;
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    content: "";
    right: 0;
    position: absolute;
    top: -7px;
}
header .top-lang .dropdown-list ul li {
    color: #5c5c5c;
    display: block;
    font-size: 11px;
    height: 30px;
    padding: 4px 10px;
    text-decoration: none;
    word-wrap: normal;
}
.header-right .message {
    width: 36px;
    height: 36px;
    display: table;
    position: relative;
}
.header-right .message a {
    position: relative;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}
.header-right .message a img {
    height: 16px;
    position: relative;
    width: 16px;
}
.header-right .message .badge {
    background: #e91e63 none repeat scroll 0 0;
    border-radius: 50px;
    top: 3px;
    font-size: 11px;
    font-weight: normal;
    padding: 2px 5px;
    position: absolute;
    right: 5px;
}
.message.open > a::after {
    border-bottom: 7px dashed #2991d6;
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    content: "";
    position: absolute;
    left: 2px;
    top: 36px;
    z-index: 1;
}
.user-site {
    color: #777;
    margin-left: 5px;
}
.header-right .fav-icon > a {
    display: table-cell;
    vertical-align: middle;
}
.fav-icon.open .dropdown-menu.top-menu span {
    white-space: nowrap;
}
.header-right .web-con {
    height: auto;
}
.header-right .web-con h3 {
    border-bottom: medium none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.header-right .web-con:hover h3 {
    border-bottom: none;
}
.header-right .secu-con h3 {
    min-height: 59px;
}
.top-bar-menu .top-lang .dropdown-menu {
    width: auto;
    left: inherit;
    right: 0px;
    top: 40px;
    min-width: 100px !important;
    max-width: 175px;
}
header .top-lang .bs-caret {
    border: 1px solid #d8d8d8;
    height: 20px;
    position: absolute;
    top: 8px;
    width: 20px;
}
header .top-lang .bootstrap-select.btn-group .dropdown-toggle .caret {
    right: 6px;
    color: #A6A6A6;
    border-width: 3px;
}
header .top-bar-menu .top-lang .bootstrap-select.btn-group .dropdown-menu li a{
	padding: 6px 10px !important ;
}
header .top-bar-menu .top-lang .bootstrap-select.btn-group .dropdown-menu li a span.text{
	padding: 0;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
header .top-lang .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    overflow: hidden;
    line-height: 14px;
    max-width: 60px;
    text-overflow: ellipsis;
}
header .top-lang .bootstrap-select button.dropdown-toggle:focus {
    box-shadow: none;
    border: none !important;
}
header .top-lang .btn-group.bootstrap-select.open::after {
    border-bottom: 7px dashed #2991d6;
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    content: "";
    right: 5px;
    position: absolute;
    top: 35px;
    z-index: 1;
}
header .top-lang .bootstrap-select.btn-group .dropdown-menu li a {
    font-size: 11px;
}
.fav-icon {
    position: relative;
}
.fav-icon.open .dropdown-menu.top-menu {
    height: auto;
    width: auto;
    top: 42px;
    right: 0;
    left: inherit;
    min-width: inherit;
}
.top-bar-menu .dropdown-menu li a:hover {
    background: #e0f3ff none repeat scroll 0 0;
    color: #2991d6;
}
.dropdown-menu.top-menu li i, .user-profile-menu li i {
    float: left;
    margin: 0;
    padding: 2px 10px 0 0;
    text-align: center;
}
.dropdown-menu.top-menu li i img, .user-profile-menu li i img {
    float: none;
    width: 14px;
    height: 14px;
    line-height: 1;
}
.dropdown-menu.notifications-menu {
    top: 42px;
    left: inherit;
    right: 0;
    min-width: 250px;
}
.top-bar-menu > div .dropdown-menu li a {
    display: inline-flex;
    font-size: 11px;
    text-decoration: none;
	width: 100%;
}
.top-bar-menu > div .dropdown-menu li > span{
	padding: 10px;
    width: 100%;
    display: block;
    border-bottom: 1px solid #d8d8d8;
	font-size: 11px;
}
.fav-icon.open > a::after {
    border-bottom: 7px dashed #2991d6;
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    content: "";
    position: absolute;
    left: 9px;
    bottom: -8px;
    z-index: 1;
}
.header-right .fav-icon img {
    float: left;
    width: 16px;
    height: 16px;
}
.menu-part {
    background: #f8f8f8 none repeat scroll 0 0;
    height: 70px;
    position: relative;
    z-index: 9;
}
.menu-part::before {
    background: #120e5b none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 30px;
    position: absolute;
    width: 100%;
    z-index: 9;
}
.block-container {
    padding-left: 80px;
    width: 100%;
}
.logo-fix-width::before {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2) 0px, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
    content: "";
    height: 100%;
    margin-left: -12px !important;
    position: absolute;
    width: 12px;
}
.logo-fix-width::after {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0px, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
    content: "";
    height: 100%;
    margin-left: 0 !important;
    position: absolute;
    right: -12px;
    top: 0;
    width: 12px;
}
.logo-fix-width {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    left: 0;
    margin-top: 0;
    position: relative;
    width: 213px;
    z-index: 9999;
    height: 70px;
}
.logo-fix-width a {
    display: inline-block;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    padding-bottom: 8px;
}
.minimized-header .navbar-nav a:focus {
    outline: 1px dotted #fff;
    padding: 2px 10px;
}
.navbar-nav a:focus {
    border: 1px dotted #fff;
    padding: 4px 19px;
}
.mobile-logo {
    display: none;
}
.logo-punchline {
    font-size: 13px;
    text-align: center;
    display: block;
    position: absolute;
    width: 100%;
    bottom: -2px;
    color: #5c5c5c;
}
.logo-header .logo-punchline {
    top: 115px;
}
/*----------Menu-----------*/
/* First Level */

.navbar {
    margin-bottom: 0;
}
ul.nav li:hover>ul.dropdown-menu {
    display: block;
}
.nav>li>a {
    border-right: 1px solid #cecece;
    color: #41484d;
    float: left;
    font-size: 14px;
    line-height: 30px;
    padding: 5px 20px;
    text-transform: uppercase;
}
.navbar-default li a:hover {
    background: #2991d6 none repeat scroll 0 0;
    color: #ffffff;
    text-decoration: none;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    background-color: #2991d6;
    color: #ffffff;
}
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    border: medium none;
}
.navbar-nav .caret {
    margin-left: 5px;
    margin-top: 0;
}
.caret {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
}
nav .menu {
    height: 40px;
}
.navbar-default {
    background-color: transparent;
    border: medium none;
}
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse {
    padding-left: 15px;
    padding-right: 15px;
}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background-color: #2991d6;
    color: #fff;
}
.menu .icon {
    border: 1px solid #5c5c5c;
    border-radius: 50%;
    display: inline-block;
    font-size: 13px;
    font-style: normal;
    height: 22px;
    line-height: 19px;
    margin-right: 5px;
    text-align: center;
    width: 22px;
}
/* .menu .icon img {
    width: 11px;
} */
.menu .home.icon {
    background-image: url("../img/icons/home.svg");
    background-repeat: no-repeat;
    background-size: 14px auto;
    background-position: center;
}
.menu .home.icon:hover,
.menu .active .home.icon {
    background-image: url("../img/icons/home-hover.svg");
}
.menu .about-us.icon {
    background-image: url("../img/icons/about-us.svg");
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: center;
}
.menu li:hover .about-us.icon,
.menu .active .about-us.icon,
.navbar-nav li a:focus .about-us.icon {
    background-image: url("../img/icons/about-us-hover.svg");
}
.menu .help.icon {
    background-image: url("../img/icons/help-icon.svg");
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: center;
}
.menu li a:hover .help.icon,
.menu .active .help.icon,
.navbar-nav li a:focus .help.icon {
    background-image: url("../img/icons/help-hover.svg");
}
.menu .support.icon {
    background-image: url("../img/icons/support.svg");
    background-repeat: no-repeat;
    background-size: 14px auto;
    background-position: center;
}
.menu li:hover .support.icon, .menu .active .support.icon,
.navbar-nav li a:focus .support.icon {
    background-image: url("../img/icons/support-hover.svg");
}
.menu .release-notes.icon {
    background-image: url("../img/icons/release-notes.svg");
    background-repeat: no-repeat;
    background-size: 14px auto;
    background-position: center;
}
.menu li:hover .release-notes.icon, .menu .active .release-notes.icon,
.navbar-nav li a:focus .release-notes.icon {
    background-image: url("../img/icons/release-notes-hover.svg");
}
.menu .download.icon {
    background-image: url("../img/icons/download-app.svg");
    background-repeat: no-repeat;
    background-size: 14px auto;
    background-position: center;
}
menu li:hover .download.icon, .menu .active .download.icon,
.navbar-nav li a:focus .download.icon {
    background-image: url("../img/icons/download-app-hover.svg");
}
.menu .active .icon,
.menu li:hover .icon {
    border-color: #fff;
}
.nav .dropdown-menu {
    list-style: outside none none;
    margin: 0;
    min-width: 100%;
    padding: 0;
    width: auto;
}
.navbar-default li .dropdown-menu li a:hover {
    background: #e0f3ff none repeat scroll 0 0;
    color: #2991d6;
    text-decoration: none;
}
.navbar-nav>li>.dropdown-menu {
    border-radius: 0;
}
.submenu-icon {
    margin-right: 4px;
}
.navbar-default .navbar-nav>li>a:focus .icon {
    border: 1px solid #fff;
}
.dropdown-menu>li {
    width: 100%;
}
.dropdown-menu>li>a {
    clear: both;
    color: #5c5c5c;
    display: block;
    font-weight: 400;
    line-height: 35px;
    padding: 0 35px 0 15px;
    white-space: nowrap;
}
.dropdown-menu>li>a:hover,
.dropdown-menu>.active>a:hover {
    text-decoration: underline;
}
.dropdown.open i,
.navbar-default .navbar-nav>li>a:hover i,
.navbar-default .navbar-nav>li.active a i {
    border: 1px solid #ffffff;
}
/* Second Level */

.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>a::after {
    border-color: transparent transparent transparent #333;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    right: 15px;
    top: 13px;
    width: 0;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #555;
}
/* Third Level */

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    border-radius: 0;
}
/*----------End Menu-----------*/
/*----------Search-----------*/

.search {
    float: right;
    margin-right: 5px;
    width: 20%;
    position: relative;
}
.search .text-box {
    background: #fff;
    margin: 4px 0;
    height: 32px;
    padding-right: 30px;
}
.search-btn {
    background: #fff url("../img/icons/search.svg") no-repeat scroll;
    border: medium none;
    height: 30px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px;
    background-size: 18px;
    background-position: center;
}
.mobile-top-search .search.mobile-search .search-btn {
    height: 23px;
    right: 25px;
    top: 15px;
}
.mobi-search {
    display: none;
}
.mobile-search {
    display: none;
}
.mobile-top-search {
    display: none;
    width: 100%;
    float: left;
    background: #f6f6f6;
    border-top: 1px solid #d8d8d8;
}
/*----------Breadcrum-----------*/

.breadcrumb-menu {
    height: 30px;
    margin-left: 19px;
    position: relative;
    z-index: 9;
}
.breadcrumb-menu>ul {
    margin: 0;
}
div.breadcrumb-menu li::before {
    color: #ffffff;
    content: ">";
    display: block;
    float: right;
    padding: 0 5px;
    position: relative;
    right: 0;
    top: 0;
    z-index: 9999;
}
div.breadcrumb-menu li:last-child::before {
    border: none;
    content: "";
}
.breadcrumb-menu li:first-child {
    padding: 0 0 0 17px;
}
.breadcrumb-menu li {
    color: #ffffff;
    float: left;
    font-size: 10px;
    line-height: 30px;
    list-style: outside none none;
    margin-left: 5px;
    text-transform: uppercase;
}
div.breadcrumb-menu a,
.navbar-header div.breadcrumb-menu a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    color: #2991d6;
}
div.breadcrumb-menu a {
    border: medium none;
    color: #fff;
    font-size: 10px;
    margin-right: 2px;
    padding: 0 2px;
    position: relative;
    text-transform: uppercase;
}
div.breadcrumb-menu a,
.navbar-header div.breadcrumb-menu a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    color: #2991d6;
}
/*------------------------------------*\
Sidebar
\*------------------------------------*/
.sidebar {
    background: #333 none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 107px;
    width: 150px;
    color: #fff;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear
}
.sidebar.sticky {
    top: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}
.sidebar-hover-menu .left-panel {
    background: #ffffff none repeat scroll 0 0;
    width: 60px;
    float: left;
}
.left-panel .sidebar-nav {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.sidebar-hover-menu .left-panel .sidebar-nav .sidebar-link {
    border-bottom: 1px solid #d8d8d8;
    height: 60px;
    width: 60px;
}
.sidebar-hover-menu .left-panel .sidebar-nav .sidebar-link:hover, .sidebar-hover-menu .left-panel .sidebar-nav .sidebar-link.active, .sidebar-hover-menu .left-panel .sidebar-nav a:focus {
    background-color: #2991d6;
}
.sidebar-hover-menu .left-panel .sidebar-nav a, .mobile-sidebarmenu .sidebar-nav a {
    color: transparent;
    display: block;
    font-size: 0;
    height: 60px;
    text-align: center;
    width: 60px;
    padding: 12px 0px;
}
.sidebar-hover-menu .left-panel .sidebar-nav div a img {
    width: 32px;
    height: 32px;
}
.left-panel.mobile-sidebarmenu .sidebar-nav div a img {
    height: 32px;
    width: 32px;
}
.left-panel .sidebar-nav .sidebar-link:hover .image, .left-panel .sidebar-nav .sidebar-link.active .image, .left-panel .sidebar-nav a:focus .image {
    display: none;
}
.left-panel .sidebar-nav .sidebar-link:hover .image.hover, .left-panel .sidebar-nav .sidebar-link.active .image.hover, .left-panel .sidebar-nav a:focus .image.hover {
    display: inline-block;
}
.sidebar-submenu {
    position: relative;
    display: inline-block;
}
.sidebar-submenu > .sidebar-sublink {
    display: none;
    position: absolute;
    background-color: #2991D6;
    min-width: 60px;
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 12px 16px;
    z-index: 1;
}
.sidebar-submenu:hover > .sidebar-sublink {
    display: block;
    left: 100%;
    position: absolute;
    top: 0;
    padding: 0px;
    z-index: 999999;
}
.sidebar-submenu .sidebar-sublink a {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 32px auto;
    height: 60px;
    width: 60px;
}
.sidebar-submenu > [data-tooltip]:hover::after{
    margin-left: -50px;
    margin-bottom: -62px;
}
.sidebar-submenu > [data-tooltip]:hover::before {
    top: 73%;
    transform: rotate(90deg);
    left: 39px;
}
/* For Responsive View */

.sidebar-nav .item {
    width: 90px;
}
.sidebar-nav .owl-stage-outer {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 95%;
}
.app-action-group.app-action .drop-btn-panel {
    display: none;
}
.sidemenu-icon {
    width: 24px;
    height: 24px;
}
/*------------------------------------*\
Main Body
\*------------------------------------*/

.main {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    height: 1640px;
    margin-left: 150px;
}
.right-panel {
    margin-left: 80px;
    margin-right: 20px;
    padding-top: 20px;
}
.new-v8-ui-right-panel{
    margin-left: 20px !important;
}
.app-action-form {
   margin: 0 0 15px 0;
}
.panel-accordion-wrapper > .app-action-form{
	margin-bottom: 15px;
}
.panel-accordion-wrapper > .app-action-form:last-child{
	margin-bottom: 0;
}
/* .accordion-content-wrapper .app-action-form {
   margin: 0 0 15px 0;
}
.accordion-content-wrapper .app-action-form:last-child {
    margin: 0;
} */
/*------------------------------------*\
Home Block
\*------------------------------------*/

body p {
    font-size: 14px;
    line-height: 18px;
}
.element-block p {
    height: 52px;
    overflow: hidden;
}
.element-sec {
    padding: 0 0 10px;
    margin: 20px 10px 0;
}
.element-block {
    position: relative;
    text-align: center;
    border: 1px solid #d8d8d8;
    height: 205px;
}
.module-block-icon img{
	width:64px;
}
.element-block h3 {
    color: #2991d6;
    display: block;
    font-size: 15px;
    font-weight: bold;
    padding: 20px 0 0;
    text-transform: uppercase;
}
.element-block .icon {
    display: block;
    height: 65px;
    margin: 0 auto;
    text-align: center;
    width: 85px;
}
.image.hover {
    display: none;
}
.owl-stage .image.hover {
    display: none;
}
.sidebar-nav .image.hover {
    display: none;
}
.module_title {
    clear: both;
    display: block;
    margin: auto;
    padding: 10px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
body .owl-carousel .owl-item img {
    display: inline-block;
    width: 100%;
}
#app-action-form-uploadedi,
.error-message.error.upload.file i {
    right: 115px;
}
/*------------------------------------*\
Footer
\*------------------------------------*/

.footer {
    background-color: #474747;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%;
    font-size: 13px;
    float:left;
    padding:10px 20px; 
    color:#fff;
    z-index: 9999;
}
/*------------------------------------*\
Login
\*------------------------------------*/

.login-wrapper {
    box-shadow:0 0 11px -1px rgba(0, 0, 0, 0.2);
}
.login-container {
    margin: 0 auto;
    max-width: 460px;
    width: 90%;
    padding-top: 60px;
}
.logo-header {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d8d8d8;
    padding: 40px 0 32px;
    position: relative;
    text-align: center;
    z-index: 9;
}
.logo-header img {
    width: 188px;
}
/* .login {
    background: #EEEEEE none repeat scroll 0 0;
} */
.user-login {
    color: #2991d6;
    display: block;
    font-size: 15px;
    margin: 10px 0 10px;
    text-align: center;
}
.login-form-title .user-login {
    text-align: left;
}
.form {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #d8d8d8;
    margin-top: -2px;
    padding: 20px 10px;
}
#frmLogin .text-box {
    padding-right: 35px;
}
.form-element {
    padding: 0 30px 20px;
    position: relative;
}
.logo-fix-width img {
    width: 70%;
}
.login-form-title .caret {
    color: #aaa !important;
}
.logo-fix-width>a {
    padding-top: 0px;
}
.text-align-center {
    text-align: center;
}
.login-disclaimer {
    padding: 20px 0;
    font-size: 13px;
}
.login-content {
    padding-bottom: 30px;
    background: #fff;
}
.login-content .input-icon img {
    width: 16px;
    height: 16px;
}
.login-language-button .bootstrap-select button.dropdown-toggle {
    padding-right: 30px;
}
.login-language-button .bootstrap-select.btn-group .dropdown-menu li a span.text {
    max-width: 120px;
}
.login-language-button .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    overflow: hidden;
    max-width: 80px;
    text-overflow: ellipsis;
}
.authenticate .text-box {
    font-size: 14px;
    padding: 5px 37px 5px 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.auth-second-pswd .text-box {
	padding: 5px;
	width: 35px;
	margin-right: 8px;
	text-align: center;
}
.auth-second-pswd .text-box[disabled], .auth-second-pswd .text-box[disabled]:hover {
	background: #dbdbdb;
}
.auth-second-pswd span {
	padding: 5px;
	margin-right: 8px;
	text-align: center;
	vertical-align: 5px;
}
.authenticate canvas {
    background: #d8d8d8 none repeat scroll 0 0;
    float: left;
    height: 35px;
    max-width: 162px;
    text-align: left;
    position: absolute;
}
.captcha-box {
    position: relative;
}
.text-box.captcha-text {
    height: 35px;
    width: 100%;
    padding-left: 170px;
    position: relative;
    background: transparent;
}
.terms-content p {
    font-size: 14px;
    padding: 10px 20px 0 0;
}
.close-logon {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin: 0 20px 0 0;
    text-align: right;
}
.close-logon:hover {
    text-decoration: none;
}
.reference-links [data-tooltip]::before, .tooltip::before, .tooltip-top::before{
    margin-left: -8px;
    margin-top: 0;
    top: -9px;
}
.reference-links [data-tooltip]::before, .tooltip::before, .tooltip-top::before{
	border-top-color:#fff;
}
.reference-links a:after{
	left:-50%;
	bottom: 40px;
	right: auto;
}
.tooltip-top.tooltip-about:after{
	left: -30px;
}
.tooltip-top.tooltip-help:after{
	left: -15%;
}
.login .reference-links a.tooltip::before, .login .reference-links a[data-tooltip]::before{
	left:15px;	
}
.radio-btn.last {
    margin: 0 10px 0 0;
}
/*-----Rule mgmt model popup -----*/

.modal-content.set-rule-criteria {
    display: inline-block;
    width: 100%;
}
.et-rule-criterias-content .check-block {
    margin: 7px 20px 7px 0;
}
.modal-dialog.modal-rule-mgmt {
    max-width: 600px;
    width: 90%;
}
.et-rule-criterias-content .check-block {
    float: left;
    margin: 7px 0 0 0px;
    width: 100%;
    text-align: left;
}
html body .et-rule-criterias-content .check-block .css-label {
    display: block;
    margin: 0 15px;
    width: 90%;
    word-wrap: break-word;
    height: 100%;
    line-height: 20px;
}
html body .et-rule-criterias-content .check-block .css-checkbox {
    position: absolute;
}
.et-rule-criterias-content {
    height: 325px;
    width: 99%;
}
.modal-dialog.genral-popup {
    max-width: 600px;
    width: 90%;
}
.modal-dialog .et-rule-criterias-content a {
    font-size: 14px;
}
.add-user-form .form-col-1 {
    width: 95px;
    line-height: 20px;
}
.p-r-5.left.last-textarea {
    position: relative;
}
.question {
    background-image: url("../img/icons/help-hover.svg");
    background-position: center center;
    background-color: #120e5b;
    background-size: 10px auto;
    border-radius: 3px;
    bottom: 6px;
    height: 16px;
    left: -20px;
    margin: auto;
    position: absolute;
    text-align: center;
    width: 16px;
    background-repeat: no-repeat;
    cursor: help;
}
.question.tooltip-bottom:hover {
    cursor: pointer;
}
.modal-inner-content .textarea-box {
    margin: 15px;
    width: 94%;
}
.form-col-1.rule-notify label {
    text-align: left;
}
/*------------------------------------*\
Reports page
\*------------------------------------*/

.reports-title {
    border-bottom: 1px solid #d8d8d8;
    margin: 0 0 20px;
    padding-bottom: 10px;
}
.repots-label {
    float: left;
    max-width: 125px;
    text-align: right;
    width: 100%;
    line-height: 28px;
}
.repots-element {
    padding: 30px 10px 35px;
}
.uie-center-btn {
    text-align: center;
}
.generate-reports-display {
    background: #F0F0F0;
    height: 460px;
    width: 100%;
    margin: 20px 0;
    border: 1px solid #d8d8d8;
}
.generate-reports-display h2 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.reports-btn .uie-btn {
    height: 36px;
    margin: 0 5px 0 0;
}
.output-format {
    margin: 0 0 40px;
}
.output-format .dropdown-list ul {
    bottom: 34px;
    top: auto;
}
.uie-btn-primary.uploade {
    margin: 0 0 0 10px;
}
.uie-btn-primary.uploade:hover {
    background-color: #286090;
    border-color: #204d74;
    color: #fff;
}
.upload-edi {
    background-image: url("../img/icons/upload-edi-icon.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 14px;
    font-size: 0;
}
.upload-edi:hover {
    background-image: url("../img/icons/upload-edi-hover-icon.svg");
}
.filter-check .check-block {
    clear: both;
    padding: 0 0 5px 0px;
}
.filter-check .check-block input.css-checkbox[type="checkbox"] + label.css-label {
    height: 100%;
    padding-bottom: 1px;
}
.form-row.clearfix.filter-check {
    margin-left: 120px;
}
.g-r-check-box {
    padding-top: 8px;
    clear: both;
}
.g-r-check-box-list {
    padding-left: 20px;
}
/*------------------------------------*\
error-popup
\*------------------------------------*/

.error-popup {
    max-width: 420px;
    width: 100%;
}
.error-popup .modal-title {
    float: left;
    line-height: 30px;
    width: 80%;
    padding: 5px 0;
}
.error-popup .modal-title .icon {
    float: left;
}
.error-popup .modal-header {
    border-bottom: 1px solid red;
}
.error-popup .modal-content {
    border: 1px solid red;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
}
.warning-popup .modal-content {
    border: 1px solid #feaa30;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
}
.warning-popup .modal-header {
    border-bottom: 1px solid #feaa30;
}
.ui-datepicker-trigger.icon-datepicker {
    background-color: #f6f6f6;
    border: 1px solid #d8d8d8;
    height: 35px;
    padding: 3px;
    position: absolute;
    right: 5px;
    top: 0;
    width: 30px;
}
.input-group .form-control {
    z-index: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: keep-all;
}
.error-massage-popup {
    padding: 30px 50px 0;
}
.button-text {
    margin: 0 20px 20px 0;
    text-align: right;
}
.button-text a {
    font-weight: bold;
    margin: 0 7px;
}
.button-text a:hover {
    text-decoration: none;
}
/*------------------------------------*\
Manage Columns
\*------------------------------------*/

.columns-list-item {
    border: 1px solid #d8d8d8;
    height: 325px;
    clear: both;
    overflow-y: auto;
}
.searchall-columns + .columns-list-item, .searchvisible-columns + .columns-list-item {
    height: 285px;
}
.columns-list-item li {
    border-bottom: 1px solid #d8d8d8;
    color: #5c5c5c;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 21px;
    padding: 7px 10px;
    word-break:break-all;
}
.columns-list-box {
    width: 42%;
    float: left;
    position: relative;
}
/* .columns-list-item li:hover { // comment because of no need height on hover in columns
    background: #e0f3ff none repeat scroll 0 0;
    color: #2991d6;
} */
.columns-list-item li.active {
    background: #2991d6 none repeat scroll 0 0;
    color: #fff;
}
.columns-center-btn {
    float: left;
    text-align: center;
    width: 50px;
    word-wrap: break-word;
}
.columns-center-btn span {
    border: 1px solid #120e5b;
    clear: both;
    cursor: pointer;
    display: block;
    height: 30px;
    margin: 10px auto;
    padding: 0px;
    width: 30px;
}
.manage-action a {
    display: block;
    height: 28px;
    position: relative;
    top: 0;
    text-decoration: none;
}
.manage-action img {
    position: relative;
    top: 6px;
    width: 16px;
    height: 16px;
}
.columns-list-box h3 {
    color: #5c5c5c;
    font-size: 15px;
    padding: 0 0 10px;
}
.modal-body-content {
    height: 425px;
    padding: 25px 25px 0;
    position: relative;
    width: 100%;
    z-index: 99999;
}
.columns-vertical-center {
    display: table-cell;
    height: 345px;
    vertical-align: middle;
}
.columns-apply {
    clear: both;
    color: #2991D6;
    font-weight: bold;
    text-align: right;
}
.manage-col-actions ~ .columns-apply {
	clear: none;
    float: right;
    margin-top: 20px;
}
.columns-apply a {
    text-decoration: none;
    color: #2991D6;
}
.manage-columns {
    max-width: 860px;
    width: 90%;
}
.selected-dropdown-item {
    background-color: #CCCCCC;
}
.modal-header .range-action {
    float: right;
    background-repeat: no-repeat;
    font-size: 0;
    width: 37px;
    height: 40px;
    text-align: center;
    border-left: 1px solid #d8d8d8;
    background-position: center center;
}
.modal-header .range-action.tooltip-bottom:before, .modal-header .range-action.tooltip-bottom:after {
    top: 47px;
    bottom: auto;
}
.manage-col-actions .multiple-selections,.modal-header .multiple-selections  {
    background-image: url(../img/icons/multiple-selections.svg);
    background-position: center 13px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border-left: 1px solid #d8d8d8;
    float: right;
    height: 40px;
    width: 37px;
    text-align: center;
}
.manage-col-actions .multiple-selections:hover, .manage-col-actions .multiple-selections.active, .modal-header .multiple-selections:hover, .modal-header .multiple-selections.active  {
    background-image: url(../img/icons/multiple-selections-hover.svg);
    background-color: #120e5b;
    border:1px dotted #120E5B;
}
.manage-col-actions .multiple-selections:focus,.manage-col-actions .range-action:focus {
    border:1px dotted #120E5B;
}
.delete-filter-row a.delete-filter:focus {
    border: 1px dotted #120E5B;
}
.manage-col-actions .range-action {
    float: right;
    background-repeat: no-repeat;
    font-size: 0;
    width: 37px;
    height: 40px;
    text-align: center;
    border-left: 1px solid #d8d8d8;
    background-position: center center;
    background-size: 16px 16px;
}
.manage-col-actions .range-action:hover {
	background-color: #120e5b;
}
.manage-col-actions {
    clear: both;
    float: left;
    border: 1px solid #d8d8d8;
    margin-top: 15px;
}
.manage-col-actions a{
	text-decoration: none;
}
.manage-col-actions a:last-child {
    border: none;
}
.manage-col-actions .multiple-selections.tooltip-bottom:before,.manage-col-actions .multiple-selections.tooltip-bottom:after {
    top: 47px;
    bottom: auto;
}
.modal-content .manage-col-actions .multiple-selections.tooltip-bottom:before {
    top: 6px !important;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.modal-content .manage-col-actions .multiple-selections.tooltip-bottom:after {
    top: -42px;
}
.modal-content .manage-col-actions .range-action.tooltip-bottom:after {
    top: -42px;
}
.modal-content .manage-col-actions .range-action.tooltip-bottom:before{
	  top: 6px !important;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.manage-col-actions .multiple-selections.tooltip-bottom:after {
    right: -25px;
}
.manage-col-actions .range-action.tooltip-bottom:before, .manage-col-actions .range-action.tooltip-bottom:after {
    top: 47px;
    bottom: auto;
}
/**********dp menu ********************/

.input-group.input-file {
    z-index: 1;
}
.form-control.selected-file-name.error-input-box {
    z-index: 1;
}
/************** time piker *********/

.fa.fa-chevron-up {
    background: rgba(0, 0, 0, 0) url("../img/icons/arrow-top.svg") repeat scroll center center/22px auto;
    background-size: 22px 22px;
    float: left;
    height: 22px;
    width: 22px;
}
.fa.fa-chevron-down {
    background: rgba(0, 0, 0, 0) url("../img/icons/arrow-bottom.svg") repeat scroll center center/22px auto;
    background-size: 22px 22px;
    float: left;
    height: 22px;
    width: 22px;
}
.error-message.error.vgmWeighingTime.text i {
    right: -40px;
}
/*------------------------------------*\
Dropdown
\*------------------------------------*/

.dropdown-list ul li i {
    font-size: 18px;
    margin: 0 5px 0 0;
    color: #373B41;
}
.typeahead.dropdown-menu {
     max-height: 179px;
     z-index: 9999;
     border: 1px solid #2991D6;
     margin-top: -1px;
     overflow-y: auto;
     overflow-x: hidden;
}
.bootstrap-tagsinput{
	position: relative;
}
input + .typeahead.dropdown-menu {
	top: 35px !important;
    left: 0 !important;
    margin-top: -1px;
    width: 100% !important;
}
.typeahead.dropdown-menu li a {
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
}
.dropdown-menu li a {
    border-bottom: 1px solid #d8d8d8;
    color: #5c5c5c;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 21px;
    padding: 7px 10px;
}
.pages-info .dropdown-list .mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -1px -1px;
}
.pages-info .mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 0;
    bottom: 0;
}
.dropdown-list .mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 10px 0;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    background: #e0f3ff none repeat scroll 0 0;
    color: #2991d6;
    text-decoration: none;
}
body .dropdown-menu li a:focus {
    background-color: #e0f3ff;
    color: #2991d6;
    text-decoration: none;
    outline: none;
}
.dropdown-menu li:last-child a {
    border-bottom: none;
}
/*******end-dropdown-menu********/

#conf-panel-grid-content > h4 {
    margin: 5px 0px;
}
.error-message.error.uom.radio {
    margin: 0px;
}
.radio-btn.error-input-box {
    padding: 5px 0px;
    margin: 0px;
    border: none;
}
.error-message.error.uom.error.radio .error-info-icon {
    top: 6px;
    left: 165px;
}
.error-message.error.uom.radio img {
    float: right;
}
.error-message.error.uom.error.radio .error-msg.right-top {
    top: 28px;
}
.p-r-5.right .error-message.error.uom.error.radio .error-msg.right-top::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ff0000;
    border-style: solid;
    border-width: 6px 5px;
    content: "";
    left: -11px;
    position: absolute;
    top: 11px;
    transform: rotate(-180deg);
    display: none;
}
/*******Modal Dialog *******/

.modal-dialog .ui-alert-normal, .ui-alert-error {
    margin-top: 20px;
}
.modal .ui-alert-error, .modal .ui-alert-success{
	margin: 15px 0;
}
.global-message-wrapper .ui-alert-error {
    margin: 0px;
}
.ui-alert ~ .ui-alert {
    margin-top: 10px;
}
.manage-columns .modal-body-content {
    height: auto;
    position: static;
    max-height:600px;
    overflow-x: hidden;
    overflow-y: auto;
}
.manage-columns .modal-body-content {
   padding: 15px 25px 0px;
}
/*******Modal Dialog alert box *******/

.alert-icon-popup {
    float: left;
    padding: 10px 0 0 10px;
}
.alert-icon-popup img {
    float: left;
    height: 20px;
    width: 20px;
}
.normal-alert .modal-header {
    padding: 0px;
}
.modal-dialog.alert-popup {
    left: 0px;
    right: 0px;
    top: 0;
}
.blockUI.blockMsg.blockPage {
    margin: -50px 0 0 !important;
}
.modal-dialog.alert-popup {
    width: 400px;
}
.modal-dialog.alert-popup h4 {
    float: left;
    font-size: 14px;
    margin: 2px 11px;
    color: #5c5c5c;
}
.conf-alert,
.normal-alert {
    background-color: #ffffff;
    box-shadow: 1px 3px 6px #000;
    padding: 0px;
}
.alert-btn-popup {
    padding: 10px;
    text-align: right;
}
.panel-block-head.clearfix {
    height: 40px;
    position:relative;
}
.message-desc {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    text-align: left;
    color: #5c5c5c;
}
.message-desc ul {
    font-size: 13px;
    margin: 10px 0 0 10px;
    padding: 0;
    text-align: left;
    list-style: inside;
}
.message-desc ul li {
    color: #5c5c5c;
    line-height: 20px;
    list-style: inside none square;
    margin: 0;
    padding: 0;
}
/*------------------------------------*\
Dropdown
\*------------------------------------*/

.dropdown-list ul li i {
    font-size: 18px;
    margin: 0 5px 0 0;
    color: #373B41;
}
.dropdown-menu .default-listitem {
    display: none;
}
.dropdown-menu {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d8d8d8;
    display: none;
    left: 0px;
    max-height: 170px;
    /* overflow-y: auto; causes issue in IE */
    position: absolute;
    top: 35px;
    width: 100%;
    z-index: 9999;
}
.dropdown-menu li a {
    border-bottom: 1px solid #d8d8d8;
    color: #5c5c5c;
    cursor: pointer;
    display: block;
    font-size: 13px;
    line-height: 22px;
    padding: 3px 5px;
}
.dropdown-menu ul li a:hover {
    background: #e0f3ff none repeat scroll 0 0;
    color: #2991d6;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    background: #e0f3ff none repeat scroll 0 0;
    color: #2991d6;
    text-decoration: none;
}
body .dropdown-menu li a:focus {
    background-color: #e0f3ff;
    color: #2991d6;
    text-decoration: none;
    outline: none;
}
.dropdown-menu li a:hover {
    background-color: #fff;
    color: #262626;
    text-decoration: none;
    outline: none;
}
.dropdown-menu {
    box-shadow: none;
    border-radius: 0;
    margin: 0px;
    padding: 0px;
    top: 34px;
}
.dropdown-menu li:last-child a {
    border-bottom: none;
}
.dropup .dropdown-menu {
    margin-bottom: -1px;
}
/*******end-dropdown-menu********/
/**********Dropdown paginations**********/

.pagination-block .bootstrap-select button.dropdown-toggle, .data-table-pagination .bootstrap-select button.dropdown-toggle{
    font-size: 12px;
    height: 20px;
    line-height: 18px;
    padding: 0 0 0 5px;
    /* width: 45px; */
    color: #5c5c5c;
}
.pagination-block .btn.dropdown-toggle.bs-placeholder.btn-default, .data-table-pagination .btn.dropdown-toggle.bs-placeholder.btn-default {
    font-size: 12px;
    height: 20px;
    line-height: 10px;
    padding: 0 12px 0 7px;
}
.pagination-block .bootstrap-select.btn-group .dropdown-toggle .caret, .data-table-pagination .bootstrap-select.btn-group .dropdown-toggle .caret {
    right: 5px;
}
.pagination-block.top-pagination .bootstrap-select:not(.dropup) .dropdown-menu, .data-table-pagination.data-table-top-pagination .bootstrap-select:not(.dropup) .dropdown-menu {
    top: 20px;
}
.pagination-block.bottom-pagination .dropdown-menu {
    top: auto;
    margin: 20px 0 0 0;
}
.pagination-block.bottom-pagination .dropup .dropdown-menu {
	margin-bottom: -1px;
}
.pagination-block .dropdown-menu li a, .data-table-pagination .dropdown-menu li a {
    line-height: 18px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 12px;
    padding: 0 ;
    width: 100%;
    height:auto;
}
.pagination-block .bootstrap-select.btn-group .dropdown-menu li, .data-table-pagination .bootstrap-select.btn-group .dropdown-menu li {
    height: auto;
    padding: 0px 0px;
    display: block;
}
.pagination-block .btn-group.bootstrap-select.form-control, .data-table-pagination .btn-group.bootstrap-select.form-control {
    height: 20px;
}
.page-options .dropdown-list-menu,.page-record-options .dropdown-list-menu {
    display: inline-block;
    font-size: 12px;
    height: 20px;
    line-height: 16px;
    padding: 0;
    float: left;
    width: 45px;
}
.page-options .dropdown-list-menu.grid-pagination-width-3 {
    width: 55px;
}
.page-options .dropdown-list-menu.grid-pagination-width-4 {
    width: 60px;
}
.page-options .dropdown-list-menu.grid-pagination-width-5 {
    width: 70px;
}
/* .pagination-block .bootstrap-select.btn-group .dropdown-menu li:last-child {
    border-bottom: 1px solid #d8d8d8;
} */
.page-record-options .dropdown-list-menu {
    margin: 0 5px;
}
.dropdown-list-menu .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}
.btn-group.open .dropdown-toggle {
    box-shadow: none;
}
.dropdown-list-menu {
    margin-bottom: 5px;
}
.btn.dropdown-toggle.bs-placeholder.btn-default:focus {
    /* border: 1px solid #2991d6; */ 
    box-shadow: 0 0 4px rgba(41, 145, 214, 0.3);
}
.top-lang .bootstrap-select button.dropdown-toggle {
    height: 35px;
    line-height: 1px;
    border: none;
    font-size: 11px;
    padding: 8px 30px 8px 8px;
}
.dropdown-list-menu.error-input-box {
    border: none;
    padding: 0;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
    color: #120e5b;
}
.error-input-box .bootstrap-select button.dropdown-toggle {
    border: 1px solid #f44336;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-bottom: 4px solid;
}
/**************end-drop-down-menu*********/
/*------------------------------------*\
configuration page
\*------------------------------------*/

.nav-tabs {
    border-bottom: 1px solid #ddd;
    float: left;
    padding: 0px 0 0 0px;
    width: 100%;
    margin: -1px 0 0 -1px;
}
.nav-tabs li {
    display: inline-block;
    float: left;
    margin-bottom: -1px;
    padding: 0;
    height: 30px;
}
.nav-tabs li a {
    color: #5c5c5c;
    background: #f3f3f3;
    border: 1px solid #d8d8d8;
    border-radius: 0px;
    font-size: 13px;
    font-weight: bold;
    height: 30px;
    float: left;
    margin-right: -1px;
    padding: 0px 15px;
}
.nav-tabs li a:hover {
    color: #2991d6;
    background: #f3f3f3;
    border: 1px solid #d8d8d8;
    text-decoration: none;
}
.nav-tabs li.active a,
.nav-tabs li.active a:focus,
.nav-tabs li.active a:hover {
    text-decoration: none;
    color: #2991d6;
    cursor: pointer;
}
.nav-tabs li.active {
    cursor: pointer;
}
.config-panel .app-action-form.app-action-form-block.filter-block {
    float: left;
    width: 100%;
}
.panel-block-icon > span {
    float: left;
    height: 38px;
    margin: 0;
    text-align: center;
    width: 100%;
    padding: 3px 0;
}
.panel-block-content.no-padding.config-panel > div {
    clear: both;
}
.config-panel .checkbox,
.radio {
    margin-bottom: 0;
    margin-top: 5px;
}
.config-panel .form-row {
    clear: both;
}
.config-panel .form-row.col-md-6 {
    width: 100%;
}
html body .config-panel .scroll-wrapper .css-label {
    width: 15%;
    margin-bottom: 5px;
    height: auto;
}
.config-panel .refresh-edi.tooltip-bottom:after {
    left: -33px;
}
.config-panel .tooltip-panel.tooltip-bottom.add-more:after {
    left: -51px;
}
.config-panel .panel-block-head-content.no-padding {
    clear: both;
    float: left;
    margin: 0;
    width: 100%;
}
.panel-block-content.no-padding > div {
    clear: both;
}
.config-panel .p-r-5.left .checkbox .css-label {
    width: auto;
}
.error-message.error.syncUpCode.checkbox {
    top: -45px;
    width: 100%;
    margin-top: 0px;
}
.config-panel .table-record #mCSB_1_scrollbar_vertical {
    display: none;
    opacity: 0;
}
.global-lightbox-wrapper.col-md-12 {
    clear: both;
}
.Zodiac-config .col-xs-6.col-md-4.title {
    background: #2991d6;
    padding: 20px;
}
.Zodiac-config .table-grid th:first-child span,
.Zodiac-config .table-grid tr td:first-child,
.Zodiac-config .table-grid th {
    padding: 5px 10px;
}
.Zodiac-config {
    margin: 15px;
    float: left;
}
.config-panel .center-btn.col-md-12.clearfix {
    float: none;
}
.config-panel .table-grid .p-r-5,
.config-panel .table-grid .form-row,
.config-panel .table-grid .p-r-5 .dropdown-list-menu {
    padding-right: 0px;
    margin-bottom: 0px;
}
/*------------------------------------*\
END configuration page
\*------------------------------------*/
/**********Help Modal Popup*********/

.help-content {
    padding: 10px 0 0;
}
.owl-carousel .owl-item {
    z-index: 9999;
    background-color: #fff;
}
.daterangepicker .range_inputs {
    text-align: right;
    min-height: 18px;
    float: right;
    margin: 7px 0;
}
.group-row {
    border: 1px solid #d8d8d8;
    float: left;
    margin: 0 0 15px;
    width: 100%;
}
.grouping-sections .group-row {
    margin-top: 15px;
    margin-bottom:0px;
}
.group-row .group-label {
    background: #f6f6f6;
    color: #120e5b;
    font-size: 12px;/* 14px changed for all the group labels */
    margin: 0;
    text-align: left;
    width: 100%;
    padding: 3px 15px;
    line-height: 1; /* for setting template page */
    font-weight: bold;
    position: relative;
}
.group-row .group-label .label {
    color: #120e5b !important;
}
.group-row .group-wrapper {
    width: 100%;
    /* overflow: hidden; */
    float: left;
}
.group-row .separator {
    clear: both;
    margin-bottom: 10px;
}
.section-row .group-label {
    font-weight: bold;
    font-size: 13px;
    background: #f6f6f6;
    color: #120e5b;
    padding:3px 15px;
    margin: 5px 0;
    line-height: 15px;
}
.section-row {
    float: left;
    width: 100%;
}
.accordion-content .section-row .group-label {
    margin-bottom: 15px;
}
.appsetting-wrapper .center-btn.col-md-6 {
    float: right;
    margin: -40px 0 0;
    text-align: right;
    padding: 0px;
}
.appsetting-wrapper .text-box {
    margin: 0px;
}
.appsetting-wrapper .uie-btn {
    height: 34px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.toggle-redio .radio-btn {
    width: 100%;
    text-align: center;
}
.toggle-redio .radio-btn label {
    margin-right: 10px;
    line-height: 25px;
}
.search.vgm-search {
    float: left;
    width: 100%;
}
.select-all-checkbox.css-checkbox[type="checkbox"] + label.css-label {
    background-image: url(../img/icons/page-selected-records.svg);
}
.wght-update-search {
    margin: 10px 0px;
}
.wght-update-search .search-btn {
    display: none;
}
.config-panel.weightupdate .form-row {
    clear: none;
}
.config-panel.weightupdate .form-row.col-md-6.clearfix {
    width: 50%;
}
/*------------------------------------*\
Informations popoup
\*------------------------------------*/

.grid-info {
    margin: 15px 0 15px 0;
}
.grid-info .info-title {
    padding: 0 10px;
    white-space: inherit;
}
.table-grid.fixed.grid-info th {
    padding: 0 10px;
}
input[type="checkbox"]:disabled:not(old) + label > span,
input[type="radio"]:disabled:not(old) + label > span {
    border: 2px solid #d8d8d8;
}
input[type="checkbox"]:disabled:not(old) + label > span,
input[type="radio"]:disabled:not(old) + label > span > span {
    background: #d8d8d8;
}
input[type="checkbox"]:disabled:not(old) + label > span,
input[type="radio"]:disabled:not(old) + label {
    color: #c5c5c5 !important;
    cursor: no-drop;
    background: #F6F6F6;
}
.modal-gridpopup-form-content {
    margin: 0 20px;
    max-height: 400px;
    padding: 0 10px;
}
.cont-tosCycle {
    border-top: 1px solid #d8d8d8;
    clear: both;
    margin: 0;
    padding: 15px 0 0;
}
.weightupdate .upload-form {
    display: none;
}
.weightupdate .app-action-form {
    border-bottom: none;
}
.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
    cursor: not-allowed;
    background: #f6f6f6;
    color: #f6f6f6 !important;
}
.outboundcontdetails .presaved-filters,
.outboundcontdetails .hidden-btn,
.inboundcontdetails .presaved-filters,
.inboundcontdetails .hidden-btn {
    display: none;
}
.grid-popup-block .modal-dialog {
    max-width: 900px;
}
.no-margin {
    margin: 0px;
}
.app-setting-save .text-box {
    width: 97%;
}
.table-grid.fixed.grid-info {
    border: 1px solid #d8d8d8;
}
.weightupdate .toggle-redio label {
    font-size: 16px;
}
.weightupdate .toggle-redio label > span {
    height: 18px;
    width: 18px;
}
.weightupdate .toggle-redio input[type="radio"]:checked:not(old) + label > span > span {
    height: 10px;
    width: 10px;
}
.bootstrap-select.btn-group .dropdown-menu {
    box-shadow: 0 0 4px rgba(41, 145, 214, 0.3);
    -webkit-box-shadow: 0 0 4px rgba(41, 145, 214, 0.3);
    -moz-box-shadow: 0 0 4px rgba(41, 145, 214, 0.3);
    -o-box-shadow: 0 0 4px rgba(41, 145, 214, 0.3);
    border: 1px solid #2991d6;
}
/************************* add colum **************/

.col-title {
    clear: both;
    float: left;
    width: 100%;
}
.col-title > h3 {
    float: left;
}
.col-title > a {
    float: right;
    font-size: 14px;
    line-height: 20px;
}
.columns-icon-center {
    float: none;
    margin: auto;
    text-align: center;
}
.columns-icon-left {
    float: left;
    margin: 0 10px;
}
/* .columns-center-btn.right .columns-icon-left {
    padding: 0 10px;
    margin: 0;
} Manage Columns */
.columns-center-btn.right {
    width: 50px;
    padding: 0;
}
.columns-icon-right {
    float: right;
}
/************************* add colum **************/
/************************* All Browser placeholder style **************/

::-webkit-input-placeholder {
    text-transform: capitalize;
    color:#aaa;
}
:-moz-placeholder {
    /* Firefox 18- */
    color:#aaa;
    text-transform: capitalize;
}
::-moz-placeholder {
    /* Firefox 19+ */
    color:#aaa;
    text-transform: capitalize;
}
:-ms-input-placeholder {
    text-transform: capitalize;
    color:#aaa;
}
input.text-box:-ms-input-placeholder {
    text-transform: capitalize;
    color:#aaa;
} 
button.dropdown-toggle.bs-placeholder span {
    color: #aaa !important;
}
.manage-action:hover .image {
    display: none;
}
.manage-action:hover .image.hover {
    display: inline-block;
}
.manage-action a:hover, .manage-action a:focus {
    background-color: #120e5b;
}
.manage-action a:hover .image, .manage-action a:focus .image {
    display: none;
}
.manage-action a:hover .image.hover, .manage-action a:focus .image.hover {
    display: inline-block;
}

.dropdown-menu li.selected a,
.dropdown-menu li.selected a:focus {
    background: #2991d6;
    color: #fff;
}
.group-label .label b {
    color: #5c5c5c;
}
.uie-btn.uie-btn-primary.login_wrapper > span {
    float: left;
}
/*------------------------------------*\
Filter Criteria
\*------------------------------------*/

.filter-crite-title .label {
    color: #120e5b;
    float: left;
    font-size: 15px;
    font-weight: bold;
    line-height: 26px;
    text-align: left;
}
hr {
    border-color: #d8d8d8;
    margin: 10px 0;
}
.filter-criteria {
    padding: 0 0 15px;
}
/*------------------------------------*\
Filter Criteria
\*------------------------------------*/

.searched-criteria-label {
    border-bottom: 1px solid #d8d8d8;
    color: #120e5b;
    font-size: 15px;
    font-weight: bold;
    line-height: 10px;
    padding: 0 0 10px;
    text-align: left;
}
.searched-criteria-text {
    font-size: 13px;
    overflow: hidden;
    padding: 10px 15px;
    word-break: break-all;
    word-wrap: unset;
    border: 1px solid #d8d8d8;
    border-top: none;
}

.searched-criteria{
	margin-bottom: 20px;
	padding: 0;
}
/* CSS for filter inside an accordion */
.accordion-content-wrapper > .searched-criteria {
    padding: 0;
}
.accordion-content-wrapper > div[data-filter-context]{
	margin: 0;
}
/*------------------------------------*\
Change Password
\*------------------------------------*/

.changepassword .app-action-form.app-action-form-block.element-sec {
    border-bottom: none;
}
.table-record td.highlight-row {
    background-color: #57B3FA;
}
.table-record td .text-box,
.table-record td span,
.table-record td .text {
    font-size: 12px;
}
.table-record td .bootstrap-select span{
	font-size: 14px;
}
.table-record td.highlight-row .dropdown-list-menu {
    background-color: #FFFFFF;
}




/*------------------------------------*\
Only use for tempory 
\*------------------------------------*/

.btn-icon img {
    padding: 0px 0 0 0;
}
.downloads-container {
    padding: 20px 40px;
    float: left;
    border-bottom: 1px solid #d5d5d5;
}
.downloads-text {
    float: left;
    width: 50%;
}
.downloads-text p {
    font-size: 13px;
}
.downloads-apps {
    float: left;
    width: 50%;
    text-align: right;
}
.downloads-apps ul li {
    display: inline-block;
    border: 1px solid #000;
    padding: 5px;
}
.downloads-apps ul li:hover {
    background-color: #2991d6;
    border-color: #2991d6;
}
.forgot-pwd-link {
    float: right;
    line-height: 42px;
    font-size: 14px;
}
.reference-links {
    width: 100%;
    padding-top: 30px;
    text-align: center;
}
.login-ios {
    background: url('../img/icons/ios.svg');
    background-size: 32px 32px;
    width: 32px;
    display: block;
    height: 32px;
}
.login-android {
    background: url('../img/icons/android.svg');
    background-size: 32px 32px;
    width: 32px;
    display: block;
    height: 32px;
}
.downloads-apps ul li:hover .login-ios {
    background-image: url('../img/icons/ios-hover.svg');
}
.downloads-apps ul li:hover .login-android {
    background-image: url('../img/icons/android-hover.svg');
}
.reference-links ul li {
    border-right: 1px solid #535353;
    display: inline-block;
    margin: 0;
    padding: 0 10px;
}
.reference-links ul li:last-child {
    border: none
}
.downloads-apps li a:hover,
.reference-links li a:hover {
    text-decoration: none;
}
.reference-links a {
    border: 1px solid #535353;
    border-radius: 100%;
    display: block;
}
.reference-links li:hover a {
    background-color: #2991d6;
    border-color: #2991d6;
}
.reference-links .refer-icon {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
    width: 32px;
    display: block;
    height: 32px;
}
.reference-links .about-icon {
    background-image: url('../img/icons/about-us.svg');
}
.reference-links .help-icon {
    background-image: url('../img/icons/help-icon.svg');
}
.reference-links .support-icon {
    background-image: url('../img/icons/support.svg');
}
.reference-links .download-icon {
	background-image: url('../img/icons/mobile-icon-grey.svg');
}
.reference-links li:hover .about-icon {
    background-image: url('../img/icons/about-us-hover.svg');
}
.reference-links li:hover .help-icon {
    background-image: url('../img/icons/help-hover.svg');
}
.reference-links li:hover .support-icon {
    background-image: url('../img/icons/support-hover.svg');
}
.reference-links li:hover .download-icon {
    background-image: url('../img/icons/mobile-icon-white.svg');
}
.filter-submit .btn-icon img {
    padding: 12px 0 0;
}
.create-role {
    max-width: 840px;
}
.create-role-form-content.element-sec {
     padding: 0 14px;
}
/*------------------------------------*\
EOF Change by 
\*------------------------------------*/

.padding-bottom {
    padding-bottom: 60px;
}
.columns-center-btn.available-role {
    width: 110px;
}
.available-role .columns-icon-left {
    width: 90px;
}
.columns-apply.text-right .center-btn.col-md-12 {
    text-align: right;
}

.col-2.bg-blue {
    background: #2991D6 none repeat scroll 0 0;
    float: left;
    margin: 15px 10px 0 10px;
    width: 47%;
    font-size: 14px;
    padding: 10px;
    color: #fff;
}
.m-b-10 {
    margin-bottom: 10px;
}
.centre-text {
    text-align: center;
}
.col-custom-2.text-box {
    width: 47%;
    float: left;
    margin: 10px 10px 0 10px;
    line-height: 24px;
}
.grid-popup-block .checkbox {
    margin-left: 5px;
}
.grid-popup-block .center-btn.col-md-12.padding-bottom {
    padding-bottom: 0px;
}
.grid-popup-block .modal-content {
    padding-bottom: 100px;
    overflow: hidden;
}
.panel-grid-main{
	clear: both;
	/* margin-top: 15px; 
    border-top: 1px solid #d8d8d8;*/
}

/***slidebar dropdown*************/

.sidebar-dropdown {
    position: relative;
    display: inline-block;
}
.sidebar-dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 12px 16px;
}
.sidebar-dropdown:hover .sidebar-dropdown-content {
    display: block;
}
.alert-icon .alert-msg-icon {
    height: 34px;
    width: 34px;
}
.maintenance_message{
	margin-bottom: 15px;
}
.maintenance_message .ui-alert.alert.ui-alert-ui-alert-normal {
    max-height: 75px;
    margin-bottom: 15px;
}
.selected-values {
    clear: both;
    margin-top: 10px;
    word-wrap: break-word;
    line-height: 20px;
    font-size: 14px;
    margin: 0px 0px 30px 0px;
    width: 96%;
    float: left;
}
input[type=text]::-ms-clear {
    display: none;
}
.conf-popup .col-title > h3 {
    font-size: 12px;
}
.conf-popup .columns-list-item li {
    font-size: 12px;
}
.confrigations-group {
    width: 100%;
}
.confrigations-group ul {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 145px;
}
.model-btn {
    border: 1px solid #0c79c1;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    height: 40px;
    margin: 0;
    overflow: hidden;
    padding: 0 22px;
    background-color: #2991d6;
}
.action-box {
    margin-top: 10px;
}
.action-box .action-image{
    width:24px;
    height:22px;
    margin: 0 auto;
    display:inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 22px 22px; 
}
.action-box .action-title{
   display: block; 
}
.action-box .owl-item {
    border: 1px solid #d8d8d8;
    height: 80px;
    text-align: center;
    float: left;
    padding: 0 5px;
}
.action-box .owl-item .item {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
}
.action-box .owl-stage {
    width: 100%;
}
.action-box .owl-item a {
    font-size: 12px;
    line-height: 15px;
    color: #120e5b;
    display: block;
    background-repeat: no-repeat;
}
.action-box .owl-item img {
    width: 32px;
    height: 22px;
}
.action-box .owl-carousel {
    padding: 0 30px;
    position: relative;
}
.action-box .owl-carousel .owl-controls {
    position: absolute;
    width: 100%;
    left: 0;
    top: 30%;
}
.action-box .owl-carousel .owl-controls .owl-prev {
    background: rgba(0, 0, 0, 0) url("../img/icons/arrow-left.svg") no-repeat scroll center center / 45px auto;
    background-size: 45px 45px;
    font-size: 0;
    height: 30px;
    left: 0;
    position: absolute;
    width: 30px;
}
.action-box .owl-carousel.owl-theme {
    width: 680px;
    margin-bottom: 15px;
}
.action-box .owl-carousel .owl-controls .owl-next {
    position: absolute;
    right: 0;
    background: rgba(0, 0, 0, 0) url("../img/icons/arrow-right.svg") no-repeat scroll center center / 45px auto;
    background-size: 45px 45px;
    font-size: 0px;
    height: 30px;
    width: 30px;
}
.action-title {
    font-size: 12px;
    margin: 0;
    padding: 0;
    color: #120e5b;
}
.popup-action {
    padding-bottom: 0px;
}
.uie-btn.uie-primary-button.uie-icon-btn.filter-submit.pull-right.disable-btn .btn-icon {
    background: #f6f6f6;
    border-right: 1px solid #d8d8d8;
}
h3.action-title {  
    padding: 0px 0 10px 0;
}
/********Grouping**********/
html body button[disabled]:hover,
html div input[disabled]:hover,
button.uie-btn.uie-primary-button.uie-icon-btn.filter-submit.pull-right:hover {
    background: #f6f6f6;
}
button.uie-btn.uie-primary-button.uie-icon-btn.filter-submit.pull-right {
    margin: 0px;
}
button.uie-btn.uie-primary-button.uie-icon-btn.filter-submit.pull-right.disable-btn .btn-value {
    color: #999;
}
/*********** add css for max value ***********/
.sub-element {
    width: 76%;
    padding:0px;
}
.sub-element .form-col-1 {
    width: 40%;
}
.sub-element .form-col-2 {
    width: 60%;
    padding-left: 0;
}
.sub-element .form-col-1 .label.label-bold{
	color: #5c5c5c;
}
/********* scope block *******/
.filter-scope {
    margin-bottom: 0;
    padding: 5px 0 0 0;
}
.scope-btn .uie-btn.uie-btn-primary{
	margin: 0px;
	height:35px;
}
.m-bottom-20 {
    margin-bottom: 20px;
}
.scope-filter-wrapper .form-action-field.scope-form {
    margin: 0;
    padding-bottom: 10px;
}
/*********** columns-list-item validation **************/
.columns-list-item.error-input-box{
	border: 1px solid red;
}
.manageColumnConfig.error-message .error-info-icon{
    left: 125px;
    top: 0;
}
.manageColumnConfig.error-message .error-msg.right-top{
	left: 150px;
	top: -10px
}
.manageColumnConfig.error-message .error-msg.right-top:after{
	display: none;
}
.manageColumnConfig.error-message .error-msg.right-top:before{
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ff0000;
    border-style: solid solid solid;
    border-width: 6px 5px;
    content: "";
    left: -11px;
    position: absolute;
    top: 11px;
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
}
.view-details {
    border-bottom: none;
}
.p-bottom-20{
	padding-bottom: 20px;
}
.font-red{
	color:#800000;
}
.font-blue{
	color:#2991d6;
}
.selected-td{
	background:#e0f3ff;
}
.set-form-data{
	float : right;
}
.form-row  .checkbox, .form-row  .radio{
 	display:inline-block;
}
/******* new filter *********/
.app-action-form-block .accordion{
	margin: 0;
}
.accordion-content .filter-wrapper{
	margin: 0 -10px;
}
.accrodion-grid .accordion-content .filter-wrapper{
	margin: 0px;
}
.accrodion-grid .filter-accordion{
	padding: 15px 15px 0px 15px;
}
.accrodion-grid .searched-criteria.col-md-12 {
    padding: 0 15px;
    margin-bottom: 0px;
}
.accrodion-grid .searched-criteria-text{
	    padding: 8px 0 10px 15px;
}
.accordion-content .accordion-section-wrapper .accordion-header span {
    border-left: 1px solid #E8E8E8;
}
.accordion-content .accordion-section-wrapper .accordion-actions a {
    border-left: 1px solid #E8E8E8;
}
.filter-accordion .accordion-content {
    margin-top: 0;
}
.version{
	font-size:13px;
}
.right-side-text-login{
	border-left: 1px solid #d8d8d8;
	margin-left: 10px;
	padding-left: 10px;
}
.pull-right.version-zara{
	padding:10px 10px 0 0px;
}
.color-fff{
	color:#fff;
	font-size:14px;
}
.panel-grid-main .table-record .jspVerticalBar {
	display: none;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text{
	display: block !important;
	white-space: pre-line;
	word-wrap: break-word;
	text-align: left;
	padding : 0px;
}
.grid-pagination-width-1 .dropdown-menu li a span.text{
	text-align: center !important;
}
.form-separator{
	padding-right:20px;
}
.view-form .form-separator{
	position: relative;;
	padding-right: 10px;
	margin-right: 5px;
}
.view-form .form-separator label:after{ 
	content: '/';
    position: absolute;
    right: 0px;
    top: 0px;
	color:#9e9d9d;
}
.normal-form .form-separator:after{
	color: #9e9d9d;
	content: "/";
	position: absolute;
	right: -2px;
	top: 8px;
}
.container-form-left .form-row .p-r-5 {
    padding: 0 5px 0 0;
}
.sub-form-Level-1.sub-element{
	width: 100%;
}
.sub-form-Level-1.sub-element .form-row.col-md-6{
	width: 33.33%;
	padding: 0px;
	float: left;
}
.sub-form-Level-1.sub-element .form-row.col-md-6 .form-col-2{
	width: 100%;
}
/************ view form new design ************/
.view-form .form-col-1,.view-only-form .form-col-1{
	width: 50%;
	float: left;
	text-align:right;
	padding-right:10px;
    line-height: 15px;
}
.view-form .form-col-2,.view-only-form .form-col-2{
	width: 50%;
	float: left;
}
.view-form .group-row > .form-col-1{
	width: 100%;
}
.view-form .form-col-1.group-label {
	float: left;
	text-align:left;
	margin:0;
    	line-height: 12px;
	position: relative;
}
.view-form .form-row.col-md-6.clearfix:nth-child(2n+1) {
    clear: both;
}

/***********gropup form ***********/

/*********group element*********/
.input-group {
	margin-bottom: 5px;
}
.input-group .input-group-addon{
	padding: 0px;
	border-radius:0px;
}
.input-group .dropdown-list-menu{
	margin-bottom: 0px;
}
.dp-menu-btn {
	border-radius:0;
}
.dp-menu-btn > a {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px auto;
    height: 32px;
    width: 30px;
    padding: 8px 5px;
    font-size: 0;
    float: left;
}
.dp-menu-btn .refresh, .dp-menu-btn .add-more, .dp-menu-btn .edit-master{
	background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px auto;
    height: 33px;
    width: 30px;
    padding: 8px 5px;
    font-size: 0;
    float: left;
}
.dp-menu-btn .refresh:hover, .dp-menu-btn .download-file:hover, .dp-menu-btn .edit-master:hover{
	background-color:#120e5b;
}
.dp-menu-btn .add-more{
	background-image: url("../img/icons/add-more.svg");	
}
.dp-menu-btn .add-more:hover{
	background-image: url("../img/icons/add-more-hover.svg");	
	background-color:#120e5b;
}
.dp-menu-btn .refresh{
	background-image: url("../img/icons/refresh.svg");	
}
.dp-menu-btn .refresh:hover{
	background-image: url("../img/icons/refresh-hover.svg");	
}
.dp-menu-btn .download-file{
	background-image: url("../img/icons/download-to-storage-drive.svg");	
}
.dp-menu-btn .download-file:hover{
	background-image: url("../img/icons/download-to-storage-drive-hover.svg");	
}
.dp-menu-btn .edit-master {
	background-image: url("../img/icons/edit.svg");	
}
.dp-menu-btn .edit-master:hover{
	background-image: url("../img/icons/edit-hover.svg");	
}
.dp-menu-btn .shift-right {
	background-image: url(../img/icons/next-1.svg);
	background-size: 16px auto;
}
.dp-menu-btn .shift-right:hover, .dp-menu-btn .shift-right:focus {
    	background-image: url(../img/icons/next-1-hover.svg);
	background-color: #1A0B78;
}
.dp-menu-btn .move-right {
    	background-image: url(../img/icons/arrow-right-1.svg);
	background-size: 16px auto;
}
.dp-menu-btn .move-right:hover, .dp-menu-btn .move-right:focus {
    	background-image: url(../img/icons/arrow-right-1-hover.svg);
	background-color: #1A0B78;
}
.port-rotation-block.edit-content .edit-mode .accordion-edit{
	background-image: url(../img/icons/view.svg);
}
.input-group .select-one .error-info-icon{
	right: 100px;
}
.sub-element .error-message.text .error-info-icon{
	right: 30px;
}
.sub-element .right .error-message.text .error-msg.right-top {
	right: 25px;
}
.sub-element .left .error-message.text .error-msg.right-top {
	left: 95%;
}
.panel-accordion-wrapper {
    padding-bottom: 15px;
    clear: both;
}
.form-row.col-md-3.clearfix, .form-row.col-md-4.clearfix {
    padding: 0 7px;
}
/***************.scope-filter*****************/

.app-action-form.scope-filter{
	padding: 0 15px;
}
.scope-filter .filter-label-title{
	float: left;
	max-width: 200px;
}
.scope-filter .input-wrapper{
	float: left;
	width:100%;
	max-width:330px;
}
.radio-btn .searched-criteria-text-popup{
	border: medium none;
	padding: 0 25px;
}
.searched-criteria-text-popup {
    font-size: 13px;
    overflow: hidden;
    padding: 5px 0 5px 15px;
    word-break: break-all;
    text-overflow: ellipsis;
    width: 100%;
    word-wrap: unset;
    border: 1px solid #d8d8d8;
    border-top: none;
}
.select-record-status .radio-btn.radio-btn label{
	color:#120e5b;
	font-weight:bold;	
}
/* Accordion list dropdown menu*/
.list-dp-menu > a{
    background-image: url("../img/icons/list-dp-menu.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 15px auto;
    border-left: 1px solid #d8d8d8;
    float: right;
    height: 38px;
    position: relative;
    width: 38px;
}
.list-dp-menu > a:hover {
    background-image: url("../img/icons/list-dp-menu-hover.svg");
}
.list-dropdown-menu {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d8d8d8;
    display: none;
    position: absolute;
    right: 0;
    top: 38px;
    width: 250px;
    z-index: 1000;
}
.list-dropdown-menu ul li, .typeahead-list-dropdown-menu ul li {
    display: block;
}
.list-dropdown-menu ul li a, .typeahead-list-dropdown-menu ul li a{
    border-bottom: 1px solid #d8d8d8;
    float: left;
    font-size: 13px;
    padding: 7px 10px;
    text-decoration: none;
    width: 100%;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}
.list-dropdown-menu ul li:last-child a{
	border:none;
}
.list-dropdown-menu ul li a:hover ,.typeahead-list-dropdown-menu ul li a:hover , .list-dropdown-menu ul li a:focus, .typeahead-list-dropdown-menu ul li a:focus {
    background: #e0f3ff none repeat scroll 0 0;
    color: #2991d6;
    text-decoration: none;
}
.list-dropdown-menu > li:last-child a {
    border-bottom: medium none;
}
.accordion-list-scroll{
	overflow-y: auto;
	max-height: 223px;
}
/* config-add radio error */
.error-message.radio .error-msg.right-top {
    width: auto;
    top: -5px;
}
.error-message.radio .error-info-icon {
    top: 3px;
    right: 0;
    position:relative;
}

/***********Expand-all && Scroll Up****************/

.form-row  .checkbox, .form-row  .radio{
	display:inline-block;
}
.margin-bottom-20{
	margin-bottom:20px;
}
.margin-bottom-5{
	margin-bottom:5px;
}
.icon-arrow-down{
	background: red none repeat scroll 0 0;
	bottom: 0;
	float: left;
	height: 100px;
	position: fixed;
	width: 100px;
	z-index: 99999999;
}
.scrollup,.expand-all, .de-expand-all{
	background-size:16px;
	background-position:center center;
	background-repeat:no-repeat;
	background-color: rgba(41, 145, 214, 0.71);
	border-radius: 100%;
	display: none;
	height: 30px;
	text-indent: -9999px;
	width: 30px;
	z-index: 9999999;
	margin-top:10px;
	opacity:0.7;
	transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;
	-ms-transition:1s;
	display:block;
}
.scrollup:hover,.expand-all:hover, .de-expand-all:hover{
	opacity:1;
	transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;
	-ms-transition:1s;
}
.scroll-actions {
    position: fixed;
    left: 15px;
    bottom: 15px;
    z-index: 999;
    transition: all 0.1s ease 0s;
    -webkit-transition: all 0.1s ease 0s;
    -moz-transition: all 0.1s ease 0s;
	-ms-transition: all 0.1s ease 0s;
}
.scroll-actions.scroll-actions-move {
    bottom: 45px;
    transition: all 0.1s ease 0s;
    -webkit-transition: all 0.1s ease 0s;
    -moz-transition: all 0.1s ease 0s;
	-ms-transition: all 0.1s ease 0s;
}
.scrollup {
	background-image:url("../img/icons/go-to-top.svg");
}
.expand-all {
	background-image:url("../img/icons/de-expand-all-hover.svg");
}
.de-expand-all {
	background-image:url("../img/icons/expand-all-hover.svg");
}
.accordion-content .app-action-form{
	border-bottom:none;
}
.view-form .label {
    vertical-align: top;
}
.equipment-box .group-row,.visit-summary-panel .group-row{
	margin:5px 0;
	padding-bottom:0px;
	border:none;
}
.equipment-box .container-numbers, .visit-summary-panel .container-numbers {
    background-color: #f6f6f6;
    height: auto;
    padding: 5px 8px;
    word-break: break-word;
    display: table;
}
.equipment-box .container-numbers.color-gray,.visit-summary-panel.container-numbers.color-gray {
	background-color:#5c5c5c;
}
.equipment-box .container-numbers.color-grren,.visit-summary-panel .container-numbers.color-grren{
	background-color:#45b6b0;
}
.p-b-15, .go-to-the-details.pull-right.p-b-15, .visit-summary-panel {
	padding-bottom:15px;
}
.visit-summary-panel .summary-actions {
    padding: 0;
}
.equipment-box .container-numbers p,.visit-summary-panel .container-numbers p{
	color: #fff;
	font-weight: bold;
	word-wrap: break-word;
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: unset;
	text-shadow: 2px 0 5px #242424;
}
.equipment-box .group-row .group-label,.visit-summary-panel .group-row .group-label {
	padding:8px;
	font-weight:bold;
	font-size:12px;
}
.equipment-box  .separator,.visit-summary-panel .separator {
	margin-bottom:0px;
	border:none;
}
.warning-list{
	width:100%;
	clear:both;
	padding:5px 0px;
}
.shipment-box .in-carrier{
	font-size:12px;
	color:#000;
}

.data-element p font{
	padding:0 0 0 20%;
	font-size:12px;
}
.in-carrier .col-md-6{
	float: left;
	width: 50% !important;
}
/****** new dashboard design **********/
.masonry-grid > li{
	display:inline-block;
	overflow:hidden;
}
.masonry-grid li img{
	width:100%;
}
.nav-title{
	border-bottom: 1px solid #adadad;
	color: #5c5c5c;
	font-size: 14px;
	padding: 0 0 3px;
}
.nav-icon{
	float:right;
}
.dash-box{
	clear: both;
	float: left;
	margin: 15px  0 0 0;
	width: 100%;
}
.dash-icon-box{
	height:118px;
	border: 1px solid #2991d6;
	margin-bottom:-1px;
	float:left;
	width:100%;
	text-align: center;
}
.dash-box .col-md-6{
	width:50%;
	float:left;
}
.dash-icon-box a:not(.fav-selector), .module-block a:not(.fav-selector){
	display: block;
	height: 100%;
	width: 100%;
}
.dash-icon-box a span, .module-block a span {
    display: block;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    position: absolute;
    left: 50%;
    width: 100%;
}
.dash-icon-box img{
	width:48px;
	height:48px;
}
.dash-icon-box h3{
	font-size:12px;
	padding: 10px 5px 0 5px;
	color:#2991d6;
	word-break: break-word;
}
.dash-content{
	width: 24%;
	margin: 0 0.5% 1%;
	float: left;
} 
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    ::i-block-chrome,.dash-content  { 
		margin: 0 7.5px 15px;
	}
}
.dash-icon-box a:not(.fav-selector):hover, .dash-icon-box a:not(.fav-selector):focus, .module-block a:not(.fav-selector):hover, .module-block a:not(.fav-selector):focus {    
	background-color: #2991d6;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
}
.dash-icon-box a:hover h3, .dash-icon-box a:focus h3, .module-block a:hover h3, .module-block a:focus h3{
	color:#fff;
}
.dash-icon-box a:hover .module-block-icon img.image, .dash-icon-box a:focus .module-block-icon img.image, .module-block a:hover .module-block-icon img.image, .module-block a:focus .module-block-icon img.image {
    display: none;
}

.dash-icon-box a:hover .module-block-icon img.hover, .dash-icon-box a:focus .module-block-icon img.hover , .module-block a:hover .module-block-icon img.hover, .module-block a:focus .module-block-icon img.hover {
    display: block;
    margin: auto;
    text-align: center;
}
.dash-icon-box.last{
	border-left:none;
}
.panel-title-view.border-bottom{
	border-bottom: 1px solid #d8d8d8;
	color: #120e5b;
	font-size: 14px;
	margin-bottom: 20px;
	margin-top: 0;
	padding: 0 0 5px;
	float:left;
	width:100%;
}
.panel-title-view .panel-title.border-none
{
	border:none;
	padding:0px;
	margin-bottom:0px;
	float:left;
	line-height:29px;
}
.panel-title-view.border-bottom .grid-action-group{
	margin:0px;
}
.column2 .p-r-5{
	float:left;
	width:50%;
}
.column3 .p-r-5{
	float:left;
	width:50%;
}
.form-column4 .column3 .p-r-5{
	width:50%;
	float:left;
}
.temporary-form-design .form-col-1, .temporary-form-design .form-col-2{
	width:100%;
	text-align:left;
}
.modal-header .detach{
	background-image: url("../img/icons/detach.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px auto;
	border-left:1px solid #d8d8d8;
	float: right;
	height: 40px;
	width: 40px;
}
.modal-header .detach:hover{
	background-image: url("../img/icons/detach-hover.svg");
	background-color:#120e5b ;
}
.equipment-group-design .group-row{
	border:none;
	margin-top:0px;
}
.equipment-group-design .group-row .group-label{
	background:none;
	padding:0px 0 5px 0;
}
.equipment-group-design .group-row .col-md-12.text-align-left{
	padding:0px;
}
.equipment-group-design-option .group-row{
	border:none;
	margin-top:0px;
	border-bottom:1px solid #d8d8d8;
}
.equipment-group-design-option .group-row .group-label{
	background:none;
	padding:0 0 10px 0px;
}
.equipment-group-design-option .group-row .col-md-12.text-align-left{
	padding:0;
}
.equipment-group-design-option .group-row .separator{
	display:none;
}
.equipment-group-design-option .group-row > .col-md-6 > .group-row{
	border-bottom:none;
}
.test-form-1 .form-col-1, .test-form-1 .form-col-2{
	width:100%;
	text-align:left;
}
.form-group-col-2.form-col-2 .input-wrapper{
	float: left;
 	width: 50%;
}
.form-group-col-3.form-col-2 .input-wrapper{
	float: left;
	width: 33.333%;
}
.form-filter-group-col-2 .p-r-5.input-wrapper:first-child {
    padding-right: 5px;
}
.form-filter-group-col-2 .p-r-5.input-wrapper {
    width: 50%;
    float: left;
}
.in-carrier .col-md-6.row.pull-right{
	color:#000;
}
.in-carrier .col-md-5.row.pull-right{
	color:#000;
}
.in-carrier.sub{
	padding:2px 20px;
}
.col-md-12.shipment-box-info{
	line-height: 23px;
    padding-bottom: 5px;
}
.hold-description{
	padding-left:35px;
}
.vessel-visit-page .form-col-1, .vessel-visit-page .form-col-2{
	width:100%;
	text-align:left;
}
.vessel-visit-page .form-row.col-md-6{
	padding:0 20px 0 0px;
}
.shipment-details {
    font-size: 12px;
    width: 100%;
}
.shipment-details  td,.shipment-details  th{
	padding: 3px;
	vertical-align: middle;
}
#view_visit_summary .data-element p font.first-no-padding {
    float: left;
    margin-right: 10px;
}
.shipment-box.width50 {
    width: 50%;
    float: left;
    clear: none;
}
.shipment-box.width50.export-section {
    width: 25%;
}
.shipment-box.width50.arrival-section {
    width: 25%;
}
.export-section .in-carrier div {
    padding: 0;
}
.arrival-section .in-carrier div {
    padding: 0;
}
.export-section .in-carrier div.vessel-shedule-date {
    padding-left: 10px;
}
.arrival-section .in-carrier div.vessel-shedule-date {
    padding-left: 10px;
}
.berthing-values .in-carrier .grey-title:not(:first-child) {
    width: 25%;
}
.ports-list-box h3 {
	color: #2991d6;
	font-size: 15px;
	padding: 0 0 10px;
	margin-right:10px;
}
.select-ports-div {
	margin: 0;
	/* max-width: 560px; */
}
.port-list li {
    float: left;
    width: auto;
	padding-right: 30px;
    position: relative;
    margin-bottom: 5px;
	list-style:none;
}
.port-list li:after{
	content:"";
	position:absolute;
	right:6px;
	top:3px;
	width:16px;
	height:16px;
	background:url("../img/icons/right-arrow.svg") no-repeat center center;
	background-size:cover;
}
.port-list li:last-child:after{
	content:none;
}
.port-list li:last-child{
	padding:0;
}
.port-rotation .columns-list-item li:hover {
    color: #5c5c5c;
	cursor:default;
}
.columns-list-item li.active {
    background-color: #e0f3ff;
    color: #2991d6;
}
.port-list li.current {
    font-weight:bold;
}
.port-rotation .columns-list-box {
    width: 80% !important;
    position: relative;
}
.code-details p, .code-details span, .port-code p {
    font-size: 12px;
    color: #000;
    word-break: break-word;
    line-height: 14px;
}
.code-details > div:not(.clearfix) {
    padding: 0 0px;
}
.vessel-visit-page #app-action-form-addmore {
    border: none;
}
#view_visit_summary .in-carrier div{
    color: #000;
}
#view_visit_summary .in-carrier .grey-title, .in-carrier .grey-title {
    color: #888;
}
.vessel_val {
    float: right;
    text-align: left;
    width: 40px;
	color:#000;
	min-height:16px;
}
.port-code{
	/* padding:9px 0px 0; */
	padding: 6px 8px;
    float: left;
}
.code-details .service-code {
    word-wrap: break-word;
    display: inline-block;
    position: relative;
}
.vesselseperator {
    margin: 0 3px;
}
.voyageDetails {
    padding-top: 6px;
}
.code-details .terminal-operator{
	width:50%;
	float: left;
}
.modal-content .code-details .service-code{
	margin-left:0px; 
}
.code-details  .code {
    margin-right: 15px;
}
#view_visit_summary .data-element p font {
    color: #000;
	display: inline-block;
}
.shipment-details tr:nth-child(2n) {
    background-color: #f5f5f5;
}
.shipment-details tr:first-child {
    background-color: #ccc;
}
.visit-summary-panel .container-numbers h4 {
    font-size: 18px;
    color: #120e5b;
    /* max-width: 70%; */
    padding-right: 5px;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    float:left;
    width: auto;
    word-break: break-all;
}
.container-numbers h4 a {
    color: #120e5b;
}
.vessel-status p {
    font-size: 14px;
    font-weight: bold;
	color:#120e5b;
}
.billing-status{
	font-size: small;
	word-wrap:break-word;
}
.visit-summary-panel  .container-numbers .comane-icon {
    background-size: 28px auto;
    height: 36px;
    width: 36px;
	margin-left: 10px;
}
#remarks_popup {
    z-index: 9999;
}
.modal-remarks-content p {
    text-align: left;
    margin: 15px 0 0;
    padding: 0px 10px;
    word-wrap:break-word;
}
#view_visit_summary  .data-element {
    padding: 2px 15px 2px 25px;
}
.shipment-details span {
    text-align: right;
    display: inline-block;
    word-wrap: break-word;
    width: 50px;
    word-spacing: normal;
    float:left;
}
.shipment-details   span.count-val {
    margin-left: 10px;
    width: 60px;
    text-align: left;
}
.panel-grid-main.parent-block #view_visit_summary{
	padding:15px 0;
}
.panel-grid-main.parent-block {
    border: 1px solid #e5e5e5;
    float: left;
	width:100%;
	margin-bottom: 20px;
} 
.no-border{
	border:none;
}
.vessel-details .form-col-1 {
    margin: 0 0 5px;
}
.vessel-details .normal-form .form-col-1 {
    margin: 5px 0;
}
.view-form .label {
    line-height:15px;
	margin:0;
	display:inline-block;
}
.shipment-details.head-right th:first-child {
    text-align: right;
    font-weight: normal;
    color:#888;
}
#totalProjectedCount,#totalActualCount {
    font-weight: bold;
}
.align-right span.vessel_val {
    margin-left: 5px;
}
.view-form .align-right .form-col-1 {
    text-align: right;
} 
.accordion-content .form-row.col-md-6.clear-left {
    clear: left;	
}
.full-width {
    display: block;
    clear: both;
}
.highligted_field  .none-edittable-label {
	background-color:#ddd;
}
.modal-header .view, .view-btn {
    background-image: url(../img/icons/view.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    border-left:1px solid #d8d8d8;
    float: right;
    height: 40px;
    width: 40px;
}
.modal-header .view:hover, .view-btn:hover {
    background-image: url(../img/icons/view-hover2.svg); 
    background-color:#120e5b;
}
.container-numbers {
	padding:0 10px;
	float:left;
	/* width:auto; */
}
.visit-summary-panel .container-numbers {
    max-width: 61%;
    min-width: 39%;
    display: inline;
    padding-right: 35px;
    position: relative;
}
.view-btn {
    border: 1px solid #d8d8d8;
    background-color: #f6f6f6;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999;
}
.view-btn:hover {
    background-color: #120e5b;
}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    height: 25px;
}
.berthing-values .grey-title.align-right{
    padding: 0;
}
.bearth-titles{
	padding-right:0;
}
#vessel_summary  .in-carrier{
	color:#000;
}
.clickToEdit {
    color: #000;
    display: table-cell;
    padding-left: 10px;
}
.col-md-6.datepicker-row {
    width: 50%;
}
#remarks_popup .modal-dialog {
    max-width: 600px;
}
.remarks_field.clearfix{
	clear:both;
} 
#edit_port .modal-dialog,#add_operator .modal-dialog, #edit_operator .modal-dialog {
  max-width: 480px;
}
.top-pagination.no-border {
  border: none;
}
.grey-text input {
  color: #888;
}
.visit-details .pages-info { 
    padding: 5px 7px 7px 10px;
}
.port-rotation .columns-list-box{
	width:80% !important;
}
.port-rotation .jspContainer,.port-rotation .columns-list-item{
	width:100% !important;
}
#add_operator  input.css-checkbox[type="checkbox"]+label.css-label,#edit_operator  input.css-checkbox[type="checkbox"]+label.css-label{
	margin-top:5px;
}
#edit_port .text-box{
	margin:0;
	height:34px;
}
.accordion-visit .accordion {
    margin: 0;
}
.accordion-visit .accordion section.accordion-panel:last-child {
    margin: 0;
}
#manage_ports .columns-list-item {
	width:345px;
	float: left;
	overflow-x: hidden;
	overflow-y: scroll;
}
#manage_ports .columns-list-box{
	width:400px;
}
#manage_ports .col-title{
	padding-right:56px;
}
.p-r-30 {
    padding-left: 0;
    padding-right: 55px;
}
.sort-icon.sorting.sort-icon-img{
	float: left;
	margin: 5px 0 0;
}
.sort-icon.sorting.sort-icon-img > img{
	float: right;
	margin: 2px 0 0 5px;
}
.col-md-6.p-r-30.dropdown-list-menu{
	margin: 0 0 10px;
	padding-right: 53px;
	float:right;
}
.manage-text.vertical-middle a{
	padding:0px;
}
.columns-list-item li.active {
    background-color: #e0f3ff;
    color: #2991d6;
}
.grey-bg{
	background-color:#eee;
}
.port-rotation .columns-list-item { 
    height: 290px;
}
#view_visit_summary .vessel-icon, #reconcile_visit_summary .vessel-icon {
    width: 33px;
    display: inline;
    padding-right: 5px;
    position: absolute;
    float: left;
    margin-left: 5px;
    height: 100%;
    top: 50%;
    vertical-align: middle;
    transform: translateY(-50%);
}
#view_visit_summary .vessel-icon img {
    width: 32px;
    max-width: 100%;
    position: absolute;
    height: 28px;
    right: 5px;
    transform: translateY(-50%);
    top: 50%;
    -webkit-transform: translateY(-50%);
}
.container-numbers .total-berthing {
    float: right;
    line-height: 20px;
    font-weight: bold;
    color: #120e5b;
    font-size: 12px;
    width: 26px;
    display: inline-block;
}
.accordion-header font:nth-child(2) a{
	right:60px;
}
.full-width-form .form-col-1 ,.full-width-form .form-col-2{
    width: 100%;
    text-align: left;
} 
span.call-count {
    position: relative;
    border: none;
	color:#000;
	margin-left: 5px;
	top:0;
	float:none;
}
.brackets-with-count[data-count]:after{
	content: "("attr(data-count)")";
}
.code-details {
	padding: 0px 8px;
    float: left;
   /*  padding-left: 20px; */
   
    margin-top:7px;
}
.berthingType {
    margin-top: 13px;
    /*color: #337ab7 !important;*/
}
.grid-action-group.visit-details-actions {
    position: absolute;
    right: 15px;
    top: 0;
    margin: 0;
}
.port-rotation .columns-list-item li:hover {
    /* background: none; */
    color: #5c5c5c;
	cursor:default;
}

/* .port-rotation .columns-list-item li.active,.port-rotation .columns-list-item li.active:hover {
    background: #120e5b;
    color: #fff;
} */
.col-title .edit-port.pull-left {
    float: left;
    margin-left: 10px;
}
.columns-list-box .port-list li:after{
	top:2px;
}
.input-group-addon.dp-menu-btn{
	left:5px;
	position:relative;
	border:1px solid #d8d8d8;

}
.gray-out > label{
	background-color: #ddd;
}
.top-all{
    background-image: url(../img/icons/up-selected.svg);
}
.top-all:hover, .top-all:focus{
    background-image: url(../img/icons/up-selected-hover.svg);
}
.arrow-top{
    background-image: url(../img/icons/arrow-ful-up.svg);
}
.arrow-top:hover, .arrow-top:focus{
    background-image: url(../img/icons/arrow-ful-up-hover.svg);
}
.arrow-bottom{
    background-image: url(../img/icons/arrow-full-down.svg);
}
.arrow-bottom:hover, .arrow-bottom:focus{
    background-image: url(../img/icons/arrow-full-down-hover.svg);
}
.all-bottom{
    background-image: url(../img/icons/down-selected.svg);
}
.all-bottom:hover, .all-bottom:focus{
    background-image: url(../img/icons/down-selected-hover.svg);
}
.middle-icon-ports {
	display: table-cell;
	height: 352px;
	text-align: center;
	vertical-align: middle;
	width: 70px;
}
.middle-icon-ports .vertical-middle span {
	display: block;
}
.vertical-middle span {
    border: 1px solid #1A0B78;
    float: left;
    margin: 10px 0 0 15px;
}
.vertical-middle a {
	background-repeat: no-repeat;
	background-position:  center center;
	background-size: 16px auto;
	height: 32px;
	width: 32px;
	display: block;
}
.vertical-middle a:hover {
	background-color: #1a0b78;
}
.sorting-count {
	float: left;
}
.sort-icon .sorting-order {
	float: left;
}
.batch-update {
    background-image: url("../img/icons/edit.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    font-size: 0;
}
.batch-update:hover {
    background-image: url("../img/icons/edit-hover.svg");
}
.delete {
    background-image: url("../img/icons/delete.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    font-size: 0;
}
.delete:hover {
    background-image: url("../img/icons/delete-hover.svg");
}
.table-grid .more-field-show span {
    font-size: 17px;
    font-weight: bold;
    padding: 0 10px;
    color: #2991d6;
    background: url(../img/icons/collapse-in.svg) no-repeat center center;
    line-height: 35px;
    background-size: 10px 10px;
}
.table-grid .more-field-show .expand-arrow-down {
    background-image: url(../img/icons/collapse-on.svg);
    background-size: 7px 7px;
}
.table-grid td.more-field-show a:hover .expand-arrow {
    background-image: url(../img/icons/collepse-on-h.svg);
}
.table-grid td.more-field-show a:hover .expand-arrow-down {
    background-image: url(../img/icons/collepse-in-h.svg);
}
.hide-elements{
	display: none
}
.drop-btn-popup{
    background-image: url("../img/icons/arrow-down.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 14px;
    font-size: 0;
 }
 .panel-block-actions .drop-btn-popup {
    background-size: 20px 20px;
}
.drop-btn-popup:hover {
    background-image: url("../img/icons/arrow-down-hover.svg");
}
.detail-action.drop-btn-popup{
	background-image: url("../img/icons/all-actions-icon.svg");	
}
.detail-action.drop-btn-popup:hover, .detail-action.drop-btn-popup.open{
	background-image: url("../img/icons/all-actions-icon-hover.svg");	
}
.none-edittable-label .label, .none-edittable-label,.form-col-2 .label {
	color: #000000;
	vertical-align: top;
	text-align:left;
	word-wrap:break-word;
	word-break: break-all;
}
.view-only-form .form-col-1 label {
    margin: 0;
    vertical-align: top;
}
.m-t-10{
	margin-top:10px;
}
.group-row.no-border-bg {
	border:none;
}
.group-row.no-border-bg .group-label {
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.selected-ports .columns-list-item li {
  position: relative;
  padding:5px 50px 5px 5px;
  font-size: 13px;
  line-height: 18px;
  /* overflow: hidden; */
}
.selected-ports .columns-list-item li .remove-item {
  position: absolute;
  content:"";
  background-image: url("../img/icons/delete.svg");
  background-size:16px auto;
  background-repeat:no-repeat;
  width:16px;
  height:16px;
  right:5px;
  top: 6px;
}
.selected-ports .columns-list-item li .current-selector {
    position: absolute;
    background-image: url("../img/icons/fill-star.svg");
    background-size: 18px auto;
    width: 18px;
    height: 18px;
    right: 35px;
    top: 5px;
    z-index: 999;
}
.login-form-title .btn {
    padding: 4px 12px;
}
.selected-ports .columns-list-item li .duplicate-current {
	background-image: url("../img/icons/empty-star.svg");
	position: absolute;
	background-size:18px auto;
	width:18px;
	height:18px;
	right:35px;
	top:5px;
	z-index:999;
}
.highligted_bg{
	background-color:#ddd;
    width: auto;
    padding: 0;
    margin: 0 15px;
}
.table-grid th span.collapse-icon {
    background: none;
    height:12px;
    margin-left: -12px;
    position:relative;
}
.table-grid th span.collapse-icon span.up {
    background: rgba(0, 0, 0, 0) url(../img/icons/asc-arrow.svg) no-repeat scroll center center;
    height: 5px;
    width: 15px;
    top:0;
    left:0;
    position:absolute;
    background-size: 16px 16px;
}
.table-grid th span.collapse-icon span.down {
    background: rgba(0, 0, 0, 0) url(../img/icons/desc-arrow.svg) no-repeat scroll center center;
    height: 5px;
    width: 15px;
    bottom:0;
    left:0;
    position:absolute;
    background-size: 16px 16px;
}
.accordion-panel.active > .accordion-header h3 {
	color: #2991d6;
}
.p-t-15{
	padding-top:15px;
}
#visit-information .element-sec {
    margin: 0;
}
.sort-icon img{
	width:18px;
	height: 18px;
}
.accordion-content > .accordion-content-wrapper + .app-action-form-block, .accordion-content > .accordion-content-wrapper + .app-action-form-block > .accordion {
    margin-top: 0;
}
.bootstrap-select.btn-group .dropdown-menu li a.placeholder {
    background-color: #fff;
    color:#555;
    min-height: 29px;
}
.bootstrap-select.btn-group .dropdown-menu li a.placeholder:hover,.bootstrap-select.btn-group .dropdown-menu li a.placeholder:focus{
    background: #e0f3ff;
}
.normal-form .manageColumnConfig.error-message .error-info-icon {
    left: inherit;
    top: inherit;
    bottom: 3px;
}
.normal-form .manageColumnConfig.error-message .error-msg.right-top {
    left: inherit;
    top: inherit;
    position: absolute;
    bottom: -45px;
}
.normal-form .manageColumnConfig.error-message .error-msg.right-top:before{
	display: none;
}
.normal-form .manageColumnConfig.error-message .error-msg.right-top:after{
	display: block;
}
.operator-list li {
    display: inline-block;
    width: auto;
    float: left;
    position: relative;
    padding-right: 10px;
}
.operator-list li::before {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	content: ",";
	position: absolute;
	right: 5px;
	top: 0;
}
.operator-list li:last-child::before {
	content: "";
}
.select-ports-div input {
    height: 34px;
    margin: 0;
}
section.accordion-content-wrapper.clearfix {
    padding: 0 15px;
}
.accordion-section-wrapper > .app-action-form{
	margin-bottom: 15px;
}
.accordion-section-wrapper > .app-action-form:last-child{
	margin-bottom: 0;
}
.panel-grid-main:empty, .panel-accordion-wrapper:empty ,.app-action-form-block:empty, .view-form .center-btn:empty, .form-elements-wrapper:empty{
    display: none;
}
.global-message-wrapper:empty{
    display: none !important;
}
.app-action-form-block[id^=FILTER]{
    margin: 0;
}
.app-action-form-block[id^=FILTER] .accordion {
    margin: 0;
}
.pagination-block.bottom-pagination {
    display: block;
    float: left;
    padding: 0 0 15px 15px;
}
.pagination-block.bottom-pagination  .pages-info{
	padding: 15px 0 0 0;
}
.accordion-panel .panel-grid-main {
    border: none;
    margin: 0;/* no need */
}
.app-action-form.element-sec, .app-action-form-block[id^=FILTER]:not(.filter-accordion), .app-action-form-block[id$=viewmore]{
	padding: 0;
	margin: 0;
}
.panel-block-content.no-padding .panel-block-head-content {
    padding: 15px;
}
.presaved-filters-block .form-row {
    margin-bottom: 10px;
}
.filter-wrapper .form-action-field{
	padding-top:15px;
}
.filter-submit-block .form-btn-group {
    margin-top: 0;
    margin-bottom:-5px;
}
.module-blocks {
    padding: 15px 7px 0;
    margin: 0;
}
.module-block {
    margin: 0;
}
.module-blocks > .col-md-3 {
    margin-bottom: 15px;
    padding: 0 8px;
}
.accordion-content-wrapper .accordion-form-wrapper{
	padding:0;
	margin:0;
}
.btn-grp {
    margin-top: 25px;
}
.form-grid {
    width: 100%;
    background-color: #f2f2f2;
    padding: 10px;
    margin: 0 0 10px;
    float: left;
}
.resource-details span ,.resource-details label{
    font-size: 12px;
    font-weight: bold;
    margin-right: 15px;
	line-height:16px;
	display:inline-block;
}
.resource-details label{
	margin-right:5px;
}
.resource-title {
    font-size: 13px; 
}
.module-status {
    position: relative;
    padding: 5px 0 5px 10px;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    margin: 10px 0;
	color:#707070;
	word-wrap: break-word;
}
.module-status::before {
    position: absolute;
    content:"";
	border-left:5px solid #8eb4e3;
	left:0;
	height:100%;
	top:0;
}
.referred-details {
	height: 250px;	
} 
.resource-content {
	background-color: #ffffff;
	clear: both;
	float: left;
	margin: 5px 0 0;
	padding: 10px;
	width: 100%;
	position: relative;
} 
.main-resource-block .resource-content {
	background:none;
	padding: 10px 0 0;
}
.resource-actions {
	background-color: #f2f2f2;
	top: 0;
	position: absolute;
	right: 0;
}
.resource-actions .edit-link {
	background-image: url("../img/icons/edit.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 14px;
	display: block;
	float: left;
	height: 27px;
	width: 28px;
}
.resource-content label.label {
    color: #000;
}
.affected-resource-block .form-col-1 label {
    font-weight: bold;
}
.resource-content .none-edittable-label label.label {
    color: #707070;
}
.resource-content .form-col-1 .label, .resource-content .form-col-2 .label {
	line-height: 16px;
	margin-bottom: 5px;
}

/*EQUIPMENT DETAILS PAGE CSS*/
.equipment-box .container-numbers p,.visit-summary-panel .container-numbers p{
	color: #120e5b;
	font-weight: bold;
	word-wrap: break-word;
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: unset;
	z-index:99;
	float:left;
	font-size:18px;
}
.element-box.text-box{
	line-height:20px;
}
.shipment-box ul li{
	display:block;
}
.shipment-box ul li a{
	border-bottom: 1px solid #d8d8d8;
	clear: both;
	float: left;
	font-size: 13px;
	padding: 8px 10px;
	width: 100%;
	color:#5c5c5c;
}
.shipment-box ul li a:hover{
	background:#e0f3ff;
	color:#2991d6;
	text-decoration:none;
}
.special-cargo-box ul li{
	border-bottom: 1px solid #d8d8d8;
	font-size: 13px;
	padding: 8px 10px;
	width: 100%;
	display:block;
}
.special-cargo-box ul li:last-child {
	border-bottom:none;
}
.shipment-box li:last-child a{
	border-bottom:none;
}
.special-cargo-box .special-cargo-icon-remove{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px auto;
	float: left;
	height: 20px;
	margin: 0px 5px 0 0;
	width: 20px;
}
.special-cargo-box .special-cargo-icon{
	background-image: url("../img/icons/cranedisplay.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 24px auto;
	float: left;
	height: 25px;
	margin: 0px 5px 0 0;
	width: 25px;
}
.special-cargo-box .active-reeferIndicator{
	background-image:url(../img/icons/active-reeferIndicator.svg);
}
.special-cargo-box .damaged-indicator-major{
	background-image:url(../img/icons/damaged-indicator-major.svg);
}
.special-cargo-box .hazardous-indicator{
	background-image:url(../img/icons/hazardous-indicator.svg);
}
.special-cargo-box .reefer-status-plugged{
	background-image:url(../img/icons/reefer-status-plugged.svg);
}
.special-cargo-box .oversized-indicator-left{
	background-image:url(../img/icons/oversized-indicator-left.svg);
}
.special-cargo-box .sensitive-reefer-indicator{
	background-image:url(../img/icons/sensitive-reefer-indicator.svg);
}
.warning-box{
	padding-top:10px;
	padding-bottom:10px;
}
.warning-list i{
	margin:0px;
	padding:0px;
	float:left;
}
.warning-list span{
	padding:5px 0 0 10px;
	margin:0px;
	font-size:13px;
	float:left;	
}
.warning-list{
	width:100%;
	clear:both;
	padding:0px 0px;
}
.warning-img-box{
	float:left;
	max-width:80px;
	width:100%;
}
.v-center-img{
	display: table-cell;
	height: 50px;
	vertical-align: middle;
}
.p-t-b-15{
	padding-bottom:15px;
	padding-top:15px;
}
.shipment-box{
	padding:5px 0px 5px 10px;
}
.in-carrier, .shipment-box{
	line-height:16px;
	width:100%;
	clear:both;	
}
.shipment-box .in-carrier, .equipment-block-wrapper {
    font-size: 12px;
    color: #000;
    line-height: 18px;
    overflow:hidden;
}
.vertical-group.col-md-6:nth-child(2n) {
    clear: both;
}
.data-element p font{
	font-size:12px;
	padding:0px;
}
.data-element p font.first-no-padding{
	padding:0px;
}
.blue{
	color:#2991d6;
}
.equipment-box h2.title,.visit-summary-panel h2.title{
	padding:10px 0;
	border-bottom:1px solid #e5e5e5;
	font-size:14px;
	color:#120e5b ;
}
.clearfix.border-box{
	border-bottom: 1px solid #e5e5e5;
	clear: both;
	/* margin: 10px 0;
	padding-top: 10px; */
}
.data-element{
	padding:2px 15px;
}
.header-right .save-list img {
	float: left;
	width: 15px;
}
.save-list {
	border-right: 1px solid #d8d8d8;
	float: left;
	height: 17px;
	padding: 0 10px;
}
.checkbox.eqip-list {
	margin-left: 4px;
	text-align: left;
}
.expand-arrow.expand-left {
	background-position: left center;
	margin-left: 10px;
}
.table-grid td.more-field-show a:hover span.expand-left {
	background-color: transparent;
	color: #ffffff;
}
.grid-options-1 .expand-arrow.expand-left:hover {
    background-image: url("../img/icons/expand-grid-option-1.svg");
}
.no-navigation .owl-controls{
	display:none;
}
.accordion  .group-row .group-label{
	font-weight:bold;
	font-size:13px;
}
.comane-icon{
	background-image: url("../img/icons/vessel-1.svg");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 20px auto;
	float: left;
	height: 20px;
	width: 30px;
}
.modal-dialog.view-equipment{
	max-width:680px;
	top:30px;
}
.modal-dialog.hyper-link-summary{
	max-width:500px;
}
.remarks{
	font-size: 12px;
	padding: 5px 15px;
}
.modal-header.ui-draggable-handle:hover{
	cursor:move;
}
.go-to-the-details.pull-right{
	padding:5px 15px 0 0;
}
.radio-btn .searched-criteria-text1{
	border: medium none;
	padding: 0 25px;
}
.version{
	font-size:13px;
	margin-top:10px;
}

.breadcrumb-version {
    color: #ffffff;
    font-size: 11px;
    line-height: 30px;
    margin-right: 5px;
}

.right-side-text-login{
	border-left: 1px solid #d8d8d8;
	margin-left: 10px;
	padding-left: 10px;
}
.color-fff{
	color:#fff;
	font-size:14px;
}
.pull-right.version-test{
	padding:10px 10px 0 0px;
}
.go-to-the-details-page{
	margin-bottom: 20px;
	width:100%;
}
.go-to-the-details-page .modal-header{
	background-color:#f6f6f6;
	height:35px;
	color:red;
}
.shipment-box .in-carrier .col-md-6,.equipment-block-wrapper > div .col-md-6,.equipment-block-wrapper label{
	float: left;
	width: 50% !important;
	color: #888;
	font-weight:normal;
	margin:0px;
	padding: 0 10px;
}
.equipment-block-wrapper label {
	padding: 0;
}
.shipment-box .in-carrier .col-md-7 {
	color: #888;
}
.go-to-the-details-page .modal-header h4{
	font-size: 14px;
	line-height: 30px;
	padding: 0px 0;
}
/* equipment summary popup title */
.custom_title.equipment-box .container-numbers{
	position:relative;
}
.custom_title.equipment-box .full.container-numbers:before{
	height:100%;
}
.custom_title.equipment-box .half.container-numbers:before{
	height:50%;
}
.custom_title.equipment-box .container-numbers p{
	text-shadow: none;
    color: #120e5b;
}
.align-right{
	text-align:right;
}
.shipment-box .in-carrier .col-md-6:last-child {
	color:#000;
}
.align-right .label{
	text-align:right;
}
.form-col-3 .col-md-6 .col-md-5, .form-col-3 .col-md-6 .col-md-6{
	float:left;
	width:50%;
}
.form-col-3 .col-md-12 .col-md-6{
	width:50%;
	float:left;
}
html body .view-equipment .popup-action.selection-equipment-1{
	border:none !important;
}
.view-equipment.go-to-the-details-page{
	padding:0px;
}
.data-element p font{
	width:33.33%;
	float:left;
}
.sort-icon.sorting.sort-icon-img{
	float:left;
	margin:5px 0 0 0px;
}
.sort-icon.sorting.sort-icon-img > img{
	float: right;
	margin: 2px 0 0 5px;
}
.special-cargo-img-box{
	border-radius: 5px;
	float: left;
	margin: 0 7% 0 0;
	padding: 0px;
	text-align: center;
	word-wrap: break-word;
}
.special-cargo-img-box img{
	width:36px;
}
.special-cargo-img-box > p{
	padding:5px 0 0 0px;
	font-size:12px;
}
/********* equipment popup design *********/

.section-column .element-label{
	color: #707070;
	font-size: 12px;
}
.element-value, .element-value .label {
    font-size: 12px;
    color: #000;
    word-wrap: break-word;
    word-break: break-word;
}
.element-value.sr-no4{
	word-break: break-all;
}
.section-data .section-column{
	padding-bottom: 5px;
	
}
.section-data .section-column.col-md-6{
	width: 50%;
	float: left;
}
.section-data .section-column.col-md-6 .col-md-6.element-label, .section-data .section-column.col-md-6 .col-md-6.element-value, .section-data .section-column.col-md-12 .col-md-6.element-label, .section-data .section-column.col-md-12 .col-md-6.element-value{
	width: 50%;
	float: left;
}
.section-data .section-column:nth-child(2n+1):not(.hidden){
	clear:both;
}
.common-icon-remove{
	margin: 0px;
	padding: 0 0 0 5px;
}
.equipment-block-wrapper .comane-icon-remove{
	vertical-align: inherit;
}
.cycle-dropdown{
	clear:both;
}
.cycle-dropdown .p-r-5.input-wrapper{
	float: left;
	padding: 10px 15px 0;
	width: 100%;
}
.equipment-box .container-numbers {
    background-color: #f6f6f6;
    height: 40px;
    padding: 0 10px;
}
.eq-numbers.denied-num{
	font-size: 12px;
}
.eq-img span img.copy-img{
	float: left;
	height: 18px;
	padding: 3px;
	width: 30px;
}
.eq-img span img.container-img{
	height: 35px;
	margin: -7px 5px 0 0;
	width: 40px;
}
.eq-img span img.denied-img{
	height: 15px;
	margin: 3px 5px 0 0;
	width: 15px;
}
.data-element > p > font{
	padding: 0;
	width: 33%;
	float: left;
}
.equipment-box .section-data{
	padding: 10px 0px;
}
.no-label .section-data .section-column .element-label{
	display: none;
}
.no-label .section-data .section-column .col-md-6.element-value{
	width:100%;
	padding: 0px;
}
.no-label .section-data .section-column .col-md-6.element-value .img{
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	height: 20px;
	width: 25px;
	line-height: 20px;
}
.equipment-box .container-numbers p .denied-img img {
	margin-right: 7px;
	width: 15px;
}
.equipment-box .container-numbers p img.copy-1-img{
	margin-top: -7px;
	width: 14px;
}
.eq-img.no-margin, .eq-numbers.no-margin{
	margin:0px;
}
.equipment-box .container-numbers p.permission  .denied-img img, .equipment-box .container-numbers p.permission .denied-img img{
	height: 16px;
	margin: 3px 5px 0;
	width:12px;
}
.col-md-6.row.font-color-gray{
	margin:0px;
}
.equipment-box .container-numbers p.permission{
	margin-left:10px;
	clear:both;
}
.equipment-box .container-numbers p img.copy-1-img.copy-1-img{
	width:12px;	
}
.col-md-6.loaded > p{
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	color:#120e5b;
	text-transform:uppercase;
}
.group-row .form-col-1:not(.group-label) .label {
    /* padding-left: 5px; */
    /* text-align: left; *//* Effects grouping with viewform  */
   /*  line-height: 20px;*/
}
.label-right label{
	text-align:right;
}
.eqp-sub-block > div {
    width: 100%;
    display: inline-block;
}
h2.section-title {
    padding-left: 15px;
}
.app-action-form.berthing > .accordion, .accordion .accordion, #container-operator .accordion-content {
    margin: 0;
}
.app-action-form.berthing  .accordion-content{
	margin:0 0;
}
.app-action-form.berthing .active .accordion-content {
    margin: 15px 0 0;
}
.datepicker-row .text-box[disabled=disabled] {
    background-image: none;
}
.bs-container.bootstrap-select:not(.dropup) .dropdown-menu.open {
    top: -1px;
}
.modal-content .form-separator.p-r-5.right .error-msg.right-top {
    max-width: 88%;
}
.dropdown-list-menu ~ .error-message .error-info-icon {
    right: 30px;
}
.p-r-5 .dropdown-list-menu ~ .error-message .error-msg {
    right: 0;
}
/* removes error icon if we click on clear checkbox */
.element-clear .error-message {
    display: none;
}
.icon-set > span {
    display: inline-block;
    vertical-align:middle;
}
.eq-numbers {
    color: #120e5b;
    font-size: 17px;
    text-shadow: none;
    font-weight: bold;
    line-height: 24px;
}
.icon-set > span.eq-img.container-img {
    max-width: 30px;
    max-height: 25px;
    margin: 0 0 0 5px;
}
.icon-set > span > img {
    min-height: 100%;
    width: auto;
    height: auto;
    max-width: 100%;
}
.accordion-content .accordion .accordion-filter-wrapper {
    padding: 15px 0;
}
.accordion-content  .accordion .accordion-filter-wrapper:empty{
    padding:  0;
}
.input-wrapper{
	position:relative;
}
#manageColumnConfigList .columns-list-box .input-wrapper {
    clear: both;
}
.full {
    background: #337ab7 none repeat scroll 0 0;
    height: 100%;
    position: relative;
}
.no-background{
	background:none;
}
.icon-set > span {
    vertical-align: middle;
    display: inline-block;
}
.icon-set {
    vertical-align: middle;
    display: table-cell;
    height: 40px;
}
.p-r-15 {
    padding: 0 15px 0 0;
}
.m-b-5 {
    margin: 0 0 5px;
}
.eqp-icon-grp > span {
    display: block;
    max-height: 15px;
    font-size: 12px;
    color: #120e5b;
    font-weight: bold;
    vertical-align: middle;
}
.eqp-icon-grp span img {
    width: auto;
    max-height: 15px;
    max-width: 15px;
    margin-right: 5px;
}
/* Favorite In Dashborad*/
.favorite-dashboard .content-box, .favorite-list li{
	position:relative;
}
.fav-selector{
	position: absolute;
	background-size:18px auto;
	background-repeat: no-repeat;
	width:18px;
	height:18px;
	right:5px;
	top:5px;
	z-index:999;
}
.panel-block-actions .fav-selector{
	position: relative;
	right: 0;
    top: 0;
    z-index: 1;
}
.fav-selector:not(.selected){
	background-image: url(../img/icons/favorite-icon.svg);
}
.fav-selector.selected{
	background-image: url("../img/icons/favorite-icon-border-hover.svg");
}
.favorite-modules-div{
    margin: 0;
    max-width: 380px;
}
.favorite-list .fav-selector {
    top: 8px;
}
.col-title h4 {
    color: #2991d6;
    font-size: 16px;
    margin: 0 0 10px;
}
.favorite-list li {
    padding-right: 25px;
}
.favorite-list .remove-item{
	background-image:url("../img/icons/cancel-icon.svg");
	top: 10px;
	width: 16px;
	height: 16px;
	background-size: 16px auto;
}
.option-2 .favorite-list .fav-selector {
    top: 8px;
    right: 25px;
}
.favorite-list li{
	padding:0;
}
.favorite-list li span{
	padding:7px 25px 7px 10px;
	width:100%;
	display:block;
}
.option-2  .favorite-list li span{
	padding-right:45px; 
}
.p-r-0 {
    padding-right: 0;
}
.refresh-captcha {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    right: 10px;
    z-index: 9;
    top: 8px;
    background-image: url(../img/icons/refresh-icon.svg);
    background-size: 18px 18px;
    cursor: pointer;
}
.second-password-subtitle span {
	color: #f69036;
	padding: 0px;
	margin: 0px;
	vertical-align: 0px;
}
/* read-only CSS */
.switch.readonly:after ,.checkbox.readonly:after, .radio-btn.readonly:after, .bootstrap-select.readonly:after, .datepicker-row.readonly:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.datepicker-row.readonly{
	position: relative;
}
.bootstrap-select.readonly .btn.dropdown-toggle {
    background-color: #fafafa !important;
}
.switch.readonly .switch-selection,.switch.readonly .switch-input:checked+.switch-label-on ~ .switch-selection {
    background-color: #ccc;
}
.text-box[readonly], .datepicker-row.readonly .text-box {
    background-color: #fafafa;
    color: #aaa;/* addded on 15-02-17 */
}
.datepicker-row .text-box[disabled]{
	background-image: none;
}
.input-group.input-file ~ .error-message .error-info-icon {
    right: 128px;
}
.input-group.input-file ~ .error-message .error-msg.right-top{
	right: 122px;
}
.checkbox.error-input-box ~ .error-message .error-info-icon {
    top: -5px;
    right: -15px;
}
.checkbox.error-input-box ~ .error-message .error-msg.right-top {
    right: -20px;
    top: 25px;
    min-width: 145px;
}
.form-grid.affected-resource-block {
    height: 522px;
}
.affected-res-scroll {
    margin: 0;
    height: 496px;
}
.form-grid.referred-resource-block {
    height: 315px;
}
.config-list li {
    font-size: 13px;
    list-style: none;
}
.edit-resource .affected-resource-block{
	height : 649px;
}
#lang-config {
    overflow: hidden;
}
.set-label-text {
    width: auto;
    float: left;
    line-height: 15px;/* For spacing */
}
.modal-content.terms-conditions-text {
    padding: 0;
}
.modal-content.padding-bottom {
    padding-bottom: 15px;
}
.code-details  .code:empty{
	display: none;
}
.shipment-box a.remarks-popup {
    word-wrap: break-word;
}
/**
* Below css used used in vessel visit operation edit form
*/
.form-elements.operation-form-elements .col-md-6 {
	width: 100%	;
}
.container-form-left .form-col-2 label {
    width: 100%;
    color: #707070;
    font-weight: normal;
    line-height: 10px;
    margin-bottom: 5px;
}
.grouped-col .form-separator::after {
    font-weight: normal;
    top: 25px;
}
.container-form-left .form-separator::after {
    top: 7px;
}
.group-margin {
    margin-top: 14px !important;
}
.vessel-details .label {
    line-height: 15px;
    margin: 0;
    display: inline;
}  
.movement-summary-edit-elements .form-col-1 {
    line-height: 1;
}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              
.movement-summary-cotent-right-main {
    padding-top: 22px;
}
.movement-summary-cotent-right-main .form-elements.operation-form-elements .form-row.col-md-6 {
    padding: 1px 0 1px 0px;
}
.movement-summary-cotent-right-main .form-elements.operation-form-elements .form-row.col-md-6:first-child, .movement-summary-cotent-right-main .form-elements.operation-form-elements .form-row.col-md-6:last-child{
	padding: 0px;
}
.movement-summary-cotent-right-main .form-elements.operation-form-elements .form-row.col-md-6:nth-child(7){
	padding: 5px 0 0 0;
}
.movement-summary-listing .projected-count-span,.movement-summary-listing .actual-count-span {
    width: 50%;
    text-align: right;
    min-height: 20px;
}
.movement-summary-listing .projected-teu-span, .movement-summary-listing .actual-teu-span {
    width: 50%;
    text-align: left;
}
.padding-right-5{
 	padding: 0 5px 0 0px;
}
.col-xm-4.multiple-upload{
	 margin-right: 5px;
}
/*--multiple file upload--*/
.padding-right-5{
	 padding: 0 5px 0 0px;
}
.col-xm-4.multiple-upload{
	 margin-right: 5px;
}
.modal-dialog .message-desc {
    overflow: auto;
    max-height: 100px;
}
.left-file-name {
    float: left;
    padding: 9px 40px 9px 10px;
    line-height: 16px;
    width: 100%;
    word-break: break-all;
}
.file-name .file-delete {
    width: 35px;
    position: absolute;
    height: 100%;
    right: 0;
    border-left: 1px solid #d8d8d8;
}
.file-name .delete-file {
    width: 35px;
    text-align: center;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}
.delete-file img {
    width: 16px;
    height: 16px;
}
/* .filename.readonly .multiple-upload .text-box .file-delete, .input-wrapper.readonly .input-file a{ 
	position: relative;
} */
.multiple-upload .text-box {
    padding: 0;
    height: auto;
}
.multiple-upload .file-name {
    position: relative;
    width: 100%;
    float: left;
}
.filename.readonly .multiple-upload .text-box .file-delete:after, .input-wrapper.readonly .input-file a:after, .filename.disabled .multiple-upload .text-box .file-delete:after{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	cursor: default;
}
.filename.disabled .multiple-upload .text-box .file-delete, .input-wrapper.readonly .input-file a{
   	cursor: no-drop;
}
.lolo-movement-summary {
    font-size: 13px;
    width: 100%;
    min-width: 1000px;
}
.lolo-movement-summary tr:first-child {
    background-color: #ccc;
}
.lolo-movement-summary tr:nth-child(2n) {
    background-color: #f5f5f5;
}
.lolo-movement-summary td, .lolo-movement-summary th {
    padding: 3px;
    vertical-align: middle;
}
.lolo-movement-summary span {
    text-align: right;
    display: inline-block;
    word-wrap: break-word;
    width: 50px;
    word-spacing: normal;
    float: left;
}
.lolo-movement-summary th:first-child {
    text-align: right;
    font-weight: normal;
    color: #888;
}

/**Form Spacing between two column**/
/* .form-row.col-md-6.clearfix:nth-of-type(even){
    padding-left:7px;   
}
.form-row.col-md-6.clearfix:nth-of-type(odd){
    padding-right:7px;
   
}
.view-form  .form-row.col-md-6.clearfix:nth-of-type(odd){
    padding-right:0px;
   
}
.view-form .form-row.col-md-6.clearfix:nth-of-type(even) {
    padding-left: 0;
} */
.movements-right-content .form-row.grouped-col.clearfix {
    margin-bottom: 5px;
}
.form-col-2 > .p-r-5:not(.form-separator) + .p-r-5 {
    padding-left: 5px;
}
.hidden {
    display: none !important;
    visibility: hidden !important;
}
.form-row .p-r-5 {
    padding-right: 0;
}
.filter-elements-block .form-row .p-r-5 {
    padding-right: 5px;
}
.margin-5.filter-searchvalue {
    margin: 0;
}
.form-row .form-separator.p-r-5 {
    padding-right: 10px;
}
.form-row .form-separator.p-r-5  .datepicker-row ~ .error-message .error-info-icon {
    right: 43px;
}
.form-row .form-separator.p-r-5.right .error-msg.right-top {
    right: 10px;
}

.form-row .form-separator.p-r-5 + .p-r-5.form-separator .datepicker-row ~ .error-message .error-info-icon{
    right:39px;
}
.form-row .form-separator.p-r-5 + .p-r-5 {
    padding-left: 10px;
}
.form-row .form-separator.p-r-5 + .p-r-5.form-separator {
    padding: 0 5px;
}
.normal-form .form-separator.p-r-5 + .p-r-5.form-separator:after {
    right: -6px;
}
.normal-form .form-separator.p-r-5 + .p-r-5.form-separator.right .error-msg.right-top {
    right: 6px;
}
.datepicker-row .text-box.error-input-box {
    padding-right: 55px;
}
.view-form .form-row .form-separator.p-r-5 {
    padding-right: 10px;
}
.filter-scope .p-r-5 {
    padding-right: 5px;
}
.vessel-visit-operation-form .form-row.col-md-6.clearfix:nth-child(2n){
	padding: 0px;
}
.form-elements.full-width-form.movement-summary-edit-elements {
    padding-left: 15px;
}
.movement-summary-cotent-right-main .text-box {
    margin: 0 0 2px;
}
.bmph-count {
    clear: both;
    margin-bottom: 2px;
}
.vessel-visit-operation-form :nth-child(2n+1).clearfix.col-md-6.form-row {
    padding-left:0;
    padding-right:0;
}
.input-add-btn input {
    margin: 0;
}
.input-add-btn.form-separator {
    padding-right: 25px;
}
.input-add-btn.form-separator .error-info-icon {
    right: 65px;
}
.input-add-btn .error-info-icon {
    right: 45px;
}
.input-add-btn.p-r-5.right .error-msg.right-top {
    right: 35px;
}

.input-add-btn.p-r-5.right.form-separator .error-msg.right-top {
    right: 60px;
}
/* Hide cancel button */
/* .uie-secondary-btn[name=btnCancel]{
	display: none;
} */
.form-col-2 > .p-r-5:not(.form-separator) + .p-r-5 {
    padding-left: 10px;
}
.success-dec{
	margin-top:15px;
}
.error-dec{
	margin-top: 0px;
}
.error-dec-text {
    padding: 0px 0 0 20px;
    font-size: 14px;
    color: #5c5c5c;
}
.error-dec-text li {
    display: list-item;
    padding-bottom: 6px;
    line-height: 15px;
}
.error-dec-text li span {
    font-weight: 600;
}
/*Grid accordion spacing*/
.accordion-content.accrodion-grid {
    margin: 0;
}
.accrodion-grid section.accordion-content-wrapper.clearfix {
    padding: 0;
}
.accordion-content.accrodion-grid.grid-without-pagination {
    margin-bottom: 15px;
}
.accordion-content .accordion-content-wrapper .accordion-content.accrodion-grid.grid-without-pagination {
    margin-bottom: 0px;
}
.grouping-sections .group-row {
    margin-bottom: 0;
}
.accordion-content .group-row.no-border-bg {
    margin: 0;
}
/* batch update form css changes */
.form-col-2.enabled-set-empty {
    display: table;
}
.enabled-set-empty .input-wrapper {
    padding-right: 5px;
    width: 100%;
    display: table-cell;
}
.enabled-set-empty .input-wrapper + div {
    display: table-cell;
    width: 55px;
    vertical-align: top;
}
.enabled-set-empty .input-wrapper + div .checkbox {
    margin:8px 0;
}
.resource-content .resource-info .form-col-2 > .p-r-5 {
    padding: 0;
}
.block-page{
	position: relative;
	/* cursor: progress; */
}
.block-page:before{
	background: transparent;
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	right:0;
	z-index:99999;
}
.block-page .save-port{
	pointer-events:none;
}
.selected-records {
    margin-bottom: 10px;
}
.form-elements-wrapper {
    clear: both;
    float: left;
    width: 100%;
    margin: 0 0 10px;
}
input.error-input-box {
    padding-right: 35px;
}
#visit-operation .accordion-content-wrapper .edit-only-form {
    margin: 0 -15px;
}
/********* inline edit css ********/
.table-grid .input-wrapper .error-msg.right-top{
	right: 0px;
	top: 40px;
	max-width:200px;
}
.table-grid tbody tr:last-child .input-wrapper .error-msg.right-top{
	top: -37px;
}
.table-grid tbody tr:last-child .input-wrapper .text-box ~ .error-message .error-msg.right-top::after {

    top: 31px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
}
.table-grid .input-wrapper .text-box ~ .error-message .error-msg.right-top::after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ff0000;
    border-style: solid solid solid;
    border-width: 6px 5px;
    content: "";
    right: 12px;
    position: absolute;
    top: -12px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}

/* Form Accordion Css - By Vishal */
.app-action-form-block .form-accordion { 
	clear: both;
	padding-top:1px;
}
.app-action-form-block .form-accordion .accordion {
	margin-left:0;
	margin-right:0;
} 
.codemap-definitions .table-grid th {
	height:auto;
}
.codemap-definitions .table-grid th:first-child {
	padding:0;
} 
.codemap-definitions .table-grid .bo-bottm { 
	border-bottom: 0;
}

/* Dropdown changes edit action */
.view-form .operations-container {
    padding: 0;
}
.panel-block-actions a.list-action{
    background-size: 20px 20px;	
}
.accordion-list-dropdown #searchData {
    margin: 0;
}
.auto-suggestion-input {
    margin: -1px;
}
.modal-content .p-r-5.right .input-file ~ .error-message .error-msg.right-top {
    max-width: 64%;
}
.error-input-box:not(.switch,.dropdown-list-menu) {
    padding-right: 35px;
}
.hidden-wrapper:blank{
	display: none;
}
.switch.error-input-box ~ .error-message .error-info-icon {
    left: 80px;
    top: 10px;
    width: 15px;
}
.switch.error-input-box ~ .error-message .error-msg {
    left: 0px;
}
.switch.error-input-box ~ .error-message .error-msg.right-top::after {
    right: 75px;
}
.form-col-2.berth-field {
    display: flex;
    display:-ms-flexbox;
    align-items: flex-start;
}
.form-col-2.berth-field label.label {
    word-break: break-word;
}
.berthing-add-icon a {
    float: left;
    display: block;
    border: none;
    background-size: 9px;
}
.berthing-add-icon {
    display: inline-block;
    margin-left: 10px;
    margin-top: -2.7px;
    background: #0c79c1;
    border-radius: 3px;
    float: left;
    height:20px;
}
.normal-form .berthing-add-icon {
    display: block;
    border-radius: 3px;
    float: right;
    margin-right: 7px;
}
.berthing-add-icon .plus-icon {
    background-image: url(../img/icons/add-more-white.svg);
    background-repeat: no-repeat;
    background-position: left 8px center;
    border: 1px solid #337ab7;
    border-radius:3px;
    color: #fff;
    background-size: 11px 11px; 
}
.berthing-add-icon .plus-icon:hover,.berthing-add-icon .plus-icon:focus {
	background-image: url(../img/icons/add-berth-hover.svg);
    background-color: #fff;
    border-color: #0c79c1;
    color: #0c79c1 !important;
}
.code-details.no-padding {
    padding: 0 5px;
}
.view_visit_summary_modal .code-details.no-padding {
	padding: 0;
}
.list-dp-menu {
    float: right;
}
.list-dp-menu:before {
    right: 10px;
}
.columns-list-box.selected-ports .tooltip-bottom:before, .columns-list-box.selected-ports .tooltip-bottom:after{
 	top:22px;
 	margin-left:0px;
}
.applyBtn.uie-btn.uie-btn-primary.btn.btn-sm.btn-success, .cancelBtn.uie-btn.uie-secondary-btn.btn.btn-sm.btn-default, .resetBtn.uie-btn {
    font-size: 13px !important;
}
.menu-open:before{
	content:'';
}
.menu-open[data-tooltip]::before{
	border:none;
}
.menu-open[data-tooltip]::after {
    background-color: none;
    border: none;
    content: '';
    font-size: 0;
    line-height: 0;
    padding: 0px;
}
/* For Placeholder */ 
::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
}
.bootstrap-tagsinput .tag {
    line-height: 17px;
    padding: 3px 7px;
    background: #2991D6;
    border-radius: 3px;
    color: #fff;
    float: left;
    margin-top: 1px;
    word-break:break-all;
    margin-top: 2px;
    text-transform: uppercase;
}
.bootstrap-tagsinput input {
    height: 25px;
    float: left;
}
.bootstrap-tagsinput.text-box{
	height: auto;
}
.filter-searchvalue .bootstrap-tagsinput {
    line-height: 25px;
}
.module-menu-btn {
    float: right;
    width: 70px;
    height: 70px;
    border-left: 1px solid #d8d8d8;
    padding: 22px;
    display: none;
}
body.menu-open {
    overflow: hidden;
}
.mobile-menu-wrapper {
    padding: 5px;
    overflow-y: auto;
}
.berthing .accordion-header .delete-action:hover {
    background-image: url("../img/icons/delete.svg");
}
.view-form .form-row .form-separator.p-r-5 + .p-r-5 {
    padding-left: 0;
}
.additional-berthing-add span {
    float: left;
    margin-left: 25px;
    position: relative;
    line-height: 18px;
    padding-right: 7px;
}
.grid-col-3 .expand-contents{
	width:33.33%;
}
.grid-col-2 .expand-contents{
	width:50%;
}
.grid-col-1 .expand-contents{
	width:100%;
}
.grid-col-3 .expand-contents:nth-child(3n+1) {
    clear: left;
}
.grid-col-2 .expand-contents:nth-child(2n+1) {
    clear: left;
}
.shipment-details.head-right th.bold-text {
    font-weight: bold;
    color:#000000;
}
.bold-text {
    font-weight: bold;
}
.block-center {
    display: table;
    margin: 0 auto;
}
.block-center .projected-count-span {
    width: 70px;
}
.movement-summary-cotent-right-main .form-row.col-md-6 {
    width: 50%;
    padding: 0 5px 0px!important;
    float:left;
}
.berthingNo {
    float: left;
    margin: 13px 0px 0px;
}
.mobile-breadcrumb .breadcrumb-menu{
    display:none;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{
    background-image: url(../img/icons/check-drop-menu-hover.svg);
    height: 20px;
    top: 1px;
    width: 20px;
    content: initial;
    background-repeat: no-repeat;
    background-position: center center;
    right: 7px !important;
}
.dropdown-menu.open ul li.selected a:focus{
    background-color: #e0f3ff;
    background-repeat: no-repeat;
    background-position: center center;
    color: #2991d6;
}
.dropdown-menu.open ul li.selected a:focus span.check-mark	{
 	 background-image: url(../img/icons/check-drop-menu.svg) !important;
}
.bmph-count .col-md-6.col-sm-6.col-xs-6 {
    width: 50%;
    padding: 0 5px;
}    
.form-row.col-md-6[data-element='labourGangProductivity'], .form-row.col-md-6[data-element='gmphPmph'], .form-row.col-md-6[data-element='pmphPmph'],.form-row.col-md-6[data-element='visitOnProjectedActualBmph'] {
    display: none;
}
.bmph-count .form-col-1 {
    padding: 0 5px;
}
.movement-summary-cotent-right-main .operation-form-elements .form-row.col-md-6.clearfix:last-child {
    width: 100%;
}
.profile-action-buttons {
    float: left;
    margin-left: 10px;
}
.profile-action-buttons .uie-btn-primary{
    background-color: transparent;
    border: none;
    background-repeat: no-repeat;
    background-position: center center;
    height:35px;
    width: 30px;
    padding: 0;
    margin: 0;
    font-size: 0;
    background-size: 16px 17px; 
}
/** Added For Listing Profile **/
.uie-btn-primary.create-filter:not(.with-listing-profile) {
    background-image: url("../img/icons/save.svg");
}
.uie-btn-primary.create-filter:not(.with-listing-profile):hover {
    background-color: #120E5B;
    background-image: url("../img/icons/save-hover.svg");
}
.with-listing-profile.create-filter {
    background-image: url("../img/icons/add-more.svg");
}
.with-listing-profile.create-filter:hover {
    background-color: #120E5B;
    background-image: url("../img/icons/add-more-hover.svg");
}
/** End For Listing Profile **/
.uie-btn-primary.delete-filter {
    background-image: url("../img/icons/delete.svg");
}
.uie-btn-primary.delete-filter:hover {
    background-color: #120E5B;
    background-image: url("../img/icons/delete-hover.svg");
}
.uie-btn-primary.save-filter {
    background-image: url("../img/icons/save.svg");
}
.uie-btn-primary.save-filter:hover {
    background-color: #120E5B;
    background-image: url("../img/icons/save-hover.svg");
}
.input-wrapper .bootstrap-tagsinput input {
    border: none;
    padding: 0 0px 0 4px;
    text-transform: uppercase;
}
.col-md-2.col-sm-2.col-xs-5.filter-searchvalue.input-tags {
    width: auto !important;
    min-width: 13%;
    max-width: 71%;
}
.normal-form {
    margin: 0 -7px;
}
.bootstrap-tagsinput > input:not([size]) {
    width: 60px;
}
.select-record-status {
    overflow: hidden;
    margin-bottom: 10px;
}
.select-record-status .radio-btn.radio-btn label {
    padding-right: 10px;
}
.col-md-2.col-sm-2.col-xs-5.filter-searchvalue {
    width: 13%;
    min-width: 185px;
}
.filter-searchvalue.col-md-4.col-sm-4.col-xs-4 {
    width: 26%;
    min-width: 360px;
}
.expand-list {
    padding-left: 20px;
    line-height: 16px;
    display: inline-block;
    vertical-align: top;
    word-break: break-word;
}
.expand-list li.last:after {
    content: '...';
    position: relative;
}
.add-list-item {
    width: 34px;
    height: 34px;
    display: inline-block;
 	background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    float: left;
}
.add-list-item:hover, .add-list-item:focus{
	background-color: #1a0b78;
}
.input-file .text-box {
	margin: 0;
}
.add-list-box .columns-list-item li .remove-item {
	position: absolute;
	background-image: url("../img/icons/delete.svg");
	background-size:16px auto;
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	right:5px;
	top:10px;
}
.add-list-box .columns-list-box li{
	position: relative;
	padding-right: 20px;
}
.add-list-box  .columns-list-item, .add-list-box  .middle-icon-ports{
	height: 182px;
}
.table-grid .p-r-5 {
    position: relative;
}
input.error-input-box {
    padding-right: 35px;
}
.error-msg.table-error{
	width: 168px !important;
}
.view-form .form-col-2.form-table-control {
    width: 100%;
}
.form-col-80 {
    width: 80%;
    float: left;
}
.form-col-20{
	float: left;
	width:20%;
	padding: 0  0 0 5px;
}
/* vessel visit multiple file upload */
.author {
    font-size: 11px;
    color: #aaa;
}
.attachment-link img{
 	width: auto;
	height: 24px;
}
.doc-desc{
 	word-break: break-all;
}
.doc-desc, .author {
 	display: inline-block;
    position: relative;
    padding-left: 8px;
 	word-break: break-word;
}
.doc-desc:before, .author:before {
    position: absolute;
    content: "-";
    left: 0;
    top: -1px;
}
.doc-desc:empty {
    display: none;
}
.upload-file-list {
    width: 100%;
    clear: both;
    list-style: none;
    float: left;
 	margin-top: 10px;
}
.file-other-info {
 	padding-right: 0;
}
.file-info {
    line-height: 24px;
    padding: 5px 0 5px 25px;
    position: relative;
    background: url(../img/icons/attachment-icon.svg) no-repeat 4px 5px;
    background-size: 18px 18px;
    border: 1px solid #d8d8d8;
    margin-bottom: 5px;
 	font-size: 14px;
}
.upload-file-list .file-info {
    padding-right: 35px;
 	background-position: 4px center;
}
.file-name {
    line-height: 18px;
    font-size: 14px;
    word-break: break-word;
}
.upload-file-list li {
    clear: both;
    width: 100%;
    float: left;
}
.remove-document {
    position: absolute;
    content: "";
    background: url(../img/icons/delete.svg) no-repeat center center;
    background-size: 16px auto;
    width: 32px;
    border-left: 1px solid #d8d8d8;
    height: 100%;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 98;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{
    background-image: url(../img/icons/check-drop-menu-hover.svg);
    height: 20px;
    top: 1px;
    width: 20px;
    content: initial;
    background-repeat: no-repeat;
    background-position: center center;
    right: 7px !important;
}
.dropdown-menu.open ul li.selected a:hover span.check-mark{
  	background-image: url(../img/icons/check-drop-menu.svg) !important;
}
 .glyphicon-ok:before{
    display: none;
 }
.search-tags li {
    list-style: none;
    display: inline-block;
    padding: 3px 5px;
    background-color: #2992d6;
    margin-right: 5px;
    border-radius: 2px;
    color: #fff;
    line-height: 14px;
    font-size: 11px;
}
.accordion-file-list .file-info {
    border: none;
    margin-bottom: 0;
    line-height: 14px;
    display: inline-block;
    padding-right: 40px;
}
.accordion-file-list .file-info .delete {
    width: 25px;
    height: 35px;
    display: inline-block;
    top: 5px;
    background-size: 16px;
    right: 0;
    position: absolute;
    cursor: pointer;
}
.accordion-file-list .file-info .delete:hover{
    background-image: url(../img/icons/delete.svg);
    cursor: pointer;
}
.accordion-file-list .file-info .file-name{
    margin: 0;
}
.accordion-file-list .file-info > span {
    font-size: 12px;
    margin-right: 5px;
    line-height: 18px;
}
.accordion-file-list {
    list-style: none;
}
.bootstrap-select.btn-group .no-results {
    background: #e0f3ff none repeat scroll 0 0 !important;
    color: #2991d6;
    margin: 0 !important;
    padding: 7px 10px !important;
}
/***** Form Clear ****/
.normal-form .col-md-3:nth-child(4n+1){
	clear: both;
}
.normal-form .col-md-4:nth-child(3n+1){
	clear: both;
}
.normal-form .col-md-6:nth-child(2n+1){
	clear: both;
}
.eq-info-det label.col-md-6.row.font-color-gray.element-label {
    font-size: 12px;
    text-align: right;
    padding: 0;
    font-weight: normal;
    color: #888;
}
.col-md-10.equ-info-header .col-md-2 {
    font-size: 12px;
    margin-bottom: 10px;
    padding: 0px;
    display: inline-block;
    word-break: normal;
    word-wrap: break-word;
}
.col-md-10.equ-info-header .col-md-2 .col-md-6.font-color-gray.element-label{
    font-size: 12px;
    font-weight: normal;
    color: #888;
    padding: 0;
    text-align: right;
    width: 50%;
}
.col-md-10.equ-info-header .col-md-2  .col-md-6.pull-right {
    padding: 0px;
    width: 50%;
}
.equipment-popup-summary .col-md-4{
    font-size: 12px;
    margin-bottom: 10px;
    word-break: break-word;
    padding: 0px 5px 0 0;
}
.equipment-popup-summary .col-md-2{
    font-size: 12px;
    margin-bottom: 10px;
    word-break: break-word;
    width: 16.66666667%;
    float: left;
    padding: 0px 5px 0 0;
}
.equipment-detach .equipment-popup-summary .col-md-6{
    width: 50%;
    float: left;
    clear: none;
}
.equipment-detach .container-numbers{
    width: auto !important;
}
.equipment-detach .equipment-popup-summary .col-md-4{
	width: 33.33%;
}
.equipment-detach .equipment-popup-summary .col-md-2{
	width: 16.66666667%;
	float: left;
}
.shipment-box .col-md-4:nth-child(3n+5){
	clear:both;
}
.modal-content .shipment-box > .col-md-6:nth-child(2n+2){
	clear: both;
}
.normal-form .vessel-visit-operation-form .col-md-6:nth-child(2n+1){
	clear: none;
}
.attachment-header{
	background: url('../img/icons/attachment-icon-header.svg') no-repeat left center;
	width: 24px;
	height: 24px;
	background-size: 18px auto;
	display: inline-block;
	font-size: 0;
}
.table-grid .attachment-icon{
	text-align: center;
}
.table-grid .attachment-icon span{
	background: url('../img/icons/attachment-icon.svg') no-repeat center center;
	width: 24px;
	height: 24px;
	background-size: 18px auto;
	display: inline-block;
}
.table-grid a.attachment-icon{
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
.ports-list-box .normal-form {
    padding: 0 7px;
}
.denied-img.col-md-1 {
    float: left;
    height: 40px;
    margin: 0;
    vertical-align: middle;
    display: table-cell;
    padding: 12px 5px;
    line-height: 23px;
}
.denied-img.col-md-1 img {
    margin-left: 0px;
    width: 20px;
}
.input-list-menu {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    display:none;
}
.input-list-menu .menu-list-show {
    width: 30px;
    height: 35px;
    position: absolute;
    background-image: url(../img/icons/menu-list.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center 60%;
}
.input-add-btn i.input-list-menu {
    right: 35px;
}
#typeahead-popup input {
    margin: 0;
}
.search-menu-popup {
    max-width: 380px;
}
.p-r-5.right.input-file .error-msg.right-top::after{
    right: 12px;
}
.search-menu-list li a {
    color: #5c5c5c;
}
.search-active a {
    background: #e0f3ff;
}
.typeahead-list-dropdown-menu .auto-suggestion-input {
    margin: 0px;
}
.port-rotation i.input-list-menu {
    right: 35px;
    display: none;
}
.search-list-menu {
    background: url("../img/icons/search.svg") no-repeat scroll;
    background-size: 18px 18px;
    width: 35px;
    height: 35px;
    position: absolute;
    cursor: pointer;
    background-position: center center;
    right: 11px;
    border: 1px solid #d8d8d8;
}
.more-list {
    border: #2991d6;
    text-align: center;
}
#searchTypeahead {
    width: 323px;
}
 .normal-form .change-visit-state-wrapper .col-md-6:nth-child(2n+1) {
    clear: none;
}
.change-visit-state-wrapper .form-row.no-padding, .change-visit-state-wrapper .form-row.col-md-6.no-padding{
	padding: 0px;
}
.change-visit-state-wrapper .form-row .berthing-row{
	padding-left: 7px;
}
.berthing-row > a {
    padding: 5px 10px;
    color: #2991d6;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #2991d6;
    margin-right:10px;
}
.berthing-row {
    margin-bottom: 15px;
}
.berthing-row > a:hover, .berthing-row > a.active {
    background-color: #2991d6;
    color: #fff;
    text-decoration: none;
}
.div-separator {
    width: 100%;
    clear: both;
    display: block;
    border-bottom: 1px solid #d8d8d8;
    margin: 15px 0;
}
.login-form-title .dropdown-toggle {
    width: auto !important;
    min-width: 130px;
    float: right;
}
.login-form-title .dropdown-menu.open {
    width: auto;
    min-width: 130px;
}
.login-language-button.no-padding {
    width: auto;
    max-width: 180px;
    position: absolute;
    right: 30px;
    margin-bottom: 10px;
}
span.element-img.cargo-img-popup {
    float: left;
    padding-right: 10px;
}
.pages-info .dropdown-menu ul li a{
 padding: 3px 1px !important;
}
.pages-info .dropdown-menu li a span.text{
 text-align: center !important;
}
.filter-operators li.no-results {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}
.view-icon a:focus img, .grid-edit-icon a:focus img{
	outline: 1px dotted #120E5B;
	outline-offset: 2px;
}
.vessel-visit .Port-Rotation-info{
    background-size: 18px 18px;
    padding-left: 25px;
    background-repeat: no-repeat;
}
.vessel-visit .Port-Rotation-info-fill-star{
	background-image: url("../img/icons/fill-star.svg");
}
.vessel-visit .Port-Rotation-info-empty-star{
	background-image: url("../img/icons/empty-star.svg");
}
.vessel-service .Port-Rotation-info{
	display: none;
}
.vessel-departed-text{
	color: #aaa !important;
}
.port-service .dropdown-list-menu {
    margin-bottom: 0;
}
.resetBtn.uie-btn:hover{
	color:#23527c;
}
.resetBtn.uie-btn{
    background: none;
    margin: 0px;
    padding: 4px 5px 4px 0px;
    border: none;
    box-shadow: none;
    color: #337ab7;
	font-size: 14px;
    font-weight: bold;
	height: auto;
	float:left;
    line-height: 10px;
    outline: none;
}
.accordion-panel:not(.active) a,.accordion-panel:not(.active) .accordion-panel.active a,.accordion-panel:not(.active) button,.accordion-panel:not(.active) .accordion-panel.active button {
    display: none;
}
.accordion-panel.active a, .accordion-panel.active button {
    display: block;
}
.accordion-panel.active button {
    display: inline-block;
}
.accordion-actions a {
    display: block !important;
}
.port-rotation-star-help {
    text-align: left;
    position: absolute;
}
.select-ports-div .bootstrap-select button.dropdown-toggle {
    height: 34px;
}
.info-icon.info-tooltip {
    background: #2991D6;
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    margin-right: 10px;
}
.center-btn .info-icon.info-tooltip {
	top:5px;
}
.wiki-help {
    background-image: url(../img/icons/help-blue.svg);
    background-size: 14px;
}
.wiki-help:hover {
    background-image: url(../img/icons/help-blue-hover.svg);
    background-size: 14px;
}
/* wiki help for dashboard */
.dash-icon-box a.wiki-help {
    background: url(../img/icons/help-dashboard.svg);
    position: absolute;
    width: 18px;
    right: 25px;
    height: 16px;
    z-index: 99;
    top: 7px;
}
.dash-icon-box a.wiki-help-hover:hover {
    background-color: transparent;
}
.dash-icon-box a.wiki-help:hover {
    background-color: transparent;
  
}
.dash-icon-box a:not(.fav-selector):hover ~ span a.wiki-help {
    display: none;
}
.dash-icon-box a:not(.fav-selector):hover ~ span a.wiki-help-hover {
    display: block;
}
.dash-icon-box a.wiki-help-hover {
    background: url(../img/icons/help-dashboard-hover.svg);
    position: absolute;
    width: 18px;
    right: 25px;
    height: 16px;
    z-index: 99;
    top: 8px;
	display:none;
}
.info-icon.info-tooltip img {
    position: absolute;
    top: 4px;
    width: 10px;
    height: 10px;
    text-align: center;
    left: 4px;
}
.view-form .help-detach {
    display: none;
}
.accordion-actions .help-detach.wiki-help:hover{
	 background-image: url(../img/icons/help-blue.svg);
}
.accordion-actions .help-detach.tooltip-bottom:before,.accordion-actions .help-detach.tooltip-bottom:after {
 	 display:none;
}
.accordion-actions .help-detach {
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
}
.help-detach {
    cursor: help;
}
/*** Listing Profile ***/
.edit-profile{
	background-image: url(../img/icons/edit-button.svg);
}
.profile-menu .edit-profile.uie-btn-primary {
    background-color: #fff !important;
    font-size: 0;
    border: none;
    background-size: 17px;
    background-repeat: no-repeat;
    position: absolute;
    width: 18px;
    right: 25px;
    z-index: 9;
    padding: 0;
    height: 18px;
    top: 5px;
}
.edit-profile-input{
	display:none;
}
.editable .my_listing_profile {
    display: none !important;
}
.editable .edit-profile-input{
	display:block;
}
.edit-profile-input button {
    background: none;
    border: none;
    font-size: 0;
    padding: 0;
	background-size: 18px;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 5px;
    top: 3px;
}
.uie-btn.uie-btn-primary.save-button:hover ,.uie-btn.uie-btn-primary.save-button:focus {
    background-color: #fff;
    border: none;
    box-shadow: none;
}
.edit-profile-input button{
	background-image: url(../img/icons/check-mark.svg);
}
.edit-profile-input .text-box {
    padding: 4px 35px 5 12px;
    margin:0;
	height:36px;
}
.uie-btn.uie-btn-primary.edit-profile:hover {
    box-shadow: none;
}
.dropdown-menu .filter-default{
	margin:0;
}
.profile-action-buttons.filter-elements-all-a {
    margin: 0;
}
.margin-left-right-10{
	margin: 10px 10px;
}
.resetBtn.uie-btn:hover {
    color: #23527c;
    background: none;
    border: none;
}
.pointer-events-none{
	pointer-events:none;
}

#support h1 {
    font-weight: normal;
    color: #120e5b;
}
#support h4.sub-head {
    color: #120e5b;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 19px;
    margin-top: 20px;
}
#support label {
    color: #120e5b;
}
#support .support-container {
    overflow: hidden;
    padding:0 20px;
}
#support .details-container.row {
    margin-bottom: 12px;
}
#support .option .support-container {
    padding: 0 20px;
}
#support .option{
	background-color:#fff !important;
} 
#support .option label {
    color: rgb(41, 145, 214);
    font-weight: normal;
}
#support .option span {
    color: #8f8f8f;
    font-size: 15px;
    line-height: 20px;
}
#support .option h4.sub-head {
    color: #120e5b;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 19px;
    margin-top: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}    
#support body.option1 {
    background-color: #e3e4ec !important;
}
#support .option1 h4.sub-head {
    color: #120e5b;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 19px;
    margin-top: 20px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
}
.panel-block-content.no-padding #view_visit_summary {
    padding: 15px 10px 0;
}
.no-discharge-list {
    font-size: 13px;
    padding: 10px;
}
.form-col-2.form-table-block{
	width: 100%;
}
.typeahead li a> div {
	width: 100%;
 	display: inline-block;
}
.setting-values {
    word-wrap: break-word;
    word-break: keep-all;
}
.input-group-row {
    margin: 0 -7px;
}
.input-group-row .input-group-col {
    padding: 0 7px;
}
.normal-form .col-md-3:nth-child(4n+1) {
    clear: both;
}
.normal-form .input-group-row .form-separator:after {
    content: "";
}
.form-row .input-group-row .form-separator.p-r-5 {
    padding-right: 0px;
}
.available-columns .loading {
	background: url(../img/loading-content.gif) no-repeat right 10px center;
    background-size: 24px;
}

/* Batch edit */
.batch-edit-form .default-selected, .batch-edit-form .default-selected button span {
    color: #ccc;
}
.undo-back {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 8px;
    right: 15px;/* error messages and dropdown and calender css have to write */
    cursor: pointer;
    z-index: 3;
}
.error-input-box ~ .undo-back, select + .undo-back{
	right: 40px;
}
.undo-back img {
    width: 20px;
    height: 20px;
}
select.error-input-box + .undo-back {
    right: 50px;
}
.input-file.input-add-btn .undo-back {
    right: 40px;
}
.input-file.input-add-btn .error-input-box ~ .undo-back {
    right: 65px;
}
.input-file.input-add-btn .error-input-box + .undo-back {
    right: 65px;
}
.datepicker-row .error-input-box + .undo-back {
    right: 52px;
}
.datepicker-row .undo-back {
    right: 35px;
}
.uploaded-file {
    display: inline-block;
    font-size: 13px;
    color: #5c5c5c;
}
.file-details {
    color: #000;
    margin-left: 10px;
}
.additional-actions {
    display: inline-block;
}
.discharge-list-files {
    margin: 0px -15px;
    border-top: 1px solid #D8D8D8;
    padding: 15px 0px;
}
.break-bulk-list {
    padding: 15px 0;
}
/*sidebar css starts*/
.tree{
    width: 300px;
    background: #F9F9F9;
	box-shadow: 2px 1px 3px 0px #5c5c5c;
	overflow-y: auto;
	transition: all 0.5s ease 0s;
	top:35px;
	z-index: 1337;
	left: -310px; 
	position: fixed;
}  
.tree ul{
	overflow-y: auto;
	overflow-x: hidden;
}  
.tree ul {
	margin-left: 10px;
}
.tree li {
    cursor: pointer;
    margin: 0;
    padding: 10px;
    line-height: 14px;
    background: #F3F3F3;
    font-size: 13px;
    color: #5c5c5c;
    border-bottom: 1px solid #D8D8D8;
}
.tree li a {
    color: #5c5c5c;
    text-decoration: none;
}
.left-panel .tree .sidebar-nav div li img {
    margin-right: 5px;
}
.tree li.tree-active {
    background: #fff;
	padding:0;
}
.tree-active .tree-menu-title{
    background: #2991D6;
	padding: 10px;
}
.tree li:hover{
    background: #E0F3FF;
}
.tree ul {
    background: #F6F6F6;
	padding: 0;
	margin:0;
	clear: both;
}
.tree > ul > ul li {
    background: #ffffff;
    list-style: none;
    padding-left: 35px;
}
.tree-active .tree-menu-title {
    color: #fff;
    font-weight: bold;
	font-size: 12px;
}
.tree-active ul li:last-child {
    border-bottom: none;
}
.tree-icon {
    float: left;
    margin-right: 10px;
}
.sidebar-slide-menu .left-panel .sidebar-nav .sidebar-link:hover .tree-icon .image{
    display:inline-block;	
}
.sidebar-slide-menu  .left-panel .sidebar-nav .sidebar-link:hover .tree-active .tree-menu-title .tree-icon .image , .sidebar-slide-menu  .left-panel .sidebar-nav .sidebar-link:hover .tree-icon .image.hover{
    display:none;	
}
.menu-title-wrapper {
    width: 300px;
    overflow: hidden;
    background: #F3F3F3;
    border-bottom: 1px solid #d8d8d8;
}
.menu-close img {
    margin-top: 8px;
    width: 14px;
    height: 14px;
}
.sidebar-slide-menu  .left-panel .sidebar-nav .sidebar-link:hover .tree-active .tree-menu-title .tree-icon .image.hover , .tree-active .tree-menu-title .tree-icon .image.hover{
    display:inline-block;	
}
.tree-active .tree-menu-title .tree-icon .image{
    display:none;	
}
.tree-arrow.tree-icon {
    float: right;
    margin-right: 0px;
}
.tree-menu-title {
    padding: 0;
}
.menu-active{
	background-color: #2991d6;
}
.sub-tree-list{
	display:none;
}
.sidebar-slide-menu .menu-active .a_menulist .image.hover {
    display: inline-block;
    text-align: center;
}
.sidebar-slide-menu .menu-active .a_menulist .image {
    display: none;
}
.menu-close {
    float: right;
    width: 30px;
    height: 30px;
    border-left: 1px solid #d8d8d8;
    text-align: center;
	cursor: pointer;
}
h4.menu-title {
    float: left;
    font-size: 15px;
    padding: 7px 10px;
}
.sidebar-slide-menu a.a_menulist.tab_action {
    position: absolute;
    left: -53px;
    top: 8px;
}
.sidebar-slide-menu .left-panel .sidebar-nav div li .menu-close img {
    margin-top: 9px;
    width: 14px;
    height: 14px;
}
.menu-close:hover {
    background: #120e5b;
}
.menu-img-hover {
    display: none;
}
.menu-close:hover .menu-img-hover {
    display: inline-block;
	text-align:center;
}
.menu-close:hover .menu-img {
    display: none;
}
.content-box:hover h3 {
    color: #fff;
}
.sidebar-slide-menu .left-panel {
     width: 0px;
}
.sidebar-slide-menu .left-panel .sidebar-nav div a img {
    width: 16px;
}
.sidebar-slide-menu .left-panel .sidebar-nav div li img {
    width: 16px;
    height:16px;
}
.sidebar-slide-menu .sidebar-submenu > .sidebar-sublink {
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}
.sidebar-slide-menu .panel-block {
    padding-bottom: 20px;
    float: left;
    width: 100%;
}
.sidebar-slide-menu .right-panel {
    margin: 0;
    padding: 15px 15px 0;
    width: 100%;
    float: left;
}
.fixed-menu {
	position: fixed !important;
	top: 0px !important;
}
.sub-tree ~ ul li a {
    padding: 10px 10px 10px 34px;
    display: block;
}
.sub-tree ~ ul li {
    padding: 0 !important;
}
/*sidebar css ends*/
/*----Compact Header----*/
.header-resize img {
    width: 18px;
    height: 18px;
}
.minimized-header-icon .minimize-icon {
    display: none;
}
.header-resize {
    padding: 9px;
    cursor: pointer;
    border-left: 1px solid #d8d8d8;
}
.minimized-header .maximize-icon {
    display: block;
}
.minimized-header .minimize-icon {
    display: none;
}
.default-header .maximize-icon {
    display: none;
}
.default-header .minimize-icon {
    display: block;
}
.minimized-header .logo-fix-width {
    float: left;
    left: 0;
    margin-top: 0;
    position: relative;
    width: 150px;
	height: auto;
    z-index: 999;
}
.minimized-header .logo-fix-width img {
    width: 54%;
}
.minimized-header .logo-fix-width a {
    padding-bottom: 0px;
}
.minimized-header .menu-part {
    height: 22px;
}
.minimized-header .header-left {
	float:right;
	padding: 2px 0px 0;
}
.minimized-header .block-container {
    padding-left: 60px;
}
.minimized-header .menu-part::before {
    height: 23px;
}
.minimized-header  .breadcrumb-menu li {
    line-height: 22px;
}
.minimized-header .navbar {
    min-height: auto;
    width: 65%;
    float: left;
}
.minimized-header .nav>li>a {
    padding: 3px 10px;
}
.minimized-header .breadcrumb-menu {
    height: 22px;
    margin-left: 0px;
    position: relative;
    z-index: 9;
}
.minimized-header .navbar-static-top .navbar-collapse {
    padding-left: 0px;
    padding-right: 0px;
}
.minimized-header ~ .content-section .tree {
    top: 0;
    z-index: 9999;
}
.sidebar-slide-menu .minimized-header  a.a_menulist.tab_action {
    position: absolute;
    left: -43px;
    top: 6px;
}
.minimized-header .top-bar-menu > div > a {
    height: 37px;
}
.minimized-header .top-bar-menu > div > a {
    padding: 8px;
}	

.minimized-header .breadcrumb-menu li:first-child {
    padding: 0;
}
.minimized .right-panel {
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 20px;
}
.minimized-header nav .menu {
    height: 36px;
}
.breadcrumb-menu .header_timer {
    display: none;
}
.minimized-header .breadcrumb-menu:nth-child(2) {
    display: none;
}
.sidebar-hover-menu .a_menulist.tab_action {
    display: none;
}
/* Context Menu */
.grid-action-group{
	position: relative;
}
.all-actions-dropdown {
    position: absolute;
    right: 0;
	min-width: 225px;
	max-width: 265px;
	width: 100%;
    background-color: #fff;
    border: 1px solid #2991d6;
	box-shadow: 0 0px 10px 0px rgba(0,0,0, 0.5);
	z-index: 999;
}
.all-actions-dropdown:not(.open-top){
	top: 35px;
}
.all-actions-dropdown.open-top{
	bottom: 35px;
}
.all-actions-dropdown:before{
	content: "";
	position: absolute;
    right: 5px;
	border: 7px solid transparent;
}
.all-actions-dropdown:not(.open-top):before{
	top: -15px;
	border-bottom-color: #2991d6;
}
.all-actions-dropdown.open-top:before{
	bottom: -15px;
	border-top-color: #2991d6;
}
.all-actions-dropdown li {
    display: block;
    float: left;
    width: 100%;
}
.all-actions-dropdown  a{
    font-size: 13px;
    border-bottom: 1px solid #d8d8d8;
    width: 100%;
    text-align: left;
    float: left;
    padding: 10px 10px 10px 30px;
    background: #fff url("../img/icons/no-image-panel.svg") no-repeat 10px center;
    background-size: 12px 12px;
    line-height: 14px;
    color: #5c5c5c;
    height: auto;
    text-decoration:none;
}
.all-actions-dropdown  a:hover{
	background-color: #E0F3FF;
	color: #5c5c5c;
}
.all-actions-dropdown ul{
	overflow: hidden;
	float: left;
	width: 100%;
}
.all-actions-dropdown.scrollable-menu  ul{
    overflow-y: auto;
    max-height: 210px;
}
.all-actions-dropdown .action-title {
    font-size: 13px;
    padding: 10px;
    display: inline-block;
    color: #5c5c5c;
    width: 100%;
    line-height: 14px;
    background-color: #f3f3f3;
    border-bottom: 1px solid #d8d8d8;
}
.all-actions-dropdown .action-selector {
    width: 100%;
    clear: both;
    float: left;
	margin: 0;
	border-bottom: 1px solid #d8d8d8;
}
.action-selector > input {
    display: none;
}
.action-selector .all-records-label{
	border-right: 1px solid #ddd;
}
.action-selector > input[type="radio"] + label {
    text-align: center;
    line-height: 14px;
    font-weight: bold;
    font-size: 13px;
    padding: 10px 5px;
}
.action-selector > input:checked + label {
    background-color: #e3e3e3;
}
.all-records-label{
    width: 20%;
    float: left;
}
.selected-records-label{
    width: 80%;
    float: left;
}
.action-selector .switch-input:checked+.switch-label{
	background-color: #2991d6;
}
.scrollable-x{
	overflow-x: scroll;
}
/* End of Context Menu */
.daterangepicker select.monthselect[disabled], .daterangepicker select.yearselect[disabled] {
    cursor: not-allowed;
    opacity: 0.5;
}
.daterangepicker .ranges .calendar-time {
    padding: 0;
    margin: 0;
}
.ranges .calendar.left,.ranges .calendar.right {
    border: none;
}
.timepicker-show .time-controller {
    width: 100%;
    overflow: hidden;
    background: #f6f6f6;
    float: none;
    border-bottom: 1px solid #d8d8d8;
}
.time-controller {
    padding: 5px 0px;
    overflow: hidden;
    float:left;
}
.daterangepicker .calendar-time {
    margin: 0px auto !important;
}
.timepicker-show.daterangepicker .range_inputs {
    float: right;
}
.timepicker-show.daterangepicker .range_inputs {
    margin: 5px;
}
.time-controller .calendar.right {
    margin: 0 !important;
}
.daterangepicker select.monthselect {
    line-height: 16px;
}
/** START - Group component expand feature **/
.group-row .group-label > span:not(.total-berthing) {
    border-left: 1px solid #d8d8d8;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 100%;
    float: right;
}
.group-row .group-label > span i{
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #373374;
    position: absolute;
    right: 10px;
    top: 8px;
    float: right;
}
.group-row.active .group-label > span i {
    border-bottom: 5px solid #373374;
    border-top: none;
}
form .group-row.active .group-label{
	border-bottom: 1px solid #d8d8d8;
}
.group-row:not(.active) .group-wrapper{
	opacity:0;
	overflow: hidden;
	height: 0px;
}
form .group-row.active > .group-wrapper{
	padding:15px;
}
.group-wrapper .group-row-wrapper:last-child {
    margin: 0;
}
.normal-form .group-row-wrapper {
    padding: 0 7px;
}
.group-row .group-label{
	cursor: pointer;
}
.group-row.no-collapse .group-label {
    cursor: default;
}
.panel-block-head-content:empty{
	display: none;
}
/** END - Group component expand feature **/

@media print{
	label {
		border: none !important;
	}
}
/* End of Context Menu */
/* CSS for the grid pagination input starts here */
.section-pagination-input {
    float: left;
    position: relative;
}
.pagination-input {
    width: 60px;
    padding: 0 20px 0 5px;
    height: 20px;
    vertical-align: top;
    border: 1px solid #d8d8d8;
}
.section-pagination-input a {
    margin: 0;
    border: none;
    position: absolute;
    right: 4px;
    width: 14px;
    height: 14px;
    top: 2px;
    border: 1px solid transparent;
}
.section-pagination-input a img {
    width: 11px;
    height: 11px;
}
.section-pagination-input a:focus{
	border: 1px dotted #2991D6;
}
/* CSS for the grid pagination input ends here */
/* CSS for billing services*/
.billing-service-status-info {
    text-align: right;
    margin-bottom: 12px;
}
.billing-service-summary {
    font-size: 14px;
}
.event-block {
    overflow: hidden;
    margin-bottom: 12px;
}
.billing-service-summary {
    font-size: 14px;
    padding: 0 10px 10px;
    width: 100%;
    float: left;
}
.grey-title {
    color: #888;
}
.bill-created-label {
    padding-right: 10px;
}
.p-r-5.input-wrapper.padding-none {
    padding: 0;
}

/**** Start: Added For Tabbing  **/
.tabbing-accordion > .accordion > .accordion-panel > .accordion-content{
	margin: 0px 0 !important;
}
.tabbing-accordion section.accordion-content-wrapper:first-child{
 	padding: 0 0px !important;
}
.nav-tabs ~ .tab-content {
    padding: 15px 15px 0;
}

.roro-movement-summary th.bold-text {
    font-weight: bold;
    color:#000000;
}
.roro-movement-summary thead, .roro-movement-summary tfoot{
    background-color: #D9D9D9; 
}
.roro-movement-summary td,.roro-movement-summary th{
	padding: 3px;
	vertical-align: middle;
	word-break: break-word;
}
.roro-movement-summary tr:nth-child(2n) {
    background-color: #F2F2F2;
}
.roro-movement-summary {
    font-size: 13px;
    width: 100%;
	min-width: 1000px;
}
.roro-movement-summary .red{
     color:#AA2E2E;
}
.breakbulk-summary th.bold-text {
    font-weight: bold;
    color:#000000;
}
.tab-breakbulk-summary thead, .tab-breakbulk-summary tfoot{
    background-color: #D9D9D9; 
}
.tab-breakbulk-summary td, .tab-breakbulk-summary th{
	padding: 3px;
	vertical-align: middle;
	word-break: break-word;
}
.tab-breakbulk-summary tr:nth-child(2n) {
    background-color: #F2F2F2;
}
.tab-breakbulk-summary {
    font-size: 13px;
    width: 100%;
	min-width: 1000px;
}
.tab-breakbulk-summary .red{
     color:#AA2E2E;
}


#cargo-summary .accordion-header .accordion-actions .cargo-summary-edit.hide{
	display: none !important;
}
#cargo-summary .form-row .form-separator.p-r-5 {
    padding-right: 10px;
}
.group-row-cargo {
    clear: both;
}

.view-section-lolo .group-row-cargo, .edit-section-lolo .group-row-cargo {
    margin-top: 10px;
    float: left;
    width: 100%;
}

.edit-section-lolo .group-row-cargo {
    margin-top: 5px;
}

/**** END: Added For Tabbing  **/
/* Month Picker CSS starts here */
.month-year-input {
    border: 1px solid #d8d8d8;
    font-size: 14px;
    height: 35px;
    margin: 0 0 5px;
    padding: 5px 10px;
    width: 100%;
}
.month-picker-row .text-box {
    padding-right: 35px;
    background: url(../img/icons/date.svg) no-repeat;
    background-position: right 10px center;
    width: 100% !important;
}
.month-picker-row .error-message .error-info-icon {
    right: 33px;
}
.form-separator .month-picker-row .error-message .error-info-icon {
    right: 35px;
}
.month-picker-row .error-message .error-msg.right-top::after {
  right: 35px;
}
/* Month Picker CSS ends here */

form .col-title > h3[data-count]:after{
	content: "("attr(data-count)")"
}

/*** grid pagination ***/

.pages-info .page-total-records{
	position: relative;
}
.pages-info > div{
	position: relative;
}
.pages-info > div:before{
    background-color: #5C5C5C;
    content: "";
    display: block;
    height: 13px;
    position: absolute;
    right: -8px;
    top: 3px;
    width: 1px;
}
.pages-info > div:not(.hidden):last-child:before, .page-record-options:nth-child(2):nth-last-child(2):before{
	background: transparent;
}
.pages-info div.pagination-option:nth-child(3):before{
	background: transparent;
}
.pages-info.hide-pagination.hide-total-records > div:nth-child(2):before, .pages-info.hide-pagination.hide-total-records .page-record-options + .page-selected-records:after{
	background: transparent;
}

#visit-operation .form-elements-wrapper > .clearfix:first-child, #visit-operation .form-elements-wrapper > .clearfix:nth-child(2){
	border-bottom: none;
}
#visit-operation .form-elements-wrapper > .form-row.col-md-6.clearfix{
	    border-bottom: none;
	        margin-bottom: 0px;
}
#visit-operation .form-elements-wrapper > .clearfix{
    border-bottom: 1px solid #d8d8d8;
        margin-bottom: 5px;
}
#visit-operation .view-form .form-row.col-md-6.clearfix:nth-child(2n+1){
	clear: none;
}

/******* Start: ref-data (hold code) ******/
.activities-wrapper ul:not(.columns-list-item) {
    width: 25%;
    float: left;
}
.activities-wrapper ul:not(.columns-list-item) li{
    float: left;
    width: 100%;
    padding-left: 0px;
    position: relative;
    margin-bottom: 5px;
    list-style: none;
    padding-right: 10px;
}
.activities-wrapper ul:not(.columns-list-item) li:after{
    content: "";
    position: absolute;
    left: 0px;
    top: 3px;
    width: 16px;
    height: 16px;
    background: url(../img/icons/error.svg) no-repeat center center;
    background-size: cover;
    right:auto;
    display: none;
}
/******* END: ref-data (hold code) ******/
.highlight-title {
    background-color: #f6f6f6;
    padding: 5px 8px;
    display: inline-block;
}
.highlight-title h4 {
    font-size: 18px;
    color: #120e5b;
    line-height: 18px;
    display: inline-block;
}
.manifest-summary-list{
    font-size: 13px;
    line-height: 16px;
    word-break: break-word;
}
.form-table-control .total-record {
    font-size: 12px;
    line-height: 20px;
}
.typeahead.dropdown-menu[data-multiple="true"]{
	max-height: 360px;
}

/******* START: JRS report viewer ******/
#report-viewer-iframe, #launcher-iframe {
    display: none;
    width: 100%;
    height: 700px;
}

#launcher-wrapper, #launcher-iframe {
    height: 100%;
}

#launcher-wrapper > #content-mask {
    background: rgba(210, 210, 210, 1) none repeat scroll 0 0;
}
/******* END: JRS report viewer ********/
/* Typeahead Template CSS starts here */
.drop-col-1 .normal-label,.drop-col-1 .title-dropdown{
	width: 100%;
	clear: both;
}
.drop-col-2 .normal-label:first,.drop-col-1 .title-dropdown{
	width: 70%;
	float: left;
}
.drop-col-2 .normal-label:last{
	width: 30%;
	float: left;
}
.drop-col-3 .normal-label,.drop-col-1 .title-dropdown{
	width: 33.33%;
	float: left;
}
.title-dropdown {
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 5px;
}
.normal-label.right {
    float: right;
    text-align: right;
}
.drop-col-1 , .drop-col-2 {
    clear: both;
}
/* Typeahead Template CSS ends here */

/* vessel information view form remarks full width elements*/
.view-form.column-count-3 .form-row.full-width-row .form-col-1:not(.form-table-block){
	width: 16.5%;
}
.view-form .form-row.full-width-row .form-col-1:not(.form-table-block){
	width: 24.7%;
}
.view-form .form-row.full-width-row .form-col-2:not(.form-table-block) {
 	width: 75%;
}
.view-form.column-count-3 .form-row.full-width-row .form-col-2:not(.form-table-block){
    width: 82%;
}
.view-form.column-count-1 .form-row.full-width-row .form-col-1:not(.form-table-block){
	width: 50%;
}
.view-form.column-count-1 .form-row.full-width-row .form-col-2:not(.form-table-block){
 	width: 50%;
}

.rail-service #formGroups-0 .form-row[data-element="railServiceCode"]{
	width: 48.2%;
	padding-left: 0px;
}
.rail-service #formGroups-0 .rail-copy-ports{
    position: absolute;
    top: -45px;
    right: 6px;
}
.rail-service #formGroups-0 .rail-copy-ports .input-group-addon{
    width: 30px;
    height: 35px;
    padding: 0 0 0 2px;
}

.rail-service #formGroups-0 .selected-ports-div{
    top: -63px;
    position: relative;
}
.rail-service #formGroups-0 .text-box.typeahead.available-ports.set-uppercase{
	display: block !important;
}
.rail-service #formGroups-0 .middle-icon-ports{
	height: 300px;
}
.rail-service form .group-row-wrapper .group-wrapper{
    padding-bottom: 0;
}
.table-grid tbody .attachement-link {
    background-image: url(../img/icons/attachment-icon.svg);
    background-repeat: no-repeat;
    padding: 3px 0 3px 30px;
    background-size: 18px;
    background-position: 5px center;
    display: inline-block;
    word-break: break-all;
}
.form-row.col-md-12.no-padding{
	padding:0px;
}
.text-align-right {
    text-align: right;
}

/* add for assign roles for ca fields */

.assign-roles-for-ca-fields .read-only-access-right{
	width: 44%;
	float:right;
}

.assign-roles-for-ca-fields .columns-apply.text-right{
	clear: both;
}


.panel-grid-main .table-grid tbody tr:last-child .input-wrapper .text-box ~ .error-message .error-msg.right-top::after, .panel-grid-main .table-grid .input-wrapper .text-box ~ .error-message .error-msg.right-top::after{
	top:auto;
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    bottom: -12px;
}

.panel-grid-main .table-grid .input-wrapper .error-msg.right-top{
	min-width: 200px;
    top: auto;
    padding: 5px;
    bottom: 100%;	
}
.processing-status .refresh{
	display: none;
}
.processing .vessel-visit-status{
	float: left;
}
.processing-status.processing .refresh{
	display: inline-block;
    padding: 0px 5px;
    top: 3px;
    position: relative;
}
.processing-status.processing .refresh:hover{
	cursor: pointer;
}
.red-text{
	color: #ec4421 !important;
}
.blue-text{
    color: #0000ff;
}
.processing-status.failed .edi-status{
    color: #ec4421 !important;
    text-decoration: line-through;
}
#view_edi_generate_summary .col-md-7 .label{
	color: #000;
} 

.list-holder {
    padding: 5px 2%;
    margin-bottom: 30px;
    width: 50%;
}
.list-holder .list-perticular {
    padding: 0;
    margin-bottom: 5px;
    display: flex;
    place-items: center;
    position: relative;
}

.list-holder .recap-icon-1 {
    width: 50px;
    height: 60px;
    display: inline-block;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0;
    position: relative;
}

.list-holder .recap-icon-1{
    width: 50px;
    height: 60px;
    display: inline-block;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0;
    position: relative;
   
}
.list-holder .recap-icon-1:after{
    position: absolute;
    width: 1px;
    content: "";
    height: 100%;
    z-index: 8;
    left: 50%;
    border-left: 3px #d8d8d8 dotted;
    top: 30%; 
}
.list-holder .recap-text {
    border: 1px solid #d8d8d8;
    width: 100%;
    padding: 12px 10px;
    margin: 0px;
    font-weight: bold;
    border-radius: 10px;
    color: #8c8c8c;
    display: list-item;
    list-style-position: inside;
    font-size: 13px;
}
.list-holder .list-perticular.active .recap-text {
    border: 1px solid #120e5b;
    color: #120e5b;
}
.list-holder .list-perticular.error .recap-text {
    border: 1px solid #ec4421;
    color: #ec4421;
}
.list-holder .recap-icon-1:before{
    position: absolute;
    width: 35px;
    height: 35px;
    content: "";
    left: 15%;
    background-color: #d8d8d8;
    border-radius: 100%;
    top: 12px;
    z-index: 9;
}
.list-holder .active .recap-icon-1:before{
    background-color: #120e5b;
    background-image: url(../img/icons/check-drop-menu-hover.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center 10px;
}
.list-holder .active .recap-icon-1:after{
    border-left: 3px #120e5b dotted;
}
.list-holder .list-perticular:last-child .recap-icon-1:after{
    display: none;
}
.list-holder .error .recap-icon-1:before{
    background-color: #ec4421;
}
.list-holder .error .recap-icon-1:after{
    border-left: 3px #ec4421 dotted;
}

.list-holder .recap-link{
	display: inline-block !important;
    background-image: url(../img/icons/download-to-storage-drive.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    height: 15px;
    width: 33px;
    padding: 0;
}
.list-holder .recap-link{
	display: none !important;
}
.list-holder .recap-link.link-show{
	display: inline-block !important;
}
#view_edi_generate_summary .edi-status{
    display: inline;
}

.all-actions-dropdown a.submitedimessage{
    background-image: url(../img/icons/submit-edi-message.svg);
}
.all-actions-dropdown a.generateedimessage{
    background-image: url(../img/icons/generate-edi-message.svg);
}
.all-actions-dropdown a.containerlist{
    background-image: url(../img/icons/container.svg);
}
.readonly-input input{
    background-color: #fafafa;
    color: #aaa;
    pointer-events: none;
}
.red-strike {
    color: #ec4421 !important;
    text-decoration: line-through;
}
.table-grid td.blue-text{
    color: #0000ff;
}
.mx-w-a {
    min-width: auto !important;
}
.mn-w-mc {
    max-width: 100% !important;
}
.pt-5 {
	padding-top: 5px;
}
.mt-0 {
	margin-top: 0px;
}
.pt-8 {
	padding-top: 8px;
}
.pl-0 {
    padding-left: 0px;
}
.pl-10 {
    padding-left: 10px;
}
.tab-content .form-table-block .table-record {
    margin-bottom: 15px;
}
.nav-tabs li a.error-warning .red-color{
	color:#ec4421;
}
.nav-tabs li a.error-warning .blue-color{
	color:#1743ff;
}
.nav-tabs li a.error-tab{
	color: #ec4421 !important;
}
.nav-tabs li.active a.error-warning{
	border-bottom: 1px solid #fff;
}
.page-selected-records {
    margin: 0;
}
.gs-dropdown .list-wrapper {
    /* padding: 10px; */
    min-height: 20px;
}
.gs-dropdown .title-container {
    text-decoration: none;
    font-size: 12px;
    padding: 5px 10px;
    color: #2991d6;
    word-break: break-word;
    display: flex;    
    background: white;
}
.gs-dropdown .title-container .title{
    flex: 1;
    padding: 3px 10px;
}
.gs-dropdown .title-container .arrow-icon.up {
    display: none;
}
.gs-dropdown .title-container .arrow-icon.down {
    display: block;
}
.gs-dropdown .title-container[aria-expanded=true] .arrow-icon.up {
    display: block;
}
.gs-dropdown .title-container[aria-expanded=true] .arrow-icon.down {
    display: none;
}
.gs-dropdown .title-container .arrow-icon{
    width: 16px;
    border: none;
}
.gs-dropdown .header-category-icon {
    width: 20px;
    border: none;
}
.gs-dropdown .list-item {
    width: 100%;
    display: block;
    padding: 6px 20px;
    color: #877373;
}
.gs-dropdown::before {
    width: 15px;
    height: 15px;
    display: block;
    border: 1px solid black;

}

.typeahead.quick-search-dropdown-menu {
    max-height: 400px !important;
}
.gs-dropdown .title-container {
    background: #F3F3F3;
    border-bottom: 1px solid #D8D8D8;
}
.gs-dropdown .list-item {
    background: #ffffff;
    color: #5c5c5c;
    padding: 6px 10px;
    border-bottom: 1px solid #D8D8D8;
    text-decoration: none;
     white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size: 13px;
}
.header-category-icon.hovered {
    display: none;
}
.gs-dropdown .title-container[aria-expanded="true"] .header-category-icon.hovered {
    display: inherit;
}
.gs-dropdown .title-container[aria-expanded="true"] .header-category-icon.normal {
    display: none;
}
.gs-dropdown .title-container:hover {
    background: #E0F3FF;
}
.gs-dropdown .title-container[aria-expanded="true"]:hover, 
.gs-dropdown .title-container[aria-expanded="true"] {
    background: #2991D6;
    color: #fff;
}
.gs-dropdown .list-item:hover {
    background: #E0F3FF;
    text-decoration: none;
}

.search .clear-btn {
    background: #fff url(../img/icons/wrong.svg) no-repeat scroll;
    border: medium none;
    height: 30px;
    position: absolute;
    right: 28px;
    top: 5px;
    width: 30px;
    background-size: 12px;
    background-position: center;
    display: none;
}

.minimized-header .navbar.navbar-default.navbar-static-top {
    width: 85%;
}
.minimized-header .search {
    width: 30%;
}
.minimized-header .search .text-box{
    height: 28px;
}
.minimized-header .search-btn, .minimized-header .search .clear-btn{
    height: 25px;
}
.mobile-top-search .search.mobile-search .clear-btn{
	right: 50px;
    top: 13px;
    height: 23px;	
}
.minimized-header .breadcrumb-version{
	line-height: 21px;
}
.quicksearch-no-data-wrapper {
	padding: 10px;
    font-size: 13px;
}
.panel-block-content.no-padding #reconcile_visit_summary{
    padding: 15px 10px 0;
}
#reconcile_visit_summary .reconcile-count-section{
	padding:0 0 15px 0;
}
.grid-filter-section:not(:empty) {
    padding: 15px;
    border-bottom: 1px solid #d8d8d8;
    width: 100%;
    display: inline-block;
}
.grid-filter-section:not(:empty) .searched-criteria {
	margin-bottom: 0px;
}
.accordion-content-wrapper .grid-filter-section:not(:empty){
	padding: 0px 0px 15px 0px;
}
 
/**** pivottable ***/
.pivottable-container #pivottable {
    padding-bottom: 10px;
    overflow: auto;
    max-height: 880px;
    margin: 0 auto;
}

.pivottable-container .pvtTable{
	margin: auto;
}

/*** inventory reconcile section***/

.reconcile-chart-section .legend ul li {
	display: flex;
    margin-bottom: 10px;
    place-items: center;
}
.reconcile-chart-section .venn-diagrams-img {
    max-width: 380px;
    width: 100%;
    margin: auto;
    position: relative;
}
.reconcile-chart-section .diagrams-font {
    font-size: 29px;
    stroke: none;
}
.reconcile-chart-section .legend .legend-text {
	font-size:12px;
}
.reconcile-chart-section .legend .legend-color-box {
	width: 35px;
    height: 20px;
    margin-right: 10px;
    border: 1px solid #d8d8d8;
}
.reconcile-chart-section .diagrams-font-2 {
    font-size: 26px;
    stroke: none;
}
.reconcile-chart-section .svg-block{
	stroke-miterlimit:10;
}
.reconcile-chart-section .legend .legend-title {
    padding: 0 0 10px 0;
	font-size: 13px;
}
.reconcile-chart-section .legend li {
	font-size: 12px;
}
.bg-light-red {
    background: #FF9999 !important;
    fill: #FF9999;
}
.bg-light-blue {
	background: #B3F3EC !important;
    fill: #B3F3EC;
}
.bg-light-yellow {
	background: #FDFDB5 !important;
    fill: #FDFDB5;
}
.bg-light-green {
	background: #99D699 !important;
    fill: #99D699;
}
.reconcile-chart-section {
    float: none;
    padding-bottom: 15px;
}
.save-inventory-section {
    padding: 14px 0px;
	height: 100px;
}
.refresh-edi-details.disabled-btn{
    pointer-events: none;
}
/*** total-accordion-count ****/

.accordion-header span.total-accordion-count{
	position: absolute;
    right: 40px;
    width: auto;
    top: 6px;
    border: none;
    font-size: 14px;
}

.accordion-content .accordion-section-wrapper .accordion-header span.total-accordion-count{
	position: absolute;
    right: 40px;
    width: auto;
    top: 3px;
    border: none !important;
    font-size: 14px;
}
.accordion-information-text {
    padding-left: 10px;
    line-height: 24px;
    padding-bottom: 3px;
}
.accordion-information-text span {
    position: relative;
    float: left;
    border: none !important;
    width: auto;
    top: 0;
    padding: 0 5px;
}
.accordion-information-text span.unread{
	color: #b5651d;
}
.accordion-information-text span.read{
	color: #c5c5c5;
}
.accordion-information-text span.to-follow-up{
	 color: #feaa30;
}
.accordion-information-text span.to-add{
	color: #009900;
}
.accordion-information-text span.to-copy{
	    color:#CC33CC;
}
.accordion-information-text span.to-delete{
	color: #f44336;
}
.accordion-information-text span.saved{
	color: #2991d6;
}

.inventory-reconcile .accordion-header h3{
	padding: 0 33px 0 15px;
	float: left;
}
.inventory-reconcile .accordion-header span{
	top: 0px;
}


	.inventory-reconcile .accordion-content .accordion-content .accordion-section-wrapper .accordion-header{
    height: 100%;
    display: flex;
    padding: 0;
}
.inventory-reconcile .accordion-content .accordion-content .accordion-section-wrapper .accordion-title{
	position: relative;
    height: 100%;
}
.inventory-reconcile .accordion-content .accordion-content .accordion-section-wrapper .accordion-title .arrow-span{
	height: 100%;
    position: absolute;
}
.inventory-reconcile .accordion-content .accordion-content .accordion-section-wrapper .accordion-title .arrow-span i{
	top: 50%;
}
.inventory-reconcile .accordion-content .accordion-content .accordion-section-wrapper .accordion-title .accordion-information-text{
    padding-right: 140px;
    float: left;
}
.inventory-reconcile .accordion-content .accordion-content .accordion-section-wrapper .accordion-title .accordion-information-text span{
    height: auto;
}
.inventory-reconcile .accordion-content .accordion-content .accordion-section-wrapper .accordion-title .accordion-information-text span.total-count{
	position: absolute;
    right: 40px;
}

.accordion-title .accordion-information-total-count .total-count{
	position: absolute;
    right: 40px;
    width: auto;
    border: none;
    top: 6px;
    font-size: 12px;
}

.accordion-tooltip {
    position: absolute;
    top: 5px;
    right: 35px;
    z-index: 99;
}
#discharge-tabs .nav-tabs ~ .tab-content, #load-order-tabs .nav-tabs ~ .tab-content{
	padding: 0px;
}
/* save inventory button */
.save-inventory-section .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .205em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.save-inventory-section .dropdown-toggle {
    background-color: #2991d6;
    border: 1px solid #0c79c1;
    color: #fff;
    height: 31px;
    padding: 0 22px;
    margin: 0px 5px 0px 0;
}
.save-inventory-section .save-inventory-default-btn{
    padding: 0;
    background: #2991d6;
    color: #fff;
    line-height: 29px;
    padding: 0 10px 0 0;
}
.save-inventory-section .save-inventory-default-btn:hover{
	border-right: 1px solid #0c79c1;
}
.save-inventory-section .inventory-save-icon{
    height: 29px;
    float: left;
    width: 30px;
    text-align: center;
    margin: 0 10px 0px 0px;
    padding: 2px 0;
    background: #0c79c1;	
}
.save-inventory-section .dropdown-menu {
	top: 100% !important;
    bottom: auto !important;
    margin-top: 10px;
    width: 150px;
    min-width: auto;
    left: auto !important;
    right: 6px;
    
}
.save-inventory-section .dropdown-menu:before{
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #bcbcbc;
    border-top: none;
    position: absolute;
    right: 0;
    top: -7px;
    content: "";
}
.save-inventory-section .dropdown-menu .dropdown-item{
	width: 100%;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    border: none;
    padding: 10px 0;
    border-bottom: 1px solid #aeaeae;
}
.save-inventory-section .dropdown-menu .dropdown-item:last-child{
	border: none;
}
.save-inventory-section .dropdown-menu .dropdown-item:hover{
	background: #e0f3ff none repeat scroll 0 0;
    color: #2991d6;
    text-decoration: none;
}

/**** save inventory button *****/

#discrepancy-report .accordion-title h3 {
    min-width: 450px;
}
.inventory-reconcile .accordion-information-text .total-count {
	position: absolute;
    right: 40px;
    width: auto;
    top: 2px;
    font-size: 12px;
}
.inventory-reconcile .accordion-header .accordion-tooltip {
    position: absolute;
    top: 5px;
    right: 130px;
    z-index: 99;
}

/**** inventory Setting Popup *****/


.inventory-reconcile-settings-colums .switch{
    height: 20px;
    width: 37px;
    background-color: #c1c1c1;
    border-radius: 50px;
    margin-top: 8px;
    margin-right: 4px;
    margin-left: 4px;
}
.inventory-reconcile-settings-colums .switch .switch-selection{
	width: 16px;
    height: 16px;
    border-radius: 100%;
    top: 1px;
    left: 2px;
    background: white;
}

.inventory-reconcile-settings-colums .switch-input:checked+.switch-label{
	width: 18px;
	height: 18px;
	top: -18px;
	left: 18px;
}
.inventory-reconcile-settings-colums .switch-label{
	height: 18px;
	width: 18px;
	top: 0px;
}
.inventory-reconcile-settings-colums .m-g-switch{
	border-right: 1px solid #d8d8d8;
    float: left;
}
.inventory-reconcile-settings-colums .switch-input:checked+.switch-label-on ~ .switch-selection{
	background: #fff;
    left: 18px;
}
.inventory-reconcile-settings-colums .switch-input:checked+.switch{
	background: red;
}
.inventory-reconcile-settings-colums .m-g-setting{
	width: 28%;
	float: left;
	border: 1px solid #d8d8d8;
	border-right: none;
}
.inventory-reconcile-settings-colums .searchmanageColumnConfigList-visible-columns{
	width: 72%;
	float: left;
}
.inventory-reconcile-settings-colums .checkbox{
	margin-top: 6px;
	margin-bottom: 7px;
}
.inventory-reconcile-settings-colums .checkbox .css-label {
    margin: 0 0 0 7px !important;
 }
 
.inventory-reconcile-settings-popup .all-columns li .m-g-setting{
	display: none;
}
.inventory-reconcile-settings-popup .visible-columns li{
	display: block;
	align-items: center;
	padding: 0px;
	float: left;
	width:100%;
}
.inventory-reconcile-settings-popup .visible-columns li .m-g-setting{
	width: 29%;
	border: none;
	border-right: 1px solid #d8d8d8;
	margin-right: 10px;
}
.inventory-reconcile-settings-popup label.switch-label.switch-label-on{
	top: -18px;
	left: 18px;
}

.inventory-reconcile-settings-colums .switch-input:checked+.switch{
	background: red;
}
.inventory-reconcile-settings-colums .switch-input:checked+.switch-label-on ~ .switch-selection:after{
	background: #fff;
    left: 1px;
    position: absolute;
    z-index: 9999;
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 100%;
    top: 1px;
}
.inventory-reconcile-settings-colums .switch-input:checked+.switch-label-on ~ .switch-selection:before{
    position: absolute;
    width: 100%;
    height: 100%;
    background: red;
    content: "";
    left: -17px;
    right: -16px;
    width: 34px;
    border-radius: 50px;
    z-index: 0;
}
.columns-list-box.inventory-reconcile-settings-colums{
	width: 48%;
}
#inventory-reconcile-settings .panel-title{
	display: none;
}

.inventory-reconcile-settings-colums .setting-legend{
    margin: 10px 0 0 0;
    width: 100%;
    border: 1px solid #d8d8d8;
    padding: 10px;
    float: left;
}
.setting-legend span{
	 width: 100%;
    float: left;
    font-size: 13px;
    padding: 7px 0 7px 35px;
}
.setting-legend p{
	font-size: 13px;
	font-weight: bold;
}
.setting-legend .critical-discrepancy{
    background-image: url(../img/icons/switch-icon.svg);
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: left center;
}
.setting-legend .update-to-inventory{
	background-image: url(../img/icons/checkbox-checked.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 6px center;
}
.inventory-reconcile-settings-popup .center-btn{
	text-align: right;
}
.inventory-reconcile-settings-popup .scroll-wrapper.scrollable-wrapper{
	max-height: 460px;
    width: 100%;
    height:auto;
}
.inventory-reconcile .panel-block-head-content{
	padding-bottom: 15px;
    padding-top: 30px;
}
.search.mobile-search{
	width: 100%;
}
.search.mobile-search .search .text-box{
	display: block;
    float: none;
    height: 35px;
    margin: 0 auto;
    width: 93%;
}
.mobile-top-search .search.mobile-search .clear-btn, .mobile-top-search .search.mobile-search .clear-btn {
    right: 47px;
    padding: 0;
    width: 20px;
}
.mobile-top-search .search.mobile-search .search-btn, .mobile-top-search .search.mobile-search .search-btn {
    right: 25px;
    padding: 0;
    width: 20px;
}
.equipment-block-wrapper .comane-icon-remove.warning-triangle-icon {
	display: flex;
    float: left;
}
.equipment-block-wrapper .comane-icon-remove.warning-triangle-icon img{
	width: 45px;
	height: 45px;
}
span.element-img.cargo-img-popup .denied-img-container, span.element-img.cargo-img-popup .damaged-indicator-major{
    width: 25px;
    display: flex;
}
.quick-search-container-summery-popup .popup-container-details .denied-img{
    top: 8px;
    position: relative;
    left: 10px;
}
.strike-through {
    text-decoration: line-through;
}
.text-red {
    color: #ff0000 !important;
}
/**** Import Manifest Popup *****/
.import-manifest-footer {
	padding: 5px;
    display: flex;
}
.import-manifest-footer .import-manifest-confirm {
	display: flex;
	margin-left: auto;
}
.import-manifest-footer .override-discharge-order {
    flex: 1;
    display: flex;
    align-items: center;
}
.import-manifest-footer .override-do-switch .switch{
	margin:0px 0 0 10px;	
}

/*** column level filter in DataTable **/
.datatable-search {	
    float: right;
}
.dt-wrapper:before {content: "";width: attr(progress-loaded);background-color: #120e5b;top: 0;left: 0;height: 3px;display: block;}
.dt-wrapper {
    position: relative;
}
table.dataTable thead tr:nth-child(2){
	background-color: white;
}
table.dataTable thead tr:nth-child(2) th{
	padding: 5px;
}
table.dataTable .column-filter-dropdown{
	width: 100% !important;
}
table.dataTable th .column-filter-dropdown button.dropdown-toggle span {
	/* display: inherit;
	padding: initial;
	line-height: initial; */
	display: inline-block;
	padding: 0;
	line-height: normal;
}
table.dataTable th .column-filter-dropdown.bootstrap-select > select {
    display: none !important;
}
table.dataTable thead tr .text-box {
    color: #000;
    margin: 0px;
}
table.dataTable th .column-filter-dropdown button.dropdown-toggle span {
	
}
.data-table-pagination.data-table-bottom-pagination .dropdown-menu {
    top: auto;
    margin: 20px 0 0 0;
} 
.dataTables_wrapper .data-table-pagination > div:last:visible{
	 border-right: none;
}
.columnfilter-action {
    background-image: url("../img/icons/filter-action.svg");
}
.columnfilter-action:hover, .columnfilter-action.active{
    background-image: url("../img/icons/filter-action-hover.svg");
}

#browser-compatibility-modal .modal-body {
    margin: 2%; 
    padding: 2%;
    border: 1px solid #ff0000;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.15);
    background: #fff;
}
#browser-compatibility-modal .captions {
        margin-left: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
}
#browser-compatibility-modal .captions li{
	padding-bottom:5px;
}
#browser-compatibility-modal th {
    width: 30%;
    border: 1px solid #cccccc;
    padding: 7px;
    font-size: 14px;
}
#browser-compatibility-modal td {
	    padding: 7px;
    border: 1px solid #cccccc;
    font-size: 14px;
}
#browser-compatibility-modal  #browser-compatibility-table {
    margin: 10px 0;
}
#browser-compatibility-modal .warning-text {
    color: #d7652b;
}
#browser-compatibility-modal .continue-button-container{
    padding-top: 0px;
    padding-right: 15px;
}
#browser-compatibility-modal p.red-text{
	padding: 0 0 5px 0;
	color: #ff0000 !important;
}

.browser-compatibility-text{
	padding-bottom: 5px;
}
.browser-compatibility-grid-section{
	overflow: auto;
}
.save-inventory-section .progressbar-container, .progressbar-count {
      padding: 5px 0 0 0px;
      text-align: center;
}
.save-inventory-section .progressbar-container, .processbar-count {
      padding: 5px 0 0 0px;
      text-align: center;
      display: none;
}
  .save-inventory-section .progressbar-container .progressbar {
      padding: 0px;
      border-radius: 3px;
      border: 5px solid rgb(238, 238, 238);
      border-image: none;
      width: calc(10.5* 20px);
      height: 30px;
      background-color: rgba(255, 255, 255, 1);
      position: relative;
      margin: auto;
  }
  .save-inventory-section .progressbar-container .proggress:nth-child(1) {
      width: calc(0px);
      height: 20px;
      background-image: linear-gradient(90deg, rgb(231, 212, 212) 6%, transparent 0%);
      background-size: 20px;
      background-color: rgb(52, 152, 219);
      z-index: 9999;
      position: relative;
  }
  .save-inventory-section .progressbar-container .proggress:nth-child(2) {
      width: calc(0px);
      height: 20px;
      background-image: linear-gradient(90deg, rgb(231, 212, 212) 6%, transparent 0%);
      background-size: 20px;
      background-color: rgb(124, 177, 212);
      position: absolute;
      top: 0px;
      z-index: 9;
  }
  .save-inventory-section .progressbar-container .proggress:nth-child(3) {
      width: calc(10 * 20px);
      height: 20px;
      background-image: linear-gradient(90deg, rgb(231, 212, 212) 6%, transparent 0%);
      background-size: 20px;
      background-color: rgb(255, 255, 255);
      position: absolute;
      top: 0;
  }
  .save-inventory-section #save-inventory-button-container {
  	display: block;
  }
  .save-inventory-section .progressbar-container {
  	display: none;
  	position: inherit;
  	z-index: 1001;
  }
  .save-inventory-section.progress-running #save-inventory-button-container {
  	display: none;
  }
  .save-inventory-section.progress-running .progressbar-container {
  	display: block;
  }
  .inventory-reconcile .content-mask {
  	top: 0;
  	left: 0;
  }
  .lock-section {
  	top: 0;
  	left: 0;
  	background: rgba(255, 255, 255, 0.86) none repeat scroll 0 0;
    float: left;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1000;
  }
  .inventory-reconcile .panel-block-content {
  	position: relative;
  }
.font-color-error { 
	color: #FF0000;
}
.font-color-warning {
	color: #0000ff;
}
.grid-action-group .createbolapi-action{
    background-image: url("../img/icons/no-image-panel.svg");
}
.grid-action-group .createbolapi-action:hover{
    background-image: url("../img/icons/no-image-panel.svg");
}
.textarea-resize:before {
    content: "";
    width: 24px;
    height: 16px;
    background: url(../img/icons/resize-icon.svg) no-repeat right center;
    background-size: 24px auto;
    position: absolute;
    left: 50%;
    bottom: -8px;
    transform: translateX(-50%);
}
.textarea-resize .textarea-box{
    margin: 0;
    line-height: 13px;
}
.textarea-resize{
    min-height: 35px;
    height: 50px;
    margin-bottom: 5px;
}
.grid-action-group .filter-action{
    background-image: url("../img/icons/show-partial.svg");
    background-size: 18px 18px;
}
.grid-action-group .filter-action:hover{
    background-image: url("../img/icons/show-partial-hover.svg");
    background-size: 18px 18px;
}
.grid-action-group .filter-action.active{
    background-image: url("../img/icons/show-all-hover.svg");
    background-size: 18px 18px;
}
.grid-annex-loader {
    background-image: url(../img/loading-content.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height: 16px;
    position: relative;
    width: 16px;
    display: inline-block;
    background-size: 15px;
}
.json-block{
	margin: 15px;
   	padding: 15px;
   	overflow: auto;
   	max-height: 400px;
}
.font-color-unread{
	color: #b5651d !important;
}
.font-color-read{
	color: #c5c5c5 !important;
}
.font-color-follow-up{
	 color: #feaa30 !important;
}
.font-color-add{
	color: #009900 !important;
}
.font-color-copy{
	color: #CC33CC !important;
}
.font-color-delete{
	color: #f44336 !important;
}

.custom-action-group{
	float: right;
    margin: 7px 7px 0px 0px;
}
.custom-action-group .grid-switch-action .switch{
    border-right: 1px solid #d8d8d8;
    height: 30px;
    width: 69px;
    position: relative;
    line-height: 28px;
    z-index: 1;
    margin: 0;
    float: left;
    text-transform: uppercase;
}
.custom-action-group .grid-switch-action input[type="radio"]:not(old)+label {
    line-height: 28px;
}
.custom-action-group .grid-switch-action input[type="radio"]:not(old)+label {
    line-height: 29px;
    margin-left: 0;
}

.custom-action-group .grid-switch-action .switch-selection {
    height: 29px;
}
.custom-action-group .switch-action-name{
	float: left;
    margin-right: 5px;
    line-height: 28px;
    font-size: 12px;
    color: #000;
}
.font-color-added{
	color: #009900 !important;
}
.font-color-copied{
	color: #CC33CC !important;
}
.progressbaraction-container, .progressbaraction-count {
     padding: 5px 0 0 0px;
     text-align: center;
     color: #fff;
  }
.progressbaraction-container .progressbaraction {
      padding: 0px;
      border-radius: 3px;
      border: 5px solid rgb(238, 238, 238);
      border-image: none;
      width: 210px;
      height: 30px;
      background-color: rgba(255, 255, 255, 1);
      position: relative;
      margin: auto;
  }
.progressbaraction-container .proggressaction:nth-child(1) {
      width: 0px;
      height: 20px;
      background-image: linear-gradient(90deg, rgb(231, 212, 212) 6%, transparent 0%);
      background-size: 20px;
      background-color: rgb(52, 152, 219);
      z-index: 9999;
      position: relative;
  }
.progressbaraction-container.proggressaction:nth-child(2) {
      width: 0px;
      height: 20px;
      background-image: linear-gradient(90deg, rgb(231, 212, 212) 6%, transparent 0%);
      background-size: 20px;
      background-color: rgb(124, 177, 212);
      position: absolute;
      top: 0px;
      z-index: 9;
  }
.progressbaraction-container .proggressaction:nth-child(3) {
      width: 200px;
      height: 20px;
      background-image: linear-gradient(90deg, rgb(231, 212, 212) 6%, transparent 0%);
      background-size: 20px;
      background-color: rgb(255, 255, 255);
      position: absolute;
      top: 0;
  }
.progressbaraction-container {
      position: fixed;
      z-index: 1001;
      display: none;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      background-color: rgba(0, 0, 0, 0.8);
  }
  .progressbaraction-container.progress-running {
      display: block;
  }
  .progressbar-wrapper {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
  }
.modal-content .normal-form .input-add-btn .error-msg.right-top::after {
    right: 43px;
}
.modal-content .normal-form .input-add-btn .error-info-icon {
    right: 45px;
}
.alert-with-stacktrace-popup .alert-btn-popup span{
    font-size: 17px;
    padding: 0 10px;
    color: #2991d6;
    height: 27px;
    float: left;
    background: url(../img/icons/collapse-in.svg) no-repeat center center;
}
.alert-with-stacktrace-popup .alert-btn-popup span.expand-arrow-down {
    transform: rotate(45deg);
}
.alert-with-stacktrace-popup .stacktrace{
    overflow: auto;
    width: 100%;
    height: 200px;
    padding: 0 10px;
    text-align: left;
    white-space: pre;
}
.dark-blue-text{
	color: #120e5b;
}
/*Recap message summary*/
.recap-message-type-summary{
	width: 500px;
    margin: 0px auto;
}

.recap-message-type-summary .tableFixHead {
    width: 750px;
    border-collapse: collapse;
    margin:50px auto;
}
.recap-message-type-summary th {
    background-color: #F2F2F2;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding: 8px 9px;
    border: 1px solid #ccc;
}
.recap-message-type-summary td, th {
    padding: 2px;
    border: 1px solid #ccc;
    font-size: 16px;
}
.recap-message-type-summary td{
    font-weight: normal;
    font-size: small;
    width: 25%;
}
.recap-message-type-summary td:nth-child(2){
    font-weight: normal;
    text-align: left;
}
.recap-message-type-summary td:nth-child(3){
    text-align:right;
}
.recap-message-type-summary td:last-child{
    text-align:center;
}
.recap-message-type-summary .open-link{
    color: #2991d6;
    text-decoration: none;
    border: 1px solid #2991d6;
    border-radius: 8px;
    padding: 2px 10px;
    vertical-align: middle;
    margin: 5px auto;
    width: fit-content;
    text-align: center;
}
.recap-table{
    height : 200px;
    overflow-y : scroll;
}
.panel-block-content.no-padding #recapMessageType{
    padding: 25px 0 0;
}
.container-cycle-summary-panel .container-code h4 {
    font-size: 18px;
    color: #120e5b;
    padding-right: 5px;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    float:left;
    width: auto;
    word-break: break-all;
}
.container-summary-panel .bundle-containers.col-md-6 {
    margin-left: 5px;
    font-size: 12px;
}

.currentlyActive a {
  text-decoration: underline;
}
.container-summary-panel .container-code h4 {
    font-size: 18px;
    color: #120e5b;
    padding-right: 5px;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    float: left;
    width: auto;
    word-break: break-all;
}
.equipment-box .container-code, .container-summary-panel .container-code {
   background-color: #f6f6f6;
    height: auto;
    padding: 5px 8px;
    word-break: break-word;
    display: table;
}
.container-dflex {
    display: flex;
    align-items: flex-end;
}
.container-summary-panel .col-md-12.col-sm-12.summary-actions {
    margin: 5px 0;
    padding: 0px;
}
.import-code-ext #batchupdate-error-records tr th:nth-child(1), .import-code-ext #batchupdate-error-records tr td:nth-child(1) {
    display: none;
}
.import-code-ext #batchupdate-error-records .accordion-form-wrapper{
    max-height: 250px;
    overflow: auto;
}
.import-code-ext #batchupdate-error-records .grid-info{
	margin: 0;
}
.container-cycle-history-panel .container-code h4 {
    font-size: 18px;
    color: #120e5b;
    padding-right: 5px;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    float:left;
    width: auto;
    word-break: break-all;
}
.container-history-panel .container-code h4 {
    font-size: 18px;
    color: #120e5b;
    padding-right: 5px;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    float: left;
    width: auto;
    word-break: break-all;
}
.container-dflex {
    display: flex;
    align-items: flex-end;
}
.container-history-panel .col-md-12.col-sm-12.history-actions {
    margin: 5px 0;
    padding: 0px;
}
.container-cycle-release-panel .container-code h4 {
    font-size: 18px;
    color: #120e5b;
    padding-right: 5px;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    float:left;
    width: auto;
    word-break: break-all;
}
.hold-release-log-panel .container-code h4 {
    font-size: 18px;
    color: #120e5b;
    padding-right: 5px;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    float: left;
    width: auto;
    word-break: break-all;
}
.container-dflex {
    display: flex;
    align-items: flex-end;
}
.hold-release-log-panel .col-md-12.col-sm-12.release-actions {
    margin: 5px 0;
    padding: 0px;
}
.error-and-validation-accordion-display .total-record {
	padding: 0px 15px;
}
.error-and-validation-accordion-display .table-record {
	margin: 15px 0px;
}
.error-and-validation-accordion-display {
	margin-top: 15px;
}
.error-and-validation-accordion-display .accordion-content-wrapper {
	padding: 0px !important;
}
@keyframes secretmode-zodiac-admin {
	0% { background: #aab3c3; }
	50% { background: #aab3c3; }
}
@keyframes secretmode-developer {
	0% { background: #ffd0a7; }
	50% { background: #ffd0a7; }
}
.secretmode-zodiac-admin-bg {
	background: #ffffff;
	animation-name: secretmode-zodiac-admin;
	animation-duration: 1s;
}
.secretmode-developer-bg {
	background: #ffffff;
	animation-name: secretmode-developer;
	animation-duration: 1s;
}
.writing-mode{
	writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
}
.import-data-response-summary-block .alert-text {
	padding: 0px 15px;
}
.import-data-response-summary-block .ui-alert-success {
	margin: 5px 0;
}
.dropdown-header {
    display: block;
    padding: 6px 3px;
    font-size: 12px;
    line-height: 0.428571;
    color: black;
    white-space: nowrap;
    font-weight: bold;
}
.bootstrap-select.btn-group .dropdown-menu li a.opt {
    position: relative;
    padding-left: 1.25em !important;
 }
 .dropdown-menu .divider {
   display: none;
}

.delivery-method-summary{
	width: auto;
}

.delivery-method-summary .tableFixHead {
    width: 750px;
    border-collapse: collapse;
    margin:50px auto;
}
.delivery-method-summary th {
    background-color: #F2F2F2;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding: 8px 9px;
    border: 1px solid #ccc;
}
.delivery-method-summary td, th {
    padding: 2px;
    border: 1px solid #ccc;
    font-size: 16px;
}
.delivery-method-summary td{
    font-weight: normal;
    font-size: small;
    width: 25%;
}
.delivery-method-summary td:nth-child(2){
    font-weight: normal;
    text-align: left;
}
.delivery-method-summary td:nth-child(3){
    text-align:right;
}
.delivery-method-summary td:last-child{
    text-align:center;
}
.support-popup .button-chat {
	/* position: fixed; */
	position:absolute;
	bottom: 10px;
	right: 0px;
	background: #2991d6;
	border-radius: 10px;
	width: 130px;
	height: 40px;
	z-index: 1000;
	cursor: pointer;
	text-align: center;
	display: flex;
	transition: 0.5s;
	align-items: center;
	color: #fff;
	font-weight: bold;
}
.support-popup .button-chat:hover{
    background: #191245;
    transition: 0.5s;
}
.support-popup .button-chat.close-popup img {
    padding: 15px;
}
.support-popup .button-chat img {
    width: 100%;
	padding: 10px;
	max-width: 45px;
}
.support-popup .chat-form {
    /* position: fixed; */
    position:absolute;
    right: 0;
    bottom: 55px;
    width: 100%;
    max-width: 360px;
    box-shadow: 0px 0px 5px #525252;
    background: #FFF;
    z-index: 999;
    height: 100%;
    height: calc(100% - 46px);
    overflow: hidden;
}
.support-popup .form-header {
    background: #2992d6;
    padding: 12px 15px;
    color: #ffffff;
    font-weight: bold;
    font-size: 15px;
}
.support-popup .form-part {
    padding: 15px;
    overflow: hidden;
    height: 90%;
}
.support-popup .is-live-chat .form-part{
	height: calc(100% - 31px);
}
.support-popup .is-live-chat .support-form, .support-popup .is-live-chat .support-form.element-sec.clearfix{
	padding-bottom: 0px;
}
.support-popup .text-info {
    padding: 0px;
    margin: 0;
    color: #5c5c5c;
}
.support-popup .form-row label {
    width: 100%;
    display: block;
    padding: 5px 0 5px 0;
}
.support-popup .form-row input {
    width: 100%;
}
.support-popup .button {
    padding: 5px 15px 15px 15px;
    text-align: center;
}
.support-popup .button button {
    margin: 5px;
    padding: 7px 15px;
    background: #3092d0;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #226e9f;
}
.support-popup .button button.reset {
    background: #818181;
    border: 1px solid #464444;
}
.support-popup .global-lightbox-wrapper {
    padding: 0px;
}
.support-popup .global-lightbox-wrapper .ui-alert-error {
    margin-top: 10px;
    display: flex;
    align-items: center;
}
.support-popup .global-lightbox-wrapper .alert-text {
    width: 75%;
        padding: 0;
}
.support-popup .support-form {
    margin: 0px;
}
.support-popup .support-msg-char-count{
    float: right;
    font-size: 12px;
    margin-top: -22px;
}
.support-popup .button-chat.scroll-actions-move-button-chat{
    bottom: 45px;
}
.support-popup .chat-form.scroll-actions-move-chat-form {
    bottom: 90px;
}
.support-popup .block-head {
    height: auto;
}
.support-popup .alert-icon, .support-popup .alert-icon .alert-msg-icon{
    width: 24px;
    height: 24px;
}
.support-popup .ui-alert{
	padding:5px 10px;
}

.cookies:before{
	position: fixed;
	content: '';
	background-color: #bcbcbc;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity:0.6;
	z-index: 999;
}
.cookies-content{
	z-index: 999;
	position: fixed;
	background: #fff;
	bottom: 0px;
	width: 100%;
	padding: 20px 20px;
	display: flex;
}
.btn-cookies{
	display: flex;
}
.cookies-content-inner{
	display: flex;
	justify-content: space-between;
}
.cookies-content-inner .text{
    width: 75%;
    font-size: 16px;
    line-height: 20px;
}
.cookies-content-inner .accept-btn{
    background: transparent;
    color: #111111;
    border: 1px solid #0070c0;
    font-size: 17px;
    margin-top: 0;
    margin-bottom: 0;
}
.cookies-content-inner .accept-btn:hover{
	 background: #0070c0;
	 color: #fff;
}
.cookies-content-inner .decline-btn{
    background: #0070c0;
    color: #fff;
    border: 1px solid #0070c0;
    font-size: 17px;
    margin-top: 0;
    margin-bottom: 0;
}

.cookies-content-inner .decline-btn:hover{
	 background: transparent;
	 color: #111111;
}
.cookies-content.scroll-section-move-cookies {
	position: absolute;
	bottom: 34px;
}
.sendemailadvisoryform-action .action-image, .all-actions-dropdown a.sendemailadvisoryform-action {
    background-image: url("../img/icons/user-list.svg");
}

/** NEW DESIGN***/

.support-popup .form-row.col-md-12.clearfix.send-msg-box{
	margin-left: -15px;
    margin-right: -15px;
    background: #2992d6;
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 13px 7px 8px 7px;
    z-index: 9999;
}
.support-popup .form-row.col-md-12.clearfix.send-msg-box .p-r-5.input-wrapper.right{
	display: flex;    
    align-items: center;
    justify-content: space-around;
}
.support-popup .textarea-resize.ui-resizable{
	    width: 100%;
}
.support-popup .send-img{
	width: 45px;
    height: 40px;
	background: transparent;
    border: none;
    margin-right: 3px;
    order: 2;
    border:1px solid transparent;
    margin-left: 5px;
}
.support-popup .send-img img{
	width: 30px;
}

.support-popup .chat-msg .chat-box{
    max-width: 80%;
    float: right;
    clear: both;
    background: #deebf7;
    padding: 10px 15px;
    border-radius: 10px;
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 18px;
    word-wrap: break-word;
    word-break:break-word;
    border: 1px solid #bfd1e1;
    box-shadow: 0px 0px 4px #bfd1e1;
}
.support-popup .chat-msg.reply .chat-box{
	 border: 1px solid #c5c5c5;
    box-shadow: 0px 0px 4px #c5c5c5;
}
.support-popup .chat-msg.reply .chat-box{
	float: left;
	background: #f2f2f2;
}
.support-popup .chat-msg {
    display: flex;
    justify-content: flex-end;
    position: relative;
}
.support-popup .chat-msg.reply {
    justify-content: flex-start;
}
.support-popup .chat-msg .chat-img{
    width: 30px;
    height: 30px;
    background: #94c8ea;
    border-radius: 100%;
    border: 2px solid #919191;
    padding: 5px;
    margin-right: 0px;
    margin-left: 5px;
    text-align: center;
    font-weight: bold;
    color: #120e5b;
    text-transform: uppercase;
}
.support-popup .chat-msg.reply .chat-img{
    margin-right: 5px;
    margin-left: 0px;
    background: #2992d6;
    border: 2px solid #120e5b;
}
.support-popup .is-live-chat{
    height: calc(100% - 48px);
    overflow: hidden;
    min-height: 390px;
}
.support-popup .is-live-chat .textarea-box{
	border-radius: 10px;
    border: 1px solid #244e72;
    margin-bottom: 0px;
    width:82%;
}
.support-popup .is-live-chat .chatBot{
	overflow: auto;
    height: calc(100% - 211px);
    padding-right: 5px;
    padding-top: 15px;
}
/**scroll design**/
/* width */
.support-popup .is-live-chat .textarea-box::-webkit-scrollbar, .support-popup .is-live-chat .chatBot::-webkit-scrollbar {
  width: 5px;
  border-radius: 50px;
}

/* Track */
.support-popup .is-live-chat .textarea-box::-webkit-scrollbar-track, .support-popup .is-live-chat .chatBot::-webkit-scrollbar-track {
  background: #f1f1f100;
  margin-right:5px;
}

/* Handle */
.support-popup .is-live-chat .textarea-box::-webkit-scrollbar-thumb, .support-popup .is-live-chat .chatBot::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 20px;
	margin-right:5px;
	padding-top:5px;
}

/* Handle on hover */
.support-popup .is-live-chat .textarea-box::-webkit-scrollbar-thumb:hover, .support-popup .is-live-chat .chatBot::-webkit-scrollbar-thumb:hover {
  background: #555;
  border-radius: 10px;
}
.msg-loading{
	opacity:0.5;
}
.support-popup .textarea-resize:before{
	display: none;
}
.support-popup .textarea-box:focus{
	border: 1px solid #fff;
    box-shadow: 0 0 4px #1c1c1c;
    -webkit-box-shadow: 0 0 4px #1c1c1c;
}

.support-popup .send-img:focus{
    outline: 0;
    border-radius: 100%;
    border: 1px solid #fff;
    width: 45px;
    height: 43px;
}
.support-popup .chat-msg .chat-box{
    border-radius: 15px 0px 15px 15px;
    min-width: 100px;
    min-height: 40px;
}
.support-popup .chat-msg.reply .chat-box{
    border-radius: 0px 15px 15px 15px;    
}


/**Chat Loader**/

/**
 * ==============================================
 * Dot Falling
 * ==============================================
 */
.dot-falling {
  position: relative;
  left: -9981px;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: #2992d6;
  color: #2992d6;
  box-shadow: 9999px 0 0 0 #2992d6;
  animation: dot-falling 1s infinite linear;
  animation-delay: 0.1s;
}
.dot-falling::before, .dot-falling::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}
.dot-falling::before {
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: #2992d6;
  color: #2992d6;
  animation: dot-falling-before 1s infinite linear;
  animation-delay: 0s;
}
.dot-falling::after {
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: #2992d6;
  color: #2992d6;
  animation: dot-falling-after 1s infinite linear;
  animation-delay: 0.2s;
  left: -22px;
}
.snippet{
    top: 4px;
    position: relative;
}

@keyframes dot-falling {
  0% {
    box-shadow: 9999px -5px 0 0 #2992d6;
  }
  25%, 50%, 75% {
    box-shadow: 9999px 0 0 0 #2992d6;
  }
  100% {
    box-shadow: 9999px 5px 0 0 #2992d6;
  }
}
@keyframes dot-falling-before {
  0% {
    box-shadow: 9984px -5px 0 0 #2992d6;
  }
  25%, 50%, 75% {
    box-shadow: 9984px 0 0 0 #2992d6;
  }
  100% {
    box-shadow: 9984px 5px 0 0 #2992d6;
  }
}
@keyframes dot-falling-after {
  0% {
    box-shadow: 10014px -5px 0 0 #2992d6;
  }
  25%, 50%, 75% {
    box-shadow: 10014px 0 0 0 #2992d6;
  }
  100% {
    box-shadow: 10014px 5px 0 0 #2992d6;
  }
}
/**update height and width for popup**/
.support-popup .chat-form.is-live-chat {
    max-height: auto;
    max-width: auto;
    min-height: 200px;   
    min-width: 200px;
   /** width: 465px;
    height:595px;*/
    left: 3px !important;
    top: inherit !important;
}
.support-popup-box-bottom .chat-form.is-live-chat{
	left: 5px !important;
}
.support-popup .support-icon.button-chat.close-popup font{
	font-size: 0px;
}
.support-popup .is-live-chat .global-lightbox-wrapper .alert-text{
	width: 85%;
}
.support-popup .is-live-chat .chat-loader{
    clear: both;
    float: left;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 80px;
    margin-top: 0;
    font-size: 12px;
}
.chat-loader .chat-img{
    width: 30px;
    height: 30px;
    background: #2992d6;
    border-radius: 100%;
    border: 2px solid #120e5b;
    padding: 5px;
    margin-right: 5px;
    position: relative;
}
.support-popup .is-live-chat .chat-time {
    position: absolute;
    right: 40px;
    top: -15px;
    font-size: 10px;
}
.support-popup .is-live-chat .reply span.chat-time {
    left: 40px;
    right: auto;
    top: -15px;
}
.support-popup .support-icon.button-chat.close-popup {
	width: 40px;
	border-radius: 100%;
}

/**Drag**/
.support-popup.ui-draggable.ui-draggable-handle {
    width: auto !important;
    position: fixed !important;
}

.chat-bot-page .support-popup{
    width: 100% !important;
    position: fixed !important;
    height: 100%;
    z-index: 99999;
}

.support-popup-box{
	display: block;
    min-height: 100%;
    min-width: 98.5%;
    clear: both;
    position: absolute;
    bottom: 0;
    right: 0;
    height: auto;
    top: 0;
    left: 0;
    margin:0 5px;
}
.support-popup .chat-form {
    max-height: inherit;
    max-width: inherit;
    min-height: 200px;
    min-width: 360px;
   /* width: 360px;*/
    left: inherit !important;
    top: inherit !important;
}
.support-popup-box.support-popup-box-bottom{
    top: 29px !important;
    z-index: 99999999999;
    right: 10px;
}

.support-popup-box.support-popup-box-bottom .chat-form{
	height: calc(100% - 62px);
}

.user-select-none {
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none;
}

/**** add new for react ifream ***/

/*iframe#idIfrm {
    position: fixed;
    bottom: 0;
    right: 0;
}
 .support-popup-box{   
    border: 1px solid #c5c5c5;
    box-shadow: 0px 0px 4px #c5c5c5;
    background: #fff;
    display: block;
    min-height: 200px;
    min-width: 360px;
    clear: both;
    position: absolute;
    bottom: 115px;
    right: 15px;
    height: 415px;
}
 */
 .support-popup .chat-form.scroll-actions-move-chat-form{
 	bottom:54px;
 }
 .support-popup.scroll-actions-move-button-chat{
 	bottom: 80px;
 }
 
 
 
/*Resizeable*/

.resizer-left {
    width: 5px;
    height: 100%;
    background: transparent;
    position: absolute;
    top: 0;
    cursor: e-resize;
    z-index: 9999;
}
.resizer-right {
    width: 5px;
    height: 100%;
    background: transparent;
    position: absolute;
    top: 0;
    right:0px;
    cursor: e-resize;
    z-index: 9999;
    display: none;
}

.resizer-top {
  width: 100%;
  height: 5px;
  background: transparent;
  position: absolute;
  top: 0px;
  cursor: n-resize;
  z-index: 9999;
}
.resizer-bottom {
  width: 100%;
  height: 5px;
  background: transparent;
  position: absolute;
  top: auto;
  bottom:0px;
  cursor: n-resize;
  z-index: 999999;
  display: none;
}

.support-popup-box-bottom .resizer-top, .support-popup-box-bottom.support-popup-box-right .resizer-left, .support-popup-box-right .resizer-left{
	  display: none;
}
.support-popup-box-bottom .resizer-bottom, .support-popup-box-bottom.support-popup-box-right .resizer-right, .support-popup-box-right .resizer-right{
	display: block;
}

.chat-bot-page{
     overflow: hidden;
}
.chat-bot-page .bootstrap-select.btn-group.bs-container{
	z-index: 99999;
}
.chat-bot-page .chat-form:not(.is-live-chat) form.normal-form{
	height: calc(100vh - 160px);
    overflow: auto;
}
.chat-form:not(.is-live-chat) .global-lightbox-wrapper:not(:empty) ~ .support-form form.normal-form{
	height: calc(100vh - 210px);
}

.chat-form.is-live-chat .global-lightbox-wrapper:not(:empty) ~ .chatBot{
	height: calc(100% - 270px);
}
.chat-bot-page .blockUI.blockOverlay{
	background: transparent !important;
}

.map-definition .btn-group.bootstrap-select.error-input-box {
    padding-right: 0;
}

.table-grid a.download-icon{
	display: flex;
	justify-content: center
}
.table-grid a.download-icon span{
	background: url('../img/icons/download-app.svg') no-repeat center center;
	width: 24px;
	height: 24px;
	background-size: 18px auto;
	display: inline-block;
}

 /* V8 Live chat CSS */
.new-support-popup .form-header {
    display: none;
}

.new-support-popup{
     font-family: 'Open Sans' !important;
}

.new-support-popup .form-part .text-info{
	background: #f6f8fc;
    margin: 0 -11px;
    padding: 0 15px 15px 15px;
	font-weight: bold;
    font-size: 14px;
}
.new-support-popup .form-part{
    padding-top: 0;
}
.new-support-popup .support-popup .is-live-chat .support-form, .support-popup .is-live-chat .support-form.element-sec.clearfix{
	background: #f6f8fc;
    margin: 0 -11px;
    margin-top: -19px;
    padding: 0 10px;
}
.new-support-popup .support-popup .is-live-chat .form-part{
	padding-top:0px;
}
.new-support-popup button.btn.dropdown-toggle.btn-light{
    background: white !important;
    border-radius: 20px;
    border: 1px solid #efefef;
}
.new-support-popup .dropdown-menu.show, .new-support-popup .dropdown-menu.show .inner.show {
    border-radius: 0;
    border: none !important;
}
.new-support-popup .bootstrap-select > .dropdown-toggle:after{
	border-color: transparent;
}
.new-support-popup .support-popup .form-row.col-md-12.clearfix.send-msg-box{
	background: #003c70;
}
.new-support-popup  .support-popup .is-live-chat .textarea-box{
	padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
     font-family: 'Open Sans' !important;
}
.new-support-popup  .support-popup .chat-msg .chat-img{display:none}
.new-support-popup  .support-popup .chat-msg.reply .chat-box {
	border-radius: 15px 15px 15px 0px;
    background: #f6f8fc;
    box-shadow: none;
    border: none;
	color:#5c5c5c;
}
.new-support-popup  .support-popup .chat-msg .chat-box {
    border-radius: 15px 15px 0px 15px;
    min-width: 100px;
    min-height: 40px;
    background: #003c70;
    color: #fff;
}
.new-support-popup  .support-popup .is-live-chat .reply span.chat-time {
    left: 0;
    right: auto;
    top: -20px;
    color: #c5c5c5;
    font-family: 'Open Sans' !important;
    font-size: 12px;
}
.new-support-popup  .support-popup .chat-msg.reply {
    justify-content: flex-start;
    margin-top: 20px;
    margin-bottom: 15px;
}
.new-support-popup  .support-popup .is-live-chat .chat-time{
    position: absolute;
    right: 0;
    top: -20px;
    font-size: 10px;
	color: #c5c5c5;
    font-family: 'Open Sans' !important;
    font-size: 12px;
}

.new-support-popup .dropdown-menu li.selected a, .dropdown-menu li.selected a:focus{
    background: #fff !important;
    color: #333
}
.new-support-popup .is-live-chat .form-col-1{
    visibility: hidden;
    display: none;
}
.new-support-popup  .text-info{
    visibility: hidden;
    display: none;
}
.new-support-popup .dropdown-menu ul li a:hover{
    background: #f5f5f5  none repeat scroll 0 0;
    color: #333;
    border-radius: 0 !important;
}
.new-support-popup .support-popup .is-live-chat .textarea-box {
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    font-family: 'Open Sans' !important;
    height: 31px;
    padding: 10px;
    border-radius: 29px;
    overflow: hidden;
    border: 0.5px;
}
.new-support-popup .form-row.col-md-12.clearfix.full-width-row[data-element="concern"] {
    padding-top: 15px;
}
.new-support-popup .support-popup  .support-form, .new-support-popup  .support-popup .support-form.element-sec.clearfix {
    background: #f6f8fc;
    margin: 0 -11px;
    margin-top: -19px;
    padding: 0 10px;
}
.new-support-popup .support-popup .chat-form{
    min-width: auto;
}
.new-support-popup .form-elements-wrapper:first-child .form-col-1{
	visibility: hidden;
    display: none;
}

.new-support-popup .form-row.col-md-12.clearfix.full-width-row[data-element="problemModule"], .new-support-popup .form-row.col-md-12.clearfix.full-width-row[data-element="message"] {
    background: #fff;
    padding-top: 15px;
}

.new-support-popup button.uie-btn.uie-btn-primary {
    background: #003c70;
    width: 50%;
    border-radius: 50px;
}

.new-support-popup button.uie-btn.closeSupport.uie-secondary-btn {
    width: 45%;
    border-radius: 50px;
    border-color: #003c70;
    color: #003c70;
}

.new-support-popup button.uie-btn.closeSupport.uie-secondary-btn:hover {
    background: #003c70;
    color: #fff ;
}
.new-support-popup .textarea-box{
	height: 50px;
    border-radius: 15px;
}

.new-support-popup .send-img{
    width: 22px;
    height: 22px;
    background: transparent;
    border: none;
    margin-right: 20px;
    order: 2;
    border: 1px solid transparent;
    /* margin-left: 0px; */
    margin-bottom: 4px;
}
.new-support-popup .send-img img {
    width: 22px;
}
.new-support-popup .is-live-chat {
    height: calc(100% - 0px);
}

.new-support-popup .bootstrap-select > .dropdown-toggle:after {
    background: url("../img/icons/chevron-down-small.svg") center center;
    background-repeat: no-repeat;
    background-size: 16px;
    width: 16px;
    height: 16px;
    top: 7px;
}

iframe.new-support-popup {
    height: calc(100vh - 122px) !important;
}

.new-support-popup .global-lightbox-wrapper.col-md-12 {
    padding: 0 15px 15px 15px !important;
    display: block !important;
}

.new-support-popup .send-img:focus{
    width: 22px;
    height: 22px;
    background: transparent;
    border: none;
    margin-right: 20px;
    order: 2;
    border: 1px solid transparent;
    margin-bottom: 4px;
}
.new-support-popup .chat-msg{
    margin-top: 5px;
    margin-right: 0.5%;
}
.new-support-popup .chat-form{
	height: 100%
}
.new-support-popup .support-popup .chat-form.is-live-chat {
    box-shadow: none !important;
    left: 0 !important;
    max-width: 100%;
    bottom: 0;
}
.copy-traceId{
	cursor : pointer;
	pointer-events: auto;
}
.input-icon~.error-message .error-info-icon {
    right: 37px;
}

.input-icon~.error-message .error-msg.right-top::after {
    right: 39px
}
.new-support-popup .support-popup .is-live-chat .chatBot {
    height: calc(100% - 77px) !important;
}
.new-support-popup .chat-form.is-live-chat .global-lightbox-wrapper:not(:empty) ~ .chatBot {
    height: calc(100% - 195px) !important;
}
.new-support-popup .bs-container.dropdown.bootstrap-select>.dropdown-menu.show{
    border-radius: 0px;
}
.new-support-popup .dropdown-menu li.selected a,
.new-support-popup .dropdown-menu li.selected a:focus {
    background: #fff !important;
    color: #333;
    position: relative; /* To allow absolute positioning for the icon */
}
.new-support-popup  .dropdown-menu li a {
    border: none !important;
}
.new-support-popup .dropdown-menu li.selected a:before,
.new-support-popup .dropdown-menu li.selected a:before {
  content: '';
  background-image: url("../img/icons/check.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: 10px; /* Adjust spacing from the left */
  top: 50%;
  transform: translateY(-50%);
}

.new-support-popup .dropdown-menu li a {
    color: #333;
}
.new-support-popup .dropdown-menu ul li a {
    padding: 10px 10px 10px 32px !important;
    font-size: 0.75rem !important;
     font-family: 'Open Sans' !important;
    height: auto;
}
.new-support-popup button.btn.dropdown-toggle.btn-light,
.new-support-popup .support-popup .chat-msg .chat-box{
    font-size: 0.75rem !important;
     font-family: 'Open Sans' !important;
}
.new-support-popup .bootstrap-select .dropdown-toggle .filter-option {
    display: flex;
    align-items: center;
}

.new-support-popup .chat-bot-page .support-popup{
    width: 98% !important;
    left: 9px;
    position: fixed !important;
    height: 100%;
    z-index: 99999;
}

.new-support-popup .support-popup .is-live-chat .chatBot{
	overflow: auto;
    height: calc(100% - 211px);
    padding-right: 5px;
    padding-left: 0px;
    padding-top: 15px;
}
.new-support-popup .send-msg-box .form-col-2 {
    padding-bottom: 7px;
    padding-left: 7px;   
}
.new-support-popup .form-part {
    padding: 17px;    
}