@charset "utf-8";/* CSS Document */
section {
    width: 100%;
}
body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom { margin-right: 0;}
.vertical-top{vertical-align:top !important;}
.pd-0{padding:0 !important;}
.mb{margin-bottom:10px !important;}

.text-black{color:#000 !important;}
.m-0{margin:0 !important;}
.mt-5{margin-top:5px !important;}
.mt-2{margin-top:2px !important;}
.mt-10{margin-top:10px !important;}
.mb-10{margin-bottom:10px !important;}
.mt-15{margin-top:15px !important;}
.mb-15{margin-bottom:15px !important;}
.mt-20{margin-top:20px !important;}
.mb-20{margin-bottom:20px !important;}   
.mb-10{margin-bottom:10px !important;}   
.mb-5{margin-bottom:5px !important;}
.mb-2{margin-bottom:2px !important;}
.ml-0{margin-left:0px !important;}
.ml-5{margin-left:5px !important;}
.ml-10{margin-left:10px !important;}
.ml-20{margin-left:20px !important;}
.ml-30{margin-left:30px !important;}
.ml-40{margin-left:40px !important;}
.ml-50{margin-left:50px !important;}
.ml-60{margin-left:60px !important;}
.ml-70{margin-left:70px !important;}
.ml-80{margin-left:80px !important;}
.ml-90{margin-left:90px !important;}
.ml-100{margin-left:100px !important;}
.ml-10{margin-left:10px !important;}
.ml-5{margin-left:5px !important;}
.ml-2{margin-left:2px !important;}
.mr-20{margin-right:20px !important;}
.mr-10{margin-right:10px !important;}
.mr-5{margin-right:5px !important;}
.mr-2{margin-right:2px !important;}
.p-0{padding:0px !important;}
.p-5{padding:5px !important;}
.p-10{padding:10px !important;}
.pl-0{padding-left:0px !important;}
.pl-2{padding-left:2px !important;}
.pl-5{padding-left:5px !important;}
.pl-8{padding-left:8px !important;}
.pl-10{padding-left:10px !important;}
.pl-15{padding-left:15px !important;}
.pl-20{padding-left:20px !important;}
.pr-0{padding-right:0px !important;}
.pr-2{padding-right:2px !important;}
.pr-5{padding-right:5px !important;}
.pr-8{padding-right:8px !important;}
.pr-10{padding-right:10px !important;}
.pr-15{padding-right:15px !important;}
.pr-20{padding-right:20px !important;}
.pt-0{padding-top:0px !important;}
.pt-5{padding-top:5px !important;}
.pt-8{padding-top:8px !important;}
.pt-10{padding-top:10px !important;}
.pt-15{padding-top:15px !important;}
.pt-20{padding-top:20px !important;}
.pb-0{padding-bottom:0px !important;}
.pb-5{padding-bottom:5px !important;}
.pb-8{padding-bottom:8px !important;}
.pb-10{padding-bottom:10px !important;}
.pb-15{padding-bottom:15px !important;}
.pb-20{padding-bottom:20px !important;}
.b-0{border:none !important;}

.mmb-10 {margin-bottom: -10px;}

.bg-null{background:transparent !important;}
.border-left{border-left:1px solid #ccc;}
.border-right{border-right:1px solid #ccc;}
.border-top{border-top:1px solid #ccc;}
.border-bottom{border-bottom:1px solid #ccc;}
.w-150 {display: inline-block;width: 150px;vertical-align:middle}
.w-250 {display: inline-block;width: 250px;vertical-align:middle}
.fs-12{font-size:12px !important;}
.fs-14{font-size:14px !important;}
.fs-20{font-size:20px !important;}
.fs-25{font-size:25px !important;}
.fs-30{font-size:30px !important;}
.bg-info th {background: #d9edf7 !important;}
body .input-filter{border:none !important; background:transparent; display:inline-block; width: calc(100% - 20px);}
.content-disable{pointer-events: none;}
img{max-width:100%}
.body-scroll { overflow-y: hidden;}
body .hyperlink {color: blue !important;font-size: 11px !important;}
.vinspl-sf-grid-no-row-head .e-gridcontent .e-table .e-rowcell a.hyperlink {
    font-weight: 600;
    color: #313131 !important;
}
.margin-null { margin: 0 !important;}
.red-txt { color: red !important;}
.margin-top-2 { margin-top: 2px !important;}
.container-fluid { height: 100%; }
.content-wrapper { padding-left: 0px; margin-left: 234px; position: relative; z-index: 0; display: block; width: auto; background: #eee; height: 100%;}
.exp-col .content-wrapper { margin-left: 80px; padding-left: 0px;}
.exp-col1 .content-wrapper { margin-left: 3px; padding-left: 0px;}
.exp-col .dropbox { left: 74px; min-width: 150px; position: absolute;}  
.exp-col .dropbox::before { border-bottom: 15px solid transparent; border-right: 15px solid #17365d; border-top: 15px solid transparent; content: ""; height: 0; left: -15px; position: absolute; width: 0; top: 5px;}
.exp-col .dropbox li a { padding-right: 25px !important;}
.dropbox li a { padding: 5px !important; background: #17365d none repeat scroll 0 0; color: #eee;}
.dropbox li { border-bottom: 1px solid #2d507d !important;} 
.dropbox li + li {  border-top: 1px solid #143155 !important; }
.nav-inner .dropbox li a span { display: block;}
.exp-col .dropbox li a span { display: block;}
.navbar .nav > li > a { color: #fff;} 
.navbar .nav > li > a > .label {  position: absolute;  top: 9px;  right: 7px;  text-align: center;  font-size: 9px;  padding: 2px 3px;  
                                  line-height: .9; }
.navbar-nav > .notifications-menu > .dropdown-menu > li, .navbar-nav > .messages-menu > .dropdown-menu > li, .navbar-nav > .tasks-menu > .dropdown-menu > li { position: relative;} .navbar-nav > .notifications-menu > .dropdown-menu > li.header, .navbar-nav > .messages-menu > .dropdown-menu > li.header, .navbar-nav > .tasks-menu > .dropdown-menu > li.header {  border-top-left-radius: 4px;  border-top-right-radius: 4px;  border-bottom-right-radius: 0;  border-bottom-left-radius: 0;  background-color: #ffffff;  padding: 7px 10px;  border-bottom: 1px solid #f4f4f4;  color: #444444;  font-size: 13px; }
.navbar-nav > .notifications-menu > .dropdown-menu > li, .navbar-nav > .messages-menu > .dropdown-menu > li, .navbar-nav > .tasks-menu > .dropdown-menu > li { position: relative;} .navbar-nav > .notifications-menu > .dropdown-menu > li.header, .navbar-nav > .messages-menu > .dropdown-menu > li.header, .navbar-nav > .tasks-menu > .dropdown-menu > li.header {  border-radius: 4px 4px 0px 0px;  background-color: #FFF;  padding: 7px 10px;  border-bottom: 1px solid #F4F4F4;  color: #444;  /*font-size: 13px;*/ }
.navbar-custom-menu { float: right;} 
.navbar-custom-menu > .navbar-nav > li {  position: relative; } 
.navbar-custom-menu > ul > li > a { padding: 10px 2px;  line-height: 15px; } 
.navbar-custom-menu .Help-menu i.fa { background: #fff none repeat scroll 0 0; border-radius: 100%; clear: both; color: #365f91; 
                                      height: 23px; line-height: 23px; width: 23px;} 
.user.log-menu form { color: #fff; line-height: 15px; padding: 10px 5px; text-align: center;} 
.user.log-menu form a { color: #fff;} 
.navbar-custom-menu .Help-menu .icon-label { display: inline-block; width: 100%;} 
.navbar-custom-menu ul li a .fa { font-size: 22px;  width: 100%;} 
.navbar .nav > li > a > .label { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: 3px; right: -3px !important; font-size: 13px; font-weight: normal; line-height: 1.0em; text-align: center; padding: 5px; color: #0e3362; min-width: 25px; height: 25px;}
.navbar-custom-menu .Help-menu, .navbar-custom-menu .comments-menu { border-right: 1px solid rgba(255, 255, 255, 0.2); text-align: center;}
.navbar-custom-menu li.comments-menu img { width: 32px; margin: 8px 0 0 0;}
.navbar-custom-menu > ul > li.comments-menu > a { padding: 10px 15px;}/*.navbar-custom-menu > .navbar-nav > li > .dropdown-menu { position: absolute; right: 0; left: auto; box-shadow: 0px 0px 1px 0px; top: 60px;}*/.navbar-nav > .notifications-menu > .dropdown-menu > li .menu, .navbar-nav > .messages-menu > .dropdown-menu > li .menu, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu { max-height: 200px; margin: 0px; padding: 0px; list-style: outside none none; overflow-x: hidden;}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu, .navbar-nav > .messages-menu > .dropdown-menu > li .menu, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu { list-style: outside none none;} 
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {  display: block;  white-space: nowrap;  border-bottom: 1px solid #F4F4F4; }  
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress {padding: 0px;margin: 0px;  }
.progress.xs, .progress-xs, .progress.xs .progress-bar, .progress-xs .progress-bar { border-radius: 1px;}
.progress.xs, .progress-xs { height: 7px;}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a { white-space: nowrap;} .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 {  font-size: 13px;  padding: 0px;  margin: 0px 0px 10px;  color: #666; } .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {  background: #f4f4f4;  text-decoration: none; }
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a { padding: 10px;}
.navbar-nav > .user-menu .user-image {border:1px solid #fff; float: left; width: 25px; height: 25px; border-radius: 50%; margin-right: 10px; margin-top: -2px;}
.navbar-nav > .notifications-menu > .dropdown-menu > li, .navbar-nav > .messages-menu > .dropdown-menu > li, .navbar-nav > .tasks-menu > .dropdown-menu > li { position: relative;} .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a, .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a, .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {  border-top-left-radius: 0;  border-top-right-radius: 0;  border-bottom-right-radius: 4px;  border-bottom-left-radius: 4px;  font-size: 13px;  background-color: #fff;  padding: 7px 10px;  border-bottom: 1px solid #eeeeee;  color: #444 !important;  text-align: center; }
.header { background: #bec2c7; padding: 2px 0 10px 0; text-align: center;}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon, .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa, .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion { width: 20px;}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a { display: block; white-space: nowrap; border-bottom: 1px solid #f4f4f4; padding: 10px; background: #fff;}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a { color: #444444; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 10px; background: #fff;}
.text-aqua { color: #00c0ef !important;}
.text-yellow { color: #f39c12 !important;}
.text-red { color: #dd4b39 !important;}
.text-green { color: #00a65a !important;}
.text-red { color: #dd4b39 !important;}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu, .navbar-nav > .messages-menu > .dropdown-menu > li .menu, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu { max-height: 200px; margin: 0; padding: 0; list-style: none; overflow-x: hidden;}
.navbar-nav > .notifications-menu > .dropdown-menu, .navbar-nav > .messages-menu > .dropdown-menu, .navbar-nav > .tasks-menu > .dropdown-menu { width: 280px; padding: 0 0 0 0; margin: 0; top: 100%;} 
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu, .navbar-nav > .messages-menu > .dropdown-menu > li .menu, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu {  max-height: 200px;  margin: 0;  padding: 0;  list-style: none;  overflow-x: hidden; }  
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {margin: auto 10px auto auto;width: 40px;height: 40px;  }
.img-circle { border-radius: 50%;}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 { padding: 0; margin: 0 0 0 45px; color: #444444; font-size: 15px; position: relative;}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p { margin: 0 0 0 45px; font-size: 13px; color: #888888;}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small { color: #999999; font-size: 10px; position: absolute; top: 0; right: 0;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header { height: 175px; padding: 10px; text-align: center;}
 .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {  z-index: 5;  color: #fff;  color: rgba(255, 255, 255, 0.8);font-size: 17px;  margin-top: 10px; }  
 .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {display: block;font-size: 13px;  }
.navbar-nav > .user-menu > .dropdown-menu, .navbar-nav > .user-menu > .dropdown-menu > .user-body { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;} 
.navbar-nav > .user-menu > .dropdown-menu > .user-body {  padding: 15px;  border-bottom: 1px solid #f4f4f4;  border-top: 1px solid #dddddd;  display: inline-block;  width: 100%; }  
.navbar-nav > .user-menu > .dropdown-menu > .user-body a {color: #444 !important;  }
.navbar-nav .user-menu .dropdown-menu .user-footer { background-color: #f9f9f9; padding: 10px; display: inline-block; width: 100%;}
.user ul { border: none;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {  z-index: 5;  height: 90px;  width: 90px;  border: 3px solid;  
border-color: transparent;  border-color: rgba(255, 255, 255, 0.2); } 
.navbar-nav > .user-menu > .dropdown-menu { border-top-right-radius: 0; border-top-left-radius: 0; padding: 0px 0 0 0; border-top-width: 0; width: 280px;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a { background: rgba(0,0,0,0.1) !important;}
.choose-theme-panel { position: relative;} 
.choose-theme-panel ul {  padding-top: 0;  top: 59px; }  
.choose-theme-panel ul .header {width: 100%;color: #fff;background: #17365d;  }  
.choose-theme-panel ul li {padding: 10px;display: inline-block;  } 
.choose-theme-panel .changer {  display: block;  width: 30px;  height: 30px;  border-top: 8px solid;  border-left: 8px solid; background: #808080;  border-color: #17365d;  padding: 3px 20px; } 
.choose-theme-panel .dropdown-menu a {  padding: 0 !important; }
.skin-blue li.user-header { background-color: #17365d;}
.skin-blue .btn-primary { background-color: #17365d; border: none;}
.user-panel { position: relative; width: 100%; padding: 10px; overflow: hidden; margin: 110px 0 0 0;}
.exp-col .user-panel { padding: 10px 4px 10px 10px;} 
.exp-col .user-panel .info {  display: none; }
.exp-col .vinspl-logo { /*width:55px;*/ transform: translate(0px, 0px);}

.exp-col .logo-lg { /*display: none;*/}
.vinspl-logo-mini { display: none; padding: 5px 0px 6px 0;}
.logo-mini img { width: 39px;}
.vinspl-exp-col .logo-mini { display: block;}
.navbar-inverse .navbar-brand { color: #fff; font-size: 24px;}
.exp-col .nav-sidebar span { display: none;}
.exp-col .nav-inner.nav-sidebar .dropbox em { right: 4px;}
.exp-col .vinspl-db-sidebar .btn.btn-sm.dropdown-toggle { padding: 3px 10px;} 
.exp-col .vinspl-db-sidebar .btn.btn-sm.dropdown-toggle:before {  content: "\f103";  font-family: fontawesome;  font-size: 18px; } 
.exp-col .vinspl-db-sidebar .btn.btn-sm.dropdown-toggle > strong {  display: none; }
.exp-col .vinspl-db-sidebar .dropdown-menu { left: 73px; top: -1px;}
.vinspl-db-sidebar .e-lv .e-header { background: #f6a106 none repeat scroll 0 0 !important; width: 220px;}
.vinspl-db-sidebar { background-color: #dcdcdc !important; height: 100%; position: fixed; 
                     transition: all 0.5s ease 0.2s; width: 230px; overflow-y: auto; 
                     overflow-x: hidden; z-index: 1; left:230px;margin-top: 0px !important;
    height: calc(100% - 177px);}

.exp-col1 .vinspl-db-sidebar { z-index: 0; width: 0; left:0px;}
.exp-col .vinspl-db-sidebar { width: 74px; overflow: visible;} 
.exp-col .vinspl-db-sidebar .e-htitle {  display: none; } 
.exp-col .vinspl-db-sidebar .e-lv-inputdiv .e-lv-input {  display: none; } 
.exp-col .vinspl-db-sidebar .e-lv-inputdiv .btn-group .e-lv-input {  display: block;  border: 1px solid #ddd; } 
.exp-col .vinspl-db-sidebar .e-lv-filter .btn-group {  visibility: visible; } 
.exp-col .vinspl-db-sidebar .e-lv-filter .btn.btn-sm.dropdown-toggle:before {  content: "\f002";  font-family: fontawesome;  font-size: 18px; } 
.exp-col .vinspl-db-sidebar .e-lv-filter .btn.btn-sm.dropdown-toggle {  padding: 3px 27px; }
.exp-col1 .vinspl-db-sidebar .e-lv-filter .btn.btn-sm.dropdown-toggle { padding: 3px 0px;}
.exp-col .vinspl-db-sidebar .e-lv-filter a.e-lv-anchor { display: none;}
.vinspl-db-sidebar .e-lv-filter .btn-group { visibility: hidden;}
.vinspl-db-sidebar .e-lv .e-header { height: auto;}
.vinspl-db-sidebar .e-htitle, .e-btn-text { cursor: pointer; font-weight: bold; height: auto !important; 
                                            padding: 10px; vertical-align: middle; 
                                            background: #f6a106}
 .vinspl-db-sidebar .e-htitle:before {  
 content: "\f100";  font-family: fontawesome;  color: #002d4a;  
float: right;  margin-top: -6px;  font-size: 20px;  margin-right: 10px; }

.vinspl-db-sidebar .e-hicon.e-icon.e-rarrowleft-2x { cursor: pointer;}
.vinspl-db-sidebar .dropdown-menu { border-radius: 0 0 5px 5px; top: 29px; width: 100%; background: #17365d; padding: 0;} .vinspl-db-sidebar .dropdown-menu li {  border-top: 1px solid #2f4d73; } .vinspl-db-sidebar .dropdown-menu a {  background: none !important;  color: #fff;  padding: 5px 10px; }  .vinspl-db-sidebar .dropdown-menu a:hover {background: #2f4d73 !important;color: #fff;  }
.vinspl-db-sidebar .e-lv .e-list { padding: 0; background: none !important; border-bottom: 1px solid #c2c1c1; border-top: 1px solid #f8f8f8;} .vinspl-db-sidebar .e-lv .e-list a {  padding: 10px 15px;  color: #3b3e40; }  .vinspl-db-sidebar .e-lv .e-list a:hover {background: #eee;color: #3b3e40;  }
.vinspl-db-sidebar .e-lv-inputdiv .e-lv-input { font-style: normal; padding: 5px 10px; width: 230px; 
                                                position: relative; 
                                                z-index: 1; border: none;  
                                                font-size: 14px; line-height: 1.4; text-indent: 5px;}
.vinspl-db-sidebar .e-lv .e-list.e-state-active .e-list-anchor { color: #3b3e40;}
.vinspl-db-sidebar .e-lv .e-header { background: #f6a106 none repeat scroll 0 0 !important;}
.vinspl-db-sidebar .btn.btn-sm.dropdown-toggle > strong { float: left;}
.vinspl-db-sidebar .e-lv .e-header { background: #f6a106 none repeat scroll 0 0 !important;}

.e-header.home .e-htitle:before { content: "\f103";}
.vinspl-db-sidebar:hover .e-htitle:before { margin-right: 10px;}
.vinspl-db-sidebar .e-htitle { display: inline-block; width: 100%; color: #002d4a;}

.vinspl-db-sidebar-inner { overflow-x: hidden; overflow-y: auto;}
.vinspl-db-sidebar .e-lv-filter { position: relative; width: 100%;}
.vinspl-db-sidebar .e-lv-anchor { color: #17365d; position: absolute; right: 4px; top: 5px; z-index: 1;}
.exp-col .vinspl-db-sidebar .e-lv-filter { position: relative; width: 47px; z-index: 1;}
.vinspl-user-panel .image { width: 50px; height: 50px; border: 2px solid #17365d; border-radius: 50px 50px;}
.vinspl-user-panel > .image > img { width: 100%; max-width: 45px; height: auto; border-radius: 50px 50px; border: 2px solid #fff;}
.vinspl-user-panel > .info { padding: 5px 5px 5px 15px; line-height: 1; position: absolute; left: 55px; color: #3b3e40;} 
.vinspl-user-panel > .info > p { /* font-weight: 600; */  margin-bottom: 9px; }
.vinspl-nav-sidebar li a .fa, .vinspl-nav-sidebar li a .glyphicon { width: 20px;}
.vinspl-nav-sidebar li a .pull-right { position: absolute; top: 50%; right: 10px; margin-top: -7px;}
.vinspl-nav-sidebar li.active a .pull-right { margin-top: -14px;}
.vinspl-exp-col li a .pull-right { display: none;}
.vinspl-content-wrapper .vinspl-navbar-inverse .pull-right { display: block;}
.vinspl-nav-sidebar li.active a .fa-angle-left { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);}
.exp-col .vinspl-nav-sidebar li a span { display: none; background: #17365d !important; border-radius: 0 6px 6px 0 !important; color: #fff; padding: 10px; position: absolute; left: 96px; z-index: 3;}
.exp-col .vinspl-nav-sidebar li a:hover span { display: block;}
.skin-blue .nav-sidebar > li > .treeview-menu { margin: 0 1px; background: #2c3b41;}
.nav-sidebar li.active > .treeview-menu { display: block;}
.nav-sidebar .treeview-menu { display: none; list-style: none; padding: 0; margin: 0; padding-left: 5px;}
.nav-sidebar { margin: 0 !important; width: 230px; z-index: 10;} 
.nav-sidebar li a {  color: #3b3e40; } 
.nav-sidebar li .tree-menu {  transition-property: margin-bottom, opacity, visibility;  transition-duration: 150ms, 15ms, 0s;  
                              transition-timing-function: ease-in-out, linear;  margin-bottom: 0;  opacity: 1;  background: #bfbfbf; 
                               list-style: none;  padding: 0;  margin: 0;  padding-left: 5px; } 
.nav-sidebar .tree-menu a {  padding: 5px 5px 5px 15px;  display: block;  color: #fff;  text-decoration: none; } 
 .nav-sidebar li.active .tree-menu {  display: -moz-box;  visibility: collapse;  margin-bottom: -97px;  opacity: 0;  transition-delay: 0s, 0s, 15ms; } 
 .nav-sidebar li {  position: static;  margin: 0;  padding: 0;  border-bottom: 1px solid #c2c1c1;  background: none;  float: left;  width: 100%; } 
 .nav-sidebar li + li {border-top: 1px solid #f8f8f8;  }  
 .nav-sidebar li .wrapper {position: absolute;z-index: 10;display: none;left: 70px;  }  
 .nav-sidebar li:hover .wrapper {display: block;  }
.content-header { position: relative; padding: 3px 5px; margin: 0; background: #dcdcdc; overflow: hidden; /*z-index: 1;*/}
.breadcrumb { background-color: #002d4a; border-radius: 0 0 0 0; color: #fff; list-style: outside none none; margin-bottom: 0; padding: 5px 15px; width: 100%; display: inline-block;}
.breadcrumb > li {display: inline-block;float: left;} 
.breadcrumb > .active {  color: #fff; }
.content-header .breadcrumb li a { color: #fff; text-decoration: none; display: inline-block;} 
.content-header .breadcrumb li a .fa {  margin-right: 5px; }
.main-tabs { padding: 0px 15px 0 15px; background: #dcdcdc; overflow: hidden; margin: 0 -40px;}
.home-tabs .tab-content { padding: 0px 0 0 0px; display: inline-block; width: 100%;}
.box { position: relative; border-radius: 0px; background: #ffffff; border: 1px solid #e3e3e3; margin-bottom: 20px; width: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); display: inline-block; overflow-y: auto;}
.box-header { color: #fffefe; text-shadow: 1px 1px 0px #242424; display: block; padding: 15px 10px; position: relative; background: #808080; border: none;} .box-header .box-title {  display: inline-block;  font-size: 18px;  margin: 0;  line-height: 1; }
.nav-right { float: right;}
.box ul { list-style: none; margin: 0; padding: 0;} 
.box ul li {  padding: 5px 0;  border-bottom: 1px solid rgba(0, 0, 0, 0.1);  float: left;  margin-left: 10px; }
.box-header a { color: #fffefe;}
.box-body {padding: 0;}
.table { background: #fff;}
.table-budget th { background: #e0e0e0; text-align: left;}
.table-budget tr:nth-child(2n) { background: #f0f0f0;}
.bg-light-blue, .label-primary, .modal-primary .vinspl-modal-body { background-color: #3c8dbc !important;}
.bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body {
    background-color: #f39c12 !important;
}
.box-block .icon {
    padding: 0;
}
.stickynote {
    background: #ffde24 none repeat scroll 0 0;
    box-shadow: 7px 6px 20px #777;
    margin: 20px 10px;
    padding: 10px;
    transform: rotate(-3deg);
}
.pagination { display: inline-block; padding-left: 0; margin: 0; border-radius: 4px; float: right;} 
.pagination > li {  display: inline; }
.bg-req-orange { background: #f6a106 none repeat scroll 0 0 !important;}
.bg-req-blue { background: #34add8 none repeat scroll 0 0 !important;}
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.pagination > li > a { background: #fafafa; color: #666;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-top: 1px solid #f4f4f4;}
.table tr td .progress { margin-top: 8px; margin-bottom: 0; width: 300px;}
.progress.xs, .progress-xs, .progress.xs .progress-bar, .progress-xs .progress-bar { border-radius: 1px; height: 6px;}
.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .vinspl-modal-body { background-color: #00c0ef !important;}
.bg-purple { background-color: #7403af !important;}
.small-box > .inner { padding: 10px;}
.small-box h3 { color: #fff; font-size: 14px; font-weight: 800; margin: 10px 0 0; padding: 0;}
.small-box p { font-size: 15px;}
.small-box > .small-box-footer { text-align: center; padding: 3px 0; color: #fff; color: rgba(255, 255, 255, 0.8); display: block; z-index: 10; background: rgba(0, 0, 0, 0.1); text-decoration: none; position: absolute; bottom: 0; border-radius: 0 0 10px 10px; width: 100%;}
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .vinspl-modal-body { background-color: #00a65a !important;}
.bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .vinspl-modal-body { background-color: #f39c12 !important;}
.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .vinspl-modal-body { background-color: #dd4b39 !important;}
.modal { background: rgba(0, 0, 0, 0.5); overflow: auto;}
.form-body { max-width: 720px; margin: 0 auto;}
#component-type-form .form-body { max-width: 910px;}
.restore { font-size: 14px !important; color: #fff !important; opacity: 1 !important; background: none; border: none; float: right; cursor: pointer !important;}
.tab-reset { font-size: 18px !important; color: #fff !important; opacity: 1 !important; background: none; border: none; float: right; cursor: pointer !important; margin-right: 5px;}
.exp-col .vinspl-modal-body { bottom: 104px; left: 0; position: absolute; right: 0; top: 37px; padding: 0 !important;}
.vinspl-ship-data { color: #8c8c8c; float: left; font-size: 11px; text-align: left;} 
.vinspl-ship-data p {  padding: 0;  margin: 0; }
.vinspl-modal-footer .btn {    min-height: 2.25em;
    max-height: 30px;
    min-width: 6.6em;
    font-size: 1em;
    line-height: 1em;
    border-radius: 50px;
    border: 0 none;
    outline: 0 none;
    color: #fff;
    font-weight: 500;
    background: #2dbcff;
    background: -moz-linear-gradient(top, #45c4ff 0%, #28a7e2 100%);
    background: -webkit-linear-gradient(top, #45c4ff 0%, #28a7e2 100%);
    background: linear-gradient(top, #45c4ff 0%, #28a7e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45c4ff', endColorstr='#cecece',GradientType=0);
    margin-top: 5px;} 
.vinspl-modal-footer .btn {
    margin-left: 5px;
    padding: 6px 10px;
    margin-top: 0px !important;
    font-family: Segoe UI,Tahoma,Arial,Verdana;
}
.vinspl-modal-footer .btn:hover, .vinspl-modal-footer .btn:focus {
    box-shadow: 3px 3px 6px rgba(0,0,0,0.3) inset;
    -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.3) inset;
    -moz-box-shadow: 3px 3px 6px rgba(0,0,0,0.3) inset;
}
.vinspl-modal-footer .btn .fa {  margin-right: 10px; }
.box-body { padding: 10px 0px !important;}
.vinspl-pick-list .pick small { color: #000; float: right;} 
.vinspl-pick-list .pick small:hover {  background: #ddd; }
input[type="number"] { text-align: right;}
div#description { margin-bottom: -20px;}
.msg { margin-bottom: 10px;} 
.msg p {  margin: 0; }
.vinspl-html-table {display: inline-block;
                    max-height: 425px;overflow-x: auto;position: relative;width: 100%;} 
.vinspl-html-table .vinspl-col-hide {  display: none; }                                                                                                                                                                                                                 
.vinspl-html-table > table {  width: 100%; } 
.vendor_2 a, .vinspl-html-table td .vendor_2 a {  color: #333; }
.day-wise input[type="number"] { width: 160px !important; float: left;} 
.day-wise input[type="number"]:nth-child(2) {  width: 180px !important; }
.day-wise input[type="number"] { width: 160px !important;}
.input-label { float: left; margin: 0px 10px;}
.day-wise input[type="number"] { width: 160px !important;}
.day-wise .vinspl-pick-list {width: 160px;}
.margin { margin: 10px;}
.input-bar { margin-bottom: 15px; display: block;}
.input-log { float: left; display: inline !important; width: auto !important;}
.small-box { margin-bottom: 15px; border-radius: 0px; min-height: 96px; position: relative;}
.procurement .small-box { min-height: 90px;}
nav.navbar.navbar-inverse { padding: 0px 0; transition: 0.5s all; -webkit-transition: 0.5s all;}
.exp-col1 nav.navbar.navbar-inverse { padding: 0px 0; margin: 0 0 0 0;}
.exp-col .logo-tip { display: none;}
ul.wysihtml5-toolbar { list-style: none !important;}
ul.wysihtml5-toolbar { list-style: none !important; margin: 0 !important; padding: 0 !important;} 
ul.wysihtml5-toolbar li {  float: left;  padding-left: 5px; }  
ul.wysihtml5-toolbar li a {padding: 2px 5px;border-color: darkgray !important;  }
.fade { transition: opacity 0.15s linear 0.1s !important;}
.choose-menu { float: right;} .choose-menu .btn {  padding: 0 !important;  background: none !important;  border: none;  font-size: 0;  color: #fff !important; } .choose-menu .caret {  border-top: 8px dashed;  border-top: 4px solid #fff;  border-right: 8px solid transparent;  border-left: 8px solid transparent;  margin: 7px 10px 0 0; }
.input-bar input[type=checkbox], .input-bar input[type=radio] { margin: 2px 0px 0 0; float: left;}
.modal-backdrop { display: none;}
.modal44 { width: 650px !important; height: 650px !important; overflow: hidden !important; margin: auto;}
.vinspl-modal-dialog {position: relative; box-shadow: 0 0 17px 0 rgba(0, 0, 0, 1); overflow: hidden; width: 100%; height:100%; background: #fff;}
.modal-fullscreen {  margin-left: auto !important; width: 100% !important; padding: 0 !important; max-width: 100%; overflow-y: hidden;}
.maximize { display: none;}/***************************** ---new css--- 30 march 2016---***************/
select.input-sm { padding: 0 2px !important;}
.width { width: 86%; display: inline-block;}
#taskbar { display: inline-block; width: 100%;}
/*#taskbar { bottom: 0; left: 0px; position: fixed; z-index: 3000;} 
#taskbar span {  padding: 5px;  margin-left: 2px !important;  border: none;  
border-radius: 5px 5px 0 0;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:100px; }  
#taskbar span:before {padding-right: 5px;  }*/
/********************************new css  08 Apr  2016***************************/
.tool-bar { width: 100%; overflow: hidden; text-align: center; background: rgba(0,0,0,0.1); padding: 0 0px;} 
.tool-bar ul {  margin: 0;  padding: 0;  list-style: none; }  
.tool-bar ul li {display: inline-block;  }
.tool-bar ul li a { text-decoration: none; color: #000; padding: 10px; display: block;} 
.tool-bar ul li a:hover {  background: #ddd; } 
.tool-bar ul li a span {  margin-right: 5px; } 
.tool-bar .glyphicon-triangle-bottom {  font-size: 9px;  margin-right: 0px;  margin-left: 5px; }
.vinspl-form-sidebar:hover {/*overflow-y: auto;*/}
/******************* new css ************  14 april *********************/
.modal-open .modal { overflow-y: hidden; overflow-x: auto;}
.tool-bar-inner { padding: 5px; float: left; text-align: left;}
.tool-bar label { font-weight: normal;}
.tool-bar input { margin: 4px 5px 0 0; float: left;}
.tool-bar-inner .pick { top: 4px;}
.margin-top {margin-top: 10px !important;}
.scroll-auto { overflow-y: auto; position: absolute; right: 0; height: 90%;}
/*.modal label { display: block; margin-bottom: 0; text-align: left !important;}*/
.comp-select { float: right; width: 70%;}
.copm-table strong { display: table-cell; font-weight: normal;}
.copm-table span { display: table-cell; position: static;}
.wysihtml5-toolbar span { position: static;}
.choose-ship { float: left;} 
.choose-ship ul.dropdown-menu {  width: 100%; } 
.choose-ship .fa {  font-size: 36px;  color: #fff;  float: left; }
.choose-ship { float: left; padding: 6px 0 0 20px;} 
.choose-ship a {  color: #fff !important; }  
.choose-ship a:hover {color: #000 !important;  }
.choose-ship a:hover .fa { color: #000;} 
.choose-ship span {  padding: 10px 0 0 10px;  float: left;  font-size: 16px; } 
.choose-ship ul.dropdown-menu {  padding-top: 0;  margin-top: 0; }
.ship-list ul { list-style: none;padding: 0px 0; margin: 0;} 
.ship-list ul li {  display: block;  padding: 2px;  float: left; }
.ship-list a { padding: 10px; background: #e7eaeb; width: 100%; float: left; text-decoration: none; color: #424444 !important;} .ship-list a:hover {  background: #f0f2f3 !important; }
.ship-list h4 { float: left; font-size: 14px;}
.ship-list .pull-left { margin: 8px 20px 0 0;}
.choose-ship .footer a { color: #000 !important;}
.choose-ship .header .fa { font-size: 18px; color: #000; float: left;}
.choose-ship .header { float: left; width: 100%;} 
.choose-ship .header .search-box {  float: right; } 
.choose-ship .header button {  float: left;  margin: 5px 0 0 0 !important; } 
.choose-ship .header span {  float: left;  margin-right: 10px; }
.choose-ship input { margin-top: 5px;}
.vinspl-scroll-list {max-height: 140px;overflow-y: auto;}
/************** new css - 27 april ********************/
.display-box { margin: 0; float: left; width: 100%; min-height: 60px; padding: 10px; border: 1px solid #C4C3C3;}
.floatleft { float: left; width: 80%; margin-right: 5px;}
i.control-label { float: left; font-style: normal; margin: 5px;}
.pull-left > input { margin-right: 5px;}
/*****new form design with sidebar menu************17may******nirmal********/
.side-tree { background: #eee; border-top: 1px solid #ddd; padding: 10px 0 !important;}

 a:hover {  outline: none;  text-decoration: none; }                                                
 a:after {  outline: none;  text-decoration: none; } 
 a:before {  outline: none;  text-decoration: none; } 
 a:focus {  outline: none;  text-decoration: none; }
.side-sub-menu i { display: block !important;}
.side-sub-menu.active i.fa-angle-down { transform: rotate(90deg);}
/*.vinspl-form-sidebar li a, .vinspl-form-sidebar ul li button { background: none; border: none; color: #3b3e40;}*/
.vinspl-form-sidebar ul li button { padding: 4px 12px; text-align: left; width: 100%;}
 /*.vinspl-form-sidebar li a:hover, .vinspl-form-sidebar ul li button:hover {  background: #002d4a;  color: #fff; }
.vinspl-form-sidebar li.active a, .vinspl-form-sidebar ul li.active button { background: #002d4a; color: #fff;}*/
.side-tree li.active a, .vinspl-form-sidebar ul li.active button { background: #fff;}
/*.vinspl-form-sidebar li + li { border-bottom: 1px solid #dfdddd;}
.vinspl-form-sidebar li + li { border-top: 1px solid #faf7f7;}*/
.fa.fa-book { margin-right: 8px;}
.side-tree li { padding-left: 15px !important;}
.side-tree .active { background: #fff;}
.side-tree li:hover a { background: #fff !important;}
.side-tree li:hover { background: #fff !important;}
.breadcrumb { background-color: #002d4a; border-radius: 0 0 0 0; color: #fff; list-style: outside none none; margin-bottom: 0; padding: 5px 15px; width: 100%; display: inline-block;}
.vinspl-form-tab-heading-scrolling h5, .vinspl-form-tab-heading-scrolling h4 { display: inline-block; font-family: Segoe UI,Tahoma,Arial,Verdana; font-size: 14px; font-weight: bold; margin: 0;} 

.vinspl-form-tab-heading h5 a {  color: #fff; }
.vinspl-form-tab-heading h6 { margin: 0; font-weight: bold; font-family:Segoe UI,Tahoma,Arial,Verdana; font-size: 14px;}
.modal-fullscreen { margin-top: 0;} 
.modal-fullscreen .vinspl-modal-dialog {  margin-top: 0;  }                                     
.modal-inner { display: block; height: 100%; overflow: hidden; width: 100%;}
.radio .control-label { margin-right: 10px;}
.control-label.pull-left { margin-right: 10px;}
                                                  
.copm-table p { margin-bottom: 0;}

.tab-content.responsive.col-sm-12.hidden-xs.hidden-sm { padding-top: 0;}
p { color: #000;}
.form-below span label { margin-top: 0px;}
.supply-btn { padding-left: 3px; padding-right: 3px;}
.padding-top { padding-top: 0;}
/***********transistion animation - 3-6-16********************/
.rotate { bottom: 0; display: inline-block; height: 130px; margin: 0 0 0 10px; overflow: hidden; position: absolute; right: 0; width: 70px; transition: 0.5s all; -webkit-transition: 0.5s all;} .rotate .fa {  transition: 0.5s all;  -webkit-transition: 0.5s all;  font-family: FontAwesome;  font-size: 104px;  position: absolute;  bottom: 0;  color: rgba(0, 0, 0, 0.3);  transform: rotate(-40deg); }
.small-box:hover .small-box-footer .fa { font-size: 44px;}
.small-box-footer .fa { transition: 0.5s all; -webkit-transition: 0.5s all;}
.small-box-footer strong { transition: 0.5s all; -webkit-transition: 0.5s all; position: relative; left: 0; top: 0px;}
.small-box:hover .small-box-footer strong { left: -115px; top: -30px;}
.small-box h3 { transition: 0.5s all; -webkit-transition: 0.5s all;}
/*************new css************/
.copm-table { border-top: none; border-left: none; border-right: 1px solid #C4C3C3; border-bottom: 1px solid #C4C3C3; padding: 0px;} .copm-table > div > div > div {  border: 1px solid #C4C3C3;  min-height: 30px;  border-bottom: none;  border-right: none; }
.set-h3 h3 { position: absolute; bottom: 10px;}
#r4 .col-md-4 { padding-bottom: 10px;}
.form-below > span label { font-weight: bold; display: inline-block;}
label.margin-top { margin-top: 22px;}
.vinspl-form-sidebar ul li img { margin-right: 10px; width: 25px;}
.box-body .col-sm-3 { margin-top: 2px;}
.box-body .col-sm-6 { margin-top: 2px;}
strong label { font-weight: 700;}
.box-body section { display: inline-block; margin-top: 10px; width: 100%;}
.date-combo { float: left !important; width: 50% !important;}

.for-lg-2 { padding: 0 5px; width: 25%;}
.form-group a { color: #002d4a;} 
.form-group a i {  margin: 0 5px 0 3px; }
.vinspl-pick-list a i { margin: 0 1px 0 0px;}
.vinspl-modal-footer .btn img { margin-right: 10px; width: 15px; margin-top: -3px;}
.status-bar { bottom: -40px; left: 0; padding: 10px 0; position: absolute; width: 100%;}
/************/
.detail-modal { color: #002d4a; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; margin: 0 auto; padding: 1% 10% 0 !important; width: 100% !important;} .detail-modal label {  font-weight: normal; } .detail-modal .vinspl-modal-body {  height: 100%;  padding: 35px 15px 55px !important; }
.detail-modal section { border-top: 1px solid rgba(0, 45, 74, 0.2); display: inline-block; margin-top: 10px; padding-top: 9px; width: 100%;}
.control-label img { margin-right: 5px; width: 15px !important;}
.gap { margin-top: 50px;}
.attachment-13 { font-weight: bold; font-size: 13px;}
.without-left { padding-left: 0px !important;}
.fa-angle-double-up { color: blue !important;}
.angle-blue { color: blue !important;}
.date-combo { width: 67% !important;}
.status-bar {bottom: 69px; font-size: 13px;
               margin: 4px; position: fixed; width: 16%; z-index: 999;} 
.status-bar label {  font-weight: normal; }
.pick-button { width: 20px;}
label strong { display: block; margin-bottom: 5px;}

.check-items input[type="text"] { margin-top: 5px;}
.vinspl-ship-data img { margin-right: 10px; width: 30px;}
.vinspl-comment-thread { width: 100%; float: left;}
.vinspl-comment { border: 1px solid #2dbcff; padding: 0 0 10px; display: inline-block; width: 100%;} 
.vinspl-comment h5 {    align-items: center;display: flex; justify-content: space-between;  background:#2dbcff;  color: #fff; margin: 0;  width: 100%;  padding: 5px;  font-size: 12px;  font-weight: bold; }
.vinspl-reply { display: inline-block; margin-top: 15px; width: 100%;} 
.vinspl-reply .vinspl-comment {  border: 1px solid #00a65a; } 
.vinspl-reply h5 {  display: block;  margin: 0;  width: 100%;  background: #00a65a;  color: #fff; }
td.vinspl-pick-list .pick { border-left: none; margin-right: 5px;}
.txtRemarks { margin-top: 5px;}
/*.action-icon { margin-right: 20px;}*/ 
.action-icon a {  margin-right: 20px; } 
.action-icon img {  filter: invert(1);  -webkit-filter: invert(1); }
.btn img { margin-right: 10px; width: 15px; margin-top: -3px;}
.small-box-footer span { position: absolute; height: 14px; font-size: 10px; top: 2px; border-radius: 50%; right: 11px; display: inline-block; text-align: center; font-weight: bold; width: 14px; background: rgb(0, 166, 90) none repeat scroll 0% 0%; color: #FFF; left: 15px;}
.tab-link.small-box-footer span { position: static; background: none; height: auto; font-size: 13px; border-radius: 0; text-align: left; width: auto; color: #3B3E40; display: inline;}
.tab-link.small-box-footer:hover span { color: #fff;}
.small-box-footer span strong { font-family: Segoe UI,Tahoma,Arial,Verdana; font-weight: bold;}
.small-box .fa.fa-search { color: #999; cursor: auto; position: absolute; right: 16px !important; top: 54px !important;}
.check-items label { text-indent: 0px; padding-left: 20px !important;} 
.check-items label input[type="checkbox"] {  margin-left: -20px; }
.vinspl-modal-header img { width: 16px;vertical-align: top; height:16px;}
.form-control.input-sm.floatleft.custom-input { width: 50%;}
#investigation td:nth-child(4n) { text-align: center;}
#investigation td:nth-child(3n) { text-align: center;}
#incident-description td:nth-child(4n) { text-align: center;}
#incident-description td:nth-child(3n) { text-align: center;}
.vinspl-form-sidebar-ie { max-height: calc(100% - 210px); top: 108px !important; width: 14% !important;}
 #config-toolbar-options .dropdown-menu li a { color: #002d4a !important;}
 #locallistview2_container .dropdown-menu li:hover { background: #2f4d73 !important; color: #fff;}
.notifications-menu .dropdown-menu li a { color: #333 !important;}
#sidebar-log.vinspl-form-sidebar { top: 36px; width: 17% !important; max-height: calc(125% - 210px);}
.input-nsm { float: left; display: inline !important; width: 75px !important;}
.vinspl-modal-header .dropdown-menu { border-radius: 0; left: 7px; padding: 0; top: 29px; width: 223px; box-shadow: 3px 5px 7px rgba(0, 0, 0, 0.176);} .vinspl-modal-header .dropdown-menu a {  background: #fff;  color: #000; } .vinspl-modal-header .dropdown-menu img {  filter: none; } .vinspl-modal-header .dropdown-menu a:hover {  background: #808080;  color: #fff; }
.num { text-align: right;}textarea { padding: 6px !important;}
.vinspl-add-comment img { width: 30px;}
.small-box-footer .glyphicon { color: #002d4a;}
.vinspl-add-comment { position: relative; width: 100%; display: inline-block;}
.msg > p { text-align: left; display: table;}
.nav.responsive.nav-tabs li { padding: 0 2px;} 
.nav.responsive.nav-tabs li.active a {  background: #eee;  color: #17365d; }
.vinspl-form-sidebar1:hover { overflow-y: auto;}
.vinspl-form-sidebar1 ul { list-style: none; margin: 0; padding: 0; display: block;} 
.vinspl-form-sidebar1 ul li {  margin: 0;  padding: 0; }  
.vinspl-form-sidebar1 ul li a {margin: 0;display: block;padding: 5px 10px 5px 47px;text-indent: -35px;  }
.vinspl-form-sidebar1 { background: #f2f1f1 none repeat scroll 0 0 !important; display: block; height: 100%; max-height: calc(136% - 210px); overflow-x: hidden; overflow-y: auto; font-weight: bold; position: relative; top: 8px; left: 15px;} 
.vinspl-form-sidebar1 li a {  color: #3b3e40; }  
.vinspl-form-sidebar1 li a:hover {background: #002d4a;color: #fff;  } 
.vinspl-form-sidebar1 li.active a {  background: #002d4a;  color: #fff; } 
.vinspl-form-sidebar1 li {  border-bottom: 1px solid #dfdddd; }  
.vinspl-form-sidebar1 li + li {border-top: 1px solid #faf7f7;  } 
.vinspl-form-sidebar1 ul li img {  margin-right: 10px;  width: 25px; }
#component-addl-2 .vinspl-modal-dialog { box-shadow: 0 0 17px 0 rgba(0, 0, 0, 1); overflow: hidden; width: 60%;}
#component-addl-2 .vinspl-modal-body { min-height: 180px;}
.gray-bg { background: #eee;}
/* Survey Specific CSS*/
#survey-form td .dropdown-toggle:hover { background: #204D74 none repeat scroll 0% 0% !important;}
.input-suffix { float: right !important; margin-right: 8px !important;}
.panel-padding { padding: 10px;}
#rfq-form td .dropdown-toggle { width: 20px; height: 52px; padding: 0; background: #ECECEC none repeat scroll 0% 0%; border-radius: 0;} 
#rfq-form td .dropdown-toggle:hover {  background: #204D74 none repeat scroll 0% 0% !important; }
#rfq-form .col-sm-2 { margin-top: 2px;}
#rfq-form .col-sm-4 { margin-top: 2px;}
#rfq-form .col-sm-10 { margin-top: 2px;}
#rfq-form .form-below { padding: 10px 5px 15px 5px;}
.form-group .margin-left-minus { margin-left: -6px;}
.form-group .margin-left-plus { margin-left: 6px; margin-right: 4px !important;}

.vinspl-form-sidebar-ie { max-height: calc(100% - 210px); top: 108px !important; width: 14% !important;}
.component-form { margin-bottom: 20px; height: 100%;}
pre.no-radius { border-radius: 0; overflow-y: scroll; height: 81px; font-family: inherit; font-size: 13px; padding: 3px 5px; color: #333;}
/*a.pick { background: #ECECEC !important;}*/
.vinspl-modal-statusbar { background: #f2f1f1 none repeat scroll 0 0 !important; border-top: 1px solid rgba(0, 45, 74, 0.2); bottom: 0; color: #000; font-family: inherit; font-size: 11px; margin: 0 -15px; padding: 2px 0; position: absolute; width: 100%;}
.status-bar { color: #333; bottom: 80px;}
.form-below .margin-left { margin-left: 7px;}
.form-below .margin-right { margin-right: 7px;}
.vinspl-modal-footer.min-height { min-height: 104px;}
/*Common CSS End*/
.form-below > section ul { padding-left: 12px;}                 
#rfq-form .dropdown-toggle:hover { background: #204D74 none repeat scroll 0% 0% !important;}
.vinspl-well { border-radius: 0; clear: both; display: inline-block; margin-bottom: -2px; padding: 5px; width: 100%;}
td input[type=checkbox] { margin: 5px auto; display: table;width: 14px !important;height: 14px !important;z-index: 1;}
#detail-rfqline .vinspl-modal-dialog { width: 70%; height: 560px;}
#attach-rfqline .vinspl-modal-dialog { width: 70%;}
#attach-observ .vinspl-modal-dialog { width: 70%;}
#attach-13 .vinspl-modal-dialog { width: 70%;}
#attach-inspection .vinspl-modal-dialog { width: 70%;}
.check-items input[type="checkbox"] { margin-bottom: 0;}
.form-group label strong { float: left;}
.form-group > label img { float: left; margin-top: -5px; width: 30px;}
.remark-status { background: #f2f1f1 none repeat scroll 0 0; top: -79px; left: 0; display: block; padding: 15px; position: absolute; z-index: 1;}
.status-main { background: #f6a106 none repeat scroll 0 0; height: 48px; margin: 0 2%; width: 96%; color: #000;}
.status-title { background: #fff none repeat scroll 0 0; border: 3px solid #f6a106; font-size: 13px; height: 60px; line-height: 58px; position: absolute; text-align: center; top: 8px; width: 60px;}
.status-comment { float: left; font-size: 13px; padding: 5px 5px 5px 62px; width: 100%; text-align: left;}
.edit-comment { bottom: 8px; position: absolute; right: -2px;} 
.edit-comment img {  margin: 19px 0 0 15px;  width: 36px; }
#status-remarks .vinspl-modal-dialog { height: 180px; margin-top: 10%; width: 60%;} 
#status-remarks .vinspl-modal-dialog .vinspl-modal-body {  padding-top: 20px !important; }
#nearmiss-remarks .vinspl-modal-dialog { height: 180px; margin-top: 10%; width: 60%;} 
#nearmiss-remarks .vinspl-modal-dialog .vinspl-modal-body {  padding-top: 20px !important; }
.relevant-data ol { padding: 0; margin: 0;} 
.relevant-data ol li {  padding: 2px 0;  margin: 0;  list-style-position: inside; }
.no-margin { margin: 0;}input[type="number"] { -webkit-appearance: none; -moz-appearance: none; margin: 0;}
.footer-check { float: right; padding: 0 0 10px 15px;} 
.footer-check input {  float: left;  margin: 3px 10px 0 0 !important; } 
.footer-check label {  float: left; }
.status-remarks label { font-weight: normal;}
#sub-dialog { height: auto !important;} 
#sub-dialog .vinspl-modal-body {  height: auto;  min-height: unset;  position: static; }
.vinspl-form-sidebar .row { height: 100%;}
.vinspl-form-sidebar .side-menu-item { display: block;}
.ship-image > img { width: 100%;}
.exp-col .navbar-header { left: 0px;}
.navbar-header_1 { background: #17365d; z-index: 1050; height: 100%; left: 214px; position: fixed; vertical-align: middle; transition: 0.5s all; -webkit-transition: 0.5s all; padding-right: 1px;}
.exp-col .navbar-header_1 { left: 0px;}
.navbar-header_1 { background: #17365d; z-index: 1050; height: 100%; left: 214px; position: fixed; vertical-align: middle; transition: 0.5s all; -webkit-transition: 0.5s all; padding-right: 1px;}
 .navbar-brand span {  display: table-cell;  vertical-align: middle; } 
 .navbar-brand span b {background: #17365d none repeat scroll 0 0;border-radius: 0 15px 15px 0;display: inline-block;margin-left: -9px;position: relative;right: -15px;vertical-align: middle;  }
.exp-col .navbar-brand span b:before { content: "\f101"; font-family: fontawesome; color: #fff;}
.navbar-brand span b:before { content: "\f100"; font-family: fontawesome; color: #fff;}
.navbar-header1 { background: #17365d; z-index: 1; height: 100%; left: 230px; position: fixed; vertical-align: middle;  padding-right: 1px;}
.main-container {transition: all 0s ease 0s; padding-top: 213px; height: 100%;padding-top: 0;float: left;width:100%;}
 .main-container.rib-col {  padding-top: 0px;  }
.exp-col .navbar-header1 { left: 74px;}
.exp-col1 .navbar-header1 { left: 0px; z-index: 2;}
.exp-col1 .navbar-header1 span b {  right: -27px; }
.exp-col1 .sidebar { width: 18px;}
.navbar-brand1 { display: table; color: #fff;font-size: 18px; height: 50px; height: 100%; line-height: 20px; padding: 15px 0px; vertical-align: middle; float: none;} .navbar-brand1 span {  display: table-cell;  vertical-align: middle; }  /*.exp-col #exp-col  span:before{content: "\f105"; font-family: fontawesome;}#exp-col  span:before{content: "\f104"; font-family: fontawesome;}*/  .navbar-brand1 span b {background: #17365d none repeat scroll 0 0;border-radius: 0 15px 15px 0;display: inline-block;margin-left: -10px;padding: 46px 3px;position: relative;right: -15px;vertical-align: middle;top: 53%;  }

.exp-col1 .navbar-brand1 span b:before , .navbar-brand1 span b:before{
     content: "\f101";
     font-family: fontawesome;
     color: #fff;
     left: -3px;
     position: relative;
}

.navbar-brand1 span b:before {
    content: "\f100";
}
.navbar-brand1 span {
    display: table-cell;
    vertical-align: middle;
}
.navbar-brand1 span b {
    background: #17365d;
    border-radius: 0 15px 15px 0;
    display: inline-block;
    margin-left: -10px;
    padding: 34px 3px;
    position: relative;
    right: -15px;
    vertical-align: middle;
    top: 53%;
    font-size:14px;
}
.treeview ul li { padding: 0;}
.treeview ul { margin: 0; padding: 0; list-style: none;} 
.treeview ul li a {  display: inline-block;  padding: 5px 5px 5px 15px;  width: 100%; }
.row.line-modal { height: 100%; overflow-y: auto;}
input.minor { background-color: yellow;}
.drop-data { position: relative;}
.vinspl-status-info { position: relative; width: 76%; float: left;} 
.vinspl-status-info > Div {  text-align: center; } 
.vinspl-status-info.ra-s-info .strip {  left: 5% !important; } 
.vinspl-status-info.ra-s-info2 .strip {  left: 5% !important; } 
.vinspl-status-info .strip {  height: 6px;  position: absolute;  background: #DBDADA none repeat scroll 0% 0%;  top: 19px;  margin-top: -5px;  left: 5% !important; } 
.vinspl-status-info.ra-s-info .strip-checked {  left: 5%; } 
 .vinspl-status-info.ra-s-info2 .strip-checked {  left: 5%; } 
.vinspl-status-info .strip-checked {  height: 6px;  position: absolute;  background: #f6a106 none repeat scroll 0% 0%;  top: 19px;  margin-top: -5px;  left: 5%;  transition: width 2s ease 0s;  -webkit-transition: width 2s ease 0s; } 
.vinspl-status-info a span {border-radius: 50px;background: #dbdada;width: 14px;height: 14px;display: inline-block;position: absolute;top: 50%;left: 50%;margin-top: -7px;margin-left: -7px;  }
.vinspl-status-info a:hover span {background: #f6a106;  }  
.vinspl-status-info a img {width: 21px;height: 17px;position: absolute;top: 50%;left: 50%;margin-top: -8px;margin-left: -11px;display: none;  }                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      .vinspl-status-info .dropdown-menu a {  border: none;  color: #808080;  font-size: 13px;  height: 20px;  position: absolute;  right: 0px;  margin-top: -9px;  top: 50%;  margin-right: 2px;  border-left: 1px solid #D7D7D7;  padding: 0px 0px 0px 2px;  background: #EEE none repeat scroll 0px 0px;  border-radius: 0;  width: 17px; } 
.vinspl-status-info .dropdown-menu {  left: -31%;  padding-bottom: 10px;  padding-top: 0;  top: 102px;  width: 350px !important; }  .vinspl-status-info .dropdown-menu img {width: 15px;height: 15px;display: block;  }  .vinspl-status-info .dropdown-menu h6 {margin: 0 0 10px;background-color: #002d4a;position: relative;  }
.vinspl-status-info .dropdown-menu h6 span { position: absolute; width: 38px; height: 11px; top: -11px; left: 18%; margin-left: -19px; background: url("/images/tip1.png") 0 0 no-repeat;} .vinspl-status-info > div > label {  text-align: center !important;  min-height: 20px;  font-size: 13px;  float: left;  width: 100%; } .vinspl-status-info .dropdown-menu {  top: 85px !important; } .vinspl-status-info .btn.pull-left.btn-default img {  float: left !important;  margin: 0 4px 0 0;  position: static; } .vinspl-status-info .btn.pull-left.btn-default {  border: 1px solid #ddd;  border-radius: 3px;  display: inline-block;  float: left !important;  height: auto;  margin: 5px 0 0 !important;  padding: 6px 12px;  position: static;  width: auto !important; } .vinspl-status-info .dropdown-menu .arrow-status img {  width: 46px;  display: inline-block; } .vinspl-status-info .dropdown + .dropdown {  display: none; }#requisition .vinspl-status-info.ra-s-info .strip { left: 10% !important;}
.vinspl-status-info .viewlabel { display: none;}
.vinspl-status-info td { text-align: left;}
.vinspl-workflow-right { float: right; width: 23%;}
.vinspl-work-flow { float: right;} 
.vinspl-work-flow em {  float: left;  font-style: normal; }
.vinspl-work-flow-panel { width: 100%;}
.checked-tick { border-color: #002d4a !important; background: #5ec30d !important;}
.yellow-dot { border-color: #f6a106 !important; background: #f6a106 !important;}
.green-dot { background: #5ec30d none repeat scroll 0 0 !important; border-color: #5ec30d !important;}
.checked-tick span { display: none !important;}
.checked-tick img { display: block !important;}
.bs-example.bs-example-tabs.home-tabs {  display: block; padding: 0 0px;}
.sub-table { padding: 0 !important;} 
.sub-table table td:first-child {  background: #fff !important; } 
                                     
.sub-table table tr td:nth-child(2) {  background: #ececec none repeat scroll 0 0;  width: 25px;  text-align: center; } .sub-table td {  border: medium none;  background: #fff;  text-align: left; }
.sub-table-sub table tr td:nth-child(2) { background: #fff none repeat scroll 0 0; width: 25px; text-align: center;}
.sub-table-sub table tr td:nth-child(3) { background: #ececec none repeat scroll 0 0; width: 25px; text-align: center;}
.nav-pills .dropdown-menu a { color: #000;}
.corrective th:nth-child(2) { width: 90px;}
.corrective th:nth-child(3) { width: 90px;}
.corrective th:nth-child(5) { width: 92px;}
.corrective th:nth-child(6) { width: 92px;}
.corrective th:nth-child(7) { width: 92px;}
.corrective th:nth-child(8) { width: 92px;}
.corrective th:nth-child(9) { width: 122px;}
.corrective-tbl table td a { /*color: #028902;*/ text-decoration: none;box-shadow:none; /*float: left;*/ /*-->> create problem in near miss ---- Acknowledge form <<--*/}
.corrective-tbl table td span { float: left; height: auto; padding-top: 0; width: 100%;}


.disable-fullscreen .vinspl-comments-box { padding: 15px 0; display: inline-block; width: 100%;}
.disable-fullscreen { /*top:20%*/}/*.corrective-tbl table{display:inline-block;}*/
.corrective-tbl { overflow: visible !important;} 
.corrective-tbl td {  padding: 5px; }
.btn-group { white-space: nowrap;} 
.btn-group a {  float: none;  display: inline-block;  text-decoration: none; }
.corrective-tbl a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border: medium none; border-radius: 0; height: auto; width: auto; display: inline-block;} .corrective-tbl a img {  display: block;  height: auto;  margin: 0 auto;  position: static;  width: 20px; }
.corrective-tbl .dropdown-menu { top: 46px !important; left: 50%; margin-left: -174px; padding-bottom: 10px; padding-top: 0; top: 102px; width: 350px !important;} .corrective-tbl .dropdown-menu img {  display: block;  height: 15px;  width: 15px !important; } .corrective-tbl .dropdown-menu h6 {  background-color: #002d4a;  margin: 0 0 10px;  position: relative; }  .corrective-tbl .dropdown-menu h6 span {background: rgba(0, 0, 0, 0) url("/images/tip1.png") no-repeat scroll 0 0;height: 11px;left: 50%;margin-left: -19px;position: absolute;top: -11px;width: 38px;  }
.vinspl-modal-header h5 { color: #fff; font-weight: bold; }
/*.disable-fullscreen .vinspl-modal-body { height: 74%;}*/
.custom-menu-box { display: table; border-radius: 15px 0 0 15px; height: 96%; position: absolute; right: 0; top: 15px; z-index: 2; background: rgba(0, 45, 74, 0.9) none repeat scroll 0 0;} .custom-menu-box > a {  display: table;  top: 0;  right: 17px;  height: 100%; }#customMenu, .customMenuinc { width: 0px; height: 0;}#customMenu-bottom { width: 0px; height: 0;}#customMenu-bottom1 { width: 0px; height: 0;}
.menu_bottom_expand .breadcrumb { padding: 8px 15px;}
.menu_bottom_expand1 .breadcrumb { padding: 8px 15px;}
.menubox_expand { width: 300px !important; transition: 1s all; -webkit-transition: 1s all;}
#component-details { margin-bottom: 20px;}
#component-type-details { margin-bottom: 20px;}
#component-job-details { margin-bottom: 20px;}
#reportwork-detail { margin-bottom: 20px;}
.slide-bottom { float: left; width: 100%;}
.bottom_expand { background: #e5e5e5; height: 0px; bottom: 0; bottom: -46px; left: -11px; position: absolute; width: 100%; transition: 0.5s all; -webkit-transition: 0.5s all;}
.custom-menu-box div > a span { background: #002d4a; border-radius: 120px; font-size: 24px; height: 40px; left: -15px; line-height: 16px; padding: 10px; position: absolute; text-align: center; top: 50%; width: 40px;} .custom-menu-box div > a span:before {  content: "\f100";  font-family: fontawesome;  color: #fff; }
.menubox_expand > a span:before { content: "\f101" !important; font-family: fontawesome; color: #fff;}
.custom-menu-box ul { display: table; list-style: outside none none; margin: 0; padding: 0;} 
.custom-menu-box ul li {  display: inline-block;  margin: 20px;  text-align: center;  width: 52px;  vertical-align: top; }  .custom-menu-box ul li a {color: #fff;  }  .custom-menu-box ul li img {border: 1px solid #000;border-radius: 100px;padding: 5px;width: 80% !important;background: #eee;display: none;  }
.menubox_expand ul li img { display: block;}
.fleet-body { padding: 0 !important;}
.fleet-tabs { margin: 0 -14px !important; padding: 0 !important; background: #002d4a;} 
.fleet-tabs li {  padding: 0 !important; } 
.fleet-tabs a {  color: #fff !important;  background: none !important;  border-radius: 0 !important;  border: none !important; }  .fleet-tabs a:hover {color: #555 !important;background: #eee !important;border: none !important;  } .fleet-tabs li.active a {  border: none !important;  color: #555 !important;  background: #eee !important; }
.fleetcrumb { background-color: #f6a106;}
.content { margin: 6px 0; padding: 0;}
.customMenu-bottom .check-label { display: none;}
.customMenu-bottom.menu_bottom_expand .check-label { display: block;}
.choose-dep { float: left; padding: 10px 0; width: 170px;} 
.choose-dep .btn-group {  width: 100%; }  
.choose-dep .btn-group .btn {width: 100%;background: #17365d !important;color: #fff;font-size: 13px;box-shadow: none;  }
.tab-pane.fade { display: none;}
.tab-pane.active.fade.in { display: block;}

.all-tabs { display: block;}/*Added By Bhupinder Singh (For Grid)*/
.nav-tool .dropdown-menu { left: auto; right: 0;}
.vinspl-form-sidebar li a:after { background: #eee none repeat scroll 0 0;}
.nav-tool .dropdown-menu .dropdown-submenu .dropdown-menu { border-radius: 6px 0px 0px 6px; right: 100% !important; left: auto; margin-left: -1px; margin-top: -6px; top: 0;}
.nav-tool .dropdown-menu .dropdown-submenu .dropdown-menu { background-color: #fff;}

/*.e-grid .e-filterbarcell input { width: 97% !important; margin: 0 !important; font-size: 13px !important; padding: 0 !important;}*/
.e-pager .e-pagercontainer { background-color: #f4f4f4 !important; border-color: #ddd !important; color: #444 !important;} .e-pager .e-pagercontainer .e-icon:hover {  background: #fff !important; }
.margin-top-row { margin-top: 2px; border-radius:0 7px 7px;}
.breadcrumb h5 span { display: inline-block;} 
.breadcrumb h5 span label {  float: left; }
                                              
#mySRModal .vinspl-modal-dialog { height: auto !important;}
#mySRModal .vinspl-modal-body { float: left; padding: 20px !important; width: 100%; position: relative !important;}
#contentPanel { cursor: auto; float: left; height: 100%; min-height: 25px; width: 100%;}
#mySRModal .vinspl-modal-footer { background: #e5e5e5 none repeat scroll 0 0; bottom: 0; display: inline-block; font-size: 13px; position: relative; width: 100%;}
.e-boolrowcell input { display: inline !important;}
.loader { background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0; height: 100%; left: 0; padding: 20% 0; position: fixed; text-align: center; top: 0; width: 100%; z-index: 999999; display: none;}#reportwork-detail .menu_bottom_expand a { top: -127px !important;}
.bottom_expand div { visibility: hidden;}
.menu_bottom_expand .bottom_expand div { visibility: visible;}
.menu_bottom_expand1 .bottom_expand div { visibility: visible;}
.menu_bottom_expand .bottom_expand { box-shadow: 0 0 27px 4px rgba(0, 45, 74, 0.7); -webkit-box-shadow: 0 0 27px 4px rgba(0, 45, 74, 0.7); height: auto; min-height: 160px; padding-bottom: 15px;}
.menu_bottom_expand1 .bottom_expand { box-shadow: 0 0 27px 4px rgba(0, 45, 74, 0.7); -webkit-box-shadow: 0 0 27px 4px rgba(0, 45, 74, 0.7); height: auto; min-height: 160px; padding-bottom: 15px;}
.bottom_expand .form-below span { background: #e5e5e5;}
#customMenu-bottom > a { bottom: -29px; position: absolute;}
#customMenu-bottom1 > a { bottom: -29px; position: absolute;}
.menu_bottom_expand { width: auto !important;}
.menu_bottom_expand1 { width: auto !important;}
.custom-menu-box div > a span { background: #002d4a; border-radius: 100%; font-size: 24px; height: 60px; left: -28px; line-height: 16px; padding: 18px 1px 0 0; position: absolute; text-align: center; top: 50%; width: 60px;}
.custom-menu-box div > a span:before {content: "\f100";font-family: fontawesome;color: #fff;padding: 18px 24px 0 0;}
.menubox_expand > a span:before { content: "\f101" !important; font-family: fontawesome; color: #fff; padding: 18px 20px 0 19px !important;}
.custom-menu-box ul { display: table; list-style: outside none none; margin: 0; padding: 0;} 
.custom-menu-box ul li {  display: inline-block;  margin: 20px;  text-align: center;  width: 52px; }  
.custom-menu-box ul li a {color: #fff;  }  
.custom-menu-box ul li img {border: 1px solid #fff;border-radius: 100px;padding: 5px;width: 100%; /*filter: invert(1); -webkit-filter: invert(1);*/display: none;  }
.menubox_expand ul li img { display: block;}
.slide-bottom div > a span { background: #002d4a none repeat scroll 0 0; border-radius: 50% 50% 0 0; bottom: -26px; font-size: 24px; height: 30px; left: 4px; line-height: 16px; padding: 2px 10px; position: absolute; text-align: center; width: 40px; cursor: pointer !important;} .slide-bottom div > a span:before {  content: "\f106";  font-family: fontawesome;  color: #fff; }
.menu_bottom_expand > a span:before { content: "\f00d" !important; font-family: fontawesome; color: #fff !important; background: #002d4a; padding: 5px;}
.menu_bottom_expand1 > a span:before { content: "\f00d" !important; font-family: fontawesome; color: #fff !important; background: #002d4a; padding: 5px;}
.bottom_expand .breadcrumb h5 { text-align: center;}
.menu_bottom_expand a span { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; font-size: 18px !important; bottom: -45px !important;}
.menu_bottom_expand a { bottom: auto !important; position: absolute; right: 49px; top: -258px !important; z-index: 1;}
.addl.menu_bottom_expand a { top: -216px !important;}
.menu_bottom_expand1 a span { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; font-size: 18px !important;}
.menu_bottom_expand1 a { bottom: auto !important; position: absolute; right: 49px; top: -153px !important; z-index: 1;}
.slide-bottom { display: table; height: 100%; position: absolute; left: 10px; bottom: -10px; z-index: 1;}
.tbl-new td:first-child { background: none !important; text-align: left; border: none;}
.tbl-new td { background: none !important; text-align: left; border: none;}
.q-tip { display: none; bottom: 40px; left: 50%; position: absolute; background: #fffaa6; border-radius: 5px; border: 1px solid rgba(0, 45, 74, 0.2); margin-left: -70px; width: 140px; padding: 5px;} .q-tip span {  background: url(/images/qtip.png) 0 0 no-repeat;  width: 15px;  height: 9px;  position: absolute;  bottom: -9px;  left: 50%;  margin-left: -7.5px; }
.open-qtip { position: relative;} 
.open-qtip:hover .q-tip {  display: block; }/*************************************************new css - 9 aug*****************************************************/.ra-table tr td:first-child { width: auto; max-width: none;}
.navbar h6 { float: left; margin: 17px 0 0 430px; color: #fff; font-size: 24px; font-weight: bold;}
.bs-example.bs-example-tabs.home-tabs { background: #fff none repeat scroll 0 0; display: inline-block; width: 100%; height: calc(100% - (54px + 0px)); /*overflow-y: auto;*/ position: relative;}
.bs-example.bs-example-tabs.dash-home { background: #eee;}
#q2_2010 { margin: 20px 0;}
canvas { margin: 12px 0;}                                                      
#labels ul li { font-size: 13px;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 0;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 0;}
.carousel-control.left { background: none !important;}
.carousel-control.right { background: none !important;}/* ////////////////// New css Risk Table Asscessment (Aug 10, 2016) ////////////// simranjit ////////////////*/.ra-management td:first-child, .ra-management th:first-child { padding: 0 14px !important;}
.ra-management table table td:first-child, .ra-management table table th:first-child { border-left: medium none;}
.ra-management table table tr:nth-child(2n + 0) th { border-bottom: medium none;}
.likelihood { background: #ececec url("/images/arrow-ver.png") no-repeat scroll center center / 29px unset; 
              display: inline-block; font-size: 14px; font-weight: bold; height: 68%; left: 2px; letter-spacing: 2px; margin-top: 0; padding: 0% 6px 0 7px; position: absolute; text-align: center; width: 23px; word-break: break-all;}
.ra-management th { vertical-align: bottom; border-color: #dbdada;}
.ra-management td { border-color: #dbdada;}
.ra-management table { position: relative;}
.ra-management .table-inner { padding: 0 !important; border-right: none;}
.ra-table .table-inner th:first-child { padding: 5px !important;}
.collapse-ra textarea.form-control { height: 40px;}

.ra-table .table-inner tr:first-child th { letter-spacing: 12px;}
.low-ra { background: green; color: #fff !important;}
.mid-ra { background: yellow; color: #000 !important;}
.high-ra { background: red; color: #fff !important;}
.low-ra, .mid-ra, .high-ra { text-align: center; vertical-align: middle !important; font-weight: bold; border: 1px solid #222 !important;}div.RiskTAssessment { position: fixed; width: auto; z-index: 222; margin-left: 10px; width: 100%; top: 40%; right: 0;border:none;} div.RiskTAssessment a {  position: absolute;  right: -75px;  top: 91px;  transform: rotate(-90deg);  z-index: 1000; }
.ra-control-top { text-align: center;}
.ra-rev { float: right;}
.risk-ra {background: #fff none repeat scroll 0 0;border: 2px solid #365f91;display: block;opacity: 0;position: absolute;right: 40px;top: 0;transform: translateX(3000px);transition: all 0.5s ease 0.5s;visibility: hidden;z-index: 1;}
.risk-ra.slide {opacity: 1;transform: translateX(0px);visibility: visible;}
/*.RiskTAssessment:hover .risk-ra { display: block;}*/
.padding-top { padding-top: 10px;}
.management-area input { width: 42%;}
.management-area select { width: 23.8%; display: inline-block;}
.btn-calendar { background: transparent none repeat scroll 0 0; border: medium none; padding: 0 0 0 6px;}
.vinspl-modal-footer .btn { width: auto; min-width: 90px; text-decoration: none;}
.btn .next-ico { margin-right: 0; margin-left: 10px;}
.IRTC-section { display: none;}/***********************************************************************************************/.glyphicon.glyphicon-hand-up { font-size: 22px;}
.high-ra select { border: none !important; background: none !important; color: #fff;}
.high-ra optgroup { border: none !important; background: none !important;}
.high-ra select option { border: none !important; background: none !important; color: #fff;}
.mid-ra select { border: none !important; background: none !important; color: #000;}
.mid-ra optgroup { border: none !important; background: none !important;}
.mid-ra select option { border: none !important; background: none !important; color: #000;}
.low-ra select { border: none !important; background: none !important; color: #fff;}
.low-ra optgroup { border: none !important; background: none !important;}
.low-ra select option { border: none !important; background: none !important; color: #fff;}/**********************************new css dashboard 22-08-2016*********/.circle { width: 192px; height: 192px; background: #d60f00; border-radius: 100%; color: #fff; margin: 0 auto; position: relative; overflow: hidden;} .circle .half-circle {  background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;  border-radius: 100%;  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;  color: #fff;  font-size: 46px;  font-weight: bold;  height: 240px;  left: 50%;  margin-left: -120px;  padding: 156px 0 0;  position: absolute;  text-align: center;  top: -140px;  width: 240px; } .circle span {  bottom: 50px;  display: inline-block;  font-size: 24px;  position: absolute;  text-align: center;  width: 100%; }
.circle-rfq { background: #00a918;}
.circle-quote { background: #ffde00;}
.circle-po { background: #004790;}
.circle-gra { background: #ff0675;}
.circle-invoice { background: #00b4ff;}
.canvas-area { float: left; width: 100%; margin-top: 15px;}
.graph-box { border: 1px solid #757575; padding: 15px;} 
.graph-box img {  width: 100%; }
.vertical-tabs > .tab-content { padding-left: 40px; position: relative;}
.vertical-tabs ul { left: -35px; position: absolute; top: -16px;}
.vertical-tabs li { float: none; margin: 104px 0; transform: rotate(-90deg) skewX(45deg); background: #17365d; border: none;} .vertical-tabs li:hover {  background: #17365d;  border: none !important; } .vertical-tabs li.active {  background: #17365d !important; }  .vertical-tabs li.active a {background: none !important;color: #fff !important;border: none !important;  } .vertical-tabs li a {  padding: 3px 22px !important;  transform: skewX(-45deg);  color: #fff;  border: none; }  .vertical-tabs li a:hover {color: #fff;background: none;border: none !important;  }/*------ August 26 css changes by simranjit ------*/.margin-2 { margin-bottom: 2px;}
.custom-menu-box .small-box-footer span, .custom-menu-box .small-box-footer span:focus { background: transparent none repeat scroll 0 0; left: 0; position: inherit; right: 0; text-align: center; width: 100%;}
.mainpage .small-box > a { background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; border-radius: 0 0 10px 10px; bottom: 0; color: rgba(255, 255, 255, 0.8); display: block; padding: 3px 0; position: absolute; text-align: center; text-decoration: none; width: 100%; z-index: 10;} .mainpage .small-box > a .fa {  transition: all 0.5s ease 0s; }
.mainpage .small-box:hover .fa { font-size: 14px; transform: rotate(0deg);}
.status-log span { background: none !important;}
.glyphicon-arrow-up:before { content: "\f102"; font-family: fontawesome;}
.glyphicon-arrow-down:before { content: "\f103"; font-family: fontawesome;}
/*//////////////////-- 29-Aug-2016 css changes --/////////////////*/
#ship-details-modal .vinspl-modal-dialog { height: 390px;}
.custom-menu-box ul li { display: inline-block; margin: 10px; text-align: center; width: 74px;}
.menubox_expand span { display: inline-block; font-size: 14px; font-weight: normal; width: 100%;}
.menubox_expand ul li img { padding: 10px; width: 70%; display: inline-block;}
.nowrap { white-space: nowrap !important;}
.btn .i-lg { font-size: 17px; margin-right: 8px;}
th input[type="checkbox"],td input[type="checkbox"] { margin: 1px auto 0;}/* Added by bhupinder  */
.e-chk-act { display: none;}/*#req_status .panel-heading {height: 30px;left: -260px;position: absolute;top: 10px;transition: width 1s ease 0s;width: 260px;z-index: 1;}*/#req_status.status_expand .panel-heading { margin: 0;}
.statusHeading { margin: 0 -15px; height: 30px; left: 0; position: absolute; top: 2px; transition: width 1s ease 0s; width: 16.951%; z-index: 1;}
.workflow .statusHeading { margin: 0; position: relative; top: 0; width: 100%;} 
.workflow .statusHeading a:hover, .workflow .statusHeading a {  display: none; }
.status_expand .statusHeading { width: 100% !important; left: 0px !important; top: 0px !important; position: relative !important;}#req_status.panel.panel-default { border: medium none;}#statusAccordion .status_expand.panel-default { border: 1px solid #5ec30d !important; margin: 0 0px 2px;}
.statusHeading { padding: 6px 10px;} .statusHeading h5 span {  cursor: pointer;  float: left;  width: 14px;  margin-right: 10px;  padding-left: 0; }  .statusHeading h5 span:before {content: "\f101";float: left;font-family: fontawesome;  } .statusHeading h5 small:before {  content: "\f101";  float: left;  font-family: fontawesome;  color: #fff; }
.status_expand h5 span:before { content: "\f100" !important; float: left; font-family: fontawesome;}
.statusHeading h5 small { cursor: pointer; float: left; font-size: 16px; font-weight: bold; width: 14px;}
#req_status .statusHeading h5 small { display: none;}
.workflow .statusHeading h5 small { display: inline-block;}
.workflow .statusHeading h5 span { display: none;}
.statusHeading h5 label { float: left; font-weight: bold; font-size: 16px;}
#req_status h5, .statusHeading h5 { color: #fff;}
.custom-sidebar { top: 38px;}#req_status h5.panel-title a { display: none;}
.status_expand h5.panel-title a { display: block !important;}
#req_status #collapseStatus { /*display: none;*/ transition: all 0.5s ease 0s; /*overflow: hidden;*/}
.status_expand #collapseStatus { /*display:block !important;*/}
#statusAccordion .panel-default .panel-heading, body .modal .statusHeading { background: #5ec30d !important;} 
#statusAccordion .panel-default .panel-heading a, .statusHeading a {  color: #fff !important; }
#statusAccordion .panel-default { border-color: #fff !important; border-bottom-color: #f6a106 !important;}
#collapseStatus .form-below { margin-top: 0px; margin-bottom: 0px;}
.approved-status.dropdown-menu { height: 200px !important; left: -98% !important; width: 760px !important;}
.moc-status.dropdown-menu { height: 200px !important; left: -98% !important; width: 940px !important;}
.status-log.btn { /*padding: 5px;font-size: 10px;*/}/*=========== RFQ new css =========*/
.vessel-movement { background: orange none repeat scroll 0 0; display: inline-block; margin-top: 3px; padding-bottom: 5px; width: 100%;} .vessel-movement h3 {  color: #000;  font-size: 18px;  margin: 4px 0; } .vessel-movement p {  line-height: normal;  margin: 0; }
.vessel-details { background: rgb(25, 41, 100) none repeat scroll 0 0; color: #fff; display: inline-block; width: 100%;} .vessel-details p {  color: #fff;  font-size: 13px;  margin: 0; }
.details-box { border-right: 1px solid #495581; padding: 5px 0;} 
.details-box:last-child {  border-right: 1px solid #495581; }
.boat-i { left: -1px; position: absolute; top: -33px;}
.vessel-lavel { display: block;}
.vessel-progress img { max-height: 75px; max-width: 100%; width: 85%;}
#req_status .form-below { display: none;}
.status_expand .form-below { display: inline-block !important;}
.middle { vertical-align: middle !important;}
.highlighter { background: yellow;}
.arrow-down { width: 0; height: 0; border-top: 5px solid black; border-right: 5px solid transparent; border-left: 5px solid transparent;}
.e-btn .e-icon, .e-split-btn-div .e-icon { padding: 4px 0 !important;}
.e-split-btn-div .e-icon { font-size: 10px; height: 4px !important; width: 1px !important;}
.fa-info-circle::before { color: black;}
.inner-table td:first-child { height: auto !important; background: none !important; text-align: left;}
.inner-table td { border-collapse: collapse;}
.nav-pills > li > a { color: #000;}
.rfq-table td:nth-child(2) { background: #ececec none repeat scroll 0 0; border: 1px solid #dbdada; color: #002d4a; font-weight: bold;}
.inner-table td.high-ra { background: red !important; font-weight: normal; border: 1px solid #d7d7d7 !important;}
.inner-table td.mid-ra { background: yellow !important; font-weight: normal; border: 1px solid #d7d7d7 !important;}
.inner-table td.low-ra { background: green !important; font-weight: normal; border: 1px solid #d7d7d7 !important;}
.table-inner td:first-child { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; color: #000; text-align: left;}
.ra-table td label { padding-left: 20px;}
.ra-table td input[type="checkbox"] { margin: 5px 0 0 -20px;}
.status-comment { text-align: left; font-weight: bold; vertical-align: middle; display: table-cell;}
.status-title { text-align: center; font-weight: bold;}
.status-main { background: #f6a106 none repeat scroll 0 0; display: inline-block; height: 48px; margin: 0 2%; vertical-align: middle; width: 98%;}
.info-box p { margin: 0 0 5px;}/* ----------------- 19-Sep ------------------*/ 
.request-ui .component-form { position: relative; }
.req_status .panel-default { transition-duration: 8s; transition-property: height; height: 0;}
.req_status .status_expand { height: auto;}
.req_status { /*padding: 0 15px;*/}
.info-box p { margin: 0 0 5px;}
#rfq-comments .nav-tabs li.active a { border-color: #002d4a !important;}
                               
tbody th { color: #000 !important;}
.rtp-box { position: relative;}
.rtp { position: absolute; bottom: 0; right: 2px; display: inline-block;}
.rtp-box .rtp label { visibility: hidden; background: #fff397; border: 1px solid #ffdc09; padding: 5px; position: absolute; right: 0; bottom: 0;}
.rtp-box .rtp:hover label { visibility: visible;}
.drop-btn { margin-top: 5px;} .drop-btn .btn {  margin-left: 5px; }
.ra-control { position: absolute; top: 20px; right: 0;}hr { border-top: 1px solid rgba(0, 45, 74, 0.2); margin: 10px 0;}
.ra-table ol { padding: 20px 0 0 15px;}
.ra-table a { color: #000;}#fcm-1-modal a { color: #000; margin: 0 5px;}
.col-sm-4.info-box i { font-size: 17px; font-style: normal;}
.fcm-1 a { position: relative; display: block;}
.fcm-1 img { -webkit-filter: invert(1); -moz-filter: invert(1); -ms-filter: invert(1); filter: invert(1); position: absolute; right: -21px; top: -13px; width: 40px !important;}
.fnc_list { background: #fff none repeat scroll 0 0; display: block; margin: 0 30px 0 0; padding-top: 3px; position: fixed; top: 37px; z-index: 1; width: 100%;}/*.fnc_form{padding-top: 142px;}*/.absolute { position: absolute; padding-top: 140px; padding-right: 15px;}
.line-modal { height: 100%;}
.tooltipblock .tooltip { background: #000 none repeat scroll 0 0; border-radius: 4px; color: #fff; float: left; line-height: normal; opacity: 0.7; padding: 5px 10px; top: 0; width: auto; z-index: 9; display: none;}
.tooltipblock:hover .tooltip { display: block;}/*------------------ New css ( 22 Sep ) -----------*/
body .check-in { display: inline-block; width: auto;}
.check-in > input { margin-left: 20px; position: relative; top: 3px;}
.ullist { list-style: outside none; padding: 0 0 0 17px;} 
.ullist li {  padding: 2px 0; }
                                                              
.cause-content .breadcrumb { background-color: #e5e5e5; border: 1px solid #e5e5e5; border-bottom: none;}
.cause-content .breadcrumb a { color: #002d4a !important;}
.cause-content .tab-pane .tab-pane { display: inline-block; margin-bottom: 15px; width: 100%;}
.causes-pannel-header + .tooltip > .tooltip-inner { width: 200px;}
.cause-content .panel-heading { background-color: #e5e5e5 !important; border: 1px solid #e5e5e5 !important; border-bottom: none; color: #002d4a;}
.panel-title .causes-pannel-header { background-color: #e5e5e5; border: 1px solid #e5e5e5; border-bottom: none;}
.panel-heading h5 .panel-title a { color: #002d4a !important;}
.cause-content .panel.panel-default { border-color: #e5e5e5 !important;}
.check-label .col-xs-12 { margin-top: 3px;}/*on off switch*/
.switch { position: relative; display: inline-block; border-radius: 34px;}
.swith input { display: none;}

.swith-slider:before {  position: absolute;  content: ""; -webkit-transition: .4s;  transition: .4s;}
input:checked + .swith-slider { background-color: #f7f7f7; box-shadow: 0 2px 9px 1px #ababab inset; -webkit-box-shadow: 0 2px 9px 1px #ababab inset;}input:focus + .swith-slider { box-shadow: 0 1px 2px 2px #ababab inset; -webkit-box-shadow: 0 1px 2px 2px #ababab inset;}
.e-checkbox-wrapper[aria-checked="true"] + .swith-slider:before {-webkit-transform: translateX(17px); 
                                                                 -ms-transform: translateX(17px); 
                                                                 transform: translateX(17px);}


.switch > input { left: 10px !important; position: absolute; top: 10px; display: none !important;}
/*Rounded Sliders*/
.swith-slider-outer { background: #eee; border-radius: 15px; box-shadow: 0 1px 1px 2px #ababab inset; height: 24px; position: absolute; top: 0; width: 77px;}
/*on off swith end*/
/*----------- 26 Sep css ------------*/
.getrate { padding-left: 0;} 
.getrate .btn {  padding: 0 !important;  font-size: 13px; }
.revert { padding: 5px 0;}
.tooltip-inner { display: inline-block; left: 0; position: absolute; top: -57px; width: 100%; z-index: 2;}
.tool { position: relative;}
.tooltip-inner { display: none;}
.vinspl-pick-list:hover .tooltip-inner { display: block;}
.component-form { height: 100%; margin: 0; padding-bottom: 2%;}
ul.vinspl-attached-item { list-style: none; margin: 0; padding: 0;}
.vinspl-attached-item div:before { display: inline-block; height: 100%; vertical-align: middle;}
.vinspl-attached-item .vinspl-item-thumb img { display: inline-block; vertical-align: middle; width: 56px;}
.vinspl-attached-item { margin: 10px 0; text-align: center;} 
.vinspl-attached-item .vinspl-item-thumb {  border: 1px solid #ddd;  border-radius: 10px;  width: 120px;  height: 180px;  overflow: hidden;  padding: 10px 0; }  .vinspl-attached-item .vinspl-item-thumb .detail {position: absolute;top: 0px;left: 0;width: 100%;border-radius: 10px;overflow: hidden;height: 100%;color: #fff;text-align: center;font-size: 16px;font-weight: bold;  }
.vinspl-attached-item .vinspl-item-thumb .detail:hover a { display: block;}
.vinspl-attached-item .vinspl-item-thumb .detail a { height: 49%; line-height: 22px; position: absolute; text-align: center; vertical-align: middle; width: 100%; padding: 20px 0; display: none; background: rgba(0,0,0,0.5); color: #fff; cursor: pointer;} .vinspl-attached-item .vinspl-item-thumb .detail a:hover {  background: rgba(0,0,0,0.7); } .vinspl-attached-item .vinspl-item-thumb .detail a.addnew {  top: 0; } .vinspl-attached-item .vinspl-item-thumb .detail a.attachment {  bottom: 0; } .vinspl-attached-item li {  float: left;  margin: 10px 30px;  position: relative; }
.add-new { font-size: 72px; text-align: center; line-height: 130px;} 
.add-new:before {  display: inline !important;  line-height: 10px; }
.vinspl-item-thumb > span { background: #fff; background: rgba(0, 0, 0, 0) -moz-linear-gradient(#ececec, #f7f7f7); background: rgba(0, 0, 0, 0) linear-gradient(#ececec, #f7f7f7); background: rgba(0, 0, 0, 0) -webkit-linear-gradient(#ececec, #f7f7f7); background: rgba(0, 0, 0, 0) -o-linear-gradient(#ececec, #f7f7f7); border-radius: 0 0 10px 10px; border: 2px solid #dbdbdb; bottom: 0; font-size: 13px; left: 50%; margin-left: -85px; line-height: 16px; padding: 3px; position: absolute; text-align: left; width: 166px; min-height: 108px;} .vinspl-item-thumb > span i {  float: left;  font-style: normal;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  width: 100%; }
.checkalign ul { list-style: outside none none; padding: 0;}
.checkalign .control-label { padding-left: 58px;}
.margin-2 { margin-top: 2px;}
.high-bg { background: red; color: #fff;}
.medium-bg { background: yellow;}
.low-bg { background: green; color: #fff;}
.revert .tooltip-inner { top: -27px;}
.selectorul { display: inline-block; font-size: 13px; list-style: outside none none; padding: 0; position: absolute; top: -19px; width: 100%; z-index: 2;} .selectorul li {  display: inline-block;  height: 18px;  padding: 0 8px;  width: 100%; }  /*select.pick-select { color: transparent;}*/  .selectorul li:not(.init) {background: #fff none repeat scroll 0 0;color: #333;display: none;float: left;width: 100%;cursor: pointer;border-top: 1px solid #ddd;  }
.selectorul li:not(.init):hover, .selectorul li.selected:not(.init) { background-color: #eee;}  
.selectorul li.init {border-bottom: 1px solid #ddd;  }
.edit-comment { -webkit-filter: invert(1); -moz-filter: invert(1); -ms-filter: invert(1); filter: invert(1);}#inspection-psc-form-modal .tab-content, .wrap { /*margin-bottom: 90px;*/}
.corrective-status { overflow: auto; width: 100%;}
.corrective-status1 { width: 100%;}/*.textarea-control { height: 40px !important;}*/
.w-border tr { background: none; border: none;} 
.w-border tr th {  background: none;  border: none; }
.panel-default > .panel-heading.fnc-panel-heading { background: #44667c none repeat scroll 0 0 !important; border-color: #44667c !important; color: #fff !important;}
.fnc-pan-default { border-color: #44667c !important;}
.fnc-sidebar { top: -9px !important;}
.fnc-component-form .box-body { /*padding-top: 0px !important;*/}
.qot-table td:nth-child(2) { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #000; font-weight: normal; width: 50%;}/*================ Css 4 Oct ==============*/.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}
.padding-null { padding: 0 !important;}
.margin-bottom { margin-bottom: 10px;}
.hide-fun { display: none;}
.ETA .row { margin: 0;}
.label-LB { float: left; margin: 20px 2px 0px;} 
.label-LB input[type="checkbox"], .label-LB input[type="radio"] {  float: left;  margin: 4px 0 0; }
.vinspl_cap_main { position: relative;} 
.vinspl_cap_main .cap-right {  background: rgba(0, 0, 0, 0) url("/images/curve-mid.png") repeat-x scroll left top;  background-size: contain;  border-radius: 50px;  height: 66px;  padding-left: 0;  padding-right: 0; } .vinspl_cap_main .cap-left {  padding-left: 51px;  height: 64px;  display: table;  background-position: -1px 1px; } .vinspl_cap_main .cap-mid {  display: table-cell;  vertical-align: middle;  padding-right: 8px; /*background:url(/images/curve-mid.png) top left repeat-x;  height:67px; height: 67px; padding: 5px 0 0;*/ } .vinspl_cap_main .cap-purple {  background: url(/images/curve-left-purple.png) top left no-repeat;  background-size: contain; } .vinspl_cap_main .cap-light-blue {  background: url(/images/curve-left-blue.png) top left no-repeat; } .vinspl_cap_main .cap-megenta {  background: url(/images/curve-left-megenta.png) top left no-repeat; } .vinspl_cap_main .cap-brown {  background: url(/images/curve-left-brown.png) top left no-repeat; } .vinspl_cap_main .cap-light-brown {  background: url(/images/curve-light-brown.png) top left no-repeat; } .vinspl_cap_main .cap-green {  background: url(/images/curve-left-green.png) top left no-repeat; } .vinspl_cap_main .cap-light-green {  background: url(/images/curve-light-green.png) top left no-repeat; } .vinspl_cap_main .cap-blue {  background: url(/images/curve-dark-blue.png) top left no-repeat; } .vinspl_cap_main .cap-pink {  background: url(/images/curve-pink.png) top left no-repeat; } .vinspl_cap_main .cap-sea-green {  background: url(/images/curve-sea-green.png) top left no-repeat; } .vinspl_cap_main .cap-yellow {  background: url(/images/curve-yellow.png) top left no-repeat; }
.vinspl_cap_set { padding: 0px 0px 0px 5px;}
.vinspl_cap_set-3 { padding: 5px 0px 0px 5px; width: 25%; float: left;}
.vinspl_cap_set-6 { padding: 5px 0px 0px 5px; width: 50%; float: left;}
.vinspl_cap_main .cap-left { background: url(/images/curve-left-purple.png) top left no-repeat; background-size: contain; background-position: -1px 1px;}
.vinspl_cap_main .cap-blue { background: url(/images/curve-left-blue.png) no-repeat; background-position: -1px 1px;}
.vinspl_cap_main .cap-right label { color: #000; margin-bottom: 0; font-size: 12px; font-weight: normal; line-height: 14px; padding-left: 0px; text-indent: 0;} .vinspl_cap_main .cap-right label span {  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;  border-radius: 0;  color: #000;  font-size: 12px;  font-weight: normal;  padding: 0 0 0 5px;  position: static;  text-align: left;  text-indent: 0;  width: 100%; }
.cap-mid input { float: left; left: 26px; margin: 4px 0 0; position: absolute; top: 3px;}
.vinspl_cap_main .cap-right span.circle { background: #f30909 none repeat scroll 0 0 !important; border-radius: 50px; color: #fff; font-size: 14px; font-weight: bold; height: 20px; left: auto; line-height: 16px; padding: 0; position: absolute; right: 0; text-align: center; top: -6px; width: 20px;}
.vinspl_cap_main .cap-right strong { color: #fff; font-size: 18px; left: 5px; line-height: 30px; position: absolute; text-align: center; top: 17px; width: 35px;}/*================ Css 12 Oct ==============*/.arrow-status { bottom: -8px; font-size: 65px; left: 0; position: absolute; text-align: center; width: 100%;}
.button-sm { margin: -8px 0 -4px; min-width: 30%; padding-bottom: 3px; padding-top: 2px;} 
.button-sm:hover {  background: #337ab7 !important; }
.table-responsive .table > thead > tr > th, .table-responsive .table > tbody > tr > th, .table-responsive .table > tfoot > tr > th, .table-responsive .table > thead > tr > td, .table-responsive .table > tbody > tr > td, .table-responsive .table > tfoot > tr > td { border-top: inherit;}
.ship-nav .menu a { background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0 !important;}
.ship-nav .header { background: rgba(0,0,0,0.2) !important; color: #fff; border-color: rgba(0,0,0,0.2) !important;} .ship-nav .header label {  color: #fff; }
.ship-nav .footer { background: #153054 !important; color: #fff;}
.ship-nav .dropdown-menu { background: #17365d !important;}/*.nav.navbar-nav.ship-nav { margin-left: 45px;}*/

.navbar-nav.ship-nav li > a { line-height: 20px; padding: 5px 10px;}
.ship-menu .btn.btn-default.btn-sm { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; color: #fff !important;}
.ship-nav .footer a { background: rgba(0, 0, 0, 0.1) !important; font-size: 13px;}
.ship-nav .dropdown-menu select { background: #17365d !important; border: none !important; color: #fff;}
.ship-nav .dropdown-menu input[type="search"] { background: #17365d !important; border: none !important; color: #fff;}
.choose-dep .btn-group { width: 100%;} 
.choose-dep .btn-group .btn {  background: #17365d none repeat scroll 0 0 !important;  box-shadow: none;  color: #fff;  font-size: 13px;  width: 100%; }
.choose-dep .dropdown-menu { background: #204167; border-radius: 0; width: 100%; margin-top: 0; padding: 0;} .choose-dep .dropdown-menu li a {  padding: 7px 15px; }
.nav-sidebar li a { color: #17365d; float: left; padding: 10px 10px !important; width: 100%;}

.nav-inner li a img { height: 100%; padding: 10px; width: 100%;}

.nav-inner li a span {background: rgba(0, 0, 0, 0);border-radius: 0 !important;color: #17365d;
                      display: inline-block;float: none;font-size: 14px;font-weight: normal;
                      height: auto;margin: 0;overflow: hidden;position: static;text-align: left;
                      text-overflow: ellipsis;vertical-align: middle;white-space: nowrap;width: 85%;}
.nav-inner .icon-ui { height: 44px; width: 44px; display: inline-block; padding: 0;}
.ra-control-top blink { background: #5ec30d; text-align: center; padding: 0px 10px; color: #fff; float: left; line-height: 20px; font-weight: bold; -webkit-animation-name: blink; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(1.0, 0, 0, 1.0); -webkit-animation-duration: 1s;}

.action { text-align: center;}
.action-control { display: inline-block;}/**************css for index after login page****************************/
.icon-ui { background: #fff none repeat scroll 0 0; padding: 8px 0; border-radius: 100%; display: inline-block; 
           height: 54px; text-align: center; vertical-align: middle; width: 54px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);} .icon-ui > img {  width: 80%; }
.nav.nav-sidebar span { display: inline-block; padding-left: 6%; text-align: left; vertical-align: middle; width: 70%;}
.orange-navline { height: 20px; background: #f39c12;}
.map img { width: 100%;}
.small-box .fa, .small-box:hover .fa { color: #fff; font-size: 50px !important; line-height: normal; padding-top: 14px;}
.huge { color: #fff; font-size: 30px; line-height: 12px;}

.list-groups { max-height: 256px; min-height: 256px; overflow-y: auto;}
.panel-body .list-group-item { border: medium none; font-size: 15px;}/*============ new css ==============*/
.ship-nav .menu a { background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0 !important; padding: 9px 20px;}
.messages-menu .slimScrollDiv, .messages-menu .menu { overflow: visible !important;}
.dropdown-submenu .dropdown-menu { border: 1px solid rgba(0, 0, 0, 0.5); left: 100%; margin-top: -1px; top: 0; width: 250px; padding: 0;}
.messages-menu #locallistview2_container a:hover,.messages-menu #locallistview2_container a:focus { background: #ececec !important; color: #fff !important;}
.messages-menu .dropdown-submenu:hover .dropdown-menu { display: block !important;}/*.messages-menu .dropdown-menu a { border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;}*/.dropdown-submenu .test .fa { position: absolute; right: 20px; top: 14px;}ul.dropdown-menu h5 { color: #fff; font-weight: bold; text-align: left; text-transform: uppercase;}
.dropdown-menu li.header { display: inline-block; width: 100%;}
.slimScrollDiv { max-height: 287px; overflow-y: auto;} 
.slimScrollDiv ul.menu {  max-height: 287px; }
.dropdown-menu h5 .fa { padding-right: 5px;}
.ship-nav .messagesmenu-light .footer { background: #eee !important;}
.ship-nav .messagesmenu-light .dropdown-menu { background: #fff;}
.ship-nav .messagesmenu-light .dropdown-menu { background: #fff none repeat scroll 0 0 !important;}
.ship-nav .messagesmenu-light .header { background: #eee none repeat scroll 0 0 !important; border-color: #ccc !important; display: flex; width: 100%;} .ship-nav .messagesmenu-light .header h5 {  color: #153054; }
.messagesmenu-light .dropdown-menu li a { color: #222 !important; background: #eee !important; border: medium none !important;}
.messagesmenu-light .slimScrollDiv a:hover, .messagesmenu-light .slimScrollDiv a:focus { background: #eee !important; color: #222 !important;}
.messagesmenu-light .dropdown-menu .slimScrollDiv ul a { border-bottom: 1px solid rgb(190, 195, 200) !important;}
.messagesmenu-light .dropdown-submenu .dropdown-menu { border: 1px solid #ccc;}
.error { text-align: center; font-size: 13px; margin-bottom: 5px; color: #ff0000;}
.vinspl-modal-content.error { text-align: left;}
#error-modal { top: 15%;}                                                                                            
#error-modal .vinspl-modal-footer {  min-height: 70px; }
.tooltip-outer { position: relative;}
.tooltip { position: absolute;}/**************** new css after during development*** for overide syncfusion control**********/.e-ddl.e-widget { width: auto;} .e-ddl.e-widget .e-in-wrap.e-box {  height: 20px !important;  padding: 0 2px !important; } .e-ddl.e-widget .e-dropdownlist.e-js.e-input {  font-size: 13px !important;  padding: 0 2px !important;  line-height: 12px; }/*.e-select { width: 15px !important;}*/.e-ddl-popup.e-box.e-popup.e-widget.e-scroller.e-js { margin-top: -14px !important;}
.e-atc-popup ul li, .e-ddl-popup div > ul li { font-size: 13px; min-height: unset !important; padding: 0 2px 0 3px !important;} .e-atc-popup ul li, .e-ddl-popup div > ul li.e-active {  background: none !important;  color: #000 !important; }
.vinspl-pick-list.date-combo { width: 100% !important;}
.e-datewidget.e-widget { width: auto; height: 20px;}
.e-in-wrap.e-box.e-padding { padding: 0 15px 0 0;}
.e-datewidget .e-icon, .e-datetime-wrap .e-icon { font-size: 16px !important; height: 21px; margin-left: -1px; margin-top: -9px !important;}
.skin-blue .e-datepicker .e-header, .e-datetime-popup .e-timecontainer .e-header { background: #002d4a !important;}
.skin-blue .e-datepicker .e-active { background: #002d4a !important;}
.skin-blue .current-month.e-state-default.e-week-day:hover { background: #002d4a !important;}
.skin-blue .other-month.e-state-default { color: #002d4a !important;}
.skin-blue .e-datepicker .e-footer:hover { background: #002d4a !important;}
.skin-purple .e-datepicker .e-header, .e-datetime-popup .e-timecontainer .e-header { background: #8064a2 !important;}
.skin-purple .e-datepicker .e-active { background: #8064a2 !important;}
.skin-purple .current-month.e-state-default.e-week-day:hover { background: #8064a2 !important;}
.skin-purple .other-month.e-state-default { color: #8064a2 !important;}
.skin-purple .e-datepicker .e-footer:hover { background: #8064a2 !important;}
.skin-orange .e-datepicker .e-header, .e-datetime-popup .e-timecontainer .e-header { background: #31849b !important;}
.skin-orange .e-datepicker .e-active { background: #31849b !important;}
.skin-orange .current-month.e-state-default.e-week-day:hover { background: #31849b !important;}
.skin-orange .other-month.e-state-default { color: #31849b !important;}
.skin-orange .e-datepicker .e-footer:hover { background: #31849b !important;}
.skin-red .e-datepicker .e-header, .e-datetime-popup .e-timecontainer .e-header { background: #365f91 !important;}
.skin-red .e-datepicker .e-active { background: #365f91 !important;}
.skin-red .current-month.e-state-default.e-week-day:hover { background: #365f91 !important;}
.skin-red .other-month.e-state-default { color: #365f91 !important;}
.skin-red .e-datepicker .e-footer:hover { background: #365f91 !important;}
.skin-green .e-datepicker .e-header, .e-datetime-popup .e-timecontainer .e-header { background: #9bbb59 !important;}
.skin-green .e-datepicker .e-active { background: #9bbb59 !important;}
.skin-green .current-month.e-state-default.e-week-day:hover { background: #9bbb59 !important;}
.skin-green .other-month.e-state-default { color: #9bbb59 !important;}
.skin-green .e-datepicker .e-footer:hover { background: #9bbb59 !important;}
.skin-cyan .e-datepicker .e-header, .e-datetime-popup .e-timecontainer .e-header { background: #4bacc6 !important;}
.skin-cyan .e-datepicker .e-active { background: #4bacc6 !important;}
.skin-cyan .current-month.e-state-default.e-week-day:hover { background: #4bacc6 !important;}
.skin-cyan .other-month.e-state-default { color: #4bacc6 !important;}
.skin-cyan .e-datepicker .e-footer:hover { background: #4bacc6 !important;}
.skin-light_blue .e-datepicker .e-header, .e-datetime-popup .e-timecontainer .e-header { background: #0070c0 !important;}
.skin-light_blue .e-datepicker .e-active { background: #0070c0 !important;}
.skin-light_blue .current-month.e-state-default.e-week-day:hover { background: #0070c0 !important;}
.skin-light_blue .other-month.e-state-default { color: #0070c0 !important;}
.skin-light_blue .e-datepicker .e-footer:hover { background: #0070c0 !important;}
.e-icon.e-left-arrow:hover { background: rgba(0, 0, 0, 0.3) !important;}
.e-icon.e-right-arrow:hover { background: rgba(0, 0, 0, 0.3) !important;}
.ButtonCommand { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none;}
.ui-dialog-buttonpane { background: #e5e5e5 none repeat scroll 0 0 !important; border-bottom: 1px solid rgba(0, 45, 74, 0.2) !important; position: absolute; bottom: 0; width: 100%;}
.e-rowcell.e-selectionbackground.e-active { background:#ffebc5  !important;}
.e-editedrow .e-rowcell.e-selectionbackground.e-active { background:#e4e4e4  !important;}
.e-editedrow:hover { background:#e4e4e4  !important;}
.e-editedrow:hover .e-rowcell.e-selectionbackground.e-active { background:#e4e4e4  !important;}
.e-editedrow .e-rowcell.e-selectionbackground.e-active { background:#e4e4e4  !important;}


.e-editedrow:hover { background:#ffebc5  !important;}
.e-editedrow:hover .e-editcell { background:#ffebc5  !important;}
table.e-table tbody tr.e-editedrow.e-row:hover td {background-color: #ffebc5 !important;}
.e-editedrow .e-editcell { background:#ffebc5  !important;}
.e-editedrow .e-editcell table{ background:none  !important;}

#Component th:first-child { padding: 0 5px !important; width: 25px;}
#Component td:first-child { width: 25px;}
#RequisitionSeries th:first-child { padding: 0 5px !important; width: 25px;}
#RequisitionSeries td:first-child { width: 25px;}
#RequisitionCatalogCategory th:first-child { padding: 0 5px !important; width: 25px;}
#RequisitionCatalogCategory td:first-child { width: 25px;}
.messagesmenu-light .slimScrollDiv li a { background: #fff !important;}
.messages-menu a img { margin-right: 6px; width: 32px;}
.collapsehold input:checked + .swith-slider::before { transform: translateX(28px);}
.nav-pills .collapsehold .switch { margin: 3px;}
.nav-pills .collapsehold em { margin: 0 7px;}
.tooltip-inner .fa-caret-down { bottom: -16px; color: #222; font-size: 27px; left: 0; position: absolute; text-align: center; width: 100%;}
.select-ui {position: relative;} 
.select-ui .tooltip-inner {top: auto;  bottom: 24px;  border-radius: 3px; }  
.select-ui .tooltip-inner .fa-caret-down {bottom: -12px;font-size: 20px;  }
.col-xs-0 { width: 0;}label.lbltextchangedata { padding: 0 !important; text-align: center !important;}
.home-tabs { position: relative; z-index: 0;}
.exp-col1 .home-tabs { z-index: 1;}
.tab-content1.comp-area { background: rgba(0,0,0,0.5); display: inline-block !important; height: 100%; margin-left: -20px; position: absolute; top: 0; width: 100%;} .tab-content1.comp-area .comp-content {  width: 400px;  height: auto;  background: #fff;  padding: 15px 0;  display: inline-block; }
.side-submenu { padding: 0; background: #1a242f;} 
.side-submenu li {  border-bottom: 1px solid #0d1218;  border-top: 1px solid #223243; }
.tree-nav .side-submenu { list-style: none; padding: 0;}
.side-submenu li a { color: #fff !important;}
.grid-area { width: 100% !important;}
.tree-nav { margin-bottom: 0 !important;} 
.tree-nav li ul li a {  padding: 10px; } 
.tree-nav li a {  margin: 0px; }
.submenu { position: absolute; left: 144px; top: -61px; list-style: none; background: #dcdcdc; padding: 0; z-index: 1000; display: none; width: 100%; overflow: hidden !important;}
.nav-sidebar li:hover .submenu { display: block;}
.submenu li a { padding: 4px 10px !important;}
.wrapper { position: relative;} 
.wrapper ul {  width: 230px;  overflow-x: hidden;  overflow-y: auto; }  
.wrapper ul li {position: static;  }
.wrapper ul li .wrapper { position: absolute; z-index: 10; display: none;}
.wrapper ul li:hover > .wrapper { display: block;}
.messages-menu .dropdown-menu { visibility: hidden; display: block;}
.messages-menu.open .dropdown-menu { visibility: visible; display: block;}
.messages-menu .dropdown-menu .dropdown-menu { visibility: hidden; display: block !important; max-height: 206px; overflow-y: auto;}
.messages-menu .dropdown-menu .dropdown-submenu:hover .dropdown-menu { visibility: visible; display: block !important;}
.pick .fa.fa-sort-desc { font-size: 16px;}
/* new css */.sidebar_fav { height: 100%; padding-top: 161px; position: fixed; right: 0; top: 0; width: 255px; transform: translateX(248px); transition: all 0.5s ease 0.5s; z-index: 1;} .sidebar_fav.toggled {  right: 17px;  transform: translateX(0); }
.asset_new { box-shadow: -9px 0 10px 1px #555; color: #fff; height: 100%; padding-top: 0; position: absolute; top: auto; width: 100%;} .asset_new ul {  background: #ddd none repeat scroll 0 0;  height: 45%;  margin: 0;  overflow-y: auto;  padding: 0;  width: 100%; } .asset_new .favorite_link {  height: 41%; } .asset_new .currentformlink {  height: 36%; }  /*.asset_new ul li { border-top: 1px solid #0c274a; border-bottom: 1px solid #244f86;}*/  .asset_new ul li, .asset_new .currentformlink span {border-bottom: 1px solid #ccc;border-top: 1px solid #eee;display: flex;left: 100%;  }
.asset_new ul li a, .asset_new .currentformlink span { color: #333; float: left; font-size: 14px; padding: 5px 17px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .asset_new ul li a:hover, .asset_new .currentformlink span:hover {  background: #fff none repeat scroll 0 0; }  .asset_new .currentformlink #taskbar span {line-height: 25px;margin: 0 !important;display: inline-block;  }
.head-li { background: #17365d none repeat scroll 0 0; display: inline-block; padding: 0 13px; text-align: center; width: 100%;}
.navbar-fav { max-height: 100%; right: 44px; position: relative; width: 9px; z-index: 1; transition: all 0.2s ease 0.2s;}
.navbar-fav2 { background: #17365d none repeat scroll 0 0; height: 100%; left: 6px; position: absolute; width: 9px;}
.navbar-fav span { background: orange none repeat scroll 0 0; border-radius: 0; display: inline-block; height: auto; margin-left: 0; padding: 4px 15px; transform: translateX(0); transition: all 0.2s ease 0.2s; vertical-align: middle; width: 268px; z-index: 999;}
.navbar-fav.toggled span { transform: translateX(0px); width: 298px; transition: all 0.2s ease 0.2s;}
.navbar-fav.toggled { right: 9px; width: 298px;}
.navbar-fav span b { color: #fff; display: inline-block; font-size: 17px; height: 0; padding-left: 20px; white-space: nowrap; width: auto;} .navbar-fav span b::before {  content: "";  font-family: fontawesome;  font-size: 29px;  left: 14px;  line-height: 29px;  position: absolute;  top: 0; }#expcol_fav.toggled span b::before { content: "\f105";}/**************/.search-filter { background: #17365d; display: inline-block; margin-bottom: 15px; padding: 5px 0 15px 0 !important; width: 100%; margin-top: 15px;} .search-filter label {  color: #fff;  font-size: 12px;  font-weight: normal; }
.search-filter { background: #17365d; display: inline-block; margin-bottom: 10px; padding: 6px 0; width: 100%; margin-top: 15px;} .search-filter label {  color: #fff; }
.filter-panel { padding: 0 0px; background: #f6a106; display: table;} 
.filter-panel .row {  display: table-cell;  vertical-align: middle;  height: 86px;  text-align: center;  font-size: 14px;  font-weight: bold;  color: #fff; } /*.filter-panel .filter:hover{background:rgba(255,255,255,0.2)}*/ .filter-panel .selected {  background: rgba(255,255,255,0.2); } .filter-panel .th-head {  background: rgba(255,255,255,0.2); }
.search-filter .dropdown { color: #000 !important;}
.search-filter .dropdown-toggle { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; color: #fff !important; display: inline-block; font-size: 26px; margin-top: 13px !important; cursor: pointer;}
.search-filter .dropdown-menu { padding: 10px;} 
.search-filter .dropdown-menu li {  padding: 0px 0px;  color: #000; }  
.search-filter .dropdown-menu li label {padding: 5px 0px;color: #000;font-weight: normal;  }
.chart-box { border: 1px solid #ddd; text-align: center;}
#req_status { float: left;}/*.procurement .panel-body{padding-top:0;}*/
.procurement .panel-heading { background: #17365d none repeat scroll 0 0; font-size: 15px; line-height: 18px; float: left; width: 100%; color: #fff; position: relative;}
.heading-search { margin: 0 0 0 30px; position: relative;} 
.heading-search .pick {  position: absolute;  right: 4px;  top: 1px; }
.procurement .vinspl-form-tab-heading a { margin-left: 10px;}
.procurement .vinspl-form-tab-heading .minmize:before { content: "\f068"; font-family: fontawesome; color: #fff; font-size: 20px;}
.procurement .vinspl-form-tab-heading a.plusminus:before { content: "\f068"; font-family: fontawesome; color: #fff; font-size: 20px;}
.procurement .vinspl-form-tab-heading a.plusminus.collapsed:before { content: "\f067" !important; font-family: fontawesome; color: #fff;}
.procurement .vinspl-form-tab-heading .refresh:before { content: "\f021"; font-family: fontawesome; color: #fff; font-size: 17px;}
.procurement .vinspl-form-tab-heading .close:before { content: "\f00d"; font-family: fontawesome; color: #fff;}
.procurement .panel { margin-bottom: 10px;}
.home-tabs ul.nav-tabs { margin: 0 -5px; padding: 0 30px;}
.procurement .progress { width: auto !important;}
.vendor-list ul { list-style: none; margin: 15px 0 0 0; padding: 0; float: left;} 
.vendor-list ul li {  float: left;  margin: 0;  padding: 8px 0;  width: 100%; }  
.vendor-list ul li .user {float: left;width: 40px;margin-right: 13px;  }
.vendor-list ul li .user img { width: 100%;}  
.vendor-list ul li label {float: left;  }
.vendor-list ul li label span { float: left;}
.asset_new .currentformlink li { border: medium none;}
.asset_new .currentformlink li { border: medium none;}
.vendor-list ul li .user_detail { float: left;} 
.vendor-list ul li .user_detail h6 {  margin: 0;  font-size: 16px;  font-weight: bold; } 
.vendor-list ul li .user_detail p { }
.search-heading { background: #f6a106 !important;}
.selection-box { border: 1px solid #fff; background: none; display: inline-block;} 
.selection-box ul {  list-style: none;  margin: 0;  padding: 0; }  
.selection-box ul li {border: medium none !important;float: left;margin: 5px;padding: 2px 0 0;  }
.vendor-list { background: #f6a106; padding: 10px;} 
.vendor-list label {  color: #fff; }
.verdor-search label { font-size: 16px; color: #000;}
.rq-status-grid table tr td table tr td:first-child { background: none;}
.table-bordered .progress { margin: 20px;}
ul.table-bordered { padding: 0; margin: 0; list-style: none;}
.vinspl-modal-footer .dropdown-menu a { color: #444 !important;}
.procurement .tab-pane .row { display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.procurement .tab-pane .col-md-6 { display: -ms-flexbox; display: flex; width: 50%;}
.vinspl-pick-list .vinspl-modal-body { overflow: auto;}
.expand_all .vinspl-form-sidebar { display: none;}
.expand_all .vinspl-content-form { width: 100%;}
.expand_all .tab-pane { display: inline-block; width: 100%;}
.vinspl-item-thumb .fa.fa-times { color: #000; font-size: 16px; position: absolute; right: 3px; top: 2px;}
.btn .fa { padding-right: 10px;}
#coversheetfrom .vinspl-modal-content .col-sm-9 { margin-top: 2px;}
#coversheetfrom .vinspl-modal-content { color: #333; font-size: 14px;}
#coversheetfrom .vinspl-modal-dialog { width: 80%;}
.well ul { list-style: outside none none; margin: 0; padding: 0 0 0 5px;}
.modal_inner { display: inline-block; float: left; margin-top: 10px; width: 100%;}
.switch.switch-list { height: 15px; margin-bottom: 5px; margin-top: 5px; width: 50px;} 
.switch.switch-list .swith-slider:before {  height: 16px;  width: 16px; }
.switch.switch-list { height: 15px; margin-bottom: 5px; margin-top: 3px; width: 50px; margin-right: 5px;} 
.switch.switch-list input:checked + .swith-slider::before {  transform: translateX(28px); } 
.switch.switch-list .swith-slider.round::after, .switch.switch-list input:checked + .swith-slider::after {  position: relative;  right: 6px;  top: -6px; }
.panel-body.checkalign li { float: left; width: 100%;}
.corrective-tbl a.btn.btn-default { background: #f4f4f4 !important; border-color: #ddd !important; color: #444 !important;}
.value_remove { cursor: pointer; padding: 4px; position: absolute; right: 23px; top: 0;}
#rfq-multiple-vendors td .form-control { display: inline-block; overflow: hidden; padding-right: 44px !important; text-overflow: ellipsis;}
.nav_submenu { background: #17365d;}
.nav-inner .nav_submenu a { border-bottom: 1px solid #395a83; padding-left: 25px !important; margin: 0;}
.nav-sidebar li .nav_submenu a span { color: #fff; font-size: 15px !important;}
.nav-inner .nav_submenu .icon-ui { background: #ddd; box-shadow: none; height: 35px; width: 35px;}
.nav-inner .nav_submenu a:hover { background: #395a83;}
.nav-sidebar li .nav_submenu a:hover span { color: #fff;}
.vinspl-add-comment a { color: #555; float: right; font-size: 28px;}
.addarea a { float: right; position: absolute; right: 22px; top: -5px;}
.addnewarea { position: absolute; right: 6px; top: -39px;}
.dropdown-submenu .dropdown-menu img { width: 15px;}
.loader-padding { padding-left: 5px; padding-right: 5px; padding-top: 12px; padding-bottom: 5px;}
.img-loader { width: 50px; height: 50px; position: absolute; margin-left: 15px; margin-top: 15px; margin-right: 5px; margin-bottom: 17px;}
.cssload-loader { width: 244px; height: 49px; line-height: 49px; text-align: center; position: fixed; left: 50%; font-family:Segoe UI,Tahoma,Arial,Verdana; text-transform: uppercase; font-weight: 900; font-size: 14px; color: #002d4a; letter-spacing: 0.2em;}
.addnewarea a { border-radius: 3px; color: #2dbcff; float: right; font-weight: bold; margin-top: 3px; padding: 0 8px;} .addnewarea a:hover {  background: rgba(255, 255, 255, 0.3); } .addnewarea a .fa {  padding-right: 5px; }
.sendemail { margin-bottom: 10px;} 
.sendemail img {  margin: 0 8px 0 0; }
.small-box img { margin: 6px 0 0; max-width: 24px;}
table .spline a { color: #337ab7;}
#tblSparePart > tbody > tr > td { /*width: 100% !important;*/}
.tblSparepartfixed table { background: #fff;}
.cssload-loader { content: ""; border: 5px solid #f3f3f3; border-top: 5px solid black; border-bottom: 5px solid black; border-radius: 100%; display: block; width: 80px; height: 80px; background: #fff; position: absolute; animation: cssload-load 2s infinite linear; -o-animation: cssload-load 2s infinite linear; -webkit-animation: cssload-load 2s infinite linear; -moz-animation: cssload-load 2s infinite linear; /*-ms-animation:cssload-load 1.23s infinite alternate ease-in-out;*/}
.relativeloader { margin: 0 auto; display: inline-block;}
.cssload-loader::before { top: 0; bottom: 0;}
@keyframes cssload-load { 
    0% {  transform: rotate(0deg); } 
    100% {  transform: rotate(360deg); }}
@-o-keyframes cssload-load { 
    0% {  transform: rotate(0deg); } 
    100% {  transform: rotate(360deg); }}
@-ms-keyframes cssload-load { 
    0% {  transform: rotate(0deg); } 
    100% {  transform: rotate(360deg); }}
@-webkit-keyframes cssload-load { 
    0% {  transform: rotate(0deg); } 
    100% {  transform: rotate(360deg); }}
@-webkit-keyframes cssload-load { 
0% {  transform: rotate(0deg); } 
100% {  transform: rotate(360deg); }}
@-moz-keyframes cssload-load { 
    0% {  transform: rotate(0deg); } 
    100% {  transform: rotate(360deg); }
}
.e-button { background: #f4f4f4 !important; color: #444 !important; border-color: #ddd !important; margin-left: 5px !important; padding: 6px 20px !important; margin-top: 0 !important; font-family:Segoe UI,Tahoma,Arial,Verdana !important; width: 105px !important;}/*i.fa.fa.fa-pencil, i.fa.fa.fa-pencil-square, i.fa.fa.fa-eye { color: #fff; font-size: 20px;}*/

.relative { position: relative;}
.enginespare { background: rgb(216, 242, 251) none repeat scroll 0 0 !important; left: 33px; padding: 3px 0; position: absolute; z-index: 9;}
.tblSparePartopen #tblSparePartinner1 th { height: 122px;}
.deficiencyissue label { display: inline-block; padding: 0 8px;} 
.deficiencyissue label input[type="radio"] {  margin: 5px 5px 0 0; }
.venderhide { background: #f9fcc3 none repeat scroll 0% 0%;display: none;}
.moveupdown { padding-left: 34px;}
.movebutton { position: absolute; width: 27px; bottom: 0;} 
.movebutton a {  color: #002d4a;  display: inline-block;  font-size: 27px;  width: 100%;  line-height: 30px; }  
.movebutton a:hover {opacity: 0.5;  }
.tab-link.btn::before { content: none;}
.tab-link.btn { color: #fff !important; font-size: 18px; cursor: pointer;} 
.tab-link.btn:hover {  color: #000 !important;  background: none !important; } 
.tab-link.btn > img {  width: 31px;  filter: invert(1); }
#certificate_modal.in { z-index: 9999 !important;}

.checkall > label { display: inline-block; padding: 0 10px;}
.vendor_1 { background: #41f2a1 !important; padding-bottom: 5px; padding-top: 5px; border-radius: 5px 5px 0 0; position: relative; height: 115px; vertical-align: top !important; border-left: 2px solid red !important;}
.vendor_2 { background: #72d8fa !important; padding-bottom: 5px; padding-top: 5px; border-radius: 5px 5px 0 0; position: relative; height: 115px; vertical-align: top !important;}
.vendor_3 { background: #f9f73c; padding-bottom: 5px; padding-top: 5px; border-radius: 5px 5px 0 0; position: relative; height: 115px;}
.blue_tbl_border { border-left: 1px solid #002d4a; border-radius: 5px 5px 0 0; position: relative;}
.blue-border { border: 1px solid #002d4a; display: inline-block;}/*.tab-content.padding-top.responsive.col-sm-12{padding-top:3px;}*/.comparasion_filter label.pull-left { margin-right: 30px;}
.vendor_btn { position: absolute; bottom: 0px; right: 0; width: 100%;} 
.vendor_btn a {  margin-left: 10px;  padding: 0px 10px;  border: 1px solid transparent;  float: left;  text-align: center;  white-space: nowrap;  border-radius: 10px 10px 0 0;  color: #fff;  background: #002d4a !important; }  .vendor_btn a:hover {color: #fff;background: #002d4a;  }
.vendor_1 label, .vendor_2 label, .vendor_3 label { display: inline-block; width: 100%;}
.vinspl-form-tab-head { height: 113px;}
.vendor_btn a img { width: 15px; filter: invert(1); margin: 2px 10px 2px 0; display: inline;}
.linked_rfq_btn { position: absolute; bottom: 0px; left: 0;} 
.linked_rfq_btn a {  margin-left: 10px;  padding: 0px 10px;  border: 1px solid transparent;  float: left;  text-align: center;  white-space: nowrap;  border-radius: 10px 10px 0 0;  color: #fff;  background: #002d4a !important; }  .linked_rfq_btn a:hover {color: #fff;background: #002d4a;  }
.vendor_1 label, .vendor_2 label, .vendor_3 label { display: inline-block; width: 100%;}
.vinspl-form-tab-head { height: 113px;}
.linked_rfq_btn a img { width: 15px; filter: invert(1); margin: 2px 10px 2px 0;}
.venderhide i { position: relative; top: -20px; font-style: normal;}
.v-head { display: table-cell; height: 100px; position: relative; width: 25px;} 
.v-head input[type="checkbox"] {  bottom: 5px;  left: 50%;  margin-left: -9px;  position: absolute; }
.dropdown_submenu { background: #17365d none repeat scroll 0 0; padding: 0;} 
.dropdown_submenu > li {  padding-left: 0px;  border-bottom: 1px solid rgb(63, 102, 153);  border-top: medium none; }
.nav-sidebar .dropdown_submenu li a { color: #fff; line-height: 30px; padding: 10px 11px 10px 20px !important;}
.alternate table tr:nth-child(2n+1) td { background: #f7f5f5;}
.linked_rfq_btn .dropup { float: left;}
.linked_rfq_btn th { white-space: nowrap !important;}
.linked_rfq_btn h4 { background: #002d4a; padding: 3px 0; text-align: center; font-weight: bold; color: #fff;}
.linked_rfq_btn .dropdown-menu { padding: 0; border-radius: 0;}
.vendor_btn .dropdown { float: left;}
.vendor_btn th { white-space: nowrap !important;}
.vendor_btn h4 { background: #002d4a; padding: 3px 0; text-align: center; font-weight: bold; color: #fff;}
.vendor_btn .dropdown-menu { padding: 0; border-radius: 0;}
#accrodion .panel + .panel { margin-top: 0;}
#accordion .panel { background: transparent none repeat scroll 0 0; box-shadow: none;}
.vendor_btn .dropdown-menu table td a { border: none; border-radius: 0; background: none !important; margin: 0; padding: 0; float: none;}
.vendor-details { color: #fff; font-size: 14px; font-weight: bold; line-height: 14px; padding: 5px 0;}
.linked_rfq_btn { bottom: 0px; left: 5px; position: absolute;} 
.linked_rfq_btn.link-tbl.corrective-tbl .dropup .dropdown-menu {  bottom: 38px !important;  top: auto !important; }
.linked_rfq_btn.link-tbl.corrective-tbl .col-md-12 { padding-bottom: 10px; padding-top: 10px;}
.linked_rfq_btn.link-tbl.corrective-tbl .dropdown-menu h6 { background-color: #002d4a; bottom: -20px; margin: 0 0 10px; position: absolute; width: 100%;} .linked_rfq_btn.link-tbl.corrective-tbl .dropdown-menu h6 span {  top: 11px;  transform: rotate(180deg);  left: 15%; }
.linked_rfq_btn.link-tbl.corrective-tbl .dropdown-menu table td a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border: medium none; border-radius: 0; float: none; margin: 0; padding: 0;}
.linked_rfq_btn.link-tbl.corrective-tbl th { white-space: pre-line !important;}
.tbl-fix { background: #fff none repeat scroll 0 0; bottom: 92px; left: 0; margin: 0 1%; position: fixed; width: 97%;}
.rel-div { position: relative;} 
.rel-div .panel-group {  float: right;  width: 81%; } 
                                
.rel-div .panel-collapse.collapse.in {  float: right;  width: 81%; }
.showshipmessage { position: absolute; width: 200px; height: 100px; text-align: center; line-height: 80px; background-color: #fff; border: 8px solid #666; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 2px 2px 4px #888; -moz-box-shadow: 2px 2px 4px #888; box-shadow: 2px 2px 4px #888; font-size: 15px;}/*.showshipmessage:before{ content:''; position:absolute; height:0; width:0; left:30px; top:100px; border:25px solid; border-color:#666 transparent transparent #666; }
.showshipmessage:after{ content:''; position:absolute; height:0; width:0; left:38px; top:100px; border:15px solid; border-color:#fff transparent transparent #fff;}*/.showshipmsg { font-size: 20px; font-weight: bold;}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: textfield;}
.hold-date { color: red; float: right; font-size: 11px; text-align: left; width: 100%; font-style: normal; margin-bottom: 5px;}
.qhse-dash-tabs .tab-pane { display: inline-block; width: 100%;}
.pro_dash .small-box { min-height: 90px;}
.pro_dash .tab-content.responsive { display: inline-block; width: 100%;}
.ui-dialog .ui-dialog-titlebar span.ui-dialog-title { float: none; font-size: 16px; font-weight: 600 !important;}
.ui-draggable .ui-dialog-titlebar { text-align: center;}
.ui-dialog { border: medium none; box-shadow: 0 0 40px 0 #000; padding: 0; border: none !important;} 
.ui-dialog .ui-dialog-buttonpane {  border: medium none;  padding: 10px 15px 30px; }
.e-grid col:first-child {text-align: center;}
/*.e-grid th { background-color: #ececec !important;}*/
.ui-dialog-PickListDiv { padding: 15px 0 30px !important;}

.ui-dialog-PickListDiv .e-grid .e-filterbar .e-filterbarcell:first-child .e-fltrinputdiv { display: none;}


.e-pager, .e-grid .e-pagerstatusbar { border: none !important;}
.e-grid { border: none !important;}

.e-grid .e-gridheader { border:1px solid #86b3de;background: #e2f7ff;}

.training_Identy .collapsehold { float: left;}
.training_Identy label.control-label { padding: 2px 0 0 60px;}
.search-filter .form-control.input-sm { background: none; border: 1px solid #567397 !important; border-radius: 3px; color: #fff; height: 30px !important; -webkit-appearance: none; padding-right: 30px !important; -moz-appearance: none;}
.search-filter .vinspl-pick-list { background: none !important;}
.search-filter input[type="checkbox"], input[type="radio"] { float: left; margin: 1px 5px 0 0;}
.search-filter .vinspl-pick-list .pick { background: none !important;}
.clip.pull-right { font-size: 18px;}
.blue_tbl_border a.btn.btn-default { position: absolute; right: 8px; top: 0px; background: #002d4a !important; border: #000; color: #fff !important; text-shadow: none;}
.blue_tbl_border .control-label > strong { margin-bottom: 0;}
.vinspl-form-tab.vinspl-form-tab-head .tab-content { padding-top: 1px !important;}

.sidemenu { display: inline-block; height: calc(100% - (154px + 154px)); overflow-y: auto; width: 230px; margin: 0px; padding: 0px; overflow-x: hidden;}
.submenu_dropdown { display: none; left: 200px; padding-left: 10px; position: absolute; top: -5px; width: 200px; z-index: 9999;}
.dropdownsubmenu { background: #fff none repeat scroll 0 0; border-radius: 3px; box-shadow: 0 0 11px 0 #aaa; padding: 0 10px; width: 100%;} .dropdownsubmenu li:last-child {  border: none; }li:hover .submenu_dropdown { display: inline-block;}
.footer { background: #fff none repeat scroll 0 0; bottom: 0; float: left; left: 0; margin-left: 240px; position: fixed; right: 0; z-index: 0; left: 0; right: 0; transition: all 0.5s ease 0.2s;}
.messages-menu .dropdown-menu .dropdown-menu { overflow-x: hidden;}
.messages-menu .dropdown-menu a { float: left; overflow: hidden; text-overflow: ellipsis; width: 100%;}
.submenu_dropdown .fa { color: #fff; font-size: 38px; left: 38px; position: absolute; text-shadow: -5px -1px 6px #aaa; top: 4px;}#leftsidemenu li.panel:last-child .submenu_dropdown { top: -12px; padding-bottom: 20px;}#leftsidemenu li.panel:first-child .submenu_dropdown { top: 0;}
.manage-content .panel-default { margin-bottom: 5px;}input[type="radio"] { margin-top: 4px;}
.vinspl-modal-header.row.ui-draggable-handle { margin-right: 0;}
.relative { position: relative;} .relative ul {  position: absolute;  margin: 0;  padding: 0px;  background: #f5f5f5;  box-shadow: 0 0 14px rgba(0, 0, 0, 0.40);  -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.40);  width: 500px;  list-style: none;  border: 3px solid #fff;  color: #fff;  display: none;  right: 68px;  top: -20px;  text-align: left;  z-index: 1; } .relative li {  padding: 2px 5px;  color: #000; }li.sel_itm { color: #27b517;}td.relative:hover ul { display: block;}
.export img { width: 80px;}
.export { padding-top: 15px;} 
.export .row {  text-align: center; }  
                              
.export .row label {text-align: center !important;margin-top: 10px;  }
.export .row label input[type="radio"] { float: none; margin-top: 4px;}
.export-dialog { height: 180px; top: 33%;}
.export-body { border: 2px solid #002d4a; height: 148px; top: 32px !important; position: absolute !important;}
.select-po { color: green !important; font-weight: bold;}


.vendor_selection label { display: inline-block !important; padding: 10px !important; position: relative;}
.search-filter .vinspl-pick-list a img { margin-top: -6px;}
.search-filter .vinspl-pick-list a { border: none;}
.vinspl-form-tab-head a { color: #333 !important;}

.styled-select { width: 100%; overflow: hidden; width: 100%; height: 30px; border: 1px solid #567397 !important; border-radius: 3px; 
                 position: relative; background: url(/images/arrow_down.png) 97% 50% no-repeat;} 
 

.styled-select select {  border: none !important;  background: none !important; }  
.styled-select select:focus {outline: none;  }
.sel_itm a:hover { color: #27b517;}
.sel_itm a { color: #27b517;}
.vendor_2 strong a:hover, .vinspl-html-table .vendor_2 strong a { color: #333;}
.vendor_1 strong a:hover, .vinspl-html-table .vendor_1 strong a:hover { color: #333;}
.vendor_2 strong a, .vinspl-html-table .vendor_2 strong a { color: blue;}
.vendor_1 strong a, .vinspl-html-table .vendor_1 strong a { color: blue;}
.comparasion_filter .btn.btn-default { font-size: 12px; margin: -5px 0 0 5px; padding: 0 9px;}
.pick.pull-right { margin: 5px 0 0;}
.slimScrollDiv .e-lv .e-list-container { height: 216px; overflow-y: auto;}
.slimScrollDiv .e-lv .e-list { border-bottom: thin solid #000 !important; border-top: medium none; display: inline-block;
                                font-size: 12px; padding: 0; width: 100%;} 
.slimScrollDiv .e-lv .e-list a {  background: #fff;  padding: 8px 15px; }
.badge { min-width: 45px;}
#menumenu .e-lv.subpage, .slimScrollDiv { height: auto !important;}
#menumenu .e-lv.subpage { width: 100%; overflow: visible;}
.vinspl-modal-header.row.ui-draggable-handle { margin-right: 0;}
.relative { position: relative;} 
.relative li {  padding: 2px 5px;  color: #000; }
                                 
li.sel_itm { color: #27b517;}
td.relative:hover ul { display: block;}
.export img { width: 80px;}
.export { padding-top: 15px;} 
.export .row {  text-align: center; }  
                              
.export .row label {text-align: center !important;margin-top: 10px;  }
.export .row label input[type="radio"] { float: none; margin-top: 4px;}
.export-dialog { height: 180px; top: 33%;}
.export-body { border: 2px solid #002d4a; height: 148px; top: 32px !important;}
.select-po { color: green !important; font-weight: bold;}
.vendor_selection span { float: left; width: 100%;}

.search-filter .vinspl-pick-list a img { margin-top: -6px;}
.search-filter .vinspl-pick-list a { border: none;}

.vendor_1 a { color: #333;}
.vendor_2 a { color: #333;}
.vendor_btn a { color: #fff;}
.styled-select { width: 100%; overflow: hidden; width: 100%; height: 30px; border: 1px solid #567397 !important; border-radius: 3px; position: relative; background: url(/images/arrow_down.png) 97% 50% no-repeat;} /*.styled-select:before{content:"\f078"; font-family: fontawesome; font-size:18px; position:absolute; color:#fff; right:0px; top:0px;}*/ .styled-select select {  border: none !important;  background: none !important; }  .styled-select select:focus {outline: none;  } .styled-select .form-control.input-sm {  background: none;  border: 1px solid #567397 !important;  border-radius: 3px;  color: #fff;  height: 30px !important;  -webkit-appearance: none;  padding-right: 30px !important;  -moz-appearance: none;}
.pull-left .styled-select { height: 20px;} 
.pull-left .styled-select .input-sm {  height: 20px !important; }
.messages-menu .menu { height: auto !important; max-height: 100% !important;}
.messages-menu #locallistview2 { height: auto !important; max-height: 100% !important;}
.slimScrollDiv .e-lv .e-list a:hover { background: #ddd; color: #333;}
.e-lv .e-arrow .e-list-anchor::before { color: #333; font-size: 10px; top: 4px;}
#locallistview2_container { border: none;}
.messages-menu #menumenu .e-list-container { border: none;}
.messages-menu .e-lv-inputdiv .e-lv-input { background: lightyellow none repeat scroll 0 0; border: none; border-bottom: 2px solid orange;}#mainShipDiv .dropdown-toggle { background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;}
.messages-menu .e-lv-inputdiv { position: relative;} 
.messages-menu .e-lv-inputdiv::after {  content: "";  font-family: fontawesome;  position: absolute;  right: 12px;  top: 8px; }#msgbox .fa-info-circle { padding-right: 10px; font-size: 25px;} #msgbox .fa-info-circle::before {  color: rgb(27, 149, 207) !important; }
.sel_itm a:hover { color: #27b517;}
.sel_itm a { color: #27b517;}
.vendor_2 strong a:hover { color: #333;}
.vendor_1 strong a:hover { color: #333;}
.vendor_2 strong a { color: blue;}
.vendor_1 strong a { color: blue;}
.comparison_filter .btn.btn-default { font-size: 12px; margin: -5px 0 0 5px; padding: 0 9px;}
.pick.pull-right { margin: 5px 0 0;}
.select-po > b { font-size: 20px; cursor: pointer;}
.e-widget.e-numeric { padding: 0 !important; width: 100% !important;}
.e-widge.e-numeric input[type="text"] { border: none !important;}
.e-in-wrap.e-box.e-padding { height: 20px !important;}
.check-head { position: relative;} 
.check-head input[type="checkbox"] {  position: absolute;  bottom: 5px;  left: 27%; }
.target-ship ul { padding: 0; margin: 0; list-style: none;} 
.target-ship ul li {  padding: 5px 0; }
.text-center.low-ra.relative a::after { background: #d7d7d7; content: ""; height: 1px; left: 0; position: absolute; bottom: 0; width: 100%;}
.target-ship ul li { padding: 5px 0;}
.drop-ul { list-style: none; padding-left: 10px;}
.comparison_filter label { margin-right: 20px;}
.e-dialog > .e-header { background: #002d4a !important; border: none !important;}
#divDatePicker a.pick { height: 30px; right: 15px; top: 11px; width: 30px;}
#divDatePicker .pick span { font-size: 20px; margin: 3px 0 0 3px;}
.vinspl-requistion_block { padding-top: 1px;} .vinspl-requistion_block .small-box {  background: #17365d none repeat scroll 0 0 !important;  border-radius: 100%;  height: 100px;  margin: 0;  display: inline-block;  min-height: 100px;  text-align: center;  width: 100px; }  .vinspl-requistion_block .small-box .small-box-footer {background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;  } .vinspl-requistion_block h3 {  font-size: 15px;  font-weight: bold;  margin: 0 0 4px;  text-align: center; } .vinspl-requistion_block .small-box img {  float: left;  max-width: 100%;  padding: 14px;  margin: 0; }
.MatTypeOp .ui-dialog-titlebar-close { background: rgba(0, 0, 0, 0) url("/images/close.png") no-repeat scroll center center / 20px unset !important; opacity: 0.3; position: relative; top: 20px !important; z-index: 9;}body .MatTypeOp { padding-bottom: 60px !important;}
.vinspl-requistion_block .block { padding: 8px; text-align: center;}
#requisition-material-form-modal { overflow: hidden; padding-bottom: 5px !important;}
.vinspl-requistion_block .small-box:hover { box-shadow: 0 0 10px 1px #17365d;}
.ui-widget-overlay { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important; opacity: 0.8 !important;}
.nav-sidebar .icon-ui svg { height: 100%; padding: 4px; width: 100%;}
.fa.fa-times-circle { color: red; font-size: 20px;}
.vinspl-form-sidebar ul li svg { display: inline-block; height: 15px; margin: 5px 7px; vertical-align: middle; width: 15px;} .vinspl-form-sidebar ul li svg path {  fill: #333; }
.vinspl-form-sidebar ul li a:hover svg path, .vinspl-form-sidebar ul li.active svg path { fill: #fff;}
.e-ddl, .e-ddl.e-widget { height: auto;}
.home-tabs #details { margin: 0 -3px; padding: 0;} .home-tabs #details li.active a {  border-radius: 5px 5px 0 0; }#series-detail .col-sm-2, #series-detail .col-sm-1 { margin-top: 2px;}
.form-bel { border: 1px solid #c4c3c3; margin-top: 15px; padding: 10px;}
.belo { margin-top: -20px !important;}
.belo { background: #fff none repeat scroll 0 0; float: left; left: 20px; margin-top: 0 !important; padding: 0 7px; position: relative; top: -20px; width: auto !important;}
.e-radiobtn-wrap .e-radsmaller { position: relative; top: 2px;}#series-detail table tr td div table, #series-detail table tr td div { width: 100% !important;}#lblSample { border-color: #c4c3c3 !important; height: 103px;}
.btn_fpspread { width: 19px; height: 14px; border: none;}
.btn_pl_fpspread { background: url("/images/picklist.png") no-repeat scroll center center #eee; background-size: 16px;}
.btn_add_fpspread { background: url("/images/add.png") no-repeat scroll center center #eee; background-size: contain;}
.btn_del_fpspread { background: url("/images/Close-red.png") no-repeat scroll center center #eee; background-size: contain;}
td a.pick img { height: 12px !important; margin: 0px 0; max-width: 30px; width: 15px !important; background: none !important;}td a.pick { background: none !important;}
.req-line-tabs .nav-tabs { background: none !important;} .req-line-tabs .nav-tabs li {  padding: 0 2px 0 0 !important; }  .req-line-tabs .nav-tabs li a {border-radius: 5px 5px 0 0 !important;  }  .req-line-tabs .nav-tabs li.active a {background: #17365d !important;color: #fff !important;  }
.text-left { text-align: left !important;}

.text-center { text-align: center !important;}
.vinspl-html-table img.remk { margin: 0; cursor: pointer;}body table td:hover div.tooltipshow { display: block !important;}body table td div.tooltipshow { background: #333 none repeat scroll 0 0; border-radius: 5px; color: #fff; font-size: 12px; margin-left: 20px; padding: 4px 10px; position: absolute; width: 132px !important; display: none;}
.modal.in .modal-backdrop.fade.in { display: block;}
.sidebar_fav.toggled .navbar-fav span { transform: translateX(0px); width: 350px;}
.vendor.panel { border: 1px solid; height: 195px;} .vendor.panel .panel-heading {  background: #002d4a none repeat scroll 0 0;  color: #fff;  font-size: 16px;  font-weight: bold; }
.close-tab { position: relative;} .close-tab .fa.fa-times {  color: #17365d;  position: absolute;  right: 8px;  top: 1px;  z-index: 122; } .close-tab a {  padding-right: 20px !important; } .close-tab.active .fa.fa-times {  color: #fff; }
.select-po .plus { font-size: 21px; cursor: pointer;} .select-po .plus a {  font-size: 21px;  color: green !important;  float: none; }
.vinspl-html-table td .vendor_1 .dropdown-toggle, .vinspl-html-table td .vendor_2 .dropdown-toggle { width: auto; margin: 0;}
.vinspl-html-table table td > .vendor_1, .vinspl-html-table table td > .vendor_2 { width: 50% !important;}
.lbl { font-size: 12px;}
.vinspl-html-table img.attach { margin: 0; width: 28px !important;}
.blue-border table td span { width: auto;}
.blue-border { overflow-x: auto;}
.attach { cursor: pointer;}
.vinspl-html-table .singleborder { border-left: 1px solid #002d4a !important;}
.vinspl-html-table table .bordernullr { border-right: medium none !important;}
.vinspl-html-table .borderthin { max-width: 1px !important; min-width: 1px !important; padding: 0 !important; width: 1px !important;}
.col-sm-6.vendor_1.blue_tbl_border a { color: #000;}
.blue_tbl_border .dropdown-toggle { width: auto !important; margin: 0 !important;}
.blue_tbl_border tr td:first-child { width: auto !important; max-width: none; background: none !important;}
.blue_tbl_border td { border: none !important; background: none !important;}
.vendor_1.blue_tbl_border table tr:nth-child(2n+1) td { background: #41f2a1 !important;}
.vendor_2.blue_tbl_border table tr:nth-child(2n+1) td { background: #72d8fa !important;}
.vendor_1.blue_tbl_border table tr td { background: #41f2a1 !important;}
.vendor_2.blue_tbl_border table tr td { background: #72d8fa !important;}
.blue_tbl_border td { padding: 0 5px !important;}
.blue_tbl_border a { color: #000 !important;}
.vendor_1.blue_tbl_border table .alternate table tr:nth-child(2n+1) td { background: #f7f5f5 !important; border: 1px solid #d7d7d7 !important;}
.vendor_1.blue_tbl_border table .alternate table td { background: #fff !important; border: 1px solid #d7d7d7 !important;}
.vendor_2.blue_tbl_border table .alternate table tr:nth-child(2n+1) td { background: #f7f5f5 !important; border: 1px solid #d7d7d7 !important;}
.vendor_2.blue_tbl_border table .alternate table td { background: #fff !important; border: 1px solid #d7d7d7 !important;}
.seperator-td { width: 2px; background: red; min-width: 2px !important;}
.vendor i.fa.fa.fa-eye { color: #333; font-size: 13px;}
.note .fa-info-circle::before { color: #002d4a; font-size: 18px;}
.slideicon { cursor: pointer; float: left; font-size: 18px; margin-right: 10px; margin-top: 0px; padding-left: 0 !important;} .slideicon::after {  transition: 0.5s all ease 0.5s;  transform: translateX(12px); } .slideicon::before {  content: "" !important;  float: left;  font-family: fontawesome; }
.fixgrid_slide .slideiconactive::after { background: #f6a106 none repeat scroll 0 0; border-radius: 0 5px 5px; content: ""; float: left; font-family: fontawesome; height: 42px; padding-top: 8px; position: absolute; right: -15px; text-align: center; bottom: 0px; vertical-align: middle; width: 28px; display: block; transition: 0.5s all ease 0.5s; transform: translateX(12px);}
.tbl-fix { transform: translateX(0%);}
.fixgrid_slide { transform: translateX(-101%); transition: all 0.5s ease 0.5s;}
.gridcompactive { padding-bottom: 0 !important;}
.note.pull-left { padding-left: 35px; padding-top: 5px;} .note.pull-left i {  color: blue !important;  float: left;  margin-top: 3px; }
.comparison_filter .vinspl-modal-header { height: 34px;}
.hold-date { color: red; float: right; font-size: 11px; font-style: normal; margin-bottom: 5px; text-align: left; width: 100%;}
.vinspl-html-table td a:hover { color: blue; text-decoration: underline;}
.btn_DetailInfo_fpspread { background: url("/images/aditional-info1.png") no-repeat scroll center center #eee; background-size: 13px;}
.btn_Edit_fpSpread { background: url("/images/rfq.png") no-repeat scroll center center #eee; background-size: 13px;}
.text-right > label { text-align: right !important;}
.text-left > label { text-align: left !important;}
.text-center > label { text-align: center !important;}
.affected-component { display: none;}
.tbl-box { position: relative;}
.updatedby { background: #f6a106 none repeat scroll 0 0; bottom: 0; padding: 10px; position: absolute; right: -176px; transition: 1s all; -webkit-transition: 1s all;} .updatedby:hover {  right: -40px; } .updatedby label {  float: left;  padding: 0 0 0 20px; } .updatedby > span:before {  content: "\f100";  float: left;  font-family: fontawesome;  font-size: 18px;  font-weight: bold;  position: relative;  top: 5px; } .updatedby:hover span:before {  content: "\f101";  float: left;  font-family: fontawesome;  font-size: 18px;  font-weight: bold;  position: relative;  top: 5px; }
.small-box span svg { height: 58px; width: 45px;} .small-box span svg path {  fill: #fff; }
.procurement .panel .panel-heading .close { margin-top: -3px !important;}
.remark-div textarea { height: 32px;}
.btn_fpspread { width: 19px; height: 14px; border: none;}
.btn_pl_fpspread { background: url("/images/picklist.png") no-repeat scroll center center #eee; background-size: 16px;}
.btn_add_fpspread { background: url("/images/add.png") no-repeat scroll center center #eee; background-size: contain;}
.btn_del_fpspread { background: url("/images/Close-red.png") no-repeat scroll center center #eee; background-size: contain;}
.btn_FpSpreadRequisition { width: 12% !important; height: 14px; border: none;}
.remark-div textarea { height: 32px;}
.submenu_dropdown .dropdownsubmenu li { display: block !important;}
.qhsedash { min-height: 400px;}
.pro_dash a .small-box { border: 1px solid #fff !important; box-shadow: 1px 1px 6px 5px rgba(0, 0, 0, 0.4) inset;}
.pro_dash a.collapsed .small-box { border: 1px solid transparent !important; box-shadow: none; display: block !important;}
.well-1 { float: left; width: 100%; background: #f2f1f1; padding: 5px 0 10px 0;}
.form-control.input-md { margin: 0;}
.attach_grid img { height: auto; width: 60px !important;}
.edit_input { border: none !important; width: 100%; background: transparent !important; cursor: no-drop;}
.vinspl-performatted .col-sm-1, .vinspl-performatted .col-sm-4 { margin-top: 2px;}
.vinspl-performatted label.control-label { min-width: 96px !important;}
.vinspl-performatted label.control-label { min-width: 76px !important;} .vinspl-performatted label.control-label:nth-child(2n) {  width: auto; }
.delete-record img { margin: 0;}input[type="number"] { -webkit-appearance: textfield; -moz-appearance: textfield; margin: 0 0px 0 0; padding: 0 6px;}
.e-input-btn.fa.fa-search::before { font-size: 20px;}
/*.vinspl-modal-header .navbar-brand { height: auto; padding: 2px;}*/
.vinspl-modal-header .dropdown.pull-left { margin: 0 20px 0 0;}
 .vinspl-modal-header .dropdown.pull-left a {  color: #fff; }  
 .vinspl-modal-header .dropdown.pull-left a:hover {color: #fff;  }
 .bigfont { font-size: 15px;}
.container-description .btn .fa { padding-right: 0px;}
.container-description .btn { margin-left: 0;}
.vinspl-html-table > table tr > td > .pick, .vinspl-html-table .pick-right { color: #002d4a;}
.vinspl-form-sidebar ul.sub-menu { border-top: 1px solid #ddd; background: #ddd; transition: max-height 1s; height: auto !important; max-height: 1px;} .vinspl-form-sidebar ul.sub-menu a {  padding-left: 65px; }
.vinspl-form-sidebar li.active .sub-menu li a { background: transparent; color: #333;} .vinspl-form-sidebar li.active .sub-menu li a img {  filter: none; }
.vinspl-form-sidebar li.active .sub-menu li.active a { background: orange none repeat scroll 0 0; color: #333;}
.vinspl-form-sidebar li.active .sub-menu li a img { filter: none;}
.vinspl-form-sidebar li.active .sub-menu { display: block; max-height: 300px;}
.small-box-footer.btn { font-size: 14px;}
.vinspl-html-table tr td td:first-child { background: none;}
.pick_tb { padding-right: 27px; position: relative;} .pick_tb .pick {  position: absolute;  right: 0;  z-index: 2; }
.sub-menu-group { padding-left: 30px !important;}
.vinspl-form-sidebar ul li button { background: #ddd;}
.pick.pull-right { position: relative; top: -5px;}
.pick.pull-left { margin-left: 0 !important; border-left: none !important; padding: 0 0px 0 0 !important;}
.dropdown .dropdown-toggle .caret, .dropdown .dropdown-toggle:hover .caret { color: #555; border-top-color: #555;}
.vinspl-html-table td .dropdown .caret { top: 8px;}
.vinspl-html-table .dropdown.open .dropdown-toggle .caret { border-top-color: #fff; color: #fff;}
.plus.pull-right { margin-right: 6px;}
.vinspl-content-form p { margin: 0px 0px 2px;}
.hr2 { border-top: 5px solid rgba(0, 45, 74, 0.2);}
.pull { right: 1%;}
.push { left: 1%;}
.tbl-certificate .dropdown-menu li a { color: #000 !important;}
.tbl-certificate .dropdown-menu { left: auto; right: 0;}
.check-items ul { list-style: none; padding: 0;}/*ul { list-style: none; padding: 0;}*/
.refresh img { width: 24px;}
.form-below .star-red { color: red; position: static;}
.mainwise { padding-left: 19px;}

/*.panel-title a { text-decoration: none;}*/
.tag-change { text-align: center !important;}
.fa.fa-refresh { color: #00a65a;}
.noteul { list-style: disc; padding-left: 18px;}
.tag.vis { display: block !important; visibility: hidden;}
.modal.vinspl-pick-list .vinspl-modal-body { bottom: 64px;}
.btn img.next { margin-right: 0px; margin-left: 10px;}
.Screendue { display: none;}
.Unacceptabledue { display: none;}
.red { background: red;}
.TR-active.red td { color: #fff;}
.TR-active.red { background: #fcc9da; color: #000;}
.vertical-span { color: #444444; font-size: 16px; font-weight: bold; left: -57px; position: absolute; top: 75%; transform: rotate(-90deg);}
.indigators .control-label i.yellow { background: #ffd69d;}
.indigators .control-label i.green { background: #a9f7ff;}
.indigators .control-label i.pink { background: #ffaecc;}
.indigators .control-label i { display: inline-block; height: 15px; margin-right: 7px; margin-top: 3px; vertical-align: top; width: 15px;border: 1px solid #B7B4B4;}
.pick-current .selected, td.selected { background: #002d4a none repeat scroll 0 0; color: #fff !important;}
.vinspl-html-table tr td.selected:first-child {background: #002d4a none repeat scroll 0 0 !important;}
.sub-menu { display: none; position: absolute; right: -18px; z-index: 1000; background: #fff; top: 0;}
.green_link a { text-decoration: underline; color: green;}
.nav-sidebar li:hover .sub-menu {display: block;}
.vinspl-attached-item .vinspl-item-thumb .attachdestail a { display: block;} .vinspl-attached-item .vinspl-item-thumb .attachdestail a.addnew {  top: 0; } .vinspl-attached-item .vinspl-item-thumb .attachdestail a.attachment {  bottom: 0; }
.red-text { color: red !important;}
.box-body .col-sm-3 .col-sm-6 { margin-top: 0;}
.detailpo_test .vinspl-modal-dialog { height: 620px !important;}/*.vinspl-form-tab .tab-content { border: 1px solid #002d4a; display: inline-block; width: 100%; padding: 0 30px; background: #ccd5db; background: -moz-linear-gradient(left, #ccd5db 0%, #ffffff 2%, #ffffff 98%, #ccd5db 100%); background: -webkit-linear-gradient(left, #ccd5db 0%, #ffffff 2%, #ffffff 98%, #ccd5db 100%); background: linear-gradient(to right, #ccd5db 0%, #ffffff 2%, #ffffff 98%, #ccd5db 100%); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr = '#ccd5db', endcolorstr ='#ccd5db' GradientType=1);}*/.vinspl-form-tab .content-shadow { border: 1px solid #002d4a; display: inline-block; width: 100%; padding: 0 30px; background: #ccd5db; background: -moz-linear-gradient(left, #ccd5db 0%, #ffffff 2%, #ffffff 98%, #ccd5db 100%); background: -webkit-linear-gradient(left, #ccd5db 0%, #ffffff 2%, #ffffff 98%, #ccd5db 100%); background: linear-gradient(to right, #ccd5db 0%, #ffffff 2%, #ffffff 98%, #ccd5db 100%); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr = '#ccd5db', endcolorstr ='#ccd5db' GradientType=1);}
.panel-yellow { padding: 0 30px; background: #fdeccd; background: -moz-linear-gradient(left, #fdeccd 0%, #ffffff 2%, #ffffff 98%, #fdeccd 100%); background: -webkit-linear-gradient(left, #fdeccd 0%, #ffffff 2%, #ffffff 98%, #fdeccd 100%); background: linear-gradient(to right, #fdeccd 0%, #ffffff 2%, #ffffff 98%, #fdeccd 100%); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr = '#fdeccd', endcolorstr ='#fdeccd' GradientType=1);}
.panel-inner { padding: 10px 15px; background: #fff;}
.pull-off { margin-left: -50px;}
.push-off { margin-left: 100px;}
.push-margin1 { margin-right: 11px;}
.push-padding { padding-left: 65px;}
.tab-pane.col-sm-12 { padding-bottom: 10px; padding-top: 10px !important;}
.ribbon { margin: 44px 0 0 7px; background: #fff; color: #7a7676; padding: 5px 0 0; 
          margin: 14px 0 0 0px; position: relative;
}
 .ribbon .nav-tabs {  background: #fcfcfc; }  
                                                     
.ribbon .tab-content li + li {  border-left: 1px solid #d2d2d2; } 
                                                                                                                                                                                                                                                                    .ribbon a { /*font-size: 12px;*/  color: #000; }

.imgbox { float: left;} .imgbox img {  border: 1px solid #d2d2d2;  border-radius: 3px;  padding: 2px;  width: 26px;  float: left; }
.lbltxt { float: left; padding-left: 10px;}
.explore li { display: inline !important;}
.lbltex { padding: 0 0 0 35px; text-align: left;}
.explore .glyphicon.glyphicon-triangle-bottom { float: right; margin: 4px 0 0 4px;}
.explore a { color: #7a7676;}
.explore .dropdown-menu { padding: 0; min-width: 170px;} 
.explore .dropdown-menu li { position: relative;display: inline-flex; height:auto; max-width: none;  width: 100%;  padding: 0px;  margin: 0;  text-align: left; }  
.explore .dropdown-menu li + li {border-top: 1px solid #d2d2d2;  }                                
.explore .dropdown-menu li a {color: #7a7676 !important;padding: 7px 10px;  }
.explore .dropdown-menu li a:hover { background: #eee;}
.dropdown-menu li img { border: medium none; height: auto; padding: 0; width: 15px;}
.panel-heading > img { width: 20px;}
.panel li { padding: 9px 5px 9px 25px;} 
.panel li + li {  border-top: 1px solid #eee; } 
.panel li span {  border-radius: 50%;  background: #f6a106;  color: #fff;  text-align: center;  height: 20px;  width: 20px;  float: left;  margin-left: -30px; }
.scrol-div { width: 150%;}
.bg-main { background: #eee;}
.ribbon { margin: 44px 0 0 7px; background: #fff; color: #7a7676; padding: 5px 0 0;}
 .ribbon .nav-tabs {  background: #d0d0d0;  
                      background: -moz-linear-gradient(top, #ffffff 0%, #d0d0d0 100%);  
                      background: -webkit-linear-gradient(top, #ffffff 0%, #d0d0d0 100%);  
                      background: linear-gradient(to bottom, #ffffff 0%, #d0d0d0 100%);  
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr = '#ffffff', endcolorstr ='#d0d0d0' GradientType=1);
padding: 0px 0;
 } 
 
.tab-group li { float: left; margin: 4px 2px; padding: 0 !important; border: none !important; text-align: center;}
.tab-group img { border: 1px solid #d2d2d2; border-radius: 3px; height: 24px; padding: 0 2px; width: auto;}
.group-footer { display: inline-block; text-align: center; width: 100%; color: #262626; font-size: 13px; background: #eee; padding: 5px 0; bottom: 0; left: 0; position: absolute;}
.imgbox { float: left;} .imgbox img {  border: 1px solid #d2d2d2;  border-radius: 3px;  padding: 2px;  width: 26px;  float: left; }
.lbltxt { float: left; padding-left: 10px;}
.explore li { display: list-item !important; float: none; text-align: left;}
.lbltex { padding: 0 0 0 35px; text-align: left;}
.explore .glyphicon.glyphicon-triangle-bottom { float: right; margin: 4px 0 0 4px;}
.explore a { color: #7a7676;}
.explore .dropdown-menu { padding: 0;} .explore .dropdown-menu li {  max-width: none;  width: 100%;  padding: 0px;  margin: 0;  text-align: left; }  .explore .dropdown-menu li + li {border-top: 1px solid #d2d2d2;  }  .explore .dropdown-menu li a {color: #7a7676 !important;padding: 3px 10px;  }
.explore .dropdown-menu li a:hover { background: #eee;}
.dropdown-menu li img { width: 20px; border: none; padding: 0;}
.explore .dropdown-menu li img { width: 17px; border: none; padding: 0; margin-right: 5px;height:auto;}

.nav-inner.nav-sidebar em { background: #f39c12; border-radius: 20px; height: 20px; min-width: 20px; padding: 0 5px; position: absolute; right: 18px; text-align: center; color: #fff; font-style: normal; top:10px; line-height: 18px;}
.panel li { padding: 9px 5px 9px 25px;} .panel li span {  border-radius: 50%;  background: #f6a106;  color: #fff;  text-align: center;  height: 20px;  width: 20px;  float: left;  margin-left: -30px; }
.tab-group > ul { padding: 0 5px; white-space: normal !important;}
.explore ul { white-space: normal !important;}
.tab-group { position: relative; height: 70px;}

.scrol-div { width: 100%;}
.bg-main { background: #eee;}
.nav.nav-inner.nav-sidebar em { background: #f39c12; border-radius: 20px; height: 20px; min-width: 20px; padding: 0 5px; position: absolute; right: 25px; text-align: center; color: #fff; font-style: normal;}
/*.nav-inner li.active ul li span { color: #000;}*/
.dropmenu .nav-sidebar > li ul li a { 
    padding-left: 10px !important;
    padding-right: 10px !important;
    background: #eee none repeat scroll 0 0; text-align: left !important; color: #17365d; position: relative;}
.nav-sidebar li a { position: relative;} 
.nav-inner li.active.select a span { color: #000;}
.dropmenu .nav-inner li.select a { background: #fff; color: #17365d;}
em.count { background: #f39c12 none repeat scroll 0 0; border-radius: 20px; color: #fff; display: inline-block; font-size: 11px; font-style: normal; height: 18px; min-width: 18px; padding: 2px 0; text-align: center; vertical-align: middle;}
.nav-inner.nav-sidebar em.btn-danger { background-color: #b92c28 !important;}
.nav-inner.nav-sidebar em.btn-success { background-color: #3e8f3e !important;}
.nav-inner.nav-sidebar em.btn-warning { background-color: #e38d13 !important;}
.nav-inner.nav-sidebar em.btn-primary { background-color: #245580 !important;}
.nav-inner.nav-sidebar em.btn-info { background-color: #28a4c9 !important;}
.nav-inner.nav-sidebar em.btn-purple { background-color: #7403af !important;}
.nav-inner.nav-sidebar em.btn-default, .nav-inner.nav-sidebar em.btn-default.count { background-color: #fff !important;}
.pmslink .dropdown-menu { padding: 0 10px !important;} 
.pmslink .dropdown-menu li a {  color: #000 !important; }
.pmslink .dropdown-menu li a:hover {
    color: #17365d !important;
} 
.pmslink .dropdown-menu li {  width: 100%;  margin: 0; }
.pmslink .dropdown { margin-left: 10px;}
.btn-purple { background-color: #7403af !important;}
.vinspl-html-table tr td.btn-danger { background: #b92c28 !important;}
.vinspl-html-table tr td.btn-success { background: #3e8f3e !important;}
.vinspl-html-table tr td.btn-primary { background: #245580 !important;}
.vinspl-html-table tr td.btn-info { background: #46b8da !important;}
.vinspl-html-table tr td.btn-purple { background: #7403af !important;}
.vinspl-html-table tr.dr td.btn-warning { background: #e38d13 !important;}
.box-title em { border-radius: 20px; color: #fff; display: inline-block; font-size: 10px; font-style: normal; height: 17px; margin-left: 10px; min-width: 16px; padding: 2px 5px; text-align: center; vertical-align: middle;}
.nav-sidebar .active ul li a, .nav-sidebar .active ul li a:hover, .nav-sidebar .active ul li a:focus { background-color: #fff; color: #000;}
.boxwp { width: 100%;}
.col-menu { padding-left: 15px; background-color: #eee;} .col-menu a:hover {  background-color: #fff; }#causes li, .checkalign li { border: medium none; padding: 0;}
.causes li { border: medium none !important; padding: 0;}
.align-feild { margin-left: 0;}
.nav-sidebar.panel li { padding: 0;}
.nav-sidebar .panel li { padding: 0;}#dashboardPH { /*height:100%;*/ position: relative; background: #eee;}
.explore .dropdown-menu > li > a { white-space: normal; padding-left: 30px !important; text-indent: -23px;padding: 3px 10px;color: #7a7676 !important;width:100%;}
.vinspl-form-sidebar ul > li > label { background: #5ec30d; border-radius: 25px; color: #fff; height: 20px; line-height: 10px; min-width: 20px; padding: 4px; position: absolute; right: 12px; text-align: center !important; text-indent: 0; top: 5px;}
.imgbox > label { margin: 3px 0 0 5px; width: auto; font-weight: normal;}
.btn-green { background: rgb(0, 166, 90) none repeat scroll 0 0 !important; color: #fff !important; text-shadow: none;} .btn-green:hover {  background: rgb(0, 166, 100) none repeat scroll 0 0 !important;  color: #fff !important;  text-shadow: none; } .btn-green img {  filter: invert(1);  -webkit-filter: invert(1);  -ms-filter: invert(1); }
 .btn .caret {  margin: 0 0 0 4px;  position: absolute;  right: 7px;  top: 16px; }
.vinspl-modal-footer .dropdown-menu li a { border-color: #ddd !important; margin: 5px;}
.vinspl-modal-footer .dropdown-menu { padding-bottom: 0;}#Send_Log { top: 27%;}
.set-attach { float: left;} .set-attach img {  height: 25px; }
.green { background: rgb(0, 166, 90) none repeat scroll 0 0 !important; text-shadow: none !important; color: #fff !important;}#ActBtn { margin-left: 5px;}
.nav-sidebar li a small img {border-radius: 6px;margin-right: 5px;padding: 3px;width: 25px;height: 100%;}
.nav-sidebar li a.active small img { background: #f2f1f1 none repeat scroll 0 0;}
.nav-sidebar li.active a small img { background: #f2f1f1 none repeat scroll 0 0;}
.nav-sidebar li a.active { background: #224672; color: #eee;} .nav-sidebar li a.active span {  color: #eee; }
.nav-sidebar li a small {display: inline-block;float: none;margin-top: 3px;}

.fleetcrumb h5.box-title small { display: none;}
.show-drop { display: block !important;}/* new */.panelnote li { padding-left: 0;}


.wrap-bg { margin-bottom: 10px;width:100%;}
.wrap-right { padding: 13px 35px 7px 25px;}
.panel-white .panel-heading span { display: inline-block; padding-right: 5px;}
.panel-white .panel-light { background: #F6F6F6;} .panel-white .panel-light h4 {  font-size: 16px;  margin: 0; } .panel-white .panel-light a {  margin: -6px 0; }
.chartsec .panel-white { margin-bottom: 27px !important; min-height: 290px;}
.feild-box {
    display: inline-block;
    float: right;
    margin-bottom: 8px;
    position: relative;
    vertical-align: middle;
    width: 260px;
}
.feild-box h4 {
    color: #fff;
    float: left;
    font-size: 14px;
    line-height: 26px;
    margin: 8px 0;
    padding-left: 10px;
    width: 100%;
}
.feild-box span {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    height: 100%;
    padding: 8px;
    position: absolute;
    right: 0;
}
.feild-box img {
    width: 18px;
}
.task-block { margin-top: 0px !important;}
.qhsetitle { margin: 4px 0;}

#MasterDashboard .col-sm-12.margin-top { min-height: 210px;}
.check-control label { margin-right: 15px;}
.bg-yelow-light { background: #ffde24;}
.calendar-grid { border: 1px solid #ddd; margin-bottom: 5px;} .calendar-grid a {  color: #000; } .calendar-grid .thead-inverse {  background: #eee none repeat scroll 0 0; } .calendar-grid tfoot {  background: #eee none repeat scroll 0 0; }
.dashboardbtn .btn-default { min-width: 190px;}
.slidepanel { position: fixed; min-height: 240px; width: 320px; right: 0; 
              margin: 50px 0; transition: all 0.5s ease 0.5s; z-index: 9; 
              transform: translateX(322px);box-shadow: 0 0 10px 0 #ccc;
    margin: 50px 0;
    min-height: 240px;
    position: fixed;
    right: -290px;
    transform: translateX(600px);
    transition: all 0.5s ease 0.5s;
    width:600px;
    z-index: 9;
    transform: translateX(322px);
}
.slidepanel .panel-heading {  
    position: relative;  
    transform: translateX(-39px);  
    transition: all 0.5s ease 0.5s;  
    padding-left: 10px;  
    cursor: pointer;  
    background: #17365d;
    font-size: 14px;  
    line-height: 14px;  
    float: left;  
    width: 100%;  
    color: #fff; 
    border-radius:6px !important;
    padding: 4px 6px;
    vertical-align:middle;
    font-weight:500;
}
.slidepanel.toggled {  transform: translateX(-41px); right:-20px;border: none;}  
.slidepanel.toggled .panel-heading {transform: translateX(0px);  } 
#graph { display: inline-block; margin-top: 0px;}

.slidepanel .panel-heading.toggled {
    border-radius: 0 !important;
}
.slidepanel .panel-heading img {
    display: inline-block;
    float: none;
    margin: 0 5px 0 0;
    vertical-align: middle;
    width: 18px;
}
.slidepanel ul li {
    list-style-type:none;
}
.slidepanel .panel-heading > span {
    display: inline-block;
    float: none;
    vertical-align: middle;
}

.slidepanel ul {
    padding-right: 30px;
}
.slidepanel  li{
     padding: 9px 5px 9px 25px;
}
.slidepanel li span {
    background: #f6a106 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    float: left;
    height: 20px;
    margin-left: -30px;
    text-align: center;
    width: 20px;
}
.slidepanel li + li {
    border-top: 1px solid #eee;
}
.table-responsive.vinspl-html-table .picklist { height: 10px !important; width: 11px !important;}

.graph_dropdown { padding: 0; min-width: 90px;} 
.graph_dropdown li {  padding: 0; }  
.graph_dropdown li a {color: #000 !important;margin: 0 !important;  }
.wrap-bg .panel-body { padding: 0;}
.procurement .panel-heading img { width: 20px; float: left; margin: 5px 7px 0px 0px;}
.wrap-bg .panel-white .panel-heading img, .panel-white .panel-heading .openicon img { margin-top: -2px; opacity: 0.6; padding-top: 3px; width: 29px;}
.icon-tools img { width: 20px;}
.icon-tools {background: #17365d;
    display: inline-block;
    margin-bottom: 0;
    padding: 4px 0;
    position: fixed;
    top: 0px;
    text-align: center;
    width: 24px;
    z-index: 11;}
.icon-tools span {
    font-size: 18px;
    color: #fff;
}
.panel-body img.GS1 { max-width: 93%; width: 100%;}
.fleetcrumb .box-title { font-size: 18px; margin: 0; display: inline-block;}
.procurement .panel-heading .setting::before { color: #fff; content: "\f013"; font-family: fontawesome; font-size: 17px;}
.work-flow-right em { font-style: normal;}
.bordernull a { margin: 0; border: none; padding: 0;}
.vinspl-html-table table tr td .bordernull { border: medium none; margin: 0; padding: 0; top: 0;}
.vinspl-html-table tr.selected img { filter: invert(1);}
.vinspl-html-table tr.selected td { background: #002d4a none repeat scroll 0 0; color: #fff !important;}
.addimg { left: auto; position: absolute; right: 30px; top: -1px;} .addimg img {  width: 12px; }
.vinspl-html-table tr[data-target="Plus"] img, .vinspl-html-table tr[data-target="Plus2"] img { width: 15px !important;}
.ribbon .tab-content ul.dropdown-menu { top: 32px;}
.footer p { margin: 0;}
.compare-table { width: 100%;}
#vwr { margin-bottom: 20px;} 
#vwr .control-label > span {  display: flex; }
.vwr .table { margin-bottom: 0;}
.comparison_filter .vinspl-modal-header { font-weight: normal;}
.comparison_filter label { font-weight: normal;}
.comparison_filter td { background: none; padding: 0;}
#selectship li { height: auto;}
#selectship .selectorul li { border: none !important; padding: 0 !important; font-weight: bold; font-size: 13px;} 
#selectship .selectorul li a {  font-weight: bold;  text-align: left; border-radius: 0;}
.choose-dep .dropdown-menu { border: medium none;}
#selectship .selectorul li .fa, #selectship .selectorul li .ffa { display: none;}
#selectship .selectorul li.init .fa { display: inline-block; padding: 7px 0 7px 16px;}
#selectship .selectorul li.init .ffa { display: inline-block; padding: 7px 0 7px 10px;}
#selectship .selectorul li.init a .fa, #selectship .selectorul li.init a .ffa { padding: 0;}
.statusfull { display: block; float: none;}
#rfq-form-modal #cover1 .collapsehold.pull-right, #rfq-form-modal #cover2 .collapsehold.pull-right { padding-left: 32px; width: 100%;}
.nav-pills .dropdown .dropdown-menu li a { color: #000 !important;}
.nav-pills .dropdown.open .dropdown-toggle .caret { color: #000;}
.vinspl-comments-box .col-xs-10 { width: 80%;}
.vinspl-comments-box .col-xs-2 { width: 20%;}
#selectship .selectorul li.init { border-bottom: 1px solid #27466d !important;}
.vendor_1.blue_tbl_border table tr:nth-child(2) td { background: none !important;}
.vendor_1.blue_tbl_border table tr:nth-child(4) td { background: none !important;}
.detail-manual .vinspl-modal-body { max-height: calc(100vh - 118px); overflow-y: auto; padding: 15px !important;}
.vinspl-html-table tr .select-po { height: 36px !important;width: 121px !important;}
.select-po .plus { margin-right: -4px; position: relative; right: 0; top: -2px; padding-left: 3px;}
.table-middle td { vertical-align: middle !important;}
#tblSparePartinner1 input { float: none;}
.select-po .btn, .select-po .plus { line-height: normal;}
.refresh-log { position: absolute; right: 14px; top: -12px;}
.control-label spam { display: flex;}
.blue-txt { text-decoration: underline; color: blue; position: relative;}
.closerecord { margin-left: 3px; cursor: pointer;}
.flex { display: flex;}
.cursor { cursor: pointer;}
.vinspl-html-table .border-danger { border: 1px solid #c12e2a !important;}
.lot { padding: 5px; width: 100%;}
#vwr .row .control-label { width: 100%;}
.filteron::after { color: #000; content: ""; font-family: fontawesome; position: relative;}
.filteron.collapsed::after { content: "\f102";}
.filteron, .filteron:hover, .filteron:focus { color: #000;}
#vwr .form-below .form-below .control-label { width: auto;}
.padding-box-2 { padding: 2px !important;}
.warning { float: none; margin: 0 auto -15px; min-width: 410px; width: 570px;} 
.warning .form-below {  background: #eee none repeat scroll 0 0;  border: 1px solid rgba(0, 0, 0, 0.1) !important;  border-radius: 10px 10px 0 0;  height: 29px;  position: relative; }
.select-po .btn { line-height: 15px; padding: 5px 8px;}
#rfq-pic { float: left; margin: 0 !important;}
body .closerecord { background: transparent none repeat scroll 0 0; font-size: 14px; margin-left: 3px; position: static;}
.section1 { padding-right: 0; width: 65%;}
.section2 { width: 35%;} 
.section1 .form-below, .section2 .form-below {  border-color: #000;  margin: 0; }
.btn-gradient-orange { padding-right: 20px; font-weight: bold; color: #000;}
.btn-gradient-orange { background: -moz-linear-gradient(top, rgb(255, 207, 12) 25%, #f7a309 75%); background: -webkit-linear-gradient(top, rgb(255, 207, 12) 25%, #f7a309 75%); background: linear-gradient(top, rgb(255, 207, 12) 25%, #f7a309 75%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(255, 207, 12', endColorstr='#f7a309',GradientType=0); /*background:url("/images.sectionrt.png")") no-repeat center right transparent;*/ border: 1px solid #e98c01; box-shadow: 0 1px 1px 1px #fff030 inset; padding-bottom: 3px; padding-top: 3px;}
.btn.btn-gradient-orange::after { background: transparent url("/images/sectionrt.png") no-repeat scroll right center / content-box; content: ""; height: 108%; position: absolute; right: -25.2px; top: 0; width: 39px;}
.btn-gradient-orange:hover { background: -moz-linear-gradient(top, #ffd00c 25%, #e98c01 75%) !important; 
background: -webkit-linear-gradient(top, #ffd00c 25%, #e98c01 75%) !important; background: linear-gradient(top, #ffd00c 25%, #e98c01 75%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd00c', endColorstr='#e98c01',GradientType=0) !important;}/*#ProcurementDashboardin .row{ display:inline;}*/#ProcurementDashboardin { float: left;}
.tab-pane { display: none;}
.perallax-scroll .tab-pane{ display: block;opacity:1;}
.perallax-scroll .vinspl-cause-content .tab-pane{ display: none;}
.perallax-scroll .vinspl-cause-content .tab-pane.active{ display: block;}
.panel-body .ontime-perf img { float: left; width: auto !important;}
.todo-group li img { margin: -5px 10px 0 0; width: 25px;}
.todo-group li { padding: 10px 0 !important;}
.font-selector { float: left; margin: 12px 0 0 40px;}
body.font_8 { font-size: 8px;}
body.font_9 { font-size: 9px;}
body.font_10 { font-size: 10px;}
body.font_11 { font-size: 11px;}
body.font_12 { font-size: 12px;}
body.font_13 { font-size: 13px;}
body.font_8 .form-control { font-size: 8px;}
body.font_9 .form-control { font-size: 9px;}
body.font_10 .form-control { font-size: 10px;}
body.font_11 .form-control { font-size: 11px;}
body.font_12 .form-control { font-size: 12px;}
body.font_13 .form-control { font-size: 13px;}
body.font_8 .content-header .breadcrumb { font-size: 8px;}
body.font_9 .content-header .breadcrumb { font-size: 9px;}
body.font_10 .content-header .breadcrumb { font-size: 10px;}
body.font_11 .content-header .breadcrumb { font-size: 11px;}
body.font_12 .content-header .breadcrumb { font-size: 12px;}
body.font_13 .content-header .breadcrumb { font-size: 13px;}
body.font_8 .procurement .panel-heading { font-size: 13px; line-height: 13px;}
body.font_9 .procurement .panel-heading { font-size: 14px; line-height: 14px;}
body.font_10 .procurement .panel-heading { font-size: 15px; line-height: 15px;}
body.font_11 .procurement .panel-heading { font-size: 16px; line-height: 16px;}
body.font_12 .procurement .panel-heading { font-size: 17px; line-height: 17px;}
body.font_13 .procurement .panel-heading { font-size: 18px; line-height: 18px;}
body.font_8 .vinspl-html-table td, .grid-body td { font-size: 8px;}
body.font_9 .vinspl-html-table td, .grid-body td { font-size: 9px;}
body.font_10 .vinspl-html-table td, .grid-body td { font-size: 10px;}
body.font_11 .vinspl-html-table td, .grid-body td { font-size: 11px;}
body.font_12 .vinspl-html-table td, .grid-body td { font-size: 12px;}
body.font_13 .vinspl-html-table td, .grid-body td { font-size: 13px;}
body.font_8 .group-footer { font-size: 8px;}
body.font_9 .group-footer { font-size: 9px;}
body.font_10 .group-footer { font-size: 10px;}
body.font_11 .group-footer { font-size: 11px;}
body.font_12 .group-footer { font-size: 12px;}
body.font_13 .group-footer { font-size: 13px;}
body.font_8 .selectorul li { font-size: 8px !important;}
body.font_9 .selectorul li { font-size: 9px !important;}
body.font_10 .selectorul li { font-size: 10px !important;}
body.font_11 .selectorul li { font-size: 11px !important;}
body.font_12 .selectorul li { font-size: 12px !important;}
body.font_13 .selectorul li { font-size: 13px !important;}
body.font_8 .small-box h3 { font-size: 9px !important;}
body.font_9 .small-box h3 { font-size: 10px !important;}
body.font_10 .small-box h3 { font-size: 11px !important;}
body.font_11 .small-box h3 { font-size: 12px !important;}
body.font_12 .small-box h3 { font-size: 13px !important;}
body.font_13 .small-box h3 { font-size: 14px !important;}
body.font_8 .vinspl-modal-header h4 { font-size: 11px !important;}
body.font_9 .vinspl-modal-header h4 { font-size: 12px !important;}
body.font_10 .vinspl-modal-header h4 { font-size: 13px !important;}
body.font_11 .vinspl-modal-header h4 { font-size: 14px !important;}
body.font_12 .vinspl-modal-header h4 { font-size: 15px !important;}
body.font_13 .vinspl-modal-header h4 { font-size: 16px !important;}
body.font_8 .btn { font-size: 8px;}
body.font_9 .btn { font-size: 9px;}
body.font_10 .btn { font-size: 10px;}
body.font_11 .btn { font-size: 11px;}
body.font_12 .btn { font-size: 12px;}
body.font_13 .btn { font-size: 13px;}
body.font_8 .vinspl-requistion_block h3 { font-size: 9px;}
body.font_9 .vinspl-requistion_block h3 { font-size: 10px;}
body.font_10 .vinspl-requistion_block h3 { font-size: 11px;}
body.font_11 .vinspl-requistion_block h3 { font-size: 12px;}
body.font_12 .vinspl-requistion_block h3 { font-size: 13px;}
body.font_13 .vinspl-requistion_block h3 { font-size: 14px;}
.ribbon .nav-tabs li.pull-right a { padding: 0 15px;} 
.ribbon .nav-tabs li.pull-right a:hover {  background: none; }
.ribbon .nav-tabs li.pull-right.active a { background: none;}
a#RibbonCol:before { content: "\f068"; font-family: fontawesome; color: #000; font-size: 20px; 
                     line-height: 24px; background: none;}
a#RibbonCol.collapsed:before { content: "\f067" !important; font-family: fontawesome; color: #000; background: none;}
#ribon_content { min-height: 70px; transition: all 0.5s ease 0.2s;display: none !important;
    float: left;
    width: 100%;
    background: #fff;} 
#ribon_content .tab-pane.active {  overflow-x:auto;  overflow-y:hidden;  max-height:65px; }
a#RibbonCol { position: absolute; right: 14px; top: 8px;}
.breadcrumb ul { float: left;} 
.breadcrumb ul li {  float: left;  padding: 0 5px; }  
.breadcrumb ul li + li:before {content: "\f101";font-family: fontawesome;color: #fff;left: -5px;position: relative;  }
.small-box .inner .chekbox { position: absolute; right: 6px; bottom: 6px;}
.box-circle { background: #fff; border-radius: 50%; color: red; font-size: 14px; height: 22px; line-height: 21px; margin: -4px -4px 0 0; text-align: center; width: 22px;}
.blue-txt span.tip { background: #fff none repeat scroll 0 0; color: green; display: inline-block; font-weight: normal; padding: 4px; position: absolute; right: 0; top: 15px; width: 330px; z-index: 1; border: 1px solid #ddd; display: none;}
.blue-txt:hover span.tip { display: block;}
.blue-txt span.tip label { font-weight: normal;}
.blue-txt span.tip ol { background: #f5f5f5; padding: 5px 10px; list-style: none; margin: 0;} 
.blue-txt span.tip ol li {  padding: 3px; }
.box-tab .tab-pane.active { margin-bottom: 10px;}
.box-tab { padding: 0px !important;}
.top-fixed { position: fixed; top: -3px; left: 0; right: 0; margin-left: 0; z-index: 2; transition: all 0.5s ease 0.2s;}
.body-right { padding-top: 0px; padding-bottom: 40px;}
.height-sm { height: 20px !important;}
.exp-col1 .top-fixed, .exp-col1 .footer { margin-left: 0;}
.exp-col .footer { margin-left: 0;}
.vinspl-modal-footer .nav-tabs { position: absolute; bottom: 0;} 
.vinspl-modal-footer .nav-tabs .btn-custom {  background: #ccc none repeat scroll 0 0;  border: 1px solid #aaa;  border-bottom: none; }
#survey-form-modal .vinspl-html-table tr td:first-child { background: #fff !important;}
.btn-success { background-color: #3e8f3e !important;}
.vinspl-modal-footer .nav-tabs .count { margin-left: 2px;}
.fetch-btn { margin-bottom: 10px;}
.heading-search a:before { content: none !important;}
.detail-modal .vinspl-modal-footer { min-height: unset; padding-bottom: 10px;}
.vinspl-panel-body .approvedimg { position: absolute; right: 20px; top: 16px; width: 25px !important;}
.btn-sm.input-sm { line-height: 16px !important;}
#inv-mgt .tab-group label { max-width: 70px; width: auto;}
.kpi-tbl tr td:first-child { text-align: left;}
.todo-group .panel-body ul li span { margin: 0 10px 0 0; color: #f6a106; background: none; font-size: 20px;}
.note-pad .panel-body ul li span { background: red none repeat scroll 0 0; border-radius: 11px; color: #fff; float: none; font-size: 10px; margin: 0 0 0 10px; padding: 1px 5px; width: auto;} .note-pad .panel-body ul li span.green {  background: green; }#select-actn { background: #fff; float: right; height: auto; /*padding: 5px;*/ width: auto; border: 1px solid rgb(0, 166, 90);} #select-actn p {  margin: 0;  font-weight: bold;  float: left;  padding-left: 10px; }label.action-tip { color: green !important; padding: 10px;}
.action-tip:before { content: "\f0a4"; font-family: fontawesome; position: absolute; right: 15px; top: 4px; font-size: 22px;}
.tab-group .dropauto label { max-width: 100px; width: auto;}
li.ship-menu { padding: 10px 0;}
.ship-menu a img { margin-right: 6px; width: 32px;}
.multi_picklist { bottom: auto; height: 765px; margin: 10px auto; max-width: 500px; padding: 0 20px !important; top: 108px; width: 500px;}
/* Tree css */
#treesidebar ul { padding-left: 20px;}
#treesidebar .tree-toggler { background: transparent none repeat scroll 0 0 !important; color: #000; font-weight: bold; margin: 0; padding: 9px 0 0;}
#treesidebar ul ul a { color: #000; display: inline-block; line-height: normal; margin: 2px 0; padding: 0; width: auto;}
#treesidebar ul ul a:hover {  background: transparent !important;  font-weight: bold; }
#treesidebar a img { width: 18px;}
#treesidebar.tree2 ul ul li a {    margin-top: 5px;    padding-top: 0;}
#classgrid-pick { position: relative;}
.showgrid { display: block !important;}
#treesidebar > ul > li { margin: 5px 0;}
.explore .dropdown-menu li h4 { background: #eee none repeat scroll 0 0; color: #000; float: left; font-size: 12px; font-weight: bold; margin: 7px 0 4px; padding: 4px 6px; width: 100%;}
.explore .dropdown-menu li:first-child h4 { margin: 0px 0 4px;}
#Equipmentpicklist div.active { display: block !important; width: 100%;}
.selectrpl .input-sm { padding: 0 !important;}
.inptcentr { float: none !important;}
.picklist_btn { padding-left: 0 !important;}
#classgrid .data span { display: none;}
.data span { padding-right: 10px;}
.vinspl-html-table tr.selected td:first-child { color: #000 !important;}
.portpnl h5 { padding-left: 21px;}
.error_header { background: #17365d none repeat scroll 0 0; color: #fff; display: inline-block; padding: 1px 10px; width: 100%;}
.windowreport { left: 0; position: fixed; top: 40%; width: 100%; z-index: 9999;}
.error_massage { background: #fff none repeat scroll 0 0; box-shadow: 0 0 20px 3px #aaa; margin: 0 auto; width: 410px;}
.error_body { padding: 20px;}
.error_footer { background: #eee none repeat scroll 0 0; border-top: 1px solid #ddd; display: inline-block; margin-bottom: -3px; padding: 6px 10px; width: 100%;}
.showtag { display: none !important;}
.unvisiblity { visibility: hidden !important;}
.visiblity { visibility: visible !important;}
.cause-content .panel-title { font-size: 13px;}
.cause-content .checkalign li { border: medium none; padding: 0;}
.messages-menu .footer { margin: 0; width: 100%;}
.navbar-custom-menu .footer a { background: #eee none repeat scroll 0 0 !important; border-radius: 0 !important;}
.msg-box { top: 30% !important; left: 0px; width: 364px; display: none;} 
.msg-box .vinspl-modal-dialog {  height: 140px; }  
.msg-box .vinspl-modal-dialog .vinspl-modal-content .vinspl-modal-body .vinspl-box-content img {width: 23px;float: left;margin-right: 15px;  }  .msg-box .vinspl-modal-dialog .vinspl-modal-content .vinspl-modal-body .vinspl-box-content h3 {font-size: 16px;margin: 18px 0px 0px 0px;  }
.vinspl-html-table tr td:first-child img { margin: 0; width: 100% !important;}
.pick-right { float: right !important;}
.search-ship { display: table; width: 100%;} 
.search-ship input {  display: table-cell; }                      
.search-ship a {  display: table-cell;  color: #000;  cursor: pointer;  padding-left: 5px; }
.vinspl-tr-select td { background: #dddddd;}
.check-box-set { background-color: transparent; height: 15px; width: 15px; position: absolute; left: 25px; z-index: 999; top: 6px; cursor: pointer;}#AppendMain .wrap { margin: 0 0 0px;}#AppendMain .breadcrumb { margin: 10px 0 0px;}#AppendMain .tab-content:last-child { margin-bottom: 90px;}
.vinspl-form-sidebar ul li img { background: #f2f1f1 none repeat scroll 0 0; border-radius: 8px; margin-right: 10px; padding: 0; width: 25px;}table td.text-center a { float: none; float: none; padding-bottom: 0; padding-top: 0; width: 100%;}
.responsivesrch { display: none;}
.nav.responsive.nav-tabs li a { background: #ececec none repeat scroll 0 0; border-radius: 5px; color: #17365d; margin: 0 !important; padding: 6px 10px; text-decoration: none;}/*================ Start *Procurement sidebar animation Stop*================*/.navbar-header1 { transition: all 0s ease 0s;}
 .main-container.rib-col, .sidebar, .footer {  transition: all 0s ease 0s; }
 /*================ End *Procurement sidebar animation Stop*================*/
 .nav.responsive.nav-tabs li a.disabled { background: #f0f0f0 none repeat scroll 0 0; color: #959595; cursor: not-allowed !important;}
.vendor_1 table, .vendor_2 table { margin-bottom: -1px !important;}
/*===============******** New Add vinspl style *********=============*/
.vinspl-modal-footer-left { float: left; /*width: 14%;*/ width:auto;}
.vinspl-modal-footer-mid { float: left; padding-left: 10px; text-align: left; width: 30%;} 
.vinspl-modal-footer-mid label {  float: left;  line-height: 18px;  margin-right: 20px; }
.vinspl-modal-footer-right { float: right; /*width: 49%;*/ text-align: right;}
.vinspl-block { display: inline-block; padding-bottom: 30px; width: 100%;}
 
.modal-title img {  width: 20px; }

.vinspl-lbl-3 { float: left; padding-right: 10px; width: 21.6%;}
.vinspl-lbl-1 {float: left;padding-right: 10px;width: 7.6%;}
.vinspl-fld-11 {float: right;width: 92.4%;}
.vinspl-picklist-footer .btn, .vinspl-dropdown-footer .btn{margin-left:10px;}
.vinspl-dropdown-body { height: 180px; overflow-x: hidden; overflow-y: auto; padding: 5px 15px 0 15px; margin-bottom: 35px;}
.vinspl-dropdown-footer { background-color: #e5e5e5; bottom: 0px; float: left; padding: 5px 15px; position: absolute; width: 100%;}
.vinspl-dropdown-header { margin-top: -10px; background-color: #002d4a; height: 15px;} 
.vinspl-dropdown-header h6 {  color: white;  text-align: center;  padding-top: 8px; }
/*styles for dropdown modal*//*========== Modal md style ========*/

.vinspl-modal-md .vinspl-modal-footer { height: auto;}
.modal-open .vinspl-picklist-modal .vinspl-modal-body { padding: 10px 15px !important; bottom: 51px;}
.vinspl-modal-sm .vinspl-modal-footer { height: auto; min-height: unset; padding: 0px 5px;position: static}
.vinspl-modal-sm .vinspl-modal-footer .btn {position: static;}

.vinspl-modal-sm.withoutfooter .vinspl-modal-body { height: auto;}
.performatted .form-below label.control-label { min-width: 76px !important;}
.vinspl-text-editor { width: 100%; display: inline-block;}
.vinspl-near-miss-form { padding-left: 0;}
.vinspl-incident-form { padding-left: 0; position: relative;}
.vinspl-certificate-form { padding-left: 0; position: relative;}
.vinspl-survey-form { padding-left: 0; position: relative;}
.vinspl-deficiency-form { padding-left: 0; position: relative;}
.vinspl-inspection-form { padding-left: 0; position: relative;}
.vinspl-rep-fule-vlv-form { padding-left: 0; position: relative;}
.vinspl-exh1-form { padding-left: 0; position: relative;}
.vinspl-office-gra-form { padding-left: 0; position: relative;}
.vinspl-picklist-modal .vinspl-picklist-body {
    overflow-y: auto;
    height: calc(100% - 3em);
}
.vinspl-picklist-modal .vinspl-picklist-body form { padding-bottom: 0;}
.vinspl-picklist-modal { text-align: center;width:100%;margin:0 auto;}      
.vinspl-picklist-modal.equip-picklist .vinspl-picklist-content{width: 45%;}                                                                                                                                                                                                                                                                                                                                                                                                         
.vinspl-picklist-header img { background: #fff none repeat scroll 0 0; border-radius: 6px; padding: 3px; width: 26px;}
.panel-heading i { margin-left: 10px;}
.vinspl-sub-modal .vinspl-modal-dialog {
    overflow: visible;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 27%;
}
.wo-version-modal.vinspl-sub-modal .vinspl-modal-dialog {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background:none;
    box-shadow: none;
}
.change-password .vinspl-modal-dialog .vinspl-tab-panel-body {padding: 10px 10px 45px 10px;}
.vinspl-sub-modal { padding: 0%;text-align: center;} 
.vinspl-sub-modal:before {content: '';  display: inline-block;  vertical-align: middle;  margin-right: -4px; }    
 .vinspl-sub-modal .vinspl-modal-footer {min-height: 68px;
    padding: 15px;
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: flex-end;}                                                                                                                                                                                                                      
.vinspl-sub-modal .vinspl-modal-body {
    position: inherit;
    border-radius: 0;
    background: #fff;
    margin: 0;
    width: 100%;
} 
.vinspl-sub-modal .vinspl-modal-content {
   padding-bottom: 0px;
    width: 28.3em;
    height: auto;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
 .vinspl-sub-modal.modal.result-modal .vinspl-modal-body {  width: 100%; }
.panel-heading > span { float: left;}
.vinspl-html-table img { width: 20px !important;}


.well { border-radius: 0; margin-bottom: -5px; padding: 5px; width: 100%; float: left;}table { width: 100%;}
.vinspl-sub-modal h3 { font-size: 16px; margin: 0;}
.vinspl-OfficeRequisition-form, .vinspl-servicebox-form { padding-left: 0; position: relative;}
/*========  Start Cumulative List of Observation/Non-Conformity Panel css =======*/
.vinspl-fnc { border: 1px solid #44667c !important;}
.vinspl-fnc-heading { background: #44667c none repeat scroll 0 0 !important; border-color: #44667c !important; color: #fff !important; padding: 3px 10px;} .vinspl-fnc-heading a {  color: #fff;  font-size: 16px;  font-weight: normal; }
.vinspl-fnc-body { float: left; width: 100%; border: #44667c !important; overflow: hidden;}
.vinspl-fnc .vinspl-html-table { overflow-y: auto; max-height: 110px; margin: 0;}
.vinspl-fnc-heading a::before { content: ""; float: right; font-family: fontawesome;}
.vinspl-fnc-heading a.collapsed::before { content: ""; float: right; font-family: fontawesome;}
.vinspl-cause-content li { border: none !important; padding: 0;}

.vinspl-req-tabs { border-bottom: medium none !important; display: inline-block; width: 100%;} .vinspl-req-tabs li {  display: inline-block; } .vinspl-req-tabs ul li a {  padding: 6px 10px;  margin: 0 !important;  background: #ECECEC;  color: #17365d;  text-decoration: none;  border-radius: 5px 5px 0 0;  font-size: 13px;  display: inline-block; } .vinspl-req-tabs ul li.active a {  background: #17365d none repeat scroll 0 0 !important;  color: #fff !important; }
.vinspl-FNC-overflow { margin-top: 170px !important;}
.vinspl-custom-lbl { display: table-cell; vertical-align: middle;}
.vinspl-tbl-cell .vinspl-custom-fld { display: block;}
.vinspl-tbl-cell input[type="text"] {width: 100%;}
.vinspl-workflow-btn-grp { width: 100%; float: right; text-align: right; margin-top: 5px;} .vinspl-workflow-btn-grp .btn {  display: inline;  width: 100%;  margin: 0 0 0 5px; }

.vinspl-form-topbar { float: left; width: 100%;} .vinspl-form-topbar ul {  background: #eee none repeat scroll 0 0;  float: left;  margin: 0;  padding: 0;  width: 100%; } .vinspl-form-topbar li {  float: left;  padding: 0 4px; }  .vinspl-form-topbar li img {padding: 0;width: 32px;  }
.vinspl-form-topbar ul {background: #eee none repeat scroll 0 0;float: left;margin: 0;padding: 0;width: 100%;}
.vinspl-form-topbar li img {padding: 0;width: 25px;}
.vinspl-form-topbar ul li {margin: 0;padding: 0;border-right: 1px solid #dfdddd;position: relative; float:left;}
.vinspl-form-topbar ul li a {margin: 0;display: block;padding: 5px 10px 5px 47px;text-indent: -35px;text-decoration: none;}
.vinspl-form-topbar {display: block;float: left;font-weight: bold;position: relative;width:100%;z-index: 1; padding: 0 15px;}
.vinspl-form-topbar li a, .vinspl-form-topbar ul li button {background: none;border: none;color: #3b3e40;}
.vinspl-form-topbar ul li button {padding: 4px 12px;text-align: left;width: 100%;}
.vinspl-form-topbar li a:hover, .vinspl-form-topbar ul li button:hover {background: #002d4a;color: #fff;}
.vinspl-form-topbar li.active a, .vinspl-form-topbar ul li.active button {background: #002d4a;color: #fff;}
.vinspl-form-topbar li + li {border-bottom: 1px solid #dfdddd;}
.vinspl-form-topbar li + li {border-top: 1px solid #faf7f7;}
.vinspl-equip-class .vinspl-modal-dialog{height:auto;}
.tag{display:none!important}
.vinspl-equip-class  form {padding-bottom: 35px;}
.vinspl-html-table .dropdown { border-radius: 0; height:auto; margin: 0 -5px; padding: 3px; width: 100%;}
.vinspl-tab-panel-body label img {width: 30px;}
.vinspl-tab-panel-body strong { display: inline-block;}
.vinspl-html-table .btn-group { white-space: normal;}/******new css******03-09-2018******/.vinspl-inner-tab .vinspl-tab-panel-body{border:1px solid #ddd;position: relative;}
.vinspl-inner-tab a{background:#ddd; padding:5px 10px; color:#000000;}
.vinspl-inner-tab .nav-tabs > li a {background-color: #ddd; color: #000; padding:5px 10px;}
.vinspl-inner-tab .nav-tabs > li.active a {background-color: #365f91; color: #fff;}
.option-label{float:left; width:100%; padding:5px 10px 0;}
.option-label label {float: left;font-weight: normal;padding: 0 15px 0 0;}
.source-search{float:left; padding:0 10px 0 0; position:relative; width:100%}
.source-search input{float: left;margin-left: 5px;}
.source-search > label {display: table-cell;float: none;padding: 0 5px 0 0;vertical-align: middle;}
.source-search > button {position: absolute;right: 5px;top: 3px;border: none; background:none;}

.addnewarea a {padding:5px 0px; height:19px;color: #fff;border: none;}
.addnewarea a img { width: 18px; display:none;}
.list-group input[type="checkbox"] { float: none; position: relative; top: 4px;}i.list-icon { padding-right: 30px;}
.vinspl-tab-panel-body label .list-icon img { width: 40px;}
.list-group-item { padding: 8px 15px;}
.vinspl-list .list-group-item { padding: 1px 10px;}
.list-group-item > span { display: inline-block; padding-right: 30px; vertical-align: middle; width: 75%;}
.list-group em input[type="checkbox"] { margin: 0 30px; top: 2px;}

.pull-right.list-title strong { padding-left: 9px; padding-right: 44px;}
.list-group-item input[type="radio"] {  margin: 0 30px;}
.ribbon .tab-content .dropdown-custom ul.dropdown-menu {  top: auto;  left: auto;  width: auto;  margin: 40px 0 0 -6px;  position: fixed;max-width:240px;}
.radiobox label {  padding: 0 6px;  border-left: 1px solid #ccc;}
.vinspl-add-btn{font-size:22px;margin-left:15px;padding:5px;vertical-align:middle}
.before-add{ margin-left: 0; float:left;padding: 0; margin-right:15px}
.before-add .fa{float:left;}
/* START BRIDGE PROCEDURES AUDIT CHECKLIST FORM CSS */
.vinspl-html-table input[type=radio] {float: none;}
.vinspl-html-table label input[type=radio] {float: left;}
.bpa_details table td { padding: 5px;}
.bpa_details .vinspl-html-table{ margin:0;}
.btn-critriea:hover {background-color:#428bca !important;}
.tab-next-prev .btn-next span:before {content: "\f101";font-family: fontawesome;color: #000;padding:5px 0px 0 0;}
.tab-next-prev .btn-prev span:before {content: "\f100" !important;font-family: fontawesome;color: #000;padding:5px 10px 0 0px !important;}
.tab-next-prev .btn span:before {font-size: 16px;}
.vinspl-sms-vessel ul{list-style:disc; list-style-position:inside;}
.small-box-footer .vispld-notification-circle { display: inline-block; float: none; margin: 0; position: static; width: 19px;cursor:pointer;}td a.small-box-footer img{ display:inline-block;}
.browseinput { height: 20px; width: 50px; z-index: 1;position:relative; opacity:0;}
.browseinput{opacity:0;}
.browsetxt { padding: 1px 10px; position: absolute; right: 0; top: 0; z-index: 0;}
.perallax-scroll .vinspl-near-miss-form, .perallax-scroll .perallax-scroll-inner { padding-bottom: 50%; height:auto;}/*.pt-79{  padding-top:79px !important;}*/.breadcrumb-light {  background: #E5EFFF none repeat scroll 0 0;  border: 1px solid #CBD3E0;  padding: 6px 15px;  border-radius: 4px;  font-size: 11px;}
.breadcrumb-light li { display:inline-block;}
.breadcrumb-light li a { color:#000}
.breadcrumb-item::before{ display:inline-block; padding-right:0.5rem; color:#6c757d; content : "/";}

.e-input-group.e-control-wrapper.e-ddl.e-keyboard:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);
}
.modal { background:none!important; width:100%;}
.drop_fixed .dropdown-menu{left:auto;top:auto;width:360px;position:fixed;}
.vinspl-scroll-page{height: calc(100% - 128px);}
.page-loader {float:left;width:100%;height:100vh;position:absolute;left:0;right:0;top:0;bottom:0;background: rgba(6, 6, 6, 0.36);z-index:9999;text-align :center;}
.page-loader img {position: relative;z-index: 100000;left: 0;right: 0;top: 50%;bottom: 0;text-align: center;background: white;padding: 5px;border-radius: 5px;}
.grid-export-icon a {display: inline-block;margin: 0 5px;opacity:0.7;}
.grid-export-icon a:hover {opacity:0.9;}
.grid-export-icon a img {   width:19px !important;}
.vinspl-attachment-link img {width: 27px !important;}
.well .vinspl-pick-list{padding:0 0 0 5px;}
.planner-chek-selection{float:left;}
.planner-remainder{float: right;margin-bottom: 10px;width: 20%;}
/******************************************responsive css*********************************/
.vinspl-dept-selection {float: left;}
.navbar-custom-menu > .navbar-nav > li {float: left;}
.vinspl-dept-selection .nav.navbar-nav.ship-nav {margin: 0;}
.navbar-custom-menu .nav.navbar-nav {margin: 0;}
.box-btn-grp a.btn{width:100%!important;margin-bottom:10px;}
.box-btn-grp { width:50%!important;}
.box-btn-grp a.btn:hover {  background: #E2F2FF!important;  border-color: #A7CFF2!important;}
.btn-primary:hover .caret, .btn-primary:focus .caret {border-top-color: #fff !important;top: 5px !important;}
body .gridcheck tr .select{background:rgb(205, 234, 255) !important;}
.text-success{color:green !important}
/*========== Start Alert Modal ==========*/
.vinspl-alert-dialog {justify-content: center;align-items: center;display: flex;height: 100%;width: 100%;}
.vinspl-alert-content {max-width: 500px;min-width: 380px;text-align: center;position: relative;background: #fff;border-color: #fff #4a4542 #4a4542 #fff;border-radius: 4px;box-shadow: 0 0 15px 2px #888;}
.vinspl-alert-body {padding:10px 20px 5px;text-align: center;}

.vinspl-alert-footer {display: inline-block;padding: 10px;text-align: center;width: 100%;}
    
.vinspl-alert-title {
    font-weight: 500;
    font-size: 20px;
    color: #828181;
}
.vinspl-alert-text {   color: #5d5d5d; font-size: 12px;    text-align: left;
    line-height: 14px;padding: 0;overflow-wrap: break-word;word-break: break-word;}
.vinspl-alert-body .vinspl-alert-icon {
      background: #af541c;
    background: -moz-linear-gradient(top, #af541c 0%, #d36522 100%);
    background: -webkit-linear-gradient(top, #af541c 0%, #d36522 100%);
    background: linear-gradient(top, #af541c 0%, #d36522 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#af541c', endColorstr='#d36522',GradientType=0);
    min-width: 40px;
    margin-right: 15px;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 24px;
    height: 40px;
    padding: 4px;
    text-align: center;
    width: 40px}
.vinspl-pick-list .vinspl-listcombo-clear {
    right: 0.8em;
    top: -1px;
}
.vinspl-modal-body table td form {height: auto; text-align: center;}
.vinspl-modal-header .fa {font-size: 16px;padding: 2px 5px;}
.cls-clear .ftbBtnClear {border: medium none;font-size: 10px;height: 81% !important;left: auto !important;line-height: normal;padding: 1px 0;right: 24px;text-align: center;top: 2px !important;width: 15px;}
.cls-clear .ftbBtnClear:hover {border: medium none;color: gray;}
.lastChaser-header{cursor: auto; padding: 0;background: #365f91;margin-top: 0;float: left;width: 100%;font-size: 12px;height: 30px;}
.lastChaser-header h4{cursor:auto; padding:0; color:#fff; margin-top: 5px;}
.fa.fa-list {color:blue !important;}
.configure-language h2 {margin: 0;padding: 0 0 15px;text-align: center;font-size: 26px;}
.configure-language {border: 1px solid darkgray;border-radius: 5px;padding:35px 20px; margin-top:15%;}
.btn-blank {background: transparent none repeat scroll 0 0;border: medium none;}
.vinspl-alert-dialog textarea.form-control {resize:none}
.modal-open .common-data-div.restrict-background {width: 100%;float: left;height: 890px;display: inline-block;/*position: fixed;*/z-index: 2200;top: 0px;left: 0;}
.vinspl-hierachy label.control-label {font-weight: bold;}
.vinspl-hierachy {padding: 10px;border-bottom: 1px solid #c2c1c1;border-top: 1px solid #c2c1c1;background: #DADADA;font-weight: bold;}
.vinspl-text-center .e-input {text-align:center;}
.grid-custom-pick {text-align: center !important;}
.grid-custom-pick a {float: none;}
.detail-img img {width: 11px;}
.detail-img {float:none;}
.e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon {
    margin-bottom: 0px;margin-left:0;}

.btn-sm, .btn-xs {padding: 3px 10px;}
/*@media only screen and (max-width:1870px){
    .vinspl-picklist-modal.custom-md-picklist .vinspl-picklist-content {width: 49%;}
}
@media only screen and (max-width:1832px){
    .vinspl-picklist-modal.custom-md-picklist .vinspl-picklist-content {width: 50%;}
}
@media only screen and (max-width:1795px){
    .vinspl-picklist-modal.custom-md-picklist .vinspl-picklist-content {width: 51%;}
}
@media only screen and (max-width:1760px){
    .vinspl-picklist-modal.custom-md-picklist .vinspl-picklist-content {width: 52%;}
}
@media only screen and (max-width:1726px){
    .vinspl-picklist-modal.custom-md-picklist .vinspl-picklist-content {width: 53%;}
}
@media only screen and (max-width:1694px){
    .vinspl-picklist-modal.custom-md-picklist .vinspl-picklist-content {width: 54%;}
}
@media only screen and (max-width:1662px){
    .vinspl-picklist-modal.custom-md-picklist .vinspl-picklist-content {width: 55%;}
}
@media only screen and (max-width:1632px){
    .vinspl-picklist-modal.custom-md-picklist .vinspl-picklist-content {width: 56%;}
}
@media only screen and (max-width:1612px){
    .vinspl-item-grid .vinspl-custom-col{width:190px !important;}
}
@media only screen and (max-width:1603px){
    .vinspl-picklist-modal.custom-md-picklist .vinspl-picklist-content {width: 57%;}
}*/
@media only screen and (max-width:1600px){
    .vinspl-picklist-modal .vinspl-picklist-content {width: 50%;}
    .vinspl-picklist-modal.custom-md-picklist .vinspl-picklist-content {width: 69.584em;}
}

@media only screen and (max-width:1448px){
.spares-required-grid .vinspl-custom-col{width:228px !important;}
}

.explorer .panel-heading {color: #000;}
.multibox {width: 100%;height: 100%;}
.multibox ul {width: 100%;height: 100%;display: table;}
.multibox ul li {border-left: 1px solid #d7d7d7 !important;padding: 0;display: table-cell;vertical-align: middle;text-align: center;}
.multibox ul li a {width: 100%;text-decoration: none;}
.multibox ul li a .plus-icon {color: green;font-size: 21px;font-weight: 700;}
.multibox ul li:first-child {border: none!important;}/*End Multibox css*/.e-tooltip-wrap {max-width:none!important;width:auto;}
.e-checkbox-disabled + .swith-slider.round ,.e-checkbox-disabled{ cursor:not-allowed!important;}
.e-checkbox-disabled + .swith-slider.round:after { color:#888686!important; cursor:not-allowed!important;}
.e-checkbox-disabled + .swith-slider.round:before { color:#888686!important; background: #dadada !important; cursor:not-allowed!important;}
.e-switch-wrapper.e-wrapper.e-switch-disabled span.e-switch-handle {
    background: #dadada !important;
}
.vinspl-modal-body .vinspl-modal-footer {height: auto;}button.disabled {opacity: 0.6 !important;}

.Login-footer-inner p {color: #fff;} 
/*.vinspl-pick-list .vinspl-listcombo-clear {background:#fff; right: 16px;width: 14px;height: 14px;padding: 3px 11px 6px 1px;top: 3px;text-align: center;border:1px  solid transparent;border-radius: 100%;}*/

.e-hide{opacity:0.7;pointer-events:none;}
.vinspl-multi-col-template {float: left;width: calc(100% - 50px);}
.vinspl-multi-col-template ul {float: left;width: 100%;}
.vinspl-multi-col-template ul li {float: left;width: 100%;border-top: solid 1px #d7d7d7;padding:5px;}
.vinspl-multi-col-template ul li:first-child {border: none;}
.vinspl-col-data {float: left;width: 50px;border-left: solid 1px #d7d7d7;height: 100%;text-align: center;display: table;vertical-align: middle;}
.vinspl-col-data span {font-size: 22px;font-weight: 700;color: green;display: table-cell;vertical-align: middle;}



.vinspl-d-flex {display:flex !important;}
.vinspl-align-items-center {align-items: center !important;}
.vinspl-justify-content-between {justify-content: space-between !important;}
.vinspl-custom-lbl a.pick {position: static;}
.e-richtexteditor ul {list-style: disc inside;}
.e-richtexteditor ol{margin: 0;padding: 0 0 0 10px;}
.vinspl-status-panel h6 {background: rgba(0, 0, 0, 0) url(../../images/status-flap.png) no-repeat scroll 0 0;color: #fff;height: 38px;margin: 0;padding: 5px 0;position: absolute;right: -10px;text-align: center;top: -18px;width: 151px;}
.custom-col-width {
    width: 25px !important;
}
.btn-default span.icon{vertical-align: middle;font-size: 14px;position: relative;top: -2px;}
.red-color {color: red;}
.green-color {color: green;}
.vinspl-readonly-block em {line-height: 10px;position: relative;top: -5px;}
.full_height_grid .e-grid .e-content {max-height: calc(100vh - 280px);}
.vinspl-grid.full_height_grid.vinspl-grid-pop.toolbarEditCustom {
    height: calc(100vh - 18em);
}
.vinspl-grid.full_height_grid.vinspl-grid-pop.counterupgrid.toolbarEditCustom {
    height: calc(100vh - 22.5em);
}
.vinspl-grid span.e-label {display: none !important;}
.showmore span+span {padding-left: 10px;}
label.control-label span.icon {position: relative;top: 5px;}
.vinspl-grid .e-checkbox-wrapper span.e-label {display: inline-block !important;font-weight: 700;color: #5c789a;font-size: 12px;}
.md-grid .e-grid{position:static;}
.spare-picklist.custom-md-picklist .vinspl-picklist-content{width:60%;}
.vinspl-component-icon{  background: url(/images/copmponent.png) 0px 3px no-repeat;height: 22px;width: 100%;background-size: 80%;display: inline-block;}
.vinspl-system-icon{  background: url(/images/system.png) 3px 3px no-repeat;height: 22px;width: 100%;background-size: 40%;display: inline-block;}
.e-toast-icon.e-icons.icon { margin-top: 13px;}
.e-grid .e-gridheader .e-headercell.border-left-0 {border-left:0px !important}
.e-grid .e-gridheader .e-headercell.border-right-0 {border-right:0px !important}

.custom-control {height: auto;}
/* Temp Style For Syncfusion Numeric Control */ .e-numeric-hidden {visibility:hidden;display:none;}
.vinspl-fldmultiselect {display: flex;}
.vinspl-fldmultiselect .vinspl-pick-list {display: inline-flex;width: auto;}
.vinspl-flex.label-text.bordernolr {border-right: 1px solid #c6c7c6;}
.vinspl-flex.label-text.bordernolr label {
    border-left: none;
    border-right: none;
}
.e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap, .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap {
    background-image: none;
    border-color: #c6c7c6 !important;
    background-color: #e9e9e9 !important;
}
#forgotPassword .vinspl-modal-content .addnewarea {
    position: static;
}
/*#forgotPassword .vinspl-modal-content {
    width: auto;
    padding: 15px;
    height: 100%;
}*/
#forgotPassword .vinspl-modal-content .addnewarea button {
    border: none;
    background: none;
    padding: 0;
}
#forgotPassword .vinspl-modal-content .addnewarea h4 {
    position: relative;
    top: -3px;
    left: 3px;
}
#forgotPassword .vinspl-modal-footer {
    padding: 15px 0 0 0;
    position: relative;
    min-height: inherit;
}
#forgotPassword .vinspl-modal-footer .btn[data-dismiss="modal"] {
    color: #73797b;
    background: #dcdbdb;
    background: -moz-linear-gradient(top, #efeeee 0%, #dcdbdb 100%);
    background: -webkit-linear-gradient(top, #efeeee 0%, #dcdbdb 100%);
    background: linear-gradient(top, #efeeee 0%, #dcdbdb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efeeee', endColorstr='#dcdbdb',GradientType=0);
}
#forgotPassword .vinspl-modal-footer .btn:focus {
    border: none !important;
    outline: none;
}
#forgotPassword.vinspl-sub-modal .vinspl-modal-dialog {
    height: 100% !important;
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    max-width: unset !important;
    background: none;
    top: 0 !important;
    box-shadow: none;
    align-items:center;
}
#forgotPassword.vinspl-sub-modal .vinspl-modal-dialog .vinspl-modal-content {
    background: #fff;
    padding: 10px;
}
/*user story 357529*/
.vinspl-component-icon{ background: url(../../images/copmponent.png) 0px 3px no-repeat;height: 22px;width: 100%;background-size: 80%;display: inline-block;}
.vinspl-system-icon{ background: url(../../images/system.png) 3px 3px no-repeat;height: 22px;width: 100%;background-size: 40%;display: inline-block;}
/**/