/*<<<<<============= start common css for Modals=========>>>>>*/
pre{height:90px;overflow-y:auto;}

.general_picklist{box-shadow: 0 0 15px 2px #000; -webkit-box-shadow: 0 0 15px 2px #000;} 
.vinspl-modal-content.vinspl-form-sidebar-top{padding-bottom: 100px;}
/*.vinspl-modal-header button span::before {position: relative; top: 1px;}
.vinspl-modal-header button img {border: 1px solid #fff;border-radius: 3px;padding: 3px; width:23px;height: auto;}
.vinspl-modal-header button a { border: 1px solid; border-radius: 5px;padding: 2px 3px;display:flex;}
.vinspl-modal-header button a::before {position: relative; top: 1px;}*/
/*.vinspl-modal-header .dropdown.pull-left a {color: #fff;}*/
/*.vinspl-modal-header a{background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
                       border: medium none;color: #fff !important;cursor: pointer !important; 
                       float: right; font-size: 15px !important;opacity: 1 !important;}*/
/*.vinspl-modal-header .dropdown.pull-left {margin: 0 20px 0 0;}
.vinspl-picklist-header button img {border: 1px solid #fff;border-radius: 3px;padding: 3px; width:23px;height: auto;}
.vinspl-picklist-header button a { border: 1px solid; border-radius: 5px;padding: 2px 3px;display:flex;}
.vinspl-picklist-header button a::before {position: relative; top: 1px;}*/  
.dropdown {background: transparent none repeat scroll 0 0 !important;}
.vinspl-modal-header img {width: 22px;}
.vinspl-modal-body {height: calc(100% - 43px);width: 100%;}
.vinspl-form-sidebar-top.vinspl-modal-body {height: calc(100% - 40px);width: 100%;}
.minimize {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; 
           color: #fff !important;cursor: pointer !important; 
           float: right; font-size: 18px !important;opacity: 1 !important;}
.maximize {display: none;background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none;
           color: #fff !important;cursor: pointer !important; float: right;font-size: 18px !important;opacity: 1 !important;}
.tab-fullview {
    background: transparent;
    border: medium none;
    color: #fff !important;
    cursor: pointer !important;
    float: right;
    font-size: 18px !important;
    margin-right: 5px;
    opacity: 1 !important;
}
.vinspl-modal-header .dropdown.pull-left a {
    color: #fff;
}
.vinspl-modal-header .dropdown.pull-left {
    margin: 0 20px 0 0;
}

.vinspl-modal-header img {
    vertical-align: top;
    width: 22px;
}
.vinspl-form-sidebar-top.vinspl-modal-body {
    height: calc(100% - 40px);
    width: 100%;
}
.vinspl-form-sidebar-top .vinspl-content-form {
    height: calc(100% - 44px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 15px;
    position: relative;
}
/*<<<<============= End common css for Modals=========>>>>*/

/*<<<< =========== START Css for Sidebar CSS ===========>>>>*/
.responsive-menu {display: none;}
.vinspl-form-sidebar li a::after {background: #eee none repeat scroll 0 0;}
.vinspl-form-sidebar ul li button {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: medium none;color: #3b3e40;}
.vinspl-form-sidebar ul li img {background: #f2f1f1 none repeat scroll 0 0;border-radius: 8px;margin-right: 10px;padding: 5px;width: 25px;}
.comment-reply-notification {background:#f39c12; border-radius: 20px; color: #fff;display: inline-block; font-size: 10px; height: 19px;left: 0;min-width: 19px; padding: 2px;position: relative;text-align: center;text-indent: 0;top: 0;}
/*<<<< =========== End Css for Sidebar CSS ===========>>>>*/
.vinspl-status-panel {top: -85px; width: 13%;padding: 10px;height: 50px;background: #f6a106;position:absolute;margin: 15px 10px 10px 10px;border-radius: 5px;}
.vinspl-status-panel h6 {position: absolute;top: -26px;right: -10px;
                          width:151px;height: 37px; color:#fff; text-align: center;line-height:13px;}
.vinspl-status-panel p{text-align: center;line-height: 26px;}      

/*<<<============= Start css for  Work Flow panel    =========>>>*/
.vinspl-work-flow-panel .panel-default {border-color: #fff #fff #f6a106 !important;}
.checked-tick span { display: none !important;}
.vinspl-status-info a span {background: #dbdada none repeat scroll 0 0;border-radius: 50px;display: inline-block;height: 14px;left: 50%;margin-left: -7px;margin-top: -7px;position: absolute;top: 50%;width: 14px;}
.vinspl-status-info a:hover span {background: #f6a106 none repeat scroll 0 0;}
.yellow-dot {background: #f6a106 none repeat scroll 0 0 !important;border-color: #f6a106 !important;}
.vinspl-work-flow-panel .status_expand.panel-default { border: 1px solid #5ec30d !important;margin: 0 0 2px;}
.vinspl-work-flow-panel .status_expand {height: auto;}
#statusAccordion .status_expand.panel-default {border: 1px solid #5ec30d !important; margin: 0 0 2px;}
.vinspl-work-flow-panel .panel-default {transition-duration: 8s;transition-property: height;}
.statusHeading {height: 30px;left: 0;margin: 0 0px;position: absolute;top: 2px;transition: width 1s ease 0s;width: 16.951%;z-index: 1;}
.panel-group {margin: 0;}
.checked-tick img {    display: block !important;}
.vinspl-status-info a img { display: none; height: 17px; left: 50%; margin-left: -11px;  margin-top: -8px; position: absolute;  top: 50%; width: 21px;}
.vinspl-work-flow-panel {width: 100%;}

.tab-link.btn::before { content: none;}
.tab-link.btn:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; color: #000 !important;}
#statusAccordion .panel-default .panel-heading, body .modal .statusHeading {background: #5ec30d none repeat scroll 0 0 !important;}
.status_expand .statusHeading {left: 0 !important;position: relative !important;top: 0 !important; width: 100% !important;padding: 6px 15px;}
.vinspl-work-flow-panel h5, .vinspl-work-flow-panel h5 {color: #fff;}
.vinspl-work-flow-panel #collapseStatus {transition: all 0.5s ease 0s}
.vinspl-status-info {float: left; position: relative;width: 76%;text-align: center;}
.vinspl-status-info .strip {background: #dbdada none repeat scroll 0 0;height: 6px;left: 5% !important; margin-top: -5px; position: absolute;top: 19px;text-align: center;}
.vinspl-status-info a {background: #fff none repeat scroll 0 0; border: 2px solid #dbdada;border-radius: 50px;display: inline-block;height: 32px;position: relative; width: 32px;}
.vinspl-status-info > div > label {float: left; font-size: 12px;min-height: 20px;text-align: center !important; width: 100%;}
.vinspl-status-info .dropdown + .dropdown {display: none;}
.vinspl-status-info > Div {text-align: center;}
.vinspl-status-info .dropdown-menu { top: 85px !important;}
.vinspl-status-info .dropdown-menu {left: -31%;padding-bottom: 10px;padding-top: 0; top: 102px;width: 350px !important;}
.vinspl-status-info .dropdown-menu {left: -31%;padding-bottom: 10px;padding-top: 0;top: 102px; width: 350px !important;}
.vinspl-status-info .dropdown-menu {top: 85px !important;}
.vinspl-status-info .strip-checked { background: #f6a106 none repeat scroll 0 0;height: 6px;left: 5%;margin-top: -5px;position:absolute;top: 19px;transition: width 2s ease 0s;}
.vinspl-status-info > Div {text-align: center;}
.checked-tick {background: #5ec30d none repeat scroll 0 0 !important;border-color: #002d4a !important;}
.vinspl-status-info a { background: #fff none repeat scroll 0 0;border: 2px solid #dbdada; border-radius: 50px;display: inline-block;height: 32px;position: relative;width: 32px;}
.vinspl-status-info > div > label { float: left;font-size: 12px;min-height: 20px;text-align: center !important;width: 100%;}
.vinspl-workflow-right {float: right;width: 23%;}
.vinspl-work-flow {float: right;}
body .statusHeading {padding: 6px 10px;}
#req_status .statusHeading h5 small {    display: none;}
.status_expand h5 span::before {content: "" !important; float: left;font-family: fontawesome;}
.statusHeading h5 span::before {content: "";float: left;font-family: fontawesome;}
.statusHeading h5 span {cursor: pointer;float: left; margin-right: 10px;padding-left: 0;width: 14px;}
.glyphicon-arrow-down::before {    content: "";    font-family: fontawesome;}
.yellow-dot {    background: #f6a106 !important;    border-color: #f6a106 !important;}
.status-info .dropdown-menu a { border-left:1px solid #d7d7d7;    background: #eee none repeat scroll 0 0;    border-radius: 0;    color: #808080;    font-size: 12px;    height: 20px;  margin-right: 2px;    margin-top: -9px;    padding: 0 0 0 2px;    position: absolute;    right: 0;    top: 50%;    width: 17px;}
.workflow .statusHeading {    margin: 0;    position: relative;    top: 0;    width: 100%;}
.workflow .statusHeading h5 span {    display: none;}
.workflow .statusHeading h5 small {   display: inline-block;}
.vinspl-form-sidebar > ul > li > label { background: #5ec30d none repeat scroll 0 0; 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;}
.statusHeading h5 small::before {    content: "";    float: left;    font-family: fontawesome;}
.statusHeading h5 small {  cursor: pointer;    float: left;    font-size: 16px; color:#fff;   font-weight: bold;    width: 14px;}
.status_expand .vinspl-panel-body {    display: inline-block !important;}
#req_status .vinspl-panel-body {    display: none;}
#collapseStatus .form-below {    margin-bottom: 0;    margin-top: 0;}

/*<<<<<============= End css for  Work Flow panel    =========>>>>>*/
/*<<<<<<=========Start css form  dropdown picklist=======>>>>>>*/ 
.vinspl-dropdown-header {background-color: #002d4a;height: 15px;margin-top: -10px;}
.vinspl-dropdown-header h6 {color: white; padding-top: 8px;text-align: center;}
.vinspl-dropdown-header h6 {background-color: #002d4a;margin: 0 0 10px; position: relative;}
.vinspl-dropdown-header h6 span {background: rgba(0, 0, 0, 0) url("/images/tip1.png") no-repeat scroll 0 0;height: 11px;left: 18%;margin-left: -19px;position: absolute;top: -11px;width: 38px;}
.vinspl-dropdown-body {height: 180px;margin-bottom: 35px;overflow-x: hidden;overflow-y: auto; padding: 5px 15px 0;}
.vinspl-dropdown-footer {background-color: #e5e5e5; bottom: 0;float: left;padding: 5px 15px; position: absolute;width: 100%;}
/*<<<<<<=========End css form  dropdown picklist=======>>>>>>*/ 

/*<<<<<<============= Start css for  General Panel section css ==========>>>>>>*/
.statusHeading h5 label {float: left;font-size: 16px;font-weight: bold;}

h1,h2,h3,h4,h5,h6,p{cursor:default}
/*<<<<<<============= End css for  General Panel section css ==========>>>>>>*/

/* <<<<<=========== Start Any Tab Content (right side) css ===========>>>>>*/
.btn-sm.input-sm { line-height: 16px !important;}
/* <<<<<=========== End Any Tab Content (right side) css ===========>>>>>>>*/
/* <<<<==== Start Attachment section css====>>>> */
ul.vinspl-attached-item {list-style: outside none none; margin: 0;padding: 0;text-align: center;}
.vinspl-attached-item li {float: left;margin: 10px 30px; position: relative;}
.add-new::before {display: inline !important;line-height: 10px;}
.vinspl-attached-item div::before {display: inline-block;height: 100%;vertical-align: middle;}
.vinspl-attached-item .vinspl-item-thumb .detail {border-radius: 10px;color: #fff;font-size: 16px; font-weight: bold;height: 100%;left: 0;overflow: hidden;position: absolute;text-align: center; top: 0;width: 100%;}
.vinspl-attached-item .vinspl-item-thumb {border: 1px solid #ddd;border-radius: 10px;height: 180px;overflow: hidden;padding: 10px 0;width:120px;}
.vinspl-item-thumb .fa.fa-times {color: #000;font-size: 16px;position: absolute;right: 3px;top: 2px;}
.vinspl-attached-item .vinspl-item-thumb img {display: inline-block; vertical-align: middle;width: 56px;}
.vinspl-item-thumb > span {background: rgba(0, 0, 0, 0) linear-gradient(#ececec, #f7f7f7) repeat scroll 0 0; border: 2px solid #dbdbdb;border-radius: 0 0 10px 10px;bottom: 0;font-size: 12px;left: 50%;line-height: 16px;margin-left: -85px; min-height: 108px;padding: 3px;position: absolute;text-align: left;width: 166px;}
.vinspl-item-thumb > span i {float: left;font-style: normal;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;width: 100%;}
.vinspl-attached-item .vinspl-item-thumb .detail a { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;color: #fff;cursor: pointer;display: none; height: 49%;line-height: 22px;padding: 20px 0;position: absolute;text-align: center;vertical-align: middle; width: 100%;}
.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 .vinspl-item-thumb .detail:hover a {display: block;}
.add-new {font-size: 72px;line-height: 130px;text-align: center;}
/* <<<<==== End  Attachment section css====>>>> */

/* <<<==== Start Text Editor css===>>> */

.tool-bar {background: rgb(236, 236, 236) none repeat scroll 0 0;overflow: hidden;padding: 0;text-align: center;width: 100%;}
/* <<<=== End Text Editor css===>>> */


/*<=======  Start css for Toggle button (border block)  ======>*/
input:checked + .swith-slider {
    background-color: #f7f7f7;
    box-shadow: 0 2px 9px 1px #ababab inset;
}
input:checked + .swith-slider::after {
    color: green;
    content: "" !important;
    font-family: fontawesome;
    padding: 0 0 0 10px;
}
input:checked + .swith-slider::before {
    transform: translateX(36px);
}
.collapsehold input:checked + .swith-slider::before {transform: translateX(28px);}
input:checked + .swith-slider:before { transform: translateX(36px);}
input[type=checkbox], input[type=radio] { margin: 4px 5px 0px 0;float: left;}
span:checked + .swith-slider:before { transform: translateX(36px);}
.collapsehold span + .swith-slider:before {transform: translateX(28px);}
/*<======== End Toggle button (border block) ========>*/
.vinspl-modal-footer-inner .collapsehold {padding: 10px 8px;}
/*<=======  Start css for Second Toggle button (border block)  ======>*/
.collapsehold .switch .e-chkbox-wrap input.e-checkbox{position:relative;width:50px;  height: 14px;z-index:9999;}
.switch.disabled::before {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    content: "";
    cursor: not-allowed;
    height: 18px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}
.collapsehold .switch.disabled .e-chkbox-wrap input.e-checkbox{
    z-index:0;
}
.collapsehold .switch {display: inline-block; }
input[type="checkbox"], input[type="radio"],input[type=checkbox], input[type=radio] { 
    padding: 0; box-sizing: border-box;margin: 0.4em 0.5em 0px 0;float: left}
.collapsehold .e-chkbox-small {left: 2px;position: absolute;}
.collapsehold .e-chk-act::before, .collapsehold .e-chk-inact::before {top: -1px; transition: .4s; background: #f7f7f7;background: -moz-linear-gradient(top, #f7f7f7 25%, #cecece 75%); background: -webkit-linear-gradient(top, #f7f7f7 25%, #cecece 75%);background: linear-gradient(top, #f7f7f7 25%, #cecece 75%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#cecece',GradientType=0); border-radius: 100%;bottom: -1px;box-shadow: 1px 1px 3px #333;content: "";height: 16px;left: -2px;position: absolute;transition: all 0.4s ease 0s;box-shadow: 1px 1px 3px #555;-webkit-box-shadow: 1px 1px 3px #333;width: 16px;z-index:1;}
.collapsehold .e-chk-act::before{transform: translateX(28px);}
.collapsehold .e-chk-act::after {color: green;content: "" !important;font-family: fontawesome;padding: 0 0 0 8px;position:absolute;}
.collapsehold .e-chk-inact::after {color: red;content: "" !important;font-family: fontawesome;position:absolute;padding: 0 0 0 22px;top:0px; z-index: 1;}
.collapsehold  .switch span.vinspl-sf-checkbox{     display: block !important;    left: auto !important;    position: static;    top: auto;}
.collapsehold .switch .e-text {  white-space: nowrap;}
.collapsehold .e-chkbox-wrap div > span.e-chk-act, .collapsehold .e-chkbox-wrap div > span.e-chk-inact{background: transparent none repeat scroll 0 0;border: medium none;box-shadow: none;color: green;top: 1px;content:"";}
.collapsehold .e-chkbox-wrap .e-chk-image.e-checkmark::before {content: "";height: 100%;width: 100%;}
/*<======== End Second Toggle button (border block) ========>*/

/*<=======  Start Status section (Yellow)  =========>*/
.remark-status {
    background: #f2f1f1 none repeat scroll 0 0;
    display: block;
    left: 0;
    padding: 15px;
    position: absolute;
    top: -79px;
    z-index: 1;
    width: 15%;
}
.vinspl-status-main {
    color: #000;
    display: table-cell;
    height: 44px;
    margin: 0 2%;
    vertical-align: middle;
    width: 300px;
}
.vinspl-status-title {
    background: #fff none repeat scroll 0 0;
    border: 3px solid #f6a106;
    font-size: 12px;
    font-weight: bold;
    height: 56px;
    line-height: 58px;
    position: absolute;
    text-align: center;
    top: 9px;
    width: 56px;
}
.vinspl-status-comment {
    float: left;
    font-size: 12px;
    padding: 5px 5px 5px 62px;
    text-align: left;
    width: 100%;
    display: table-cell;
    font-weight: bold;
    vertical-align: middle;
}
.status-comment p {
    font-size: 12px;
    font-weight: bold;
}
/*<=======  End Status section (Yellow)  =========>*/

/*<=======  Start Status section (Yellow)  =========>*/
.vinspl-form-sidebar-top .remark-status {left: 0;padding: 0px; position: absolute;bottom: 0px;z-index: 1; top: auto;}
.vinspl-form-sidebar-top .vinspl-status-main {height: auto;}
.vinspl-form-sidebar-top .vinspl-status-title {text-align: center; top: 0px; left:1px; width: 56px;height: auto; line-height: normal;}
.vinspl-form-sidebar-top .vinspl-status-comment {padding: 0 8px 0 75px;}
.vinspl-form-sidebar-top .status-comment p {}
/*<=======  End Status section (Yellow)  =========>*/



/*<======Start Css for Move buttons input requsition form >> details tab=======>*/

.moveupdown { padding-left: 0px;}

.vinspl-form-tab-heading {display:inline-block; }
/*<<<<<=====Start tab panel css =====>>>>>>*/



/*<<<<=========== Start Form css =========>>>>*/
 .vinspl-fld-grp .ftbBtnClear {     background: none!important;    border: none!important;    }
.vinspl-grp-3{width:33%;float:left;}
.vinspl-grp-2{width:25%;float:left;}
/*.vinspl-fld-grp .vinspl-fld .vinspl-pick-list a:focus {border:solid 1px #66afe9!important;}*/
.vinspl-tbl-cell .vinspl-pick-list a:focus {border:solid 1px #66afe9!important;}
/*<<<<=========== End Form css =========>>>>*/

/*<<<<=========== Start css  for 8 and 4 fld frp =========>>>>*/
.vinspl-fld-8 { width: 65%;float: left;}
.vinspl-fld-4 {width: 32%;float: right;}
.control-label img {margin-right: 5px;width: 15px !important;}
/*<<<<=========== End css  for 8 and 4 fld frp =========>>>>*/

/*<<<<=========== Start css  for labl-3 and fld-9  fld frp =========>>>>*/
.vinspl-lbl-3 {float: left;padding-right: 10px;width: 21.6%;}
.vinspl-fld-9 {float: right;width: 78.40%;}
.vinspl-fld-3 {width: 18.40%;float: right;}
/*<<<<=========== Start css  for labl-3 and fld-9  fld frp =========>>>>*/



/*<=========== Start css for label fields =========>*/

.btn-primary:hover, .btn-primary:focus {    background: #eee none repeat scroll 0 0 !important;}
.control-label.pull-left { margin-right: 10px;}
.skin-blue .btn-primary {    background-color: #17365d;    border: medium none;}
/*<<<<=====Start css  for custome menu box sidebar collapsable menu =====>>>>*/
.custom-menu-box {
   background: rgba(0, 45, 74, 0.9) none repeat scroll 0 0;
    border-radius: 15px 0 0 15px;
    display: table;
    height: calc(100% - 160px)!important;
    position: absolute;
    right: 0;
    top: 50px;
    z-index: 2;
}
#customMenu {height: 0;width: 0;}
.custom-menu-box div > a span {background: #002d4a none repeat scroll 0 0; 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 ul {display: table;list-style: outside none none;margin: 0;padding: 0;}
.custom-menu-box ul li {display: inline-block;margin: 15px 15px 0px 15px;text-align: center;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 li a {color: #fff;}
.menubox_expand {width: 550px!important;height: 100%!important;overflow-y: auto;padding: 15px;overflow-x: hidden;transition: 3s all;-webkit-transition: 3s all;}
.slider-toogle {cursor: auto;background: #002d4a none repeat scroll 0 0;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;}
.slider-toogle img{margin-top: -8px;height: 100%;padding: 3px;}
.custom-menu-box ul li img { border: 1px solid #fff;border-radius: 100px; display: block; padding: 10px; width: 100%; background: #eeeeee; }
/*<<<<=====End css  for custome menu box sidebar collapsable menu =====>>>>*/

/* <<=============>Start css for Modal SM <============>> */
.vinspl-modal-sm {overflow: visible;text-align: center;}
.modal-open .vinspl-modal-sm .vinspl-modal-body {position: relative;}
.vinspl-select-port .vinspl-content-form {overflow:hidden; height: 441px;}
.vinspl-modal-sm .vinspl-content-form .vinspl-html-table {margin:0;}
em.count {    background: #f39c12 none repeat scroll 0 0;    border-radius: 20px;    color: #fff;    display: inline-block;    font-size: 12px;    font-style: normal;    height: 18px;    min-width: 18px;    padding: 2px 0;    text-align: center;    vertical-align: middle;}
/* <<=============>End css for Modal SM <============>> */

/************ Start top tabs bar changed from form sidebar***********/
.vinspl-form-sidebar-top .vinspl-form-sidebar {background: #eee none repeat scroll 0 0;border-bottom: 4px solid #ddd;border-top:4px solid #bdbdbd;display: block;float: left;font-weight: bold;padding: 0 15px;position: relative;top: -9px;width: 100%;z-index: 1; height:auto;}
.vinspl-form-sidebar-top .vinspl-form-sidebar ul { background: #eee none repeat scroll 0 0;float: left; margin: 0;padding: 0; width: 100%;}
.vinspl-form-sidebar-top .vinspl-form-sidebar ul li {margin: 0; padding: 0;border-right: 1px solid #dfdddd;position: relative; float:left;}
.vinspl-form-sidebar-top .vinspl-form-sidebar li img {background: #f2f1f1 none repeat scroll 0 0;border-radius: 8px;padding: 0;width: 25px;}
.vinspl-form-sidebar-top .vinspl-form-sidebar ul li a {margin: 0;display: block;padding: 5px 10px;text-indent: 1px;text-decoration: none;}
.vinspl-form-sidebar-top .vinspl-form-sidebar li a, .vinspl-form-topbar ul li button {background: none;border: none;color: #3b3e40;}
.vinspl-form-sidebar-top .vinspl-form-sidebar ul li button {padding: 4px 12px;text-align: left;width: 100%;}
.vinspl-form-sidebar-top .vinspl-form-sidebar li a:hover, .vinspl-form-topbar ul li button:hover {background: #002d4a;color: #fff;}
.vinspl-form-sidebar-top .vinspl-form-sidebar li.active a, .vinspl-form-topbar ul li.active button {background: #002d4a;color: #fff;}
.vinspl-form-sidebar-top .vinspl-form-sidebar li + li {border-bottom: 1px solid #dfdddd;}
.vinspl-form-sidebar-top .vinspl-form-sidebar li + li {border-top: 1px solid #faf7f7;}
    /************ End top tabs bar changed from form sidebar***********/
.vinspl-block {display: inline-block;padding-bottom: 30px;width: 100%;}
.vinspl-inline-block {width: 100%;}
.vinspl-inline {
    display: inline-block;
    vertical-align: middle;
}
/*==============> Strat Pagination css <==============*/
.pagination > li > a {background: #fafafa none repeat scroll 0 0;color: #222;}
.pagination {border-radius: 4px;display: inline-block;float: right;margin: 0;padding-left: 0;}
/*==============> End Pagination css <==============*/

/*<<<============== Strat requiation tab css <==============>>>*/
.vinspl-req-tabs {border-bottom: medium none !important;display: inline-block;width: 100%;}
.vinspl-req-tabs li {display: inline-block;position:relative}
.vinspl-req-tabs ul li.active a {background: #17365d none repeat scroll 0 0 !important;color: #fff !important;}
.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: 12px;display: inline-block;}
/*<<<============== End requiation tab css ==============>>>*/

/*<<<============== End Css for Vender section ==============>>>*/

/*<<<==== End Css for fixgrid_slide  (Quoation Comparison form >> Compare  form ) =======>>>*/

/*<<<==== Strat Css for comparison_filter  (Quoation Comparison form >> Compare  form ) =======>>>*/
.comparison_filter .vinspl-modal-header {height: 34px; font-weight: normal; line-height:19px;}
.comparison_filter label {margin-right: 20px;font-weight: normal;}
.blue_tbl_border {
    border-left: 1px solid #002d4a;
    border-radius: 5px 5px 0 0;
    position: relative;
}
.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;
}
/*<<<==== End Css for comparison_filter  (Quoation Comparison form >> Compare  form ) =======>>>*/

/*<<<==== Start Css for Quotation compair form  =======>>>*/

.vinspl-html-table .comparison_filter td {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 0;
}
.vinspl-html-table .blue_tbl_border tr td:first-child {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    max-width: none;
    width: auto !important;
}
.vendor_1.blue_tbl_border table tr:nth-child(2n+1) td {
    background: #41f2a1 none repeat scroll 0 0 !important;
}
.vinspl-html-table .blue_tbl_border td {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
}
/*<<<==== End Css for Quotation compair form  =======>>>*/

.tab-link.btn {
    color: #fff !important;
    font-size: 18px;
    cursor: pointer;
}
.tab-link.btn > img {
    width: 31px;
    filter: invert(1);
}


/*<<<==== End Css for Tree window form  =======>>>*/
#treesidebar .tree-toggler {
    background: transparent none repeat scroll 0 0 !important;color: #000;display: inline-block; font-weight: bold;    margin: 0;    padding: 9px 0 0;}

/*<<<==== End Css for Tree window form  =======>>>*/

/* <<<========= Start picklist cssc ==========>>>*/
.vinspl-picklist-modal::before {display: inline-block; height: 100%; margin-right: -4px; vertical-align: middle;}
.modal-backdrop {    position: absolute;    background: #000;    width: 100%;    height: 100%;    top: 0;    left: 0;      display: block;}
.vinspl-picklist-footer .vinspl-modal-footer-inner {padding: 0 !important;}
.vinspl-sf-grid .e-pagercontainer{margin: 5px 6px 5px 0 !important;padding: 2px 5px;}
.vinspl-sf-grid .e-pagercontainer .e-icons{margin:0 !important;}
.vinspl-sf-grid .e-pagerdropdown {/*margin-top: -32px !important;*/ /*404729*/ width: 50px !important;}
/* <<<========= End picklist cssc ==========>>>*/
.vinspl-tabs-top {padding: 25px 0 0;position: relative;}
.vinspl-tabs-top > ul {position: absolute;top: 0;z-index: 1;}
.vinspl-tabs-top > ul li {float: left;padding-right: 2px;}
.vinspl-tabs-top > ul li a {
    background:-webkit-gradient(linear, center top, #f7f7f7 25%, #cecece 75%) repeat scroll 0 0;
    background:-webkit-linear-gradient(#f7f7f7, #cecece);
    background:-moz-linear-gradient(#f7f7f7, #cecece);
    background:-o-linear-gradient(#f7f7f7, #cecece);
    
    background:linear-gradient(#f7f7f7, #cecece);
    border-radius: 10px 10px 0 0;
    padding: 8px 20px; outline:none;
    color:rgba(0, 0, 0, 1);}
.vinspl-tabs-top > ul li.active a {
    background:-webkit-gradient(linear, center top, #cecece 25%, #f7f7f7 75%) repeat scroll 0 0; 
    background:-webkit-linear-gradient(#cecece, #f7f7f7); 
    background:-moz-linear-gradient(#cecece, #f7f7f7);
    background:-o-linear-gradient(#cecece, #f7f7f7); 
    
    background:linear-gradient(#cecece, #f7f7f7);
    text-decoration:none;
}
.vinspl-tabs-top-panel .tab-pane{border:1px solid #ccc; padding:15px;}
/* =============== >>  start Select Ship & Requisition Type    << =============== */
.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;margin: 0;max-width: 100%;padding: 26px;}
.vinspl-sub-modal h3 {font-size: 16px;margin: 0; z-index: 1041;}
.panel .panel-collapse li {padding: 2px;}
.vinspl-FNC-overflow {height: calc(100% - 203px);width: 100%;}
.tool-bar > img {float: left;width: 100%;}

.small {background: #eee none repeat scroll 0 0;border: 1px solid #ddd;float: right;font-size: 12px;padding: 1px 6px;width: auto;}
.vinspl-form-sidebar-top #exp-modal {display: none;}
/*.vinspl-modal-footer-mid .collapsed-flap{position:absolute; top: -13px; display:table; width:auto;}
.vinspl-modal-footer-mid .collapsed-flapl{ height:51px; width:22px; display:table-cell;}
.vinspl-modal-footer-mid .collapsed-flapr{ height:51px; width:22px;  display:table-cell;}
.vinspl-modal-footer-mid .collapsed-flapm{ height:51px;display:table-cell; vertical-align:middle;}*/
/*.vinspl-modal-footer p {padding: 0;margin: 0;}*/

.vinspl-Requisitioncart-btn small {
    background: green none repeat scroll 0 0;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    left: 20px;
    line-height: 20px;
    position: absolute;
    top: 3px;
    width: 25px;
    text-shadow: none;
}
.vinspl-Requisitioncart-btn img {
    margin-right: 0;
    margin-top: 14px;
    text-align: center;
    width: 50px;
}
.vinspl-Requisitioncart-btn {
    background: transparent !important;
}
.vinspl-addREQNCart-btn img {
    width: 25px;
}
.btn-orange {
    background: #f39c12 none repeat scroll 0 0;
    color: #fff;
    font-weight: bold;
    text-shadow: none;
}
    .btn-orange:hover, .btn-orange:focus {
        background: #f39c12 !important;
        color: #fff;
    }
.text-underline{
    text-decoration:underline;
    color:blue;
}
.SearchCriteria a{
    background:#ddd !important;
}
.vinspl-picklist-tab-content {
    background-color: #fff;
    display: inline-block;
    width: 100%;
}
.vinspl-req-tabs ul li a.green {
    background: green none repeat scroll 0 0 !important;
    color: #fff;
}
.mr-42 { margin-top: 42px;}

/* ======  Start hightlight (Blinking button) button css =====*/

.vinspl-blink-button{
    background:#004A7F;
    border-radius:3px;color:#fff;
    -webkit-animation: glowing 500ms infinite;
    -moz-animation: glowing 500ms infinite;
    -o-animation: glowing 500ms infinite;
    animation: glowing 500ms infinite;
}
.vinspl-blink-button:hover, .vinspl-blink-button:focus {
    background: #0094FF none repeat scroll 0 0 !important;
    color: #fff;
}
.vinspl-rfqgetxarea{height:60px !important;}

.version-description textarea.vinspl-sf-textbox {height: auto !important;max-height:130px;}
.vinspl-note-pull-left {/*padding-left: 35px;*/}

@-webkit-keyframes glowing{
    0% {background-color: #004A7F; -webkit-box-shadow: 0 0 3px #004A7F}
    50% {background-color: #0094FF; -webkit-box-shadow: 0 0 10PX #0094FF}
    100% {background-color: #004A7F; -webkit-box-shadow: 0 0 3px #004A7F}
}
@-moz-keyframes glowing{
    0% {background-color: #ccc; -webkit-box-shadow: 0 0 3px #004A7F}
    50% {background-color: #0094FF; -webkit-box-shadow: 0 0 10PX #0094FF}
    100% {background-color: #ccc; -webkit-box-shadow: 0 0 3px #004A7F}
}
@-o-keyframes glowing{
    0% {background-color:#ccc; -webkit-box-shadow: 0 0 3px #004A7F}
    50% {background-color: #0094FF; -webkit-box-shadow: 0 0 10PX #0094FF}
    100% {background-color:#ccc; -webkit-box-shadow: 0 0 3px #004A7F}
}
@keyframes glowing{
    0% {background-color: #ccc; -webkit-box-shadow: 0 0 3px #004A7F}
    50% {background-color: #0094FF; -webkit-box-shadow: 0 0 10PX #0094FF}
    100% {background-color: #ccc; -webkit-box-shadow: 0 0 3px #004A7F}
}
@-webkit-keyframes glowing{
    0% {background-color: #ccc; -webkit-box-shadow: 0 0 3px #004A7F}
    50% {background-color: #0094FF; -webkit-box-shadow: 0 0 10PX #0094FF}
    100% {background-color: #ccc; -webkit-box-shadow: 0 0 3px #004A7F}
}
/* ======  End hightlight (Blinking button) button css =====*/
.vinspl-fld.email-alert textarea {height: 42px !important;}
.vinspl-fld.additional-email textarea {height: 20px !important;}
.vinspl-tbl-cell.email-alert textarea {height: 42px !important;}
.vinspl-tbl-cell.additional-email textarea {height: 20px !important;}
.e-menu-wrap.e-menu-responsive ul {border: none; }
.vinspl-heading-items h5 {float: left;font-weight: bold;margin: 6px 0;color:#000;}
.vinspl-heading-items .vinspl-pick-list { margin: 6px;}
.vinspl-heading-custom a.plusminus {margin-top:0 !important;}
.panel {border-radius: 5px !important;display: inline-block;width: 100%;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17);}
.add-picklist-icon { width: 17px;display: inline;}

.vinspl-error-list h3 {margin: 0;padding: 0;font-size: 16px;}
.vinspl-footer-cancel-button label {
    background: #eee none repeat scroll 0 0;
    border: 3px solid #fff;
    border-radius: 20px;
    box-shadow: 0 -2px 0 2px #aaa inset;
    float: left;
    padding: 6px 17px 7px;
    position: relative;
}
.vinspl-footer-cancel-button label:hover, .vinspl-footer-cancel-button label.active {
    box-shadow:0 2.6px 0 1px #aaa inset;
} 
.vinspl-footer-cancel-button label::before {
    color: #000;
    content: "\f0c8";
    font-family: fontawesome;
    font-size: 12.7px;
    height: 10px;
    left: 17px;
    position: absolute;
    width: 10px;
}
.vinspl-footer-cancel-button label.active::before {
    content: "";
}
.vinspl-footer-cancel-button label input {
    opacity: 0;
}
.vinspl-footer-cancel-button > div > a {
    margin: 7px 0;
}
.vinspl-footer-cancel-button a img {width: 18px;margin-left: 5px;}
.vinspl-footer-cancel-button {padding: 10px 0 0 20px;}
.supplier-detai-grid{padding:10px 15px 10px 15px!important;}
.vinspl-disable-bgwhite {background-color:#fff !important;}
.vinspl-supplier-cart{
    position:relative;
}
.vinspl-error-container .e-grid .e-gridheader .e-sortfilter .e-rightalign .e-headercelldiv,
.vinspl-error-container .e-grid .e-gridheader .e-rightalign .e-stackedheadercelldiv {
padding:0;
}
.vinspl-error-container .e-grid .e-gridheader .e-sortfilter .e-headercelldiv, 
.vinspl-error-container .e-grid .e-gridheader .e-stackedheadercelldiv, 
.vinspl-error-container .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
    padding: 0;color:#5c3c1e;
}
.vinspl-content-with-errorlist{margin-bottom:450px;}
.vinspl-error-container .fld-grp span img {width: 18px;margin-right: 5px;}
.vinspl-error-container .fld-grp span {margin-right: 10px;
    padding-top: 4px;
    float: left;
    padding-bottom: 2px; }
.vinspl-error-container .fld-grp span span {margin-right: 10px;
    
    float: left;
    font-size: 13px;
    font-weight: 700;
    /*color: #5c789a;*/
    color:#5c3c1e;
}
.vinspl-doc-browse-window a {color: #000;float: left;font-size: 16px;margin-bottom: 5px;margin-left: 10%;margin-top: 9px;padding: 10px;text-align: center;width: 80%;}
.vinspl-doc-browse-window a img {width: 32px;float: left;} 

.vinspl-doc-selection .vinspl-tab-panel-body{padding-top:15px;}
.vinspl-doc-selection-result {border: 1px solid #e5e5e5;float: left;width: 100%;margin-top: 5px;}
.vinspl-doc-selection-result h6 {font-size: 16px;background: #e5e5e5;margin: 0;padding: 5px;color: #000;width: 100%;}
.vinspl-doc-selection-result ul {padding: 5px 10px;}
.vinspl-doc-selection-result ul li {font-size: 13px;padding: 1px 0;list-style-position: inside;}
/*.vinspl-modal-dialog.vinspl-doc-upload-dialog .vinspl-modal-content {
    padding-bottom: 0 ; height:auto; width:100%;}*/
.vinspl-doc-browse-window > span {padding: 15px;display: inline-block;width: 100%;}
.vinspl-doc-browse-window .e-upload {display: inline-block;width: 100%; border:none;}
.vinspl-doc-browse-window .e-upload .e-file-select-wrap {padding: 0px;position: relative;}
.vinspl-doc-browse-window .e-upload .e-file-select-wrap span.e-file-select {position: absolute;left: 22px;display: none;width: 106px;top: 20px;height: 33px;}
.vinspl-doc-browse-window .e-upload .e-file-select-wrap .e-file-drop {    float: right;
    padding:2em 5%;
    border: 1px solid rgba(0, 0, 0, 0.12);
    margin-right: 15px;}
.vinspl-product-img .vinspl-doc-browse-window > span {padding: 0px;}
.vinspl-product-img .vinspl-doc-browse-window .e-file-select-wrap button {margin: 0;}
.vinspl-product-img .vinspl-doc-browse-window .e-upload .e-file-select-wrap .e-file-drop {margin: 0;}
.vinspl-product-img .vinspl-doc-browse-window .e-file-select-wrap span.e-file-drop {text-align: center;font-size: 1em;padding: 1em 0.5em;}

.vinspl-sub-modal.vinspl-doc-upload-modal .vinspl-modal-dialog{    padding: 0;
    box-shadow: none;width:100%; height:100%;min-width:30%;    justify-content: center;
    align-items: center;
    display: flex;}
.modal-backdrop {display: none;}
.vinspl-groups .well {margin-bottom:5px !important;}
.vinspl-attachment {
  margin-top: 3px;
  display: inline-block;
  color: #fff;
  font-size: 12px;
}
.vinspl-attachment strong {color:#fff;}
.vinspl-html-table label img { float: left; margin-top: -8px; width: 30px;}
.vinspl-html-table label strong { float: left;}
.vinspl-html-table .e-pager {padding-bottom: 1px;padding-top: 5px;}
@media screen and (max-width:1796px) {
.vinspl-error-list {width: 82.6%;}
}
@media screen and (max-width:1520px) {
    .responsive-grp-3 {width:50%;}
}
@media screen and (max-width:1499px) {
.vinspl-error-list {width: 82.5%;}
}
@media screen and (max-width:1420px) {
.vinspl-error-list {width: 82.4%;}
}
@media screen and (max-width:1360px) {
.vinspl-error-list {width: 82.2%;}
}
.full-view .vinspl-modal-footer .vinspl-status-panel {border-radius: 0;bottom: 0;height: 20px;margin: 0;padding: 0;top: auto;}
.full-view .vinspl-modal-footer .vinspl-status-panel h6 {background-color: #0865a5;background-image: none;float: left;height: auto;margin: 0;padding: 0 10px;position: static;right: 0;width: auto;line-height: 20px;}
.full-view .vinspl-modal-footer .vinspl-modal-statusbar{padding-left:200px;}
.full-view .vinspl-modal-footer .vinspl-status-panel p {line-height: 22px;text-align: center;}
.tag {display: none !important;}

#expcol_fav {display: none;}
.dialog-footer {border-bottom: 1px solid rgba(0, 45, 74, 0.2) !important;height: 50px !important;padding: 5px;z-index: 1;}
.dialog-footer {background: #e5e5e5 none repeat scroll 0 0 !important;bottom: 0;display: block;font-size: 13px;position: absolute;width: 100%;}
.dialog-footer {border-top: 1px solid #e5e5e5;padding: 6px;text-align: right;}

.vinspl-sf-listbox {width: 100%!important;max-height:190px !important;}
.servicelistbox {max-height:127px !important;}
.upload-exl-btn .vinspl-tab-panel-body {padding: 0 15px;height: 98%;display: table;text-align: center;}
.upload-exl-btn .vinspl-doc-browse-window{height: 100%;display: table-cell;width: 100%;vertical-align: middle;text-align: center;}
.upload-exl-btn .vinspl-doc-browse-window a {float: none;margin-left: 0;padding: 10px;text-align: center;width: 50%;display: inline-block;}
.vinspl-chk-btns-setng input {margin-top:2px;}
.select-po input.btn, .select-po b.plus{cursor:pointer !important;}
a.showmore {color: #000;text-decoration: none;}
a.showmore.collapsed::before {content: "";float: right;font-family: fontawesome;}
.overduerecord { color: #FFF;background: #F30909 none repeat scroll 0% 0%!important;vertical-align: middle;text-align: center;}
.vinspl-supplier-details label{font-weight:bold;}
.vinspl-buyer-details label{font-weight:bold;}
/* New Css */
[data-ej-cssclass="disabled-fld"] {    background: #eee none repeat scroll 0 0 !important;}
.disabled-fld.e-timewidget {    width: 100%;}
.vinspl-supplierbox+.vinspl-supplierbox {margin-left: 15px;}
.vinspl-supplierbox label{font-size:13px; font-weight:bold;}
.vinspl-supplierbox label span{font-weight:normal;}
.bgt-apply-btn{color:#000;}
.btn.showmore img {  margin: -2px 0 0 9px;    width: 12px;}
.vinspl-select-ship {    display: inline-block;    padding: 0 9%;    text-align: center;    width: 100%;}
.vinspl-select-ship-feild {    float: right;    width: 64%;}
/*== Comment/reply/notes css ==*/
.new-editor {border: 1px solid transparent !important;}
.cr-confirm-add {display: none;}
.new-editor, .cr-comments-text {width: 100% !important; border-width: 0; border-color: transparent;resize: none;}
.new-editor:read-only, .new-editor:read-only {background-color: #eee;}
h5.vinspl-note-heading {color: #0e0e0e;}
.margin-top-20 {margin-top:15px;}
.vinspl-notes-green .vinspl-comment {    border: solid 1px #00a65a;}
.vinspl-notes-green .action-icon a img {filter: invert(1);}
.vinspl-comment-wrap {width:83.4%; float: left; position:relative;}
.vinspl-comment-wrap .vinspl-comment-thread {width:100%;}
.vinspl-comment-wrap  .vinspl-comment { width: calc(100% - 46px);}
.vinspl-comment-wrap .vinspl-send-arrow {background-color: #77e2f9; height:37px;width: 37px;position: absolute;bottom:0;right:0;border-radius:50px;padding: 8px;}

.show-vendor-detail:hover .buyer-on-quote {display: block !important;margin-top: 3px;position: absolute;z-index: 1;width: 40%;}
.HandleSection .vinspl_cap_set-6 {width:12.5%;}
.HandleSection {width:100%!important;}
.HandleSection .vinspl_cap_set-3 {width:12.5%;}
.HandleSection .stickers-section {padding: 0 0 0 0px;}
.HandleSection .rotation-outer {display:none;}
.vinspl-heading-custom .panel .panel-heading span {color:#000; font-weight:500;}
label.switch .e-text {color: #002d4a;}
.btn.btn-default.small-box-footer.disabled {font-size: 14px;}
.vinspl-html-table strong {float: left;padding-right: 10px;}
.collapsehold .e-disable .e-chk-inact::after {color: gray;}
.collapsehold .e-disable .e-chk-act::after {color: gray;}
.prestart-val-list{position:relative;}
.prestart-val-list .vinspl-error-list {bottom: auto;right: auto;width: 96%;height: auto !important;z-index: 2;left: 2%;}
.vinspl-editlog-table{overflow-x:auto; width:100%;}
.vinspl-editlog-list a{width:98%;}
   /*#region send email Css */
.vinspl-email-wrapper {width: 600px;}
.vinspl-email-header {width: 100%;}
.vinspl-email-header h6 {width: 100%;text-align: center;font-size: 18px;font-weight: normal;background: #808080;color: #fff;padding: 5px 0;margin: 0;}
.vinspl-email-header .vinspl-email-controls {background: #d1d1d1;    padding: 3px 5px;}
.vinspl-email-header .vinspl-email-controls .btn{padding :0px 12px!important;}
.vinspl-email-body {width: 100%;float: left;}
.vinspl-lbl-2 {float: left;padding-right: 10px;width: 10%;}
.vinspl-fld-10 {float: left;width: 88%;}
.vinspl-email-composer {float: left;width: 100%;margin-top: 10px;}
.vinspl-email-toolbar {float: left;width: 100%;}
.email-editor .vinspl-document-form .vinspl-tab-panel-body {padding: 0px 0px!important;}
.email-editor .vinspl-modal-content{padding-bottom:0px!important;}
/*#endregion */
.vinspl-dobule-cell{display:table;}
.vinspl-tbl-cell{display:table-cell !important;}
.e-icon.e-gnextforward::before {content: none;}
.vinspl-alternate-grid .e-detailrowcollapse .e-icon {background: rgba(0, 0, 0, 0) url("/images/alternate.png") no-repeat scroll 0 0 / 18px unset;margin-left: 4px;margin-top: 0;}
.e-icon.e-gdiagonalnext::before {content: none;}
.vinspl-alternate-grid .e-detailrowexpand .e-icon {background: rgba(0, 0, 0, 0) url("/images/alternate.png") no-repeat scroll 0 0 / 18px unset;margin-left: 4px;margin-top: 0;}

.page-loader{float:left; width:100%; height:100vh; position:absolute; left:0; top:0; bottom:0; right:0; background:rgba(6,6,6,0.36); z-index:9999; text-align:center;}
/*.vinspl-modal-sm .vinspl-modal-footer-left {width: 50%;}
.vinspl-modal-sm .vinspl-modal-footer-right {width: 40%;}*/
.searchbox {position:relative; padding-bottom:10px}
.searchbox a {    color: #000;    font-size: 15px;    padding: 6px 10px;    position: absolute;    right: 0;    top: 0;}
.tab-next-prev {    float: right;}
.disabled .swith-slider.round::after {color: gray;}
.switch.disabled::before {background:none;}
.vinspl-form-sidebar ul.filterdropdown{float:left;max-height:233px;width:100%;}
.vinspl-form-sidebar ul.filterdropdown li{display:inline-block;width:100%;padding:10px}
.vinspl-form-sidebar ul.filterdropdown li label{display:flex;}
.btn.input-sm label {display: inline-block;padding-top: 2px;text-align: center;}
.vinspl-alert-text .swith-slider.round::after {font-size: 14px;position: absolute;top: -6px !important;right: 0px;}
.form-control.border-red {border-color: red !important;}


.e-toolbar-items .e-tbar-btn-text {display: none !important;}
.vinspl-req-ack-btn span.e-tbar-btn-text {
    display: block !important;color: #fff !important;font-size: 12px !important;
}
.display-tblcell {display: table-cell;vertical-align: middle;}
.display-tblcell .e-radio-wrapper {padding-top: 7px;}
.display-tbl {display: table;}
.vinspl-db-footer-outer {
    float: left;
    width: 100%;
    height: 30px;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 2;
}
.vinspl-db-footer-outer .show-hide-vdb-footer {
    width: 100%;
    transition: 1s all;
    -webkit-transition: 1s all;
}
.vinspl-db-footer-outer .vinspl-db-footer {
    width: 30px;
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    transition: 1s all;
    -webkit-transition: 1s all;
    display: flex;
}
.footer {
    float: left;
    transition: all 0.3s ease 0.3s;
    z-index: 999;
    color: #191717;
    padding: 5px 0;
    width: 100%;
}
.vinspl-db-footer-outer a {
    float: left;
    font-size: 22px;
    line-height: 15px;
    margin: 0;
    padding: 0;
}
.vinspl-db-footer-outer div > a span:before {
    content: "\f101";
    font-family: fontawesome;
    color: #000;
    padding: 16px 15px 10px 7px;
}

.show-hide-vdb-footer > a span:before {
    content: "\f100" !important;
    font-family: fontawesome;
    color: #000;
}
.procurement-db-footer-content {
    display: inline;
    width: 100%;
}
.vinspl-custom-lbl.vinspl-pick-list{background:none !important;}
.vinspl-custom-lbl.vinspl-pick-list a.pick{border-radius: 3px;}
.vinspl-custom-grp{display:table; width:100%;}
.vinspl-custom-grp .vinspl-grp-right {display: table-cell;vertical-align: middle;text-align: right;}
.vinspl-custom-grp .vinspl-grp-left{margin-right:15px;}
.vinspl-doc-browse-window .e-file-select-wrap button:before {content: '\e726';font-family: 'sf_icons' !important;font-size: 22px;position: relative;top: 5px;left: -5px;}
.vinspl-doc-browse-window .e-file-select-wrap button {padding: 5px 10px 5px 15px;margin: 10px 0 0 20px;line-height: 22px;vertical-align: middle;}
.vinspl-doc-browse-window .e-file-select-wrap button:hover,.vinspl-doc-browse-window .e-file-select-wrap button:active,.vinspl-doc-browse-window .e-file-select-wrap button:focus{background-color:#fff;}
.vinspl-validation-list {position: fixed;right: 0;left: 0;bottom: -13px; z-index:1050;}
.vinspl-grid-pop .e-popup.e-popup-open.e-dialog {border-color: #fff #4a4542 #4a4542 #fff; border-radius: 13px; box-shadow: 0 0 15px 2px #888;padding:8px 40px;max-height: 130px !important;min-height: 100px;width: auto !important;width: auto !important;}
.vinspl-grid-pop .e-dialog .e-dlg-content {padding: 0px 0px 0px 0px;background: none;overflow: visible;text-align: center; font-size: 16px;}
.vinspl-grid-pop .e-dialog .e-footer-content {padding:0px 0 0 0;background: none;text-align: center;}
.vinspl-grid-pop .e-footer-content .e-btn {background: #f39c12 !important;color: #fff !important;font-weight: bold;text-shadow: none; border-radius: 3px;padding: 6px 12px;}
.vinspl-grid-pop .e-dlg-overlay {background:none;}
.vinspl-grid-pop .e-dlg-content:before {content: '\f12a';color:#f39c12; font-family: fontawesome;font-size: 20px;padding: 10px 17px;border: 1px solid #f39c12;border-radius: 50%; display: inline-block;margin-bottom: 0px;}
.vinspl-green {color: green;}
.vinspl-doubleicon {width: 46px!important;}
.vinspl-doubleicon .closerecord .star-red {padding-top: 5px;float: left;margin-left: 3px;}
.vinspl-listcombo .e-control-wrapper:before {box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);}
.custtblTemplate td[date] {white-space: nowrap;}
.day-wise .e-numeric {width: 160px !important;float: left;}
.day-wise .vinspl-listcombo .e-input-group {width: 160px !important;}
.day-wise .vinspl-sf-textbox {width: 160px !important;}
label.vinspl-readonly-block {margin:2px 0 0 0 !important;}
.vinspl-readonly-block img {width: 20px; margin: 0 5px 0 0;}
.pick-btn{width:25px;}
.full-width .vinspl-custom-fld.vinspl-listcombo {display: block;}
.btn-with-notification {position: relative;padding-right: 10px;padding-top: 7px;}
.btn-with-notification .notification-circle {position: absolute;right: 0px;left: initial;top: 0px;}
.btn-with-notification .btn.btn-sm.input-sm.btn-default {padding: 1px 15px 0 8px !important;}
.vinspl-tbl-cell.collapsehold em {margin-left: 0;}
.vinspl-tbl-cell.collapsehold label.switch.margin-left {margin-left: 20px !important;}
td.e-rowcell.col-ellipsis {text-overflow: ellipsis!important;white-space: nowrap !important;}
.navbar-custom-menu .icon {font-size: 32px;}
.bgGreyClr .sf-icon-refresh:before{color:green;}
.vinspl-fld-li{display:list-item; list-style:none; float:left;}
.vinspl-fld-li+.vinspl-fld-li{padding-left: 60px;}
.vinspl-fld-li .vinspl-tbl-cell+.vinspl-tbl-cell {padding-left: 15px;}
.vinspl-tbl-cell+.vinspl-tbl-cell {padding-left: 10px;}
.vinspl-tbl-cell {width: 38%; vertical-align:top}
.vinspl-tr {width: 100%;display: table-row;height: 22px;}
.vinspl-fld-col ul {display: flex;justify-content: flex-start;flex-wrap: wrap;margin: 0 -15px;}
.vinspl-fld-col ul li {flex: 0 33.3%;padding: 0 15px;}
.vinspl-custom-7 {width: 65%;}
.vinspl-custom-9 {width: 79.5%;float: right;}
.vinspl-custom-3 {width: 20%;}
.vinspl-custom-5 {width: 35%;}
.vinspl-custom-5 .vinspl-lbl {width: 40%;}
.vinspl-custom-5 .vinspl-fld {width: 59%;float: right;}
.vinspl-table {width: 100%;display: table;}
.reportmultidetails .e-checkbox-wrapper.vinspl-sf-checkbox {float: left;margin: 0 10px 0 0;position: relative;top: 2px;}
/*.v-dtPickZonefld1{padding-right:0 !important;}
.v-dtPickZonefld2{padding-left:0 !important;}*/
.border-non{border:none !important;}
.form-below.multi-report-section.border-non {margin-bottom: 0;}
.wo-message-box {position: absolute;left: 100%;top:0;}
.vinspl-alert-body {padding: 20px 20px 10px;text-align: center;display: flex; align-items:center;}
.vinspl-alert-footer {display: inline-block;
    padding:0px 0 15px 0;
   }
.wo-message-box  .vinspl-alert-text {font-size: 18px;padding: 10px 0;overflow-wrap: break-word; font-weight:normal;}
.inline {display: inline-block;}

.wo-message-box .vinspl-alert-content:after {content: '';position: absolute;height: 0px;width: 0px;border: 24px solid transparent;border-bottom: 0;border-left: 0;border-right-color: #FFFDE6;left: -23px;top: 13px;}
.wo-message-box .vinspl-alert-content{background:#FFFDE6; position:relative}
.short-links label {float: left;padding: 0 10px;}
.short-links label:first-child {padding-left:0px;}
.short-links label strong {margin-right: 10px;margin-bottom: 0;margin-top: 6px;}
.well .icon {font-size: 10px;padding: 0px 0 0 3px;}
.pull-left.short-links {padding: 6px 0 0 0;}
button.btn.filter-btn.btn-default {padding: 3px 6px;}
button.btn.clear-btn.btn-default {padding: 3px 6px;}
.filter-btn img {margin: 0 0px 0 5px !important;}
.search-grid-head.well {background: #eee;padding-bottom: 10px;}
.search-box {position: relative;float: left;}
.search-box .vinspl-sf-textbox {height: 32px !important;width: 300px !important;border-radius: 5px !important;}
.selected-items-btn button.btn.btn-default {background: #00c3f4 !important;text-shadow: none;font-size: 12px;color: #fff !important;width: 137px;}
.selected-items-btn button.btn.btn-default strong {color: #fff;padding-left: 5px;}
.search-box button.btn {position: absolute;right: -2px;top: -1px;}
.search-box button.btn .fa {padding: 0;}
.search-box a {  position: absolute;  right: 6px;  top: -3px; }
.search-box button.btn:hover {position: absolute;right: 2.5px;top: 2px;border: none;background: #eee !important;border-radius: 0 5px 5px 0;width: 30px;padding: 4px 0;}
.select-btn{color:#00c3f4!important; border-color:#00c3f4!important;}
.proceed-btn{color:#365f91!important; border-color:#365f91!important;}
.sidebar-all-btn{float: left !important;padding: 10px 0 10px 15px;width: 100%; position:fixed; bottom:0px}
.sidebar-tabs {width: 25%;margin: 0;padding: 0;position: absolute;top: 7px;left: 0;z-index: 1;}
.sidebar-tabs ul li {width: 50% !important; border: none !important;}
.sidebar-tabs ul li+li {border: none;}
.sidebar-tabs ul.nav.nav-tabs {background: #fff;padding: 0 !important;}
.sidebar-tabs ul li a {border-radius: 0;padding: 10px 0px !important;text-align:center; text-indent: inherit !important; border-top:2px solid #fff; text-decoration:none; color:#3b3e40; font-weight:bold;}
.sidebar-tabs ul li.active a {background:#f2f1f1 !important; color:#365f91 !important; border-top:2px solid #00c3f4;}
.sidebar-tabs ul li a:hover {background:#f2f1f1 !important; color:#365f91 !important; border-top:2px solid #00c3f4;}
.modal.vinspl-advance-search-form{background: rgba(0,0,0,0.5) !important;}
.vinspl-advance-search-form .vinspl-modal-header h4{font-size:14px;}
.vinspl-advance-search-form .vinspl-lbl label{font-size:11px; color:#5e5e5e;}
.vinspl-advance-search-form .vinspl-modal-dialog{box-shadow: none;}
.vinspl-advance-search-form .vinspl-fld-grp {margin: 7px 0 0;}
.vinspl-advance-search-form .vinspl-sf-textbox{height: 21px !important;}
.advance-search-box {position: relative;float: left; width:100%;margin:0 0 15px 0;}
.advance-search-box .vinspl-sf-textbox {height: 34px !important;border:1px solid #365f91 !important; width: 100% !important;border-radius: 100px !important;}
.advance-search-box button.btn {position: absolute;right: -2px;top: -1px;}
.advance-search-box button.btn .fa {padding: 0;}
.advance-search-box button.btn:hover {position: absolute;right: 2.5px;top: 2px;border: none;background: #eee !important;border-radius: 0 5px 5px 0;width: 30px;padding: 4px 0;}
.advance-search-btn .btn.btn-default{border:1px solid #c8c8c8; background:#f5f5f5!important; padding:9px 33px; font-size:11px; color:#4f5050 !important; text-transform: uppercase;}
.advance-moreitem-btn .btn.btn-default{border:1px solid #c8c8c8; background:#f5f5f5!important; padding:9px 35px; font-size:11px; color:#4f5050!important; text-transform: uppercase;}
.advance-search-box .btn{padding:7px 12px;}
.advance-search-btn .btn.btn-default .fa {font-size: 13px;padding: 0px 0 0 0;}
.advance-moreitem-btn .btn.btn-default .fa {font-size: 13px;padding: 0px 0 0 0;}
.vinspl-advance-search-form button > span {border: none;}
.vinspl-advance-search-form .vinspl-modal-header button span, .vinspl-search-item-form .vinspl-modal-header button span {border: none;padding: 0;}
.scratch-pad {margin-top: -400px;}
.scratch-pad .panel-body {
    max-height: 260px;
    overflow-y: auto;
    margin-bottom: 30px;
}
.treesidebar {width: 25%;float: left;height: 100%;margin-top: 45px;}
.treesidebar .vinspl-form-sidebar {width: 100%; position:relative;}
.treesidebar .vinspl-form-sidebar .e-treeview {display: inline-block;width:100%;overflow-y: auto;height: calc(100% - 45px);}
.treesidebar .vinspl-form-sidebar .e-treeview ul {padding-left: 0;height: 100%;}
.treesidebar .vinspl-form-sidebar .e-control.e-treeview .e-list-text {font-size: 11px;color: #4b4a4a;}
.sidebar-tabs ul.nav.nav-tabs ul li {margin: 0;padding: 0;border-bottom: 1px solid #dfdddd;position: relative;float: left;}
.sidebar-tabs ul.nav.nav-tabs ul li a{color: #3b3e40; font-weight:bold;}
.treesidebar .vinspl-form-sidebar .e-treeview ul ul {padding-left: 23px; white-space: initial;overflow: hidden;}
.treesidebar .vinspl-form-sidebar .e-treeview ul ul .e-icons {top: 0px;margin-top: 5px;float: left;}
.item-pick-explorer-tree.treesidebar .vinspl-form-sidebar .e-treeview {height: calc(100% - 70px);}
.docuploaddetail .w-100.version-description.vinspl-full-height .vinspl-fld {height: calc(100% - 85px);}
@media screen and (max-width:1656px){
.vinspl-doc-browse-window .e-file-select-wrap button {margin: 10px 0 0 0px;}
}
@media screen and (max-width:1546px){
.vinspl-doc-browse-window .e-upload .e-file-select-wrap .e-file-drop {margin-right: 0;}
}
/*@media screen and (max-width:1462px){
    .vinspl-sub-modal.disable-fullscreen .vinspl-modal-dialog {width: 36%;}
}*/
.date-filter-modal .vinspl-tab-panel-body {
    padding: 10px;
    width: 270px;
}