﻿@charset "utf-8";
/* CSS Document */

/* fonts*/
@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/OpenSans-Bold.eot');
    src: local('OpenSans-Bold'),  local('OpenSans-Bold'),  url('../fonts/OpenSans-Bold.eot') format('embedded-opentype'),  url('../fonts/OpenSans-Bold.woff') format('woff'),  url('../fonts/OpenSans-Bold.ttf') format('truetype'),  url('../fonts/OpenSans-Bold.svg#OpenSansBold, sans-serif') format('svg');
}
@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSans-Light.eot');
    src: local("OpenSans-Light"),  local("OpenSans-Light"),  url('../fonts/OpenSans-Light.eot') format('embedded-opentype'),  url('../fonts/OpenSans-Light.woff') format('woff'),  url('../fonts/OpenSans-Light.ttf') format('truetype'),  url('../fonts/OpenSans-Light.svg#OpenSansLight, sans-serif') format('svg');
}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSans-Regular.eot');
    src: local("OpenSans-Regular"),  local("OpenSans-Regular"),  url('../fonts/OpenSans-Regular.eot') format('embedded-opentype'),  url('../fonts/OpenSans-Regular.woff') format('woff'),  url('../fonts/OpenSans-Regular.ttf') format('truetype'),  url('../fonts/OpenSans-Regular.svg#OpenSansRegular, sans-serif') format('svg');
}
@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../fonts/OpenSans-Semibold.eot');
    src: local("OpenSans-Semibold"),  local("OpenSans-Semibold"),  url('../fonts/OpenSans-Semibold.eot') format('embedded-opentype'),  url('../fonts/OpenSans-Semibold.woff') format('woff'),  url('../fonts/OpenSans-Semibold.ttf') format('truetype'),  url('../fonts/OpenSans-Semibold.svg#OpenSansSemibold, sans-serif') format('svg');
}
/*fonts ends*/
/* End Fonts*/

/* Start Reset CSS */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, capxion, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcapxion, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    list-style: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcapxion, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
select:focus, a:focus, button:focus, input:focus , input[type='text']:focus, textarea:focus  { outline-style: none; }
a:hover { text-decoration: none; }
input::-ms-clear { display: none; }
.btn:hover, .btn:focus, .btn:active:focus, .btn:active { outline: 0; box-shadow: 0 0 0; }
/* End Reset CSS */

body { background: url('../images/background-img.jpg') no-repeat center center fixed #a3d7f7; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 100%; font-family: OpenSansRegular; }
.btn-group > .btn:focus, .btn-group-vertical > .btn:focus { box-shadow: 0 0 0; }

/* Header start*/
.main-header { padding: 5px 0; }
.main-header .row { margin: 0; border-bottom: 1px solid #e65845; padding: 7px 0; }
.logo { padding: 7px 0 0; }
.logo img { width: 210px; }
.user-welcome h3 { font-family: 'OpenSansLight'; font-size: 16px; line-height: 17px; color: #3a3a3a;     float: left; }
.user-welcome h3 strong { font-family: 'OpenSansSemibold'; color: #3a3a3a; }
.brand { padding: 18px 10px 12px 10px; border-left: 1px solid #8f8f8f; }
.brand img { width: 100px; height: auto; }
.user-welcome { padding: 17px 14px 0; }
.main-header .dropdown { position: relative; margin-left: 10px; float: left; }
.main-header .dropdown button { padding: 0; border: 0; background: transparent; margin: 0 0 4px; color: #616161; font-size: 10px; font-family: OpenSansSemiBold; }
.main-header .dropdown button .caret { border-top: 5px solid;  border-right: 5px solid transparent; border-left: 5px solid transparent; }
.main-header .dropdown-menu { right: -15px; left: auto; min-width: 81px; text-align: center; background: #4d4d4d; color: #fff; font-size: 12px; font-family: OpenSansRegular; }
.up-arrow { position: absolute; right: 11px; top: -13px; color: #4d4d4d; } 
.up-arrow span.caret { border-bottom: 7px solid; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 0; }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background: transparent; }
.block-content .dropdown { margin: 0; padding: 6px 12px 0; border-left: 1px solid #8f8f8f; }
.main-header .block-content .dropdown-menu { right: -45px; left: auto; min-width: 150px; text-align: left; padding: 0 10px; }
.main-header .block-content .dropdown-menu li { border-bottom: 1px solid #b3b3b3;  padding: 4px 0; cursor: pointer; }
.main-header .block-content .dropdown-menu li a, .main-header .block-content .dropdown-menu li a:hover { color: #fff; padding: 0; background: transparent; }
.main-header .block-content .dropdown-menu li:first-child { border:0; padding: 0; }
.main-header .block-content .dropdown-menu li:last-child { border:0; }
.main-header .block-content .up-arrow { right: 50%; }
/* Header end*/

/*Breadcrumbs start*/
.sub-header { padding: 12px 0 15px; position: relative; }
.sub-header .row { margin: 0; }
.sub-header button { position: absolute; right: 0; bottom: 5px; }
.sub-header button .attach-count { position: absolute; right: -14px; border: 0; background: #f1673b; border-radius: 100%; width: 26px; height: 26px; padding: 7px 0; top: -14px; text-align: center; font-size: 11px; }
.page-progressbar { font-size: 0; }
.page-progressbar li { vertical-align: top; padding: 0 17px; position: relative; background: transparent; }
.page-progressbar li.first-list { padding-left: 0; }
.page-progressbar li:first-child { padding-left: 0; }
.page-progressbar li:last-child { padding-right: 0; }
.page-progressbar li:before { content: ''; height: 1px; left: 0px; position: absolute; width: 100%; background: #5f7e89; top: 17px; z-index: -1; }
.page-progressbar li:last-child:before { left: -17px; }
.page-progressbar .action-title span { display: inline-block; font-size: 10px; font-family: 'OpenSansRegular'; color: #5a4a42; line-height: 11px; padding: 5px 0 0; }

.page-progressbar li span.icon { display: inline-block; width: 36px; height: 36px; position:relative;}
.page-progressbar li.bus-owner span.icon { background: url('../images/BusinessOwner-stepbystep-WhiteIcon.png')scroll no-repeat 0 0 transparent; }
.page-progressbar li.attendee span.icon { background: url('../images/Attendee-stepbystep-WhiteIcon.png')scroll no-repeat 0 0 transparent; }
.page-progressbar li.expenses span.icon { background: url('../images/Expense-stepbystep-WhiteIcon.png')scroll no-repeat 0 0 transparent; }
.page-progressbar li.vendor span.icon { background: url('../images/Vendor-stepbystep-WhiteIcon.png')scroll no-repeat 0 0 transparent; }
.page-progressbar li.reconciliation span.icon { background: url('../images/Reconcillation-GreyIcon.png')scroll no-repeat 0 0 transparent; cursor:pointer; }
.page-progressbar li.summary span.icon { background: url('../images/summary_lite.png')scroll no-repeat 0 0 transparent; }

.page-progressbar li.active.event-details span.icon { background: url('../images/EventDetails-stepbystep-Icon.png')scroll no-repeat 0 0 transparent; }
.page-progressbar li.active.bus-owner span.icon { background: url('../images/BusinessOwner-stepbystep-Icon.png')scroll no-repeat 0 0 transparent; }
.page-progressbar li.active.attendee span.icon { background: url('../images/Attendee-stepbystep-Icon.png')scroll no-repeat 0 0 transparent; }
.page-progressbar li.active.expenses span.icon { background: url('../images/Expense-stepbystep-Icon.png')scroll no-repeat 0 0 transparent; }
.page-progressbar li.active.vendor span.icon { background: url('../images/vendor-new.png')scroll no-repeat 0 0 transparent; }
.page-progressbar li.active.reconciliation span.icon { background: url('../images/Reconciliation-stepbystep-Icon.png')scroll no-repeat 0 0 transparent; }
.page-progressbar li.active.summary span.icon { background: url('../images/summary_blue.png')scroll no-repeat 0 0 transparent; }

.page-progressbar li.visited.event-details span.icon { background: url('../images/EventDetails-stepbystep-GreyIcon.png')scroll no-repeat 0 0 transparent;cursor:pointer; }
.page-progressbar li.visited.bus-owner span.icon { background: url('../images/BusinessOwner-stepbystep-GreyIcon.png')scroll no-repeat 0 0 transparent;cursor:pointer; }
.page-progressbar li.visited.attendee span.icon { background: url('../images/Attendee-stepbystep-GreyIcon.png')scroll no-repeat 0 0 transparent;cursor:pointer; }
.page-progressbar li.visited.expenses span.icon { background: url('../images/Expense-stepbystep-GreyIcon.png')scroll no-repeat 0 0 transparent;cursor:pointer; }
.page-progressbar li.visited.vendor span.icon { background: url('../images/vendor-stepbystep-GreyIcon.png')scroll no-repeat 0 0 transparent;cursor:pointer; }
.page-progressbar li.visited.summary span.icon { background: url('../images/summary_dark.png')scroll no-repeat 0 0 transparent;cursor:pointer; }



/*.page-progressbar .icon { width: 40px; height: 40px; background: #fff; display: block; margin: 0 auto; cursor: pointer; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; }
.sub-header ul li span.icon span { display: inline-block; background-repeat: no-repeat; background-size: 100% 100%; width: 20px; height: 17px; margin: 10px 0 0; }
.page-progressbar .active .icon { background: #F1673B; }
.page-progressbar .action-icon.active .icon { background: #8a3bd4; }
.page-progressbar .icon img { width: 22px; vertical-align: middle; }
.page-progressbar .action-title span { display: inline-block; font-size: 11px; font-family: 'OpenSansRegular'; color: #494442; line-height: 14px; padding: 5px 0 0; }*/

/*.sub-header ul li span.icon span.event-details { background-image: url('../images/eventDetails-grey.png'); }
.sub-header ul li span.icon span.bus-owner { background-image: url('../images/business-owner.png'); }
.sub-header ul li span.icon span.attendee { background-image: url('../images/attendee-grey.png'); width: 24px; }
.sub-header ul li span.icon span.expenses { background-image: url('../images/expense-grey.png'); height: 22px; margin-top: 9px; }
.sub-header ul li span.icon span.vendor { background-image: url('../images/vendor-grey.png'); }

.sub-header ul li.active span.icon span.event-details { background-image: url('../images/eventDetails-white.png'); }
.sub-header ul li.active span.icon span.bus-owner { background-image: url('../images/buss-owner-white.png'); }
.sub-header ul li.active span.icon span.attendee { background-image: url('../images/attendee-white.png'); width: 24px; }
.sub-header ul li.active span.icon span.expenses { background-image: url('../images/expense-white.png'); height: 20px; }
.sub-header ul li.active span.icon span.vendor { background-image: url('../images/vendor-white.png'); }*/
/*Breadcrumbs end*/

/*Footer css start*/
.footer-main-content { position: fixed; bottom: 0; left: 65%; z-index: 999; margin-left: -383px;  }
.footer-content { background: #75939b; border-radius: 5px 5px 0 0; font-size: 12px; font-family: OpenSansSemiBold; width: 765px; text-align: center; color: #eae8ce; box-shadow: 0px 0px 6px 2px rgba(76, 71, 69, .35); float: left;}
.footer-content button { background: #eae8ce; border: 1px solid #eae8ce; border-radius: 3px; padding: 5px 10px; height: 25px; }
.footer-content button img { width: 13px; vertical-align: text-top; }
.footer-content button.orange-btn {  background: #f68d1d; border: 1px solid #f68d1d; border-radius: 3px; padding: 5px 10px; height: 25px; }
.footer-content button.green-btn {  background: #20ac16; border: 1px solid #20ac16; border-radius: 3px; padding: 5px 10px; height: 25px; }
.footer-content > div > div { text-align: center; padding: 7px 10px 3px; }
.footer-content div div a { color: #222; }
.footer-content div.left-button div { border-right: 1px solid #c1b9b6; }
.footer-content div.right-button div { border-left: 1px solid #c1b9b6; }
.footer-content div.center-button div { display: inline-block; line-height: 13px; }
.footer-content div.center-button div button { float: left; margin: 0 5px; width: 91px; color: #494442; height: 36px; }
.footer-content div.center-button div button.btn-width { width: 147px; }
/*Footer css end*/

/* Copyright and cookie footer start*/
.footer-copy { background-color: #071d49; font-size: 13px; min-height: 20px; padding: 20px 0 20px; position: fixed; width: 100%; bottom: 0; }
.footer-copy-ul li { border-right: 1px solid #84bd00; padding-right: 8px; padding-left: 8px; display: inline-block; line-height: 13px; }
.footer-copy-ul { padding-left: 0px; }
.footer-copy .footer-copy-ul li:last-child { border-left: 0; padding-left: 0; }
.footer-copy-ul li, .footer-copy-ul li a { color: #ccc; text-decoration: none; }
.footer-copy-ul li a:hover { color: #0082ba; }
.footer-copy-login { background-color: #071d49; font-size: 13px; min-height: 20px; padding: 20px 0 20px; position: absolute; width: 100%; bottom: 0; }
/* Copyright and cookie footer end*/

/*SubContent start*/
.sub-content { min-height: 300px; margin: 0 0 5%; }
.content-header { background: #f4e4e4; border-radius: 5px; border: 1px solid #a3a3a3; }
.content-header > div { display: table-cell; vertical-align: middle; position: relative; padding: 7px 0 0; }
.content-header > div.action-content { vertical-align: top; }
.content-header .list-content { padding: 0 0 10px; }
/*.content-header img { vertical-align: sub; }*/
.content-header img.validated { position: relative; top: 5px; }
.content-header h2 { display: inline-block; margin: 0 5px; font-family: OpenSansRegular; font-size: 18px; color: #5f7e89; line-height: 16px; }
.sub-content .content { background: #f7f8f9; border-radius: 0 0 5px 5px; margin: 0 0 10px; border: 1px solid #a3a3a3; box-shadow: 1px 4px 12px #C6C6C7; padding: 15px 11px; border-top: 0; }
.sub-content .sub-content-header { background: #dfe5e7; border: 1px solid #a3a3a3; border-top: 0; border-radius: 0 0 5px 5px; padding: 10px; margin: 0 0 10px; }
.sub-content .sub-content-header .list-content { padding: 5px 0 0 36px; } 
.event-buttons button { float: left; margin-left: 7px; }
.event-buttons button img { margin:4px 0 0; }
.content h2, .section-header h3{ display: inline-block; font-family: OpenSansLight; font-size: 22px; color: #5f7e89; }
.open-header { padding: 10px 0; }
.open-header h2 { font-family: OpenSansRegular; color: #363636; font-size: 26px; }
.open-header img { width: 34px; vertical-align: middle; margin-right: 10px; }   
/*.content h3 { padding: 0 0 7px 38px; font-size: 15px; color: #999999; font-family: OpenSansSemiBold; }*/
.content.readonly-fields h3 { padding: 0 0 15px 38px; font-size: 16px; color: #999999; font-family: OpenSansBold; }
.sub-row { margin: 5px 0; }
.sub-row > div { padding: 0 7px; }
.editable-content .sub-row > div.event-name .disabled, .editable-mode.editable-content .sub-row > div.event-name input { display: none; }
.editable-mode.editable-content .sub-row > div.event-name input.disabled { display: block; }
.editable-content .content-header .action-content { width: 38%; text-align: right; }
.editable-content .content-header .action-content ul li { border:0; float: right; }
.editable-content .list-content { display: none; }
.editable-mode.editable-content .list-content { display: block; padding: 0 6px 10px; }

hr { margin: 15px 40px; border: 0;  border-top: 2px solid #dedfdf; }

.readonly-fields .col-md-12 { margin-bottom: 15px; line-height: 13px; padding: 0; }
.readonly-fields .row .col-md-3:first-child .col-md-12 { padding-left: 15px; }
.readonly-fields div.col-md-12 > span { padding: 0 0 0 10px; font-family: OpenSansSemiBold; font-size: 13px; color: #666666;display: table ; }
.readonly-fields .row .col-md-3 { border-right: 1px solid #c9d3d7; }
.readonly-fields .row .col-md-3:last-child { border:0; }

.readonly-content .content-header h2 { width: 80%; padding: 0 0 5px; margin: 0; word-break:break-all !important; }
.readonly-content .content-header img { /*vertical-align: top; position: relative; top: 5px; margin-bottom: 8px;*/ width: auto; height: auto; }
/*.action-content { text-align: right; width: 20%; }*/
/*.action-content .display-table { display: table; position: absolute; right: 0; }
.action-content .display-table > div { display: table-cell; position: relative; }*/
.accordion-content { margin: 5px 0;  }
.collapse-content .less-icon,.collapse-content .collapsed .more-icon { display: table-cell; background-image: none; }
.collapse-content .more-icon,.collapse-content .collapsed .less-icon { display: none; }

.collapse-content .content-header { padding: 0; border-radius: 5px 5px 0 0; }
.header-icon { width: 4%; text-align: center; }
.content-header > div.carousel-action { width: 2%; text-align: center; background: #fff }
.action-content { width: 28%; }
.action-content ul { display: table; width: 100%; }
.action-content ul li { display: table-cell; border-left: 1px solid #000; padding: 0 5px; min-height: 45px; vertical-align: middle; }

/*.content-header ul { padding: 3px 24px 0; }*/
ul.list-content li { float: left; border-right: 1px solid #5a5452; padding: 0 10px 0 0; margin-right: 10px; }
ul.list-content li label { display: inline-block; font-family: OpenSansBold; color: #689600; padding: 0; }
ul.list-content li > span { font-family: OpenSansBold; font-size: 12px; color: #494442; word-break: break-all; }
ul.list-content li:last-child { border: 0; }
ul.list-content li:first-child { padding-left: 0; }

.product-content { border-left: 1px solid #d9e0e3; min-height: 300px; }
.product-content .form-control { margin-right: 10px; float: left; width: 80%; }
.product-content img { float: right; cursor: pointer;}

.product-content h2 { padding: 0 0 14px 13px; }
.product-content .add-product { margin: 0px 5px 0 0; float: right; padding: 2px 7px; }
.product-content .add-product img { margin-top: 9px; float: left; width: 15px; }
.product-content .add-product span {padding: 4px 10px;}
.product-content .bootstrap-select { width: 85% !important; }

/*.eventDetails-content .bootstrap-select button  {padding: 4px 12px;}
.eventDetails-content .bootstrap-select.btn-group .dropdown-toggle .filter-option {font-family: OpenSansRegular; font-size: 13px}*/
.eventDetails-content .dropdown-menu {padding: 1px 0;}

.readonly-content .add-btn-orange {padding: 2px 6px;}
.readonly-content .add-btn-orange img {float: left; width: 18px; margin: 10px 5px;}

/*.read-only-footer {padding-bottom: 15px; }*/
.read-only-footer div.col-md-3 > span { padding: 0 0 0 10px; font-family: OpenSansSemiBold; font-size: 13px; color: #666666;}


/*SubContent end*/

/*Button start*/
.btn-green { background: #39b54a; border: 1px solid #39b54a; border-radius: 3px; font-size: 12px; font-family: OpenSansSemiBold; color: #fff; padding: 3px 7px; min-width: 58px; }
.btn-orange { background: #ff9d00; border: 1px solid #ff9d00; border-radius: 3px; font-size: 12px; font-family: OpenSansSemiBold; color: #fff; padding: 3px 7px; min-width: 75px; min-height: 33px;}
.btn-black { background: #494442; border: 1px solid #494442; border-radius: 3px; font-size: 12px; font-family: OpenSansSemiBold; color: #fff; padding: 3px 7px; min-width: 75px; min-height: 33px; }
.btn-blue { background: #5f7e89; border: 1px solid #5f7e89; border-radius: 3px; font-size: 12px; font-family: OpenSansSemiBold; color: #fff; padding: 3px 7px; min-width: 75px; min-height: 33px; }
.btn-white, .btn-white:focus, .btn-white:active { background: #f5fbff; border: 1px solid #5b5857; border-radius: 3px; font-size: 12px; font-family: OpenSansSemiBold; color: #000; padding: 5px 7px; min-width: 75px; min-height: 33px; }
.btn-grey, .btn-grey:focus { background: #7f7c7a; border: 1px solid #7f7c7a; border-radius: 3px; font-size: 11px; font-family: OpenSansSemiBold; color: #fff; padding: 3px 7px; min-width: 75px; min-height: 33px;}
.btn-red { background: #f1673b; border: 1px solid #f1673b; border-radius: 3px; font-size: 12px; font-family: OpenSansSemiBold; color: #fff; padding: 3px 7px; min-width: 75px; min-height: 33px; }
.btn-dark-red { background: #f20808; border: 1px solid #f20808; border-radius: 3px; font-size: 12px; font-family: OpenSansSemiBold; color: #fff; padding: 3px 7px; min-width: 58px; }
.btn-dark-green { background: #1f7244; border: 1px solid #1f7244; border-radius: 3px; font-size: 12px; font-family: OpenSansSemiBold; color: #fff; padding: 3px 7px; min-width: 58px; }
.btn-light-grey { background: #918e8d; border: 1px solid #918e8d; border-radius: 3px; font-size: 12px; font-family: OpenSansSemiBold; color: #fff; padding: 3px 7px; min-width: 75px; min-height: 33px;}
.btn-greyed-out { box-shadow: 0 0 0; border: 1px solid #3eadba; color: #fff; font-size: 12px; padding: 5px 15px; border-radius: 2px; font-family: OpenSansSemiBold; background-color: #ccc; }

.attendee-table-model { width: 1175px; left: -75px;}
.attendee-table-model table > tr > td { font-size:13px; }
.table-attn-search > thead > tr > th, .table-attn-search > tbody > tr > th, .table-attn-search > tfoot > tr > th, .table-attn-search > thead > tr > td, .table-attn-search > tbody > tr > td, .table-attn-search > tfoot > tr > td {
    border: 1px solid #ddd;
    font-size: 13px;
}
.tbl-mds-search { padding: 0; border-top: 1px solid #cfcfcf; position: absolute; left: 0; }
.btn-light-green { background: #39b54a; border: 1px solid #39b54a; border-radius: 3px; font-size: 12px; font-family: OpenSansSemiBold; color: #fff; padding: 3px 7px; min-width: 75px; min-height: 33px; }
.nobackdrop { position:relative; }

.btn-white img { vertical-align: middle; }

.row { margin: 0; }
.left-width { float: left; width: 100%; }
.no-border { border:0 !important; }
.clear { clear: both; }
strong { font-family: OpenSansSemiBold; }
.asterisk { color: #ec1a39; }
.button-content img { vertical-align: middle; margin: 4px 0 0 0; } 
.button-content span { float: right; text-align: left; line-height: 12px; border-left: 1px solid rgba(255,255,255,0.2); padding: 0 0 0 8px; margin-left: 8px; min-height: 25px; }
.button-content-search span { float: left; text-align: left; line-height: 12px; padding: 7px 0 0 8px; min-height: 25px; }
.div-inline { vertical-align: middle; display: inline; }
.spn-block { display: inline-block; }

/* Bootstrap form helpers */
::-webkit-input-placeholder {
    color:#8e8079;
}
::-moz-placeholder { 
    color:#8e8079;
    opacity: 1;
}
:-moz-placeholder { 
    color:#8e8079;
    opacity: 1;
}
:-ms-input-placeholder {
    color:#8e8079;
}
.form-control{
    border: 1px solid #a2a2a2;
    font-family: 'OpenSansRegular';
    font-size: 13px;
    height: 32px;
    padding: 6px 9px;
}
.form-control:focus {
    border: 1px solid #a2a2a2;
    box-shadow: none;
}
.form_action_btn {
    text-align: right;
    position: relative;
    margin: 14px 24px;
    border: 0;
    border-top: 2px solid #dedfdf;
}
.form_action_btn:before{
    content: '';
    background: #DDD;
    height: 4px;
    width: 100%;
    left: 0;
    top: 16px;
    position: absolute;
}
.form_action_btn_group{
    /*display: inline-block;*/
    background: #f7f8f9;
    position: relative;
    z-index: 1;
    padding-right: 30px;
    margin-top: 16px;
}
.form_action_btn_group button + button {
    margin-left: 10px;
}


label {
    color: #0080bb;
    font-size: 12px;
    font-family: OpenSansSemiBold;
    display: block;
    padding: 0 0 4px 0px;
}
/*label em{
    color: #ec1a39;
}*/


.container{
    width: 1050px;
}

/* Dashboard Helpers */
.dashboard-request{
    margin-bottom: 10px;
    border-radius: 4px;
    border: 1px solid #98a1a6;
}
.sepBL,.sepTL {
    width: 10px;
    height: 5px;
    position: absolute;
    right: -5px;
    background: #f7fcff;
    z-index: 9;
}
.sepBL{
    bottom: 0;  
}
.sepTL{
    top: 0;
}
.width_2 { width: 2%; }
.width_5 { width: 5%; }
.width_6 { width: 6%; }
.width_7 { width: 7%; }
.width_9 { width: 9%; }
.width_10 { width: 10%; }
.width_11 { width: 11%; }
.width_14 { width: 14%; }
.width_14_5 { width: 14.5%; }
.width_15 { width: 15%; }
.width_16 { width: 16%; }
.width_17 { width: 17%; }
.width_17_5 { width: 17.5%; }
.width_18_6 { width: 18.6%; }
.width_20 { width: 20%; }
.width_21 { width: 21%; }
.width_22 { width: 22%; }
.width_22_5 { width: 22.5%; }
.width_23 { width: 23%; }
.width_25 { width: 25% }
.width_26 { width: 26%; }
.width_27 { width: 27%; }
.width_28 { width: 28%; }
.width_29 { width: 29%; }
.width_32 { width: 32%; }
.width_33 { width: 33%; }
.width_34 { width: 34%; }
.width_50 { width: 50%; }
.width_55 { width: 55%; }
.width_76 { width: 76%; }
.width_30 { width: 30%; }
.width_35 { width: 35%; }
.width_34 { width: 34%; }
.width_40 { width: 40% }
.width_60 { width: 60%; }
.width_65 { width: 65% }
.width_84 { width: 84% }
.width_90 { width: 90%; }
.width_100 { width: 100%; }

.dashboard-list{
    background: rgba(245, 245, 245, 0.75);
    padding: 18px;
    /* margin-top: 10px; */
    border-radius: 3px;
}
/* Dashboard Details */
.details-row {
    background: #f5fbff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}
.details-row .first-row div{
    border-bottom: 1px solid #d3d8de;
}
.details-row .first-row div:first-child label{
    color: #5b5857;
    font-size: 14px;
}
.details-row .first-row, .details-row .second-row {
    display: table;
    table-layout: fixed;
    width: 100%;
    min-height: 40px;
}
.details-row .first-row div,.details-row .second-row > div {
    display: table-cell;
    position: relative;
    vertical-align: top;
    padding: 6px;
    border-right: 1px solid #d3d8de;
}
.details-row .second-row  div  div{
    padding-left: 30px; 
}
.details-row span {
    font-family: OpenSansSemiBold;
    color: #434259;
    font-size: 12px;
    word-wrap: break-word;
    display: block;
}
/*.details-row span.btn-green { color: #fff; padding: 3px 7px; font-size: 11px; }*/
.details-row span strong { color: #f15a24; }
.details-row  label{
    padding-left: 0;
}
.dashboard-row span span{
    color: #689600;
    display: inline;
}
.dashboard-row span span.dollar-sign { color: #434259; font-size: 13px; }
.details-row .first-row  .dash-action {
    padding: 0;
    text-align: center;
    vertical-align: middle;
    background: #f4f4f4;
    border-left: 1px solid #7d7d7d;
    border-radius: 0 4px 0 0;
}
.details-row .second-row  .dash-action {
    padding: 0;
    text-align: center;
    vertical-align: middle;
    background: #f4f4f4;
    border-left: 1px solid #7d7d7d;
    border-radius: 0 0 4px 0;
}
.details-row .dash-action a{
    display: inline-block;
}
.details-row .dash-action img{
    vertical-align: top;
}
.details-row .second-row div div.satelite_event{
    background: url('../images/satelite-event.png') left top no-repeat;
}
.details-row .second-row div div.business_owner{
    background: url('../images/business-owner.png') left top no-repeat;
}
.details-row .second-row div div.attendee{
    background: url('../images/attendees.png') left top no-repeat;
    padding-left: 40px !important;
}
.details-row .second-row div div.expenses{
    background: url('../images/expense.png') left top no-repeat;
}
.details-row .second-row div div.vendor{
    background: url('../images/vendor.png') left top no-repeat;
}

/* Date Picker */
.date{
    background: #FFF url('../images/calender.png') right center no-repeat;
    padding-right: 30px;
}


/* Process Chart */
.process-row{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    display: none;
}
.processChart{
    display: table;
    table-layout: fixed;
    width: 100%;
    text-align: center; 
}
.processChart > div{
    display: table-cell;
    position: relative;
    vertical-align: middle;
    height: 90px;
    padding: 10px   
}
.processChart > div.width_15:last-child {
    background: #0567a3;
}

.processChart > div.dash-status {
    background: #0567a3;
    border-radius: 4px 0 0 4px;
    padding: 0 8px;
    font-family: OpenSansRegular;
    font-size: 12px;
    color: #fff;
    text-align: left;
}
.dash-status li { border-top: 1px solid #438bbd; padding: 2px 0; }
.dash-status li span { min-height: 100%; color: #fff; font-family: OpenSansRegular; font-size: 11px; }
.dash-status li p { color: #a0c4ef; }
.dash-status li:first-child { border: 0; font-family: OpenSansSemiBold; }

.processChart > div.dash-current.last {
    background: #0567a3;
} 

.dash-before {
    background: #d2dff9 url('../images/dash-before-blank.jpg') right center no-repeat;  
}
.dash-before-last {
    background: #d2dff9 url('../images/dash-before.png') right center no-repeat;    
}
.dash-current{
    background: #0567a3 url('../images/dash-current.png') right center no-repeat;   
}
.dash-sendback{
    background: #F15A24 url('../images/dash-sendback.png') right center no-repeat;  
}
.dash-default{
    background: #e5d2c6 url('../images/dash-default.png') right center no-repeat;   
}
.dash-default-last{
    background: #e5d2c6;
}
.dash-before-sentback {
      background: #d2dff9 url('../images/dashDefault-sentBack.png') right center no-repeat; 
}
.dash-current-sentback{
     background: #0567a3 url('../images/dashBefore-SentBack.png') right center no-repeat;  
     /*background: #0567a3 url('../images/dashBefore-SentBack.png') right center no-repeat;*/ 
}
.processChart > .dash-action{
    background: #DDD;
    padding: 0;
    border-left: 1px solid #0567a3;
    border-radius: 0 4px 4px 0;
}
.processChart span { font-family: OpenSansSemiBold; font-size: 12px; word-wrap: break-word; display: inline-block; color: #4b0e57; text-align: left; min-height: 32px; vertical-align: top; }


/*.processChart .dash-status  span{
    padding-left: 0;
    color: #FFF;
    font-size: 10px;
    text-align: center;
}*/
.processChart .dash-status + .dash-current-sentback{
    border-left: 1px solid #FFF;
}
.processChart .dash-status + .dash-current{
    border-left: 1px solid #FFF;
}
.processChart .dash-current span,
.processChart .dash-sendback span{
    color: #FFF;
}
.processChart > .dash-action div{
    
    padding: 4.5px 0;
}
.processChart > .dash-action a{
    display: block;
}

.processChart span.icon { padding:0 !important; height: 22px; width: 22px; margin-right: 5px; }
.processChart span.event-validated { background: url('../images/EventValidated-Icon.png') left center no-repeat; }
.processChart span.program_pending { background: url('../images/EventDraft-Icon.png') left center no-repeat; width: 30px;  }
.processChart span.event-submit { background: url('../images/EventSubmitted-Icon.png') left center no-repeat; }
.processChart span.recon-draft { background: url('../images/ReconcilliationDraft-Icon.png') left center no-repeat; }
.processChart span.fct_approved { background: url('../images/FCT-Approval-Icon.png') left center no-repeat; }
.processChart span.approved_close { background: url('../images/EventSubmitted-Icon.png') left center no-repeat; }

.processChart .dash-current span.event-validated { background: url('../images/EventValidated-White-Icon.png') left center no-repeat; }
.processChart .dash-current span.program_pending { background: url('../images/EventDraft-White-Icon.png') left center no-repeat; width: 30px;  }
.processChart .dash-current span.event-submit { background: url('../images/EventSubmitted-White-Icon.png') left center no-repeat; }
.processChart .dash-current span.recon-draft { background: url('../images/ReconcilliationDraft-White-Icon.png') left center no-repeat; }
.processChart .dash-current span.fct_approved { background: url('../images/FCTApproval-White.png') left center no-repeat; }
.processChart .dash-current span.approved_close { background: url('../images/EventSubmitted-White-Icon.png') left center no-repeat; }



.advance-search{
    border: 1px solid #494949;
    box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    margin-bottom: 14px;
    padding: 10px 0;
    background: #f5fbff;
    display: none;
    position: relative;
}
.advance-search .up-arrow { background: url('../images/advance-search-up-arrow.jpg')scroll no-repeat 0 0/100% 100% transparent;
    display: inline-block;
    width: 39px;
    height: 10px;
    right: 40px;
    top: -10px; }
.advance-search .row + .row{
    margin-top: 10px;
}
.advance-search .search-clear button{
    margin-top: 20px;
    padding: 6px 12px;
    line-height: 18px;
    color: #FFF;
}
.dashboard-tab{
    margin-bottom: 14px;
}
.dashboard-tab .row > div { padding: 0; }


.dashboard-tab .btn-group{
    border: 1px solid #494949;
    border-radius: 4px;
}
.dashboard-tab .btn-group button{
    z-index: 2;
    font-family: OpenSansSemiBold;
    padding: 6px 12px;
    line-height: 18px;
    font-size: 12px;
}

.dashboard-tab .slider-open .btn-group button {
    padding: 2px 8px;
    text-align: left;
    min-width: 120px;
    line-height: 14px;
    border-right: 1px solid #c5ced3;
    margin: 0;
    background: #e0eaf5;
    color: #494442;
}

.dashboard-tab .slider-open .btn-group button.active {
    background: #494442;
    border: 1px solid #494442;
        color: #fff;
}

.search-content { width: 69%; padding-right: 5px; }
.search-content .input-group { border: 1px solid #494949; border-radius: 4px; }
.search-content .input-group input,.tab-content .search-input-content input { padding-left: 36px; background: #FFF url('../images/search.png') no-repeat 10px center; }
.search-content .input-group-btn button,.dashboard-tab .input-group-btn:last-child > .btn { padding: 5px 12px; z-index: 1 !important; border-radius: 3px  !important; margin: 1px; min-height: 30px; }
.search-content .input-group-btn button:focus,.search-content .input-group-btn button:hover { color: #FFF; }
.search-content .input-group .form-control { border: 0; }
.search-content .input-group .form-control:focus { border: 0; }
.search-input-content { position: relative; }
.search-input-content span.cross-icon { background: url('../images/cross-grey.jpg')scroll no-repeat 0 0/100% 100% transparent; display: inline-block; width: 18px; height: 18px; position: absolute; right: 8px; top: 7px; cursor: pointer; }

.businessDetails-content .search-content { width: 95%; }

.businessDetails-content .report-view  > div.second-row { display: table; background: #fff }
.businessDetails-content .report-view  div.second-row .sepTL, .businessDetails-content .report-view  div.second-row .sepBL { background: #fff; }
.businessDetails-content .report-view  div.second-row  div.report-action { border:0; }

.main-content-header { background: #efe4f4; border-radius: 4px; border: 1px solid #a3a3a3; }
.main-content-header .first-row  { display: table; width: 100%; table-layout: fixed; }
.main-content-header .first-row > div { display: table-cell; vertical-align: middle; position: relative; padding: 5px 0 0; }
.main-content-header .second-row { border-top: 1px solid #a3a3a3; padding: 10px; margin: 10px 0 0; }
.attendee-content .search-content, .expense-page .search-content { width: 73%; }

.attendee-content .main-content-header { background: #e3f6ff; }
.expense-page .main-content-header { background: #e6f4e4; }

.dashboard-tab #advance-search,.dashboard-tab #advance-search:hover { padding: 6px 12px;    line-height: 18px; color: #FFF; }

.provider-stats{
    background: #edefef;
    border: 1px solid #b1b3b4;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    padding: 6px 0;
}
.provider-stats h3{
    color: #5b5857;
    font-family: OpenSansSemiBold;
    font-size: 14px;
    line-height: 30px;
    padding: 0 0 0 5px;
}
.provider-stats > div { padding: 0 7px; }
.provider-stats .open > .dropdown-menu { left: 183px; top: -3px; background: #5B5757; color: #fff; padding: 5px 0; font-size: 12px; font-family: OpenSansRegular; border-radius: 2px; }
.provider-stats .left-arrow { position: absolute; right: auto; top: 2px; color: #333; left: -13px; border:0; padding: 0; width: auto; }
.left-arrow span.caret { border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #5B5757; }
.provider-stats ul li { border-bottom: 1px solid #727170; width: 100%; float: left; padding: 0 8px; }
.provider-stats ul li button,.provider-stats ul li button:active { padding: 3px 7px; margin: 5px 0; }

input[type="checkbox"] { display:none; }
input[type="checkbox"] + label { display: inline-block; width: 9px; height: 9px; background: url('../images/Checkbox-Deselected.png') no-repeat transparent; margin: 0 2px 0 0; cursor: pointer; }
input[type="checkbox"]:checked + label { background-image:url('../images/CheckBox-Selected.png'); }

.custom-large-chk { cursor: pointer; }
.custom-large-chk input[type="checkbox"]:checked + label { background-image:url('../images/Checkbox-select-large.jpg'); }
.custom-large-chk input[type="checkbox"] + label { display: inline-block; width: 22px; height: 22px; background: url('../images/Checkbox-Deselected-large.jpg') no-repeat 0 0 / 100% 100% transparent; }
.custom-checkbox { color: #fff; padding: 5px 0; cursor: pointer; }


/*.provider-stats button,.provider-stats button:focus,.provider-stats button:hover{
    padding: 6px 7px;
    color: #FFF;
}*/
.dashboard-slider{
    position: relative;
    padding: 0 45px;
    background: #e7f5fd;
    border-top: 1px solid #848687;
    border-radius: 0 0 4px 4px;
    min-height: 51px;   
}
.slider-ul > li{
    padding: 0 10px;
    float: left;
    width: 185px;
}
.dashboard-slider .jcarousel-control{
    position: absolute;
    width: 38px;
    text-indent: 1000px;
    overflow: hidden;
    top: 10px;
    bottom: 10px;
    border:0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
}
.dashboard-slider .jcarousel-control.inactive{
    cursor: default;
    opacity: 0.5;
}
.dashboard-slider .jcarousel-control-prev{
    left: 0;
    border-width: 1px 1px 1px 0;
    border-radius: 0 4px 4px 0;
    background-image: url('../images/Previous-Pallette.png')
}
.dashboard-slider .jcarousel-control-next{
    right: 0;
    border-width: 1px 0 1px 1px;
    border-radius: 4px 0 0 4px;
    background-image: url('../images/Next-Pallette.png')    
}
.dashboard-slider .remove-provider { display: inline-block; width: 22px; height: 22px; background: url('../images/close.png') no-repeat center center / 75% 75% transparent; position: absolute; top: -9px; right: -9px; cursor: pointer; }
.dashboard-slider .removed .remove-provider { background-image: url('../images/Hide-Icon.png'); }
.dashboard-slider .provider-box{
    border: 1px solid #98a1a6;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    position: relative;
    background: #f5fbff;
    text-align: left;
    margin: 10px 0;
}
.dashboard-slider .activered .provider-box { border: 1px solid #e65845; background: #f6e4e2; }
.dashboard-slider .provider-box li + li + li{
    border-top: 1px solid #b3b3b3;
}
.dashboard-slider .provider-box li{
    color: #0080bb;
    padding: 4px 10px;
    font-family: OpenSansSemiBold;
    font-size: 12px;
    cursor: pointer;
}
.dashboard-slider .provider-box li:first-child { cursor: default; }
.dashboard-slider .provider-box li span{
    color: #353535;
}
.dashboard-slider .provider-box li h4{
    color: #353535;
    font-size: 11px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    width: 135px;
}
.select-request{
    margin-bottom: 10px;
}
.select-request .row .col-md-6 { padding: 0; }
.select-request .row .col-md-6.first { padding: 0 5px 0 0; }
.select-request .row .col-md-6.second { padding: 0 0 0 5px; }
.select-request .row .col-md-6.first { padding-right: 7px; }
.select-request .row .col-md-6.second { padding-left: 7px; }

.select-request h2 { color: #363636; font-family: OpenSansRegular; font-size: 28px; line-height: normal; padding: 5px 0; }
.select-request a,.select-request a:active,.select-request a:hover{
    background: #f2e8d1;    
    color: #e65845;
    text-align: left;
    padding: 8px 10px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.6);
    font-family: OpenSansSemiBold;
    display: table;
    border-radius: 4px;
    text-decoration: none;
}
.select-request a span { display: table-cell; vertical-align: middle; padding: 0; }
.select-request a span.icon { background: url('../images/info.png') scroll no-repeat 0 0 transparent; width: 23px; height: 23px; }

/* Pagination start*/
.pagination-content { text-align: center; margin-bottom: 5px; margin-top: 5px; float: left; width: 100%; }
.pagination-content .pagination { width: auto; position: relative; top: 6px; margin: 0; }
.pagination-content .pagination > li.active > span { color: #fff; background: #e65845; border: 1px solid #e65845; }
.pagination-container > div { position: relative; top: 5px;display: inline-block; font-size: 13px; }
.pagination-content .pagination > li > span { border-radius: 100%; width: 27px; height: 27px; padding: 3px 0 0; text-align: center; font-size: 12px; background: #e6e6e6; margin-right: 5px; color: #000; cursor: pointer; border: 1px solid #e6e6e6; font-family: OpenSansSemibold; display: inline-block; } 
.arrow-circle { cursor: pointer; margin-right: 5px; display: inline-block; background: #b3b3b3; width: 25px; height: 25px; border-radius: 100%; float: left; }
.arrow-circle img { position: relative; top:3px; }

.pagingation-mds { text-align: center; width: 100%; }
.pagingation-mds .pagination { width: auto; position: relative; top: 6px; margin: 0; }
.pagingation-mds .pagination > li.active > span { color: #fff; background: #e65845; border: 1px solid #e65845; }
.pagingation-mds .pagination > li > span { border-radius: 100%; width: 27px; height: 27px; padding: 3px 0 0; text-align: center; font-size: 12px; background: #e6e6e6; margin-right: 5px; color: #000; cursor: pointer; border: 1px solid #e6e6e6; font-family: OpenSansSemibold; display: inline-block; } 
/* Pagination end*/

.bootstrap-select{
    font-family: OpenSansSemiBold;
    font-size: 12px;
}
.bootstrap-select button,.bootstrap-select button:hover,.bootstrap-select button:focus,.bootstrap-select .dropdown-toggle:focus{
    border: 1px solid #a2a2a2;
    background: #FFF;
    /*outline: 0 !important;*/
}

.bootstrap-select > .dropdown-toggle .bs-caret .caret { right: 8px !important; }
.bootstrap-select.btn-group .dropdown-toggle .filter-option { height: 100%; }
.bootstrap-select > .dropdown-toggle { padding: 6px 25px 6px 9px; height: 33px; font-size: 13px; font-family: OpenSansRegular; line-height: 18px; position: relative; }
/*.main-content-header .bootstrap-select.btn-group .dropdown-toggle .caret { color: #5a4a42; right: -14px !important; }*/
.bootstrap-select.btn-group .dropdown-toggle .bs-caret { border-left: 1px solid #a2a2a2; height: 100%; position: absolute; top: 0;  border-radius: 0 4px 4px 0;  background: #e4eef7; width: 26px; right: 0;  }
.main-content-header .bootstrap-select button, .main-content-header .bootstrap-select.open button, .main-content-header .bootstrap-select button:focus { border:1px solid #494949; }
.main-content-header .bootstrap-select.btn-group .dropdown-toggle .bs-caret { border-left :1px solid #494949; }


.ui-datepicker{
    z-index: 9999 !important;
    font-family: OpenSansSemiBold;
    padding: 0;
    border: 0;
}
.ui-widget-header{
    background: #02739b;
    border-radius: 0;
    border: 0;
}
.ui-datepicker .ui-datepicker-prev{
    background: url('../images/cal-prev-icon.png') no-repeat center center !important;
    border: 0;
    left: 0;
    top: 0;
    cursor: pointer;
}
.ui-datepicker  .ui-datepicker-prev span{
    background: none;
}
.ui-datepicker .ui-datepicker-next{
    background: url('../images/cal-next-icon.png') no-repeat center center !important;
    border: 0;
    right: 0;
    top: 0;
    cursor: pointer;
}
.ui-datepicker  .ui-datepicker-next span{
    background: none;
}
.ui-datepicker-title{
    font-size: 14px;
    color: #FFF;
}
.ui-datepicker-calendar thead{
    background: #0080bb;
}
.ui-datepicker-calendar thead th{
    color: #FFF;
    font-size: 12px;
}
.ui-datepicker .ui-datepicker-calendar td a{
    background: none;
    border: 0;
    font-size: 14px;
    text-align: center;
}
.ui-datepicker .ui-datepicker-calendar td{
    padding: 0;
    border-collapse: collapse;
    border: 1px solid #DDD;
}





/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
.jcarousel {
    position: relative;
    overflow: hidden;    
    padding: 10px 0;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel > ul {
    width: 20000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel > li {
    /* Required only for block elements like <li>'s */
    float: left;
}

/* Filter Dropdown */
.btn-select {position: relative;padding: 0; width: 112px; display: inline-block; border: 1px solid #494949; background: #e4eef7; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-family: OpenSansRegular;color: #5a4a42;}
.btn-select .btn-select-value { padding: 4px 12px; display: block; position: absolute; left: 0; right: 34px; text-align: left; text-overflow: ellipsis; overflow: hidden;font-size: 13px;}
.btn-select .btn-select-arrow {display: inline-block;position: relative; float: right;line-height: 20px;padding: 14px 14px; top: 0; border-left: 1px solid #494949; background: #d9e6ed url(../images/down-arrow.png) center center/8px 5px no-repeat; border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0;}
.btn-select ul {display: none; color: #FFF; clear: both; list-style: none; padding: 0; margin: 0; border-top: none !important; position: absolute; left: -1px; right: -1px; top: 29px;z-index: 999;}
.btn-select ul li { text-align: left; padding: 5px 10px; background: #0077b5;border-bottom: 1px solid #00689d;margin: 0; color: #FFF; font-family: OpenSansRegular; font-size: 13px; height:29px;}
.btn-select ul li:last-child{ border: 0;border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; height:28px;}
.btn-select ul li.selected { background: #005c94;}

.btn-select.opened{background:#02739B; border: 1px solid #3a3a3a; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;}
.btn-select.opened .btn-select-value{color: #FFF;}
.btn-select.opened .btn-select-arrow{border-left: 1px solid #3a3a3a; background: #02739B url(../images/down-arrow-active.png) center center/8px 5px no-repeat;}
/* Filter Dropdown */

/*.add-sat-event {border-left: 1px solid #7a726f; float: left; padding-left: 8px;}*/
.add-btn-orange { background: #f1673b; border: 1px solid #f1673b; height: auto; color: #fff; font-size: 12px; font-family: OpenSansSemiBold; border-radius: 4px; padding: 4px 6px;}
.add-btn-orange span { float: left; }
.edit-event-detail{ display: inline-block; font-size: 12px; font-family: OpenSansSemiBold; min-width: 40px; text-align: center; color: #f1673b; cursor: pointer; }
.edit-event-detail img {width: 22px; height: 21px;}

/*.upload-btn-green { background: #1f7042; border: 1px solid #1f7042; height: auto; color: #fff; font-size: 12px; font-family: OpenSansSemiBold; border-radius: 4px; padding: 4px 6px; margin-left: 2px;}
.upload-btn-green span {float: left;}
.upload-btn-green img { float: left; margin: 10px 4px 0px 8px;}*/

.search-container { float: right; width: 53%; border: 1px solid #474747;  border-radius: 3px; background: #fff;  height: 41px;  margin-top: 12px;}
.search-container .searchField {  width: 75%; height: 100%;  background: #FFFFFF url(../images/search-placeholder.png) no-repeat 9px 8px; border: none;  font-family: OpenSansRegular; font-size: 13px;  /* text-indent: 30px; */ line-height: 28px; text-indent: 0; padding-left: 28px; height: 28px;  margin-top: 6px; }
.search-container .searchBtn {  display: inline-block;   background: #5f7d87;  color: #fff;  padding: 9px 15px;  border-radius: 3px; float: right; margin: 2px;}

.mandatory {color: #cf3239; }
.color-row {color: #494452;}


 /* Page Header Section */
.section-header{
    background:  #e6f4e4;
    padding: 0 10px;
    box-shadow: -1px -1px 10px 0px rgba(29, 68, 107, 0.5);
    border-radius: 4px;
    margin-bottom: 10px;
}
.section-header .sepTL,.section-header .sepBL{
    background: #e6f4e4;
    height: 10px;
}
.businessDetails-page .section-header{
    background: #eee4f2;
    position: relative;
    margin-bottom: 0;
}
.attendee-page .section-header{
    background: #d8e9f2;
    position: relative;
    margin-bottom: 0;
}
.businessDetails-page .section-header .sepTL,.businessDetails-page .section-header .sepBL{
    background: #eee4f2;
}
.attendee-page .section-header .sepTL,.attendee-page .section-header .sepBL{
    background: #d8e9f2;
}
/*.section-header .header-row{
    display: table;
    table-layout: fixed;
    width: 100%;
}
.section-header .header-row + .header-row {
    border-top: 1px solid #7a726f;
}
.section-header .header-row > div{
    display: table-cell;
    position: relative;
    padding: 6px 16px;
    vertical-align: middle;
}*/
/*.section-header .header-row > div + div{
    border-left: 1px solid #7a726f;
}*/
/*.section-header .header-row > div + div.no-border{
    border-left: 0;
}*/
/*.section-header h3{
    color: #5f7e89;
    font-family: OpenSansRegular;
    padding: 0 0 0 32px;
    line-height: 32px;
    font-size: 20px;
}*/
/*.section-header h3 span{
    font-family: OpenSansSemiBold;
}*/
/*.search-header-input{
    border: 1px solid #494949;
    border-radius: 4px;
    background: #FFF;
    height: 40px;
}
.search-header-input button{
    z-index: 1 !important;
    padding: 8px 14px;
    margin-right: 2px;
}
.search-header-input .form-control{
    border: 0;
    height: 38px;
    padding-left: 30px;
    background: #FFF url('../images/search-icon.png') no-repeat 10px center;
}*/
.export-excel{
    color: #1f7244;
    font-size: 12px;
    display: inline-block;
    padding-left: 40px;
    font-family: OpenSansSemiBold;
    line-height: 10px;
    border: 0;
    text-align: left;
}

/*.add-attendee{
    background: #f1673b;
    display: inline-block;
    line-height: 11px;
    padding: 7px 10px;
    text-align: left;
    color: #FFF;
    font-size: 12px;
    font-family: OpenSansSemiBold;
    padding-left: 40px;
    position: relative;
    margin-right: 10px;
}
.add-attendee:after{
    position: absolute;
    content: '';
    width: 1px;
    background: rgba(255,255,255,0.4);
    height: 100%;
    left: 30px;
    top: 0;
}*/

/*.import-from-excel{
    background: #1f7244;
    display: inline-block;
    line-height: 11px;
    padding: 2px 10px;
    text-align: left;
    color: #FFF;
    font-size: 12px;
    font-family: OpenSansSemiBold;
    padding-left: 40px;
    position: relative;
}
.import-from-excel:after{
    position: absolute;
    content: '';
    width: 1px;
    background: rgba(255,255,255,0.4);
    height: 100%;
    left: 30px;
    top: 0;
}*/
.expense-template{
    background: #1f7244;
    display: inline-block;
    line-height: 11px;
    padding: 7px 10px;
    text-align: left;
    color: #FFF;
    font-size: 12px;
    font-family: OpenSansSemiBold;
    padding-left: 40px;
    position: relative;
}
.expense-template:after{
    position: absolute;
    content: '';
    width: 1px;
    background: rgba(255,255,255,0.4);
    height: 100%;
    left: 30px;
    top: 0;
}

/*.save-draft,.save-draft:focus,.save-draft:hover{
    background: #ff9d00;
    color: #FFF;
    font-size: 12px;
    font-family: OpenSansSemiBold;
    line-height: 11px;
    padding: 6px 8px 6px 30px;
    text-align: left;
    margin-left: 10px;
}
.save-validation,.save-validation:hover,.save-validation:focus{
    background: #39b54a;
    color: #FFF;
    font-size: 12px;
    font-family: OpenSansSemiBold;
    line-height: 11px;
    padding: 6px 8px 6px 30px;
    text-align: left;
}*/

.content-selectpicker .small-ddl .dropdown-menu { width: 100px; }

.content-selectpicker .dropdown-menu {  }
.bootstrap-select button, .bootstrap-select.open button,.bootstrap-select button:focus { border: 1px solid #a2a2a2;  border-radius: 3px; }
.content-selectpicker .dropdown-toggle .filter-option{
    width: 94%;    
}
/*.content-selectpicker .dropdown-toggle .caret {
    right: 10px !important;
}*/
.content-selectpicker button label,
.content-selectpicker .dropdown-menu li label{
    color: #689600;
    font-family: 'OpenSansBold';
    padding: 0;
    cursor: pointer;
}
.content-selectpicker button label span,
.content-selectpicker .dropdown-menu li label span{
    color: #494442;
}
.content-selectpicker .dropdown-menu li + li{
    border-top: 1px solid #494949;
}


/* Slider */
.expense-slider-content { width: 29%; border: 1px solid #494949; border-radius: 4px; height: 33px; background: #e4eef7; position: relative; margin-left: 10px; }
.expense-slider-content .yes-no-slider { padding: 0 42px 0 58px; width: 224px;}
.expense-slider-content .yes-no-slider > label span { line-height: 12px; top:-11px; }
.expense-slider-content .yes-no-slider > label span.first { left:-11px;width:50px; }
.expense-slider-content .yes-no-slider > label span.first.active { color: #f1673b; }


.yes-no-slider { padding: 0 40px; position: relative; margin: 15px 20px; width: 200px; }
.yes-no-slider > label { padding: 0;  }
.yes-no-slider > label span { position: absolute; width: 80px; display: inline-block; line-height: 14px; font-size: 12px; color: #514f4f; font-family: OpenSansSemiBold; top: -6px; }
.yes-no-slider > label span.last.active, .yes-no-not-slider > label span.last.active { color: #f1673b; }
.yes-no-slider > label span.first.active, .yes-no-not-slider > label span.first.active { color: #22b573; }
.yes-no-slider > label span.first { padding-right: 15px; left: 0;width:32px; }
.yes-no-slider > label span.last { right: -58px; }

.yes-no-not-slider { padding: 0 40px; position: relative; margin: 15px 20px; width: 250px; top: -14px; }
.slider .circle { background: #514f4f; height: 10px; width:10px; border-radius: 100%; position: absolute; left: 48%; top: -4px; }
.yes-no-not-slider > label { padding: 0; position: relative;  }
.yes-no-not-slider > label span.middle { left: 75px; }
.yes-no-not-slider > label span.middle.active { color: #000; }
.yes-no-not-slider > label span.last { right: -73px; }
.yes-no-not-slider > label span.first { left: -12px; }
.yes-no-not-slider > label span { position: absolute; width: 80px; display: inline-block; line-height: 14px; font-size: 12px; color: #999999; font-family: OpenSansSemiBold; top: 15px; }
.yes-no-not-slider .ui-slider-handle { background: center center no-repeat; outline: 0; border: 0; cursor: pointer; margin-top: -5px;  width: 20px; height: 20px;}
.slider-yes .yes-no-not-slider .ui-slider-handle{ background-image: url(../images/Yes-Icon.png); }
.slider-no .yes-no-not-slider .ui-slider-handle { background-image: url(../images/No-Icon.png); }
.slider-notApp .yes-no-not-slider .ui-slider-handle { background-image: url(../images/NotApplicable-Icon.png); }

.yes-no-slider .ui-slider-handle { background: url(../images/slider-icon.png) center center no-repeat; outline: 0; border: 0; cursor: pointer; margin-top: -5px; }
.yes-no-slider .ui-slider-horizontal, .yes-no-not-slider .ui-slider-horizontal { height: 1px; background: #999; border: 0; position: relative; cursor: pointer; }

.yes-no-slider .ui-slider-horizontal:after,
.yes-no-slider .ui-slider-horizontal:before,
.yes-no-not-slider .ui-slider-horizontal:after,
.yes-no-not-slider .ui-slider-horizontal:before{
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: -4px;
    background: #514f4f;
  
}
.yes-no-slider .ui-slider-horizontal:before, .yes-no-not-slider .ui-slider-horizontal:before { left: -6px; }
.yes-no-slider .ui-slider-horizontal:after, .yes-no-not-slider .ui-slider-horizontal:after { right: -6px; }

.static-slider .slider { background: url('../images/slider.png')scroll no-repeat 0 0 transparent; height: 23px; width: 190px; position: relative; left: -10px; }
.static-slider > label { top:-8px; }

/* Report View */
.report-lists { margin: 10px 0 0; }
.report-view{
    background: #e6e6e6;
    box-shadow: -1px -1px 6px 0px rgba(29, 68, 107, 0.5);
    margin-bottom: 4px;
    border-radius: 3px;
}
.report-view  > div.second-row{
    display: none;
}
.report-view.active  > div.second-row{
    display: table;
}
.report-view.active  > div.first-row > div{
    border-bottom: 1px solid #999;
}
.report-view .first-row div:first-child label { color: #666666; font-size: 14px; font-family: OpenSansBold; }
.report-view .first-row div:first-child > span {
    color: #0082ba;
}
.report-view .first-row div:first-child span  span{
    color:#666;
    font-family: OpenSansSemiBold;
}
/*.report-view .first-row .badge{
    float: right;
    background: #39b54a;
    border-radius: 4px;
}*/
/*.report-view.active .less-icon, .report-view .more-icon { display: block; }
.report-view .less-icon, .report-view.active .more-icon { display: none; }*/

.report-view.active{
    background: #fff;
}
.report-view.active > div > div.report-action:last-child{
    border: 0;
    background: #e6e6e6;
}
.report-view.active .sepTL,.report-view.active .sepBL{
    background: #FFF;
}
.report-view .sepTL,.report-view .sepBL{
    background: #e6e6e6;
    height: 10px;
}
.report-view  > div{
    display: table;
    table-layout: fixed;
    width: 100%;
}
.report-view  > div > div {
    display: table-cell;
    position: relative;
    vertical-align: top;
    padding: 6px 10px;
}

.report-view  > div > div {
    border-left: 1px solid #bdc7ca;     
}
.report-view > div > div.report-action{
    text-align: center;
    border-left: 1px solid #7a726f;
    vertical-align: middle;
}
.report-view > div > div.report-action-no{   
    border-left:0 !important ;   
}
.report-view  > div > div:first-child{
    border-left: 0;
}
.report-view  > div > div > span {
    font-family: OpenSansSemiBold;
    color: #434259;
    font-size: 12px;
    word-break: break-all;
    display: inline-block;
}
.report-view label { padding: 0; }
.report-view  > div > div > span span{
    color: #77ab0f;
    display: inline;
}
.report-view > div > div.report-action{
    text-align: center;
    border-left: 1px solid #7a726f;
    vertical-align: middle;
}

.report-view > div > div.report-action.last{
    border: 0;
    background: #fff;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.report-action a,.report-action a:focus {
    display: inline-block;
    color: #f1673b;
    padding-top: 24px;
    font-family: OpenSansSemiBold;
    font-size: 10px;
    text-decoration: none;
}
.report-view input { font-size: 16px; }

.report-view .report-row div img.validated, .report-view .report-row div img.draft { float: right; margin-top: 5px; }
.input-content input { width: 46%; position: relative; top: -6px; color: #f16756; text-align: right; float: right; }
.input-content span { width: 54%; }

/* No Data */
.no-data { background: #f0f7fc; height: 77px; display: table; width: 100%; margin-bottom: 20px; }
.no-data label { text-align: center; font-size: 13px; display: table-cell; vertical-align: middle; text-align: center; }

/* Icons Helper */
.delete-icon{
    background: url(../images/delete-icon.png) no-repeat top center;
}
.edit-icon{
    background: url(../images/Edit-Icon.png) no-repeat top center;
}
.download-icon-red{
    background: url(../images/download-icon-red.png) no-repeat top center;
}
.more-icon{
    background: url(../images/More.png) no-repeat top center;
}
.less-icon{
    background: url(../images/Less.png) no-repeat top center;
}
.sub-more-icon{
    background: url(../images/More.png) no-repeat top center;
}
.sub-less-icon{
    background: url(../images/Less.png) no-repeat top center;
}
/*.expense-icon{
    background: url(../images/expense-icon.png) no-repeat left center;
}*/
/*.import-from-excel-icon{
    background: #1f7244 url(../images/Upload-Icon.png) no-repeat 8px center;
}*/
/*.import-from-excel-icon-org{
    background: #f1673b url(../images/Upload-Icon.png) no-repeat 8px center;
}*/
/*.expense-template-icon{
    background: #1f7244 url(../images/Download-Icon.png) no-repeat 8px center;
}*/
/*.add-attendee-icon{
    background: #f1673b url(../images/add-icon.png) no-repeat 8px center;
}*/
.close-icon{
    background: url(../images/close-icon.png) no-repeat center center;
}
/*.save-draft-icon,.save-draft-icon:active,.save-draft-icon:hover,.save-draft-icon:focus{
    background: #ff9d00 url(../images/save-draft-icon.png) no-repeat 8px center;
}
.save-validation-icon,.save-validation-icon:active,.save-validation-icon:hover,.save-validation-icon:focus{
    background: #39b54a url(../images/save-validation-icon.png) no-repeat 8px center;
}*/
/*.business-owner-icon{
    background: url(../images/business-owner-icon.png) no-repeat left center;
}*/
.export-excel { background: url(../images/export-excel.png) no-repeat 16% center / 30% 72%;  font-size: 11px; border-left: 1px solid #000; }
.search-input-icon{
    /*background: url(../images/search-input-icon.png) no-repeat 6px center;*/
    padding-left: 24px;
}
.attendees-icon{
    background: url(../images/Attendees-HeaderIcon.png) no-repeat left center;
    background-size: 10%;
}

/* Bootstrap Modal */
.modal.in { padding-top:100px; overflow-y: auto; }
#modal-search {overflow-x: hidden; top: 12%; padding-top: 0;}
.modal.in#modal-save-validation { top:5%; }
.modal-dialog { width: 1024px; }
.modal-header { padding: 10px 15px; border-radius: 6px 6px 0 0; }
.modal-body { padding: 15px 20px; }
.change-history-modal.modal.in { top:0; }
.modal-body-table { padding: 15px 10px; }
.header-block { background: #d8e9f2; border-radius: 5px 5px 0 0; font-size: 14px; font-family: OpenSansBold; padding: 10px 20px; }
.header-block-search { border-radius: 5px 5px 0 0; font-size: 14px; font-family: OpenSansBold; padding: 10px 20px; }
.poptitle{ color: #0080bb; font-size: 12px; font-family: OpenSansSemiBold; }
.popclose{ padding: 10px; min-height: 18.428571px; border-bottom:none; }
.header-block-search h2  { font-family: OpenSansBold; color: #333131; font-size: 16px; }

.modal-header button.close{
    position: absolute;
    left: -10px;
    top: -10px;
    background: url(../images/close-icon.png) no-repeat center center;
    opacity: 1;
    height: 29px;
    width: 29px;
    overflow: hidden;
}
.businessDetails-page .modal-header{
    background: #efe4f4;
}
.modal-dialog h4 { font-family: OpenSansBold; color: #333131; font-size: 16px; padding: 6px 0 0 8px; }

.modal-dialog h5{
    font-family: OpenSansRegular;
    color: #494442;
    line-height: 22px;
    font-size: 18px;    
}

.modal-body table { border: 1px solid #b7b7b7; border-radius: 2px; border-collapse: separate; border-spacing: 0 1px; }
.modal-body table caption { text-align: left; font-size: 14px; font-family: OpenSansSemiBold; padding: 5px 0 10px; }
.modal-body table thead tr th { padding: 8px 10px; background: #dfe5e7; border-right: 1px solid #b7b7b7; }
.modal-body table thead tr th label { padding: 0; }
.modal-body table tbody tr td { font-size: 14px; font-family: OpenSansRegular; color: #4d4d4d; padding: 7px 10px; border-top:1px solid #b7b7b7; border-right: 1px solid #b7b7b7; }
.modal-body table thead tr th:last-child, .modal-body table tbody tr td:last-child { border-right: 0; }
.event-details-modal { background: #f4e4e4; }

.arrow_box { position: relative; background: #fefefe; }
.arrow_box:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(254, 254, 254, 0); border-bottom-color: #fefefe; border-width: 20px; margin-left: -20px; }
/*.yes-button,.yes-button:hover,.yes-button:focus{
    background: #39b54a;
    color: #FFF;
    font-size: 12px;
    font-family: OpenSansSemiBold;
    line-height: 11px;
    padding: 8px 18px;
}
.no-button,.no-button:hover,.no-button:focus{
    background: #f20808;
    color: #FFF;
    font-size: 12px;
    font-family: OpenSansSemiBold;
    line-height: 11px;
    padding: 8px 18px;
}*/
.modal-row{
    display: table;
    table-layout: fixed;
    width: 100%;
    position: relative;
}
.modal-col{
    display: table-cell;
    padding: 0 10px;
    vertical-align: top;
}


.product-select .bootstrap-select button {padding: 4px 12px; height: 31px;}

/*Download Expense Modal Starts*/

.download-expense-header {background: #e6f4e4; }

/*.download-expense-header .bootstrap-select button {padding: 0px 8px 0px 0px; margin-top: 3px; border-radius: 3px; background: #d9e6ed;}
.download-expense-header .bootstrap-select.btn-group .dropdown-toggle .filter-option { width: 93%; border-right: 1px solid #5e5f5f; padding: 4px 0px 4px 8px; background: #fff; border-top-left-radius: 3px;  border-bottom-left-radius: 3px; }
.download-expense-header .bootstrap-select.btn-group .dropdown-toggle .caret {right: 10px}
.download-expense-header .open .dropdown-toggle.btn-default {background: #d9e6ed;}
.download-expense-header .bootstrap-select button:hover, .download-expense-header .bootstrap-select button:focus, .download-expense-header .bootstrap-select .dropdown-toggle:focus {background: #d9e6ed}
*/
.download-expense-body hr { margin: 17px 10px ; border: 0;  border-top: 1px solid #dedfdf; }
/*.download-expense-body .yes-no-slider { width: 55%; padding: 0px 80px 0px 40px; position: relative; margin-top: 19px;}
.download-expense-body .yes-no-slider > label span.first {color: #22b371; margin-top: 6px;}
.download-expense-body .yes-no-slider > label span.last {margin-top: 6px; }
.download-expense-body .yes-no-slider .ui-slider-handle { background: url(../images/Yes-Icon.png) no-repeat; margin-top: -4px; }
.download-expense-body .yes-no-slider .ui-slider-horizontal:after, .yes-no-slider .ui-slider-horizontal:before {width: 6px; height: 6px; top: -3px;}
.download-expense-body .yes-no-slider .ui-slider-horizontal { height: 1px;}*/
/*
.download-expense-body .bootstrap-select button, .download-expense-body .bootstrap-select button:hover, .download-expense-body .bootstrap-select button:focus, .download-expense-body .bootstrap-select .dropdown-toggle:focus {padding: 0px 8px 0px 0px; margin-top: 0px; border-radius: 3px; background: #d9e6ed;}
.download-expense-body .bootstrap-select.btn-group .dropdown-toggle .filter-option { width: 83%; border-right: 1px solid #5e5f5f; padding: 4px 0px 4px 8px; background: #fff; border-top-left-radius: 3px;  border-bottom-left-radius: 3px; }
.download-expense-body .bootstrap-select.btn-group .dropdown-toggle .caret {right: 10px}*/
.download-expense-body .form-control {height: 30px;}
.download-expense-btn { position: absolute; bottom: 16px; right: 20px; }

/*.download-expense-body .import-from-excel {height: 35px; float: right; position: absolute;  top: 33px;  right: 0; } /**/
/*.download-expense-body .expense-template-icon {float: right; position: absolute; left: 0; top: 0; width: 32px; height: 27px;}*/
/*Download Expense Modal Starts*/


/*.upload-expense-header {background: #e6f4e4; }
.upload-expense-body .bootstrap-select button { padding: 5px 12px;}
.upload-expense-body .bootstrap-select button, .upload-expense-body .bootstrap-select button:hover, .upload-expense-body .bootstrap-select button:focus, .upload-expense-body .bootstrap-select .dropdown-toggle:focus {padding: 0px 8px 0px 0px; margin-top: 0px; border-radius: 3px; background: #d9e6ed;}
.upload-expense-body .bootstrap-select.btn-group .dropdown-toggle .filter-option { width: 96%; border-right: 1px solid #5e5f5f; padding: 4px 0px 4px 8px; background: #fff; border-top-left-radius: 3px;  border-bottom-left-radius: 3px; }
.upload-expense-body .bootstrap-select.btn-group .dropdown-toggle .caret {right: 10px}*/
.upload-expense-body input {cursor: pointer; }

.add-expense-att-header {background: #e6f4e4;}

/*.add-expense-att-header .bootstrap-select button, .add-expense-att-header .bootstrap-select button:hover, .add-expense-att-header .bootstrap-select button:focus, .add-expense-att-header .bootstrap-select .dropdown-toggle:focus {padding: 0px 8px 0px 0px; margin-top: 0px; border-radius: 3px; background: #d9e6ed;}
.add-expense-att-header .bootstrap-select.btn-group .dropdown-toggle .filter-option { width: 93%; border-right: 1px solid #5e5f5f; padding: 4px 0px 4px 8px; background: #fff; border-top-left-radius: 3px;  border-bottom-left-radius: 3px; }
.add-expense-att-header .bootstrap-select.btn-group .dropdown-toggle .caret {right: 10px}

.add-expense-att-body .bootstrap-select button, .add-expense-att-body .bootstrap-select button:hover, .add-expense-att-body .bootstrap-select button:focus, .add-expense-att-body .bootstrap-select .dropdown-toggle:focus {padding: 0px 8px 0px 0px; margin-top: 0px; border-radius: 3px; background: #d9e6ed;}
.add-expense-att-body .bootstrap-select.btn-group .dropdown-toggle .filter-option { width: 90%; border-right: 1px solid #5e5f5f; padding: 4px 0px 4px 8px; background: #fff; border-top-left-radius: 3px;  border-bottom-left-radius: 3px; }
.add-expense-att-body .bootstrap-select.btn-group .dropdown-toggle .caret {right: 10px}*/
.add-expense-att-body .form-control {height: 30px;}

.add-attendee-modal {background: #d8e9f2}
.add-attendee-body .modal-row {margin-bottom: 15px; }
.add-attendee-body .bootstrap-select button {padding: 4px 12px; height: 31px;}
.add-attendee-body .bootstrap-select.btn-group .dropdown-toggle .filter-option {font-family: OpenSansRegular; font-size: 13px;}

/*Popover design*/
.popover { background: #4d4d4d; color: #fff; font-size: 12px; font-family: OpenSansSemiBold; border-radius: 4px; }
.popover.right .arrow:after { border-right-color: #4d4d4d; }
.popover-content { padding: 0 10px; }
.popover-content li { border-bottom: 1px solid #727170; padding: 5px 0; cursor: pointer; }
.popover-content li:last-child { border-bottom: 0; }

.error-msg-content { background: #f45d64; float: left; width:100%; border-radius: 5px; font-family: openSansSemiBold; color: #fff; font-size: 12px; padding: 8px 10px; margin: 5px 0 0; }

.report-view.report-header, .report-view.report-header .sepTL, .report-view.report-header .sepBL { background: #e1f3fd !important; }

.attachment-page .main-content-header { background: #edefef; }
.attachment-page .report-view,.attachment-page .report-view .sepTL, .attachment-page .report-view .sepBL { background: #edefef; }
/*.attachment-page .main-content-header .first-row {
    padding: 10px;
}
.attachment-page .main-content-header .second-row {
    margin: 0;
    padding: 0;
}
.attachment-page .main-content-header .report-view{
    margin-bottom: 0;
    background: #e1f3fd;
    box-shadow: none;
}
.attachment-page .main-content-header .report-view label{
    line-height: 30px;
}
.attachment-page .main-content-header .report-view .sepTL, .attachment-page .main-content-header .report-view .sepBL {
    background: #e1f3fd;
    height: 10px;
}
.attachment-page .main-content-header .report-view > div > div.report-action{
    border-left: 1px solid #bdc7ca;
}*/
.attachment-page .report-view > div > div{
    vertical-align: middle;
}
/*.attachment-page h2{
    color: #363636;
    font-family: OpenSansRegular;
    font-size: 26px;
    padding-bottom: 20px;
    padding-left: 10px;
}
.attachment-page h2 img{
    padding-right: 4px;
}*/

/*Reporting admin changes*/
.tabs-list { background: #fff; border-radius: 5px 5px 0 0; padding: 10px; border: 1px solid #64747d; }
.nav-tabs { border: 1px solid #494442; border-radius: 5px; margin: 0; background: #e7eff7; }
.nav-tabs > li { margin-bottom: 0; border-radius: 5px; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #fff; cursor: default; background-color: #494442; border:0; border-right: 1px solid #494442; }
.nav-tabs > li > a { font-family: OpenSansSemiBold; font-size: 12px; border-radius: 0; padding: 8px; color: #494442; min-width: 170px; text-align: center; border: 0; border-right: 1px solid #494442; margin: 0; }
.nav > li > a:hover, .nav > li > a:focus { background: transparent;  border-right: 1px solid #494442; }
.nav > li:last-child > a:hover, .nav > li:last-child > a:focus, .nav-tabs > li:last-child > a { border:0; }
.tab-content .search-report-content { background: #e0f1fd; border-radius: 0 0 5px 5px; padding: 10px 5px; border: 1px solid #64747d; margin: 0 0 10px; }

.searched-table-list ul li { background: #f5fbff; border-radius: 4px; border: 1px solid #494949; display: table; width: 100%; table-layout: fixed; padding: 0 15px; font-size: 13px; font-family: OpenSansRegular; color: #393939; margin: 0 0 10px; }
.searched-table-list ul li span { display: table-cell; vertical-align: middle; }  
.reporting-content .searched-table-list ul li span:first-child { width: 92%; }
.reporting-content .searched-table-list ul li span:last-child { width: 8%; }
.searched-table-list ul li span .export-excel { border-left: 1px solid #a4a4a5; margin-bottom: 3px; }
.row.report-block-list { margin: 10px 0 0; border-top: 1px solid #fff; padding: 10px 0 0; }
.report-block { background: #edefef; border: 1px solid #514f4f; padding: 10px 5px 5px; margin: 0 5px 10px; float: left; width: 29%; cursor: pointer; }
.sub-search-content { display: table; width: 100%; background: #edefef; border: 1px solid #64747d; border-radius: 5px; padding: 10px 10px;  }
.sub-search-content > div { display: table-cell; float: none; vertical-align: middle; }
.ffs-report-list { margin: 10px 0 0; } 
.ffs-report-list .report-block { width: 24%; height: 42px; overflow: hidden;}
.ffs-report-list .custom-large-chk {
 cursor: pointer;
 width: 205px;
 text-overflow: ellipsis;
 overflow: hidden;
 display: inline-block;
 white-space: nowrap;
}


.admin-header-content { margin: 5px 0 0; }
.admin-header-content .search-content { width: 30%; }
.admin-header-content button { min-height: 35px; }
.admin-header-content > div { padding: 0; margin-right: 7px; }
.admin-content .searched-table-list ul li.table-header { padding: 7px 0; border-radius: 0 0 4px 4px; background: #e2f3fd; border: 1px solid #879ca9; border-top: 0; }
.admin-content .searched-table-list ul li { padding: 5px 0; border-radius: 4px; background: #eff3f4; border: 1px solid #747b7e; margin: 0 0 5px; }
.admin-content .searched-table-list ul li div > span { border-right: 1px solid #a4a4a5; padding: 0 10px; word-wrap:break-word;}
.searched-table-list ul li.table-header div > span { border-right: 1px solid #fff; padding: 5px 0; }
.searched-table-list ul li div span:last-child { border-right:0; }

.admin-content .searched-table-list table { border-collapse: separate; border-spacing: 0 5px; }
.admin-content .searched-table-list table thead th { background: #dff2fd; border-right: 1px solid #fff; padding: 10px; border-bottom: 1px solid #879ca9; border: 1px solid #879ca9; }
.admin-content .searched-table-list table thead th label { padding: 0; }
.admin-content .searched-table-list table tbody td { background: #f5fbff; border-right: 1px solid #a4a4a5; padding: 10px; font-size: 13px; }

.admin-content .searched-table-list table thead th:last-child, .admin-content .searched-table-list table tbody td:last-child { border-right:0; }
.admin-content .add-attendee-modal { background: #e6f4e4; }
.admin-content .add-attendee-body p { font-size: 13px; border-right: 1px solid #ddd; line-height: 18px; color: #000; }

.table-row { display: table-row; }
.table-caption { display: table-caption; background: #eff3f4; border: 1px solid #747b7e; border-bottom: 1px solid #918e8e; border-radius: 4px 4px 0 0; padding: 7px 0; color: #555561; font-size: 12px; }
.admin-content #notification .searched-table-list ul li.notify-added { border-top: 0; border-radius: 0 0 4px 4px;  }

.create-user-modal #userManageModal, .create-notify-modal #notificationModal, .create-alert-modal #alertModal { display: block; }
#userManageModal, #notificationModal, #alertModal { display: none; }

.add-vendor-modal, .vendor-content .main-content-header { background: #f2eadd; }
.existing-vendor-content { position: absolute; background: #fefefe; z-index: 9; width: 506px; left: 20%; padding: 10px; box-shadow: 0 3px 25px #aaa; border-radius: 4px; margin-top: 10px; }
.existing-vendor-content table tr td { cursor: pointer; }
.fade_in { position: absolute; background: rgba(0,0,0,0.3);  height: 100%; width: 100%; left: 0; z-index: 9; display: none; }
.existing-vendor-content .cross-icon { font-family: OpenSansBold; font-size: 14px; cursor: pointer; }

.reconciliation-content .main-content-header { background: #f5e3e3; padding: 0 18px; }
.reconciliation-content ul.list-content li, .expense-summary-content ul.list-content li { margin: 0 10px 5px 0; }
.recon-prog-container .recon-prog-content > div { background: #f7f8f9; border-radius: 5px; border: 1px solid #cccfd0; padding: 1px; }
.recon-prog-container .recon-prog-content ul {  float: left; width: 100%; }
.recon-prog-container .recon-prog-header { background: #f7f8f9; padding: 10px 0 10px 3%; list-style: none; }
.recon-prog-container .recon-prog-header h2 { font-family: OpenSansSemiBold; font-size: 18px; }
.collapse-icon .icon { background: url('../images/DonArrow.png') scroll no-repeat 11px 0 transparent; width: 40px; height: 26px; cursor: pointer; border-left: 1px solid #999; margin-right: 10px; }
.collapsed .collapse-icon .icon, .collapsed.collapse-icon .icon { background-image: url('../images/RightArrow.png'); }
.recon-prog-container .recon-prog-content ul li { background: #efefef; padding: 15px 40px 15px 5%; border-bottom: 1px solid #fff; color: #8e8079; font-size: 14px; list-style-type: disc; list-style-position: inside; }
.recon-prog-container .recon-prog-content ul li > span { width: 65%; display: inline-block; vertical-align: top; }
.recon-prog-container .recon-prog-content ul li > div { width: 292px; }
.recon-prog-container .recon-prog-content ul li.slider-no { background: #eae0da; }
.recon-prog-container .recon-prog-content ul li.slider-no .yes-no-not-slider > span { color: #b53d22; font-size: 12px; font-family: OpenSansSemiBold; }
.recon-prog-container .recon-prog-content ul li.slider-yes { background: #e2ede7; }
.recon-prog-container .recon-prog-content ul li.slider-yes .yes-no-not-slider > span { color: #22b573; font-size: 12px; font-family: OpenSansSemiBold; }
.recon-prog-container .recon-prog-content ul li.slider-notApp { background: #e8e8e8; }
.recon-prog-container .recon-prog-content ul li.slider-notApp .yes-no-not-slider > span { color: #4b4e51; font-size: 12px; font-family: OpenSansSemiBold; }

.reconciliation-prog-content .main-content-header .report-action { border-left:1px solid #000; padding: 0 20px 0 10px; }
.slider-icon { background: center center no-repeat; outline: 0; border: 0; cursor: pointer; margin-top: -2px;  width: 20px; height: 20px; display: inline-block; }
.slider-yes .slider-icon { background-image: url('../images/Yes-Icon.png'); }
.slider-no .slider-icon { background-image: url('../images/No-Icon.png'); }
.slider-notApp .slider-icon { background-image: url('../images/NotApplicable-Icon.png'); }

.recon-prog-container .recon-prog-content.readonly-mode ul li { padding: 10px 15px 6px 6%; float: left; width: 100%; min-height: 45px; font-size: 13px; }
.recon-prog-container .recon-prog-content.readonly-mode ul li.not-selected { color: #e65845; }
.recon-prog-container .recon-prog-content.readonly-mode ul li > div { width: 150px; }
.recon-prog-container .recon-prog-content.readonly-mode .yes-no-not-slider { width: 120px; text-align: center; line-height: 14px; margin: 0; top: 0 }

.reconciliation-content > div { margin-bottom: 3px; position: relative; }
.reconciliation-content > div .main-content-header { background: #fff2f2; padding: 0; }

.expense-summary-container { padding: 6px 0 0; background: #fff;}
.expense-summary-content .export-excel { margin-right: 10px; border-color: #999; }
.expense-summary-container table { border-collapse: separate; border-spacing: 0 2px; }
.expense-summary-container table tr th { background: #f7f8f9; padding: 5px; border-right: 1px solid #c9d3d7; vertical-align: middle; }
.expense-summary-container table tr th label { display: inline; margin-right: 10px; font-size: 13px; }
.expense-summary-container table tr td { background: #efefef; font-size: 12px; padding: 5px 15px; border-right: 1px solid #c9d3d7; vertical-align: middle; text-align: right; color: #494442; border-bottom: 1px solid #fff; font-family: OpenSansBold; }
.expense-summary-container table tr td img { cursor: pointer; }
.expense-summary-container table tr td:first-child { text-align: left; }
.expense-summary-container table tr td > div { /*display: table-cell;*/ text-align:left; vertical-align: middle; padding-left: 10px;}
/*.expense-summary-container table tr td > div > span { margin-left: 10px; }*/
.expense-summary-container .report-action { border-left: 1px solid #000; padding: 0 0 0 10px; }
.expense-summary-container .report-action a { color: #000; }
.expense-summary-container .report-action .edit-icon { background: url(../images/Edit-black_icon.png) no-repeat top center; width: 18px; height: 18px; }
.expense-value { padding: 0 20px; font-size: 20px; font-family: OpenSansSemiBold; color: #5f7e89; }

.add-notes { width: 400px; height: 172px; position: absolute; right: 16%; background: #FFF; top: -50px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px 0 5px; border: 1px solid #919191; display: none; z-index: 9; }
.add-notes:before { content: ""; width: 14px; height: 15px; background: #000; position: absolute; left: -14px; top: 73px; background: url('../images/note-arrow.png') no-repeat 0 0/100% 100%; }
.add-notes textarea { resize: none; border: 0; background: url('../images/note-bg-1.png'); height: 115px; padding: 0; line-height: 23px; background-attachment: local; width: 100%; font-size: 13px; }
.added-comments { float: left; width: 100%; background: #f7f8f9; padding: 20px; border: 1px solid #cccfd0; border-top: 0; }
.added-comments .commented-list > div { margin: 0 10px 0; width: 49%; }
.added-comments .commented-list > div blockquote ul { display: inline-block; width:100%;}    
.added-comments .fct-review h2 { margin-top: 15px; border-top: 1px solid #afae9e; width: 100%; padding: 10px 0 5px; }
.note-style-icon { background: url('../images/corner_1.png')scroll no-repeat 0 0 / 100% 100% transparent; display: inline-block; width:20px; height: 20px; position: absolute; bottom: -2px; right: -1px; }
.arrow-icon { background: url('../images/right_arrow.png')scroll no-repeat 0 0 transparent; display: inline-block; width: 14px; height: 9px;  position: absolute; top: 7px; right: 7px; }
.fct-review { border-top: 1px solid #ddd; padding: 10px 0 0; margin: 10px 0 0; }

.input-error, .input-error button { border-color: #ec1a39; background: #fbeaed; }
.required-field { color: #ec1a39; font-size: 12px; font-family: OpenSansSemiBold; /*padding-left: 10px;*/ }
.required-field-search { color: #1f973c; font-size: 12px; font-family: OpenSansSemiBold; }

/*.ZeroPercent span { left : 0% !important; } 
.FiftyPercent span { left : 50% !important; } 
.HundredPercent span { left : 100% !important; }*/ 

blockquote { background: #f6f7eb; border-radius: 5px 5px 22px 5px; border: 1px solid #afae9e; width: 100%; position: relative; padding: 20px; color: #3a3a3a; font-size: 13px; }
blockquote footer { padding-top: 3px; font-size: 11px; color: #3a3a3a; }
blockquote footer strong { font-family: OpenSansRegular; color: #808080; }
.note-style-icon { background: url('../images/corner_1.png')scroll no-repeat 0 0 / 100% 100% transparent; display: inline-block; width:20px; height: 20px; position: absolute; bottom: -2px; right: -1px; }
.arrow-icon { background: url('../images/right_arrow.png')scroll no-repeat 0 0 transparent; display: inline-block; width: 14px; height: 9px;  position: absolute; top: 7px; right: 7px; }
.delete-comment { background: url('../images/NotificationClose-Icon.png')scroll no-repeat 0 0 / 100% 100% transparent; display: inline-block; width: 23px; height: 23px; position: absolute; top: -10px; left: -10px; }
.reply-comments blockquote { padding-left: 30px; background: #f4e4e4; border-radius: 5px 5px 5px 22px; }
.reply-comments .arrow-icon { background-image: url('../images/left_arrow.png'); left: 10px; top: 25px; }
.reply-comments .note-style-icon { left:0;  background-image: url('../images/corner_2.png'); }

/*Login CSS Start*/
.home-container { width: 800px; margin: 0 auto; }
.top-content { position: relative; top:-10px; padding: 0 20px; }
.login-middle-content .form-group { float: left; width:100%; margin-bottom: 10px; }
.checkbox-content { float: left; padding: 0; }
.checkbox-content .form-group { position: relative; top:18px; }
.login-middle-content { border-top: 2px solid #e65845; background: #ebf7fd; padding: 30px 10px 5px 16%; box-shadow: 1px 2px 10px #bbb; }
.login-middle-content h2 { font-size: 18px; font-family: OpenSansLight; margin-bottom: 13px; color: #000; }
.login-middle-content .btn-red { float: left; }
.login-middle-content p { float: left; color: #e65845; font-size: 13px; font-family: OpenSansSemiBold; margin: 8px 0 0 15px; cursor: pointer; }
.login-middle-content label { font-size: 13px; }
.login-middle-content .expire-error p { float: left; color: #e65845; font-size: 13.5px; font-family: OpenSansSemiBold; cursor: pointer; }
.home-page-content { position: absolute; top: 22%; width: 100%; }
.login-btn { background: #e65845; border:1px solid #e65845; float: left; }
.abbvie-users { border-top: 1px solid #dadee0; padding: 10px 0 0; margin: 15px 0 0; }
.abbvie-users a, .abbvie-users a:hover { color: #e65845; text-decoration: none; }
.forgot-password-content .login-middle-content {  padding: 30px 16% 20px; }
.forgot-password-content .login-middle-content label { padding: 0; }
/*Login CSS End*/

/*Loader CSS Start*/
.loader-content { position: fixed;top: 0;left: 0;right: 0;width: 100%;height: 100%;text-align: center;z-index: 9999;}
.main-loader { position: absolute;left: 0;right: 0; top:0 ; width: 100%;height: 100%;display: block;z-index: 99;text-align: center;background-color: #000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5; }
.loader-icon-cont { background: #9cc900; position: absolute; z-index: 9999; top: 36%; left: 45%; border-radius: 7px; padding: 13px 25px; color: #fff; font-size: 12px; font-family: OpenSansRegular; margin-bottom: 10px;}
.loader-icon-cont .loader-icon { background-image: url("../images/spiffygif_56x56.gif"); width: 56px; height: 56px; display: inline-block; z-index: 99999; margin-bottom: 5px;background-size: 48px 48px; background-position: center center; background-repeat: no-repeat;}
/*Loader CSS end*/

/*IE hack */
@media screen and (min-width:0\0) {
.button-content img { margin:4px 0 0;}

}

@media screen and (max-width:1024px)
{
    #modal-search { overflow: auto !important; }
}

/*.alertBox, .alertBoxDisabled{background-color:#021741; border:none; border-bottom-right-radius:6px;border-top-right-radius:6px;padding: 10px 10px; width:179px; border-left:#000;width:70px; display:inline-block;}
.alertBox label, .alertBoxDisabled label{ color:#ffffff;  font-size:14px;}*/
/*.alertButton{border: 0px none;padding: 0px;width: 17px !important;height: 20px;background:url(../images/alertIcon.png) no-repeat scroll center center transparent;margin: 1px 0px 0px 10px !important; position:absolute;padding-left: 1px;}*/
.announcementBox{ background:#fffafa; margin-bottom:15px;padding:10px;border:1px solid #d69c9c;width:955px;float:left;}
.announcement{padding-left:32px; background:url(../images/announcementLogo.png) no-repeat;float:left;}
.announcementClose{float:right; cursor:pointer;}
.announcement .announcementTxt{font-family:NovelSansRdPro-Bold; font-size:14px;}
.announcement .announcementTime{ font-size:14px;font-family:NovelSansRdPro-Bold;}
.sponsor-next{float: left;}

.suberror-main-container{ width: 100%;margin: 0 auto;text-align: left;margin-top: 31px;padding: 20px;background: #fff;box-shadow: -1px 2px 4px 1px #f2e8d1;border-radius: 8px;font-family: sans-serif;font-size: 14px;line-height: 20px;}
.suberror-main-container p:last-child{color:#e65845;padding-left:20px;}
.sub-error p:first-of-type {font-size:12px;background: url('../images/accessDenied.png') no-repeat left;padding-left: 20px;background-position:1px;}
footer ul {display: inline-block;}
.footer_error ul li {float: left; }
.footer_error ul li a {color: #6f7269;font-family: OpenSansSemiBold;font-size: 11px;padding: 0 10px;border-right: 1px solid #6f7269;}
.footer_error {position: fixed;width: 100%;bottom: 0;left: 0;text-align: center;background: rgba(255,255,255,0.3);padding: 2px;z-index: 9;}
.commonerror_page{min-height:550px;}

/*****************changePasswordLoginContent starts*****************/
.userDetailsContent img{margin:-5px 7px 0 0;}
.detailsLeftTxt{display:inline-block;margin-top: 19px;}
.changePasswordDetails img{margin:-10px 10px 0 0;}
.pswdMaxCharTxt {font-size: 12px; color: #0080bb;  padding-left: 27%;}
.changePswdField .changepswdTxt{width:27%;display:inline-block;font-size:14px;color:#0080bb; float:left;}
/*.applyBtn input{height:40px;width:100px;border:1px solid #d7d8d8;background-color:#9fce05;border-radius:5px;font-size:20px;font-weight:bold;color:#ffffff;margin-right:30px; cursor:pointer;}*/
/*****************changePasswordLoginContent Ends*****************/

.form-tablestru p{margin-top:5px;font-size:12px;color:#0080bb;font-family: OpenSansSemiBold;}
.form-tablestru table td
{
    font-size:12px;font-family: OpenSansSemiBold;
}

.customCheckboxLabel input[type="checkbox"] {
    display:block;
    height:27px;
    width:27px !important;
    float:left;
    outline-offset:-2px;
    outline:2px solid #ff7000;
    -moz-appearance:none;
    -webkit-appearance:block;
    -o-appearance: none;
     margin-right: 9px;
}
.customCheckboxLabel span {
    margin-top:15px;
    position:relative;
    top:6px;
}
.block-content .dropdown-menu5 {
        border-left:0px;
        position: relative;
        top: -11px;
}
.main-header .block-content .dropdown-menu5 .dropdown-menu {
        top: 47px;
        right: -66px;
}
.modal-col2 .dropdown-menu.inner{max-height: 300.600px !important;} 

.btn-black:hover {
color:#fff

}

.bootstrap-select.btn-group .dropdown-menu li a span.fa-check-square {
   display: inline-block;
    position: absolute;
    right: 15px;
    margin-top: 5px;
}
.bootstrap-select.btn-group .dropdown-menu li a span.fa-check-square:before {
    content: "\f096";
}
.bootstrap-select.btn-group .dropdown-menu li.selected a span.fa-check-square:before {
    content: "\f046";
}
.table_headernoti {
    padding: 7px 0;
    border-radius: 0 0 4px 4px;
    background: #e2f3fd;
    border: 1px solid #879ca9;
    border-top: 0;
    margin: 0 0 5px;
    display: table;
    width: 100%;
    table-layout: fixed;
        font-size: 13px;
    font-family: OpenSansRegular;
    color: #393939;
}

.searched-table-list .table_headernoti span {
        display: table-cell;
    vertical-align: middle;

        border-right: 1px solid #fff;
    padding: 5px 0;
}

.action-popover-content1 {
    width: 149px;
    position: absolute;
    top: 12px;
    left: 67px;
    text-align: left;
    background-color: #5b5857;
    padding-left: 13px !important;
    color: #fff;
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 5px;
    padding-right: 13px;
}
.action-popover-content1 ul li{border-bottom:1px solid #727170;padding: 5px 0;
    cursor: pointer;
    color:#fff;
}
.action-popover-content1 ul li span{
    color:#fff;
}
.action-popover-content1 li:last-child {border-bottom: 0;}
.action-popover-content1 img{position:absolute;left:-9px;top:4px;} 

.action-popover-content2 {
    width: 149px;
    position: absolute;
    top: 40px;
    left: 85px;
    text-align: left;
    background-color: #5b5857;
    padding-left: 13px !important;
    color: #fff;
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 5px;
    padding-right: 13px;
}
.action-popover-content2 ul li{border-bottom:1px solid #727170;padding: 5px 0;
    cursor: pointer;
    color:#fff;
}
.action-popover-content2 ul li span{
    color:#fff;
}
.action-popover-content2 li:last-child {border-bottom: 0;}
.action-popover-content2 img{position:absolute;left:-9px;top:4px;} 
.modal-col-sponsor img
{
    position:relative;
    top:-25px;
    left: 6px;
    float: left;
}
.modal-col-sponsor
{
    display: table-cell;
    padding: 0 10px;
}
.select-request .btn_request{background: #efdcd0;color: #e65845;
    text-align: left;
    padding: 8px 10px;
	/*box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.6); */
    font-family: OpenSansSemiBold;
    display: table;
    text-decoration: none;}

.select-request .btn_request span {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
	color: #0080bb;
	font-size:13px;
} 
.select-request .btn_request span:nth-of-type(2) {
    padding-left:10px;
}
.select-request .btn_request span.iconcross {
    background: url('../images/NotificationClose-Icon.png') scroll no-repeat 0 0 transparent;
    width: 29px;
    height: 29px;
}
.select-request .btn_request span.icon {
    background: url('../images/Notification-Icon.png') scroll no-repeat 0 0 transparent;
    width: 39px;
    height: 27px;
	border-right: 1px solid #cbc0bb;
} 

.read-only-headtop{width:100%;display:table;}
.readonly-fields .read-only-headtop .col-md-3{display:table-cell;float:none;vertical-align:top;}  


.applychange input
{
    margin-right:15px;
}
.changePsd_change .pswdMaxCharTxt
{
   padding-bottom:10px;
}

.changePswd_errormsg span.field-validation-error{clear:both;float:left;padding-top:6px;padding-left:180px;}
li.edit-event-detail.edit-form.event-btn {width: 12%;float: right;}
.pull-left.next-btn.nextbtn-line {border-left: 0px;}

.attach-count_drop{position: absolute;
    right: 2px;
    border: 0;
    background: #f1673b;
    border-radius: 100%;
    width: 22px;
    height: 22px;
    padding: 3px 0;
    top: -9px;
    text-align: center;
    font-size: 11px;
    color: #fff;}
.required-field-sponsor{float: left;position: relative;top: -13px;clear:both;}

.middle-content .readonly-spacing .col-md-12 > span
{
       padding:0px;
}

.customCheckboxLabel_create input[type="checkbox"] {
     display:inline-block !important;
    height:27px;
    width:27px !important;
     outline-offset:-2px;
    outline:2px solid #ff7000;
    -moz-appearance:none;
    -webkit-appearance:block;
    -o-appearance: none;
     margin-right: 9px;
}
.customCheckboxLabel_create span {
    position: relative;
    top: -10px;
}
.user_datacls {
    border-top: 1px solid #747b7e;
    border-radius: 4px;
}
.changePswdAfterLogin_errormsg span.field-validation-error
{
    clear: both;
    float: left;
    padding-top: 6px;
    padding-left: 230px;
}
.changeforgetPassword_errormsg span.field-validation-error
{
    clear: both;
    float: left;
    padding-top: 6px;
    padding-left: 180px;
}
.margin_pswd
{
    margin-top: 50px;

}

.header-changereson {
    width: 100%;
    float: left;
    margin-bottom: 14px;
}
.header-changereson div input {
    float:left
}

span.red{
    background: #f52222;
    font-size: 10px;
    color: #fff;
    width: 65px;
    float: right;
    height: 19px;
    text-align: center;
    border-radius: 5px;
    padding-top: 2px;
}

span.blue{
    background: #258ae8;
    font-size: 10px;
    color: #fff !important;
    width: 77px;
    float: right;
    height: 19px;
    text-align: center;
    border-radius: 5px;
    padding-top: 2px;
}

.report-view .input-expenseamount {
   font-size:12px;
}

.attachPopup .left-width{
    width: 98%;
    margin: 5px 5px 0px 8px;
}
.modal-header .attachPopup {
    overflow-y: scroll;
    height: 278px;
    min-height:0px;
}

.dash_arrowremo{background-image:none;}

.currencyTemplate {
    float: right;
    margin-top: 5px;
    margin-right: 48px;
}

.export { text-align: right; margin-right: 20px; }
.excelbtn { color: #f1673b; font-weight: bold; text-decoration: none; }
.lnExpense .dropdown-menu { width: 350px; }

.pull_slidercontent
{
    margin-left: 102px;
}

.slider_pullshowbtn a, .slider_pullshowbtn
{
    color: #f1673b;
    padding-top: 10px;
    font-family: OpenSansSemiBold;
    font-size: 12px;
    text-decoration: none;
	cursor: pointer;
}

.dashboard_clearfix li span:first-child{width: 21px;display: inline-block;vertical-align: top;text-align: right;}
.dashboard_clearfix li span:nth-child(2){ display:inline-block; width:103px; color:#0080bb; padding-left:5px; font-size: 11px; } 
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background:#0080bb !important;color:#fff}
.dashboard-slider .active .provider-box {
    border: 1px solid #e65845;
    background: #f6e4e2;
}
.popupCenter
{
    text-align: center;
}
.btn_grey_submit
{
    background: #7f7c7a;
    border: 1px solid #7f7c7a;
    border-radius: 3px;
    font-size: 12px;
    font-family: OpenSansSemiBold;
    color: #fff;
    padding: 3px 7px;
}
.popupNotes
{
    font-size: 12px;
    color: #0080bb;
    padding-left: 3%;
    margin-bottom: 11px;
}
.dropdown-vendors
{
    margin-left: -170px;
    margin-top: 40px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus
{
    background-color: #999999;
}
span.reconComments
{
    word-break: break-all;
}
.ui-autocomplete.ui-front {
    z-index: 9999;
}
.footer-content div.center-button.btn_width div button {
    width: 180px;
}
.attachmentPopup {
    width: 60%;
    margin-top: 0px;
    margin-left: 140px;
}
span#errExistProduct, span#errExistProductEdit {
    margin-left: 20px;
}

#Createeditmodal .open > .dropdown-menu {
    display: block;
    width: 496px;
}

.labelalign{
    display: inline;
    margin: 0px 5px;
}

.clinic-module .event-form-page .sub-row .form-group,
.clinic-module .clinical-form-page .row .form-group,
.clinic-module .sponsor-form-page .row .form-group {
	margin-bottom: 10px
}
.clinic-module .event-form-page .sub-row .form-group.col-md-6 {
	width: 48%
}
.clinic-module .clinical-form-page .row .form-group.col-md-6,
.clinic-module .sponsor-form-page .row .form-group.col-md-6 {
	width: 45%
}
.clinic-module .event-form-page .sub-row .form-group.col-md-6:last-child,
.clinic-module .clinical-form-page .row .form-group.col-md-6:last-child,
.clinic-module .sponsor-form-page .row .form-group.col-md-6:last-child {
	float:right;
}
.clinic-module .event-form-page .sub-row .form-group.col-md-6:first-child,
.clinic-module .clinical-form-page .row .form-group.col-md-6:first-child,
.clinic-module .sponsor-form-page .row .form-group.col-md-6:first-child {
    float: left;
}
.clinic-module .clinical-form-page {
    padding-top: 15px;
    padding-bottom: 10px;
}
.clinic-module .sponsor-form-page {
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.base-headers .programs {
    background-color: #e6edf4;
    border-radius: 10px;
}
.base-headers .programs .prg-list {
    color: #ffffff;
    background-color: #071D494D;
    border-radius: 10px;
    padding: 15px 0;
    box-shadow: 0px 3px 6px #00000029;
    min-height: 170px;
}
.base-headers .programs .prg-list.active {
    background-color: #071d49;
}
.base-headers .programs .prg-list .number,
.base-headers .tiles .tile-box .number{
    font-size: 34px;
    font-family: OpenSansSemiBold;
    margin-bottom: 25px;
}
.base-headers .programs .title {
    font: 24px openSansRegular;
    color: #2d2926;
    padding: 0;
    padding-bottom: 10px;
}
.base-headers .programs,.base-headers .tile-box{
    padding: 15px 15px 0px 15px;
    box-shadow: 0px 3px 6px #00000029;
}
.base-headers {
    margin-bottom: 15px;
    padding-bottom: 20px;
}
.base-headers .programs .prg-text,
.base-headers .tiles .tile-box .prg-text {
    font-size: 18px;
}
.base-headers .header-row {
    display: flex;
}
.base-headers .tiles .tile-box {
    background-color: rgba(7, 29, 73, 0.3);
    height: 100%;
    border-radius: 10px;
}
.base-headers .tiles .tile-box {
    color: #2d2926;
}
.base-headers .tiles .tile-box .tile-content {
    min-height: 170px;margin-top: 22px;
}
.base-headers .tiles .tile-box .number {
    margin-top: 13px;
}
.base-headers .tiles > div.row {
    display: flex;
    height: 100%;
}
.base-footer {
    position: absolute;
    bottom: 0;
    padding-bottom: 5px;
    border-top: 1px solid #e65845;
    padding-top: 5px;
    font-size: 14px;
    color: #2d2926;
    font-family: 'openSansSemiBold';
}
.dashboard-slider.dashboard-slider-tabs {
    background: transparent;
    padding: 0 15px;
    min-height: auto;
    border: 0;
}
.dashboard-slider.dashboard-slider-tabs .jcarousel {
    width: auto;
    padding: 0;
}
.dashboard-slider.dashboard-slider-tabs .jcarousel > ul {
    width: 100%;
}
.dashboard-slider.dashboard-slider-tabs .provider-box {
    border: 0;
    background: transparent;
    box-shadow: 0 0;
    margin: 0;
    margin-top: 10px;
}
.dashboard-slider.dashboard-slider-tabs .provider-box li {
    float: left;
    border: 0;
}
.dashboard-slider.dashboard-slider-tabs .slider-ul > li {
    width: 100%;
    padding: 0;
}
.dashboard-slider.dashboard-slider-tabs .provider-box li {
    background-color: rgba(7, 29, 73, 0.3);
    color: #2d2926;
    width: 23%;
    display: flex;
    height: 45px;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    border-radius: 5px 5px 0 0;
}
.dashboard-slider.dashboard-slider-tabs .dashboard_clearfix li span.numbers {
    margin-right: 15px;
    font-size: 20px;
    color: #071d49;
}
.dashboard-slider.dashboard-slider-tabs .dashboard_clearfix li span.tab-content {
    color: #2d2926;
    width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}
.dashboard-slider.dashboard-slider-tabs .dashboard_clearfix li span.tab-content .tab-txt {
    color: #071d49;
    width: auto;
    font-size: 14px;
}
.dashboard-slider.dashboard-slider-tabs .dashboard_clearfix li span:first-child {
    width: auto;
}
.dashboard-slider.dashboard-slider-tabs .dashboard_clearfix li.active span:first-child {
    color:white
}
/* .dashboard-slider.dashboard-slider-tabs .provider-box li + li {
    margin-left: 20px;
} */
.dashboard-slider.dashboard-slider-tabs .provider-box ul {
    display: flex;
    justify-content: space-between;
}
.dashboard-slider.dashboard-slider-tabs .provider-box ul::before,
.dashboard-slider.dashboard-slider-tabs .provider-box ul::after {
    display: none;
}
.dashboard-slider.dashboard-slider-tabs .provider-box li.active {
    background: #071d49;
    color: #ffffff;
}
.dashboard-slider.dashboard-slider-tabs .dashboard_clearfix li.active span:nth-child(2) {
    color: #ffffff;
}
.dashboard-slider.dashboard-slider-tabs .dashboard_clearfix li.active span.numbers {
    color: #ffffff;
}
.dashboard-slider.dashboard-slider-tabs .provider-box li.home-icon {
    width: 40px;
}
.dashboard-list .dashboard-tab .tab-heading-txt {
    color: #071d49;font-size: 20px;font-family: 'openSansSemiBold';
}
.dashboard-thirdparty {
    display: none;
}
.dashboard-thirdparty .table-header {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #071d49;
    padding: 15px;
}
.dashboard-thirdparty .table-row {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #071d49;
    font-family: 'openSansSemiBold';
    background-color: #ffffff;
    border-radius: 5px;
    margin-bottom: 10px;
    box-shadow: 3px 0px 6px #00000029;
}
.dashboard-thirdparty .table-row > div {
    padding: 15px;
}
.select-request .event-btn {
    background-color: #071d49;
    color: #ffffff;
    border-radius: 5px;
    margin-top: 10px;
}
.summary-block-panel .d-table {
    display: table;
    width: 100%;
    margin-bottom: 5px;
}
.summary-block-panel .d-table > div {
    display: table-cell;
    position: relative;
    vertical-align: top;
    padding: 6px 10px;
    min-height: 35px;
}
.summary-block-panel .report-view.active .first-row {
    background: #e6e6e6;
}
.summary-block-panel .report-view.active .first-row,
.summary-block-panel .report-view .first-row {
    background: rgba(7,29,73,0.8);
    color: #ffffff;
}
.summary-block-panel .report-view.sub-report-view .first-row{
    background: #d0ebff;
}
.summary-block-panel .report-view.active > div > div.report-action:last-child {
    background: #ffffff;
}

.summary-block-panel .report-view.active > div > div.report-action:last-child {
    border-bottom: 1px solid #999;
}
.summary-block-panel .report-view > div > div {
    border: 0;
}
/* .summary-block-panel.event-details-summary .report-view .second-row > div:last-child {
    border-left: 1px solid #bdc7ca;
} */
.summary-block-panel .sub-report-view .second-row > div,
.summary-block-panel.event-details-summary .report-view .second-row > div {
    padding-left: 0;
    padding-right: 0;
} 
.summary-block-panel .sub-report-view {
    margin-bottom: 10px;
}
.summary-header.main-content-header {
    background: #fff;
}
.summary-header.main-content-header h2 {
    color: #334568;
    font-family: 'OpenSansSemiBold';
    margin-top: -7px;
}
.readonly-fields.event-view .read-only-headtop .col-md-3 {
    float: left;
}
.readonly-fields.event-view div.col-md-3 > span {
    font-family: OpenSansSemiBold;
    font-size: 13px;
    color: #666666;
    display: table;
}
.p-0 {
    padding: 0;
}
.pl-0 {
    padding-left: 0;
}
.pr-0 {
    padding-right: 0;
}
.pointer{
    cursor:pointer;
}


#TPVDetails .bootstrap-select {
 width:50%;
}

#TPVDetails .dropdown-menu {
 min-width:100%;
}

.Redirect-middle-content { 
    border-top: 2px solid #e65845;    
    background: #ebf7fd; 
    padding: 30px 10px 5px; 
    box-shadow: 1px 2px 10px #bbb; }

.valinvaldid {
            border: 1px solid #CC0000;
        }

.btn.btn-default.dropdown-toggle.valinvaldid {
  border: 1px solid #CC0000;
}

.wraptext{
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    width: 200px;
}