/********************************      Basic Structure      ********************************/
html{font-size:100%;height:100%;}

body{color:#313131;height:100%;overflow:auto; margin:0;padding:0; background-color: #f2f2f2; font-family: Open Sans Semibold; font-size: 13px; line-height: 17px;}


/*@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/OpenSans-Light.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  src: url('fonts/OpenSans-Regular.woff'); 
   src: local('Open Sans'), local('Open Sans'), url(fonts/OpenSans-Regular.ttf) format('truetype');
}*/
@font-face {
  font-family: 'Open Sans';
  src: url('fonts/OpenSans-Regular.woff'); 
   src: local('Open Sans'), local('Open Sans'), url(fonts/OpenSans-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans Semibold';
  src: url('fonts/Open Sans Semibold.woff'); 
   src: local('Open Sans Semibold'), local('Open Sans Semibold'), url(fonts/OpenSans-Semibold.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans Bold';
  src: url('fonts/Open Sans Bold.woff'); 
   src: local('Open Sans Bold'), local('Open Sans Bold'), url(fonts/OpenSans-Bold.ttf) format('truetype');
}
/*@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts/OpenSans-Bold.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans Extra Bold'), local('OpenSans-ExtraBold'), url(fonts/OpenSans-ExtraBold.woff) format('woff');
}*/



/********************************      global Elements styling      ********************************/

img{border:none;} 

a:active,a:focus {outline: none;}

p{margin:0;padding:5px 0;}

a{color:#000;text-decoration:none;cursor:pointer;}

h1,h2,h3,h4,h5,h6{margin:0;padding:0;}

.strong{font-weight:700;}

input{font:13px/15px Open Sans;text-decoration:none;padding:3px 0 3px 3px;border:none;}

label{text-align:left;padding-right:5px;font-size:13px;}

textarea{overflow:auto;width:100%;height:50px;color:#333; border: 1px solid #d4d4d4;}

.inputText{color:#333;width:98%;}

.clearall{clear:both;overflow:hidden;}

ul,li{border:0;list-style-type:none;list-style-position:inside;margin:0;padding:0;}

.mainbox .logo {float: left; margin: 14px 0 0 17px !important; width: 420px; height: 23px; color: #333; font-size: 20px; background: url(images/logo.png) no-repeat left center; text-align: center; font-family: Open Sans Bold;}

/********************************      global Elements styling      ********************************/

.mainbox{border:1px solid #ccc; border-top:1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:rgba(0,0,0,0.15) 1px 1px 2px;-webkit-box-shadow:rgba(0,0,0,0.15) 1px 1px 2px;box-shadow:rgba(0,0,0,0.15) 1px 1px 2px;color:#444;overflow:hidden;margin:0 auto 30px;}

.mainbox.login{width:485px; position:absolute; left:50%; top:45%; margin:-130px 0 0 -230px;}

.logheader{float:left; width:100%; padding-bottom:1px; background-color:#DFDFDF; height:50px; border-top:1px solid #ccc;}

.mainboxBody{background:#fefefe; border-top:1px solid #ccc; border:none; padding:25px 0 5px 40px;}

.mainbox-footer{border-top:1px solid #fff; overflow:hidden; height:32px; padding:0 96px 15px 85px;}

.mainbox label{display:block; font:13px/22px Open Sans Semibold; float:left; width:75px; margin:5px 0 0 6px; padding:0;}

.infobar{display:block;font:13px/22px;font-weight:700;clear:both;padding-top:10px;text-align:center;}

.mainbox-footer label{float:left;margin:4px 0 0;}

.mainbox-footer input[type=checkbox]{vertical-align:sub;margin-right:10px;}

.mainbox input[type=text],.mainbox input[type=password],.txtField,.cjComboBox{border:1px solid #d4d3d3;width:280px;display:block;background-color:#f5f5f5;margin:3px 0 4px;padding:6px;}

.mainbox input[type=text]:focus,.mainbox input[type=password]:focus,.txtField:focus,.cjComboBox:focus{border:1px solid #4179af;color:#333;background-color:#fff;}

.form-button {background: #555 !important;	padding: 6px 12px; font: normal 12px Open Sans Semibold;	cursor: pointer;margin-right: 10px; color:#fff; border:none; float:left; text-transform: uppercase;}

.form-button:hover {background:#E75151 #555 !important;}

.tb-error {color: #C62626; font-size: 11px; font-weight: normal;}

.alert-error {color: #B94A48;}

/********  header css   *******/


.main-wrapper {margin:0 auto; padding:0; position: relative; min-width:1024px;}

.main-wrapper .header {width:100%; margin:0 auto; float:left; background: #fff; position: fixed; z-index: 10; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);}

.header-inner {max-width:1440px; width:100%; min-width:980px; margin: 0 auto; position: relative;}

.main-wrapper .header .logo {width:20%; height:48px; margin-left: 20px; float:left; background: url(../images/logo.png) no-repeat left center; padding:10px; text-indent: -9999px;}

.main-wrapper .header h1 {font-size:25px; text-align:center; position: absolute; top:0; bottom: 0; left: 0; right: 0; margin: 21px auto 0 auto; font-family: Open Sans Bold;}

.main-wrapper .header .right-wrap {float:right; margin-top: 0px; position: relative; margin-right: 0px; padding-right: 15px;}

/********normal css   *******/

.main-container {width:100%; position: relative; top: 75px !important; /*max-width:1280px;*/ margin:0 auto; }

.left-wrap { float: left; margin: 0%; min-width: 200px; padding: 1%; width: 16%;}

.left-wrap-home {float: left; margin-left: 20px; max-width: 250px; min-width: 225px; padding-top: 15px; position: fixed; width: 25%;}

.left-wrap-home > ul > li {min-width:100px; vertical-align:bottom; text-align:center; font-size: 17px; width:45%; float:left; margin:0 5% 20px 0; border-radius: 10px; cursor:pointer;}

.left-wrap-home > ul >li.list {background:#E75152 url('../images/list-big-icon.png') no-repeat center 15px; padding-top:70px; padding-bottom: 10px; }

.left-wrap-home > ul > li.events {background:#E75152 url('../images/events-big-icon.png') no-repeat center 15px; padding-top:70px; padding-bottom: 10px; }

.left-wrap-home > ul > li.feedback {background:#E75152 url('../images/feedback-big-icon.png') no-repeat center 15px; padding-top:70px; padding-bottom: 10px; }

.left-wrap-home > ul > li.approvals {background:#E75152 url('../images/approvals-big-icon.png') no-repeat center 15px; padding-top:70px; padding-bottom: 10px; }

.left-wrap-home > ul > li:hover {background-color:#555; color:#fff;}


/********  right pan css   *******/

.main-container .main-right-wrap {float: left; min-width: 800px;  width: 79%; padding: 1%;}

.main-container .main-right-wrap h2 {font-size: 21px; padding: 15px 0; color:#00B3E2; font-family: Open Sans Semibold; font-weight: normal; float: left;}

.main-container .main-right-wrap table.table-striped tr td, .main-container .main-right-wrap table.table-striped tr th {padding:7px 4px; /*border-left:1px solid #D4D4D4; border-top: 1px solid #D4D4D4;*/ border-right:none; font-weight: normal; text-align: left !important;}

.main-container .main-right-wrap .table-box {border:1px solid #D4D4D4; margin-bottom: 10px; font-family: Open Sans Semibold; clear: both;}

.tb-title, .tb-title a {background:#726f6f !important; color:#fff !important;   vertical-align: top;  align-content: flex-end;
 
   }

/*.altersty {background:#F2F2F2;}*/

.tfooter, .tfooter td {background:#e1e1e1 !important;}

.tedit td{background:#F2DEDE !important; }

.tb-edit, .tb-delete {width: 10%; text-align: center;}

.main-container .main-right-wrap .right-inner {border: 1px solid #D7D7D7; padding: 0 20px;}

.edit input.form-button, .delete input.form-button {
    float: none;
    text-indent: 0;
    width: auto;
}

/*********   css menu    *********/

.menu {width: auto;	height: auto;}

.menu > li > a {line-height: 2.75em; text-indent: 2.75em; display: block; position: relative; color: #fff; padding:10px; margin-bottom:10px; border-radius:5px; font-size:16px; background:#282828;}

.menu ul li a {/*height: 2.75em;*/ line-height: 1.85em;	/*text-indent: 2.75em;*/ display: block; position: relative; font-weight: 400; padding:8px 13px 8px 56px;}

.menu > li > a:hover, .menu > li > a.active, .menu ul li a:hover {background-color: #e75151 !important; color:#fff; border-radius: 5px;}

.menu > li > a span {font-size: 0.857em; display: inline-block;	position: absolute;	right: 1em;	top: 50%; background: #48515c; line-height: 1em; height: 1em; padding: .4em .6em; margin: -.8em 0 0 0; 
	color: #fff; text-indent: 0; text-align: center; -webkit-border-radius: .769em;	-moz-border-radius: .769em;	border-radius: .769em;	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	-moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	text-shadow: 0px 1px 0px rgba(0,0,0,.5);font-weight: 500;}
	
.menu > li > a:hover span, .menu > li a.active span {background: #2173a1;}

.menu ul > li > a span {font-size: 0.857em; display: inline-block; position: absolute; right: 1em; top: 50%; background: #fff;
	border: 1px solid #d0d0d3;
	line-height: 1em;
	height: 1em;
	padding: .4em .7em;
	margin: -.9em 0 0 0; 
	color: #878d95;
	text-indent: 0;
	text-align: center;
	-webkit-border-radius: .769em;
	-moz-border-radius: 769em;
	border-radius: 769em;
	text-shadow: 0px 0px 0px rgba(255,255,255,.01);
}

.menu > li > ul {background:#dadada; border-radius:5px; margin-bottom:10px; margin-top:-3px; padding: 0;}

/**********  table Css   *********/

.table {
	display: table;
	width: 100%;
}
.row {
	display: table-row;
	width: 100%;
}
.cell {
	display: table-cell;
	padding: 5px 4px;
	vertical-align: top;
}
.tb-label {
	width: 140px;
        font-family: Open Sans Semibold;
        padding: 8px 5px 8px 2px;
}

.tb-field {
	width: 240px;
}
.tb-error {
	color: #ff0000;
}

.tb-repay, .row {width:100%;}

.tb-repay {border:1px solid #d4d4d4; display:table;}

.row {display:table-row;}

.bcell {display:table-cell; padding: 4px; border-top:1px solid #D4D4D4; border-left:1px solid #D4D4D4; vertical-align: top;}

.tb-lenter {width: 110px; text-indent: 10px; padding-top: 9px;}

.search-bar {background-color: #fff; color: #333333; margin-bottom: 18px; padding: 14px 0; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1); }

.forminput {border-bottom: 1px solid #D4D4D4; width: 220px; padding: 5px 5px 5px 2px; font-family: Open Sans Semibold;}

/*.tb-repay .row:nth-child(2n+1) .bcell, table.table-striped tbody tr:nth-child(2n+1) td {background-color: #F9F9F9;}*/

.itemselsty, .itemselsty .bcell {background: #EBF2F6 !important; font-weight:bold;}

.text-center {text-align:center; width: 15%;}

.tb-repay input[type='checkbox']{padding:0; margin:3px 5px;}

.tb-repay > .row.tb-title > .bcell,  table tbody tr.tb-title td {background:#726f6f !important; color:#fff !important; font-weight:600;}

.required:before {color: #FF0000; content: "*"; float: left; margin-left: -10px;}

.tb-field-small {width: 130px;}

.forminput-small {width:120px;}

.form-button:last-child {margin-right:0;}

.top-user, .logout, .top-help, .sync  {float:right; font-family: Open Sans Semibold;}

.logout {background: url("../images/top-icon.png") no-repeat 0 center; text-indent:-9999px; width:16px; height:16px; margin:12px 15px 0 15px;cursor:pointer;}
.sync {background: url("../images/sync_icon.png") no-repeat 0 center; text-indent:-9999px; width:35px; height:30px; margin:4px 15px 0 5px;cursor:pointer;}

.top-help {background: url("../images/top-icon.png") no-repeat -23px center; text-indent:-9999px; width:16px; height:16px;cursor:pointer; display: none;}

.top-user {line-height : 20px; margin-top: 2px;}

.table-striped .tfooter .forminput, .table-striped .tedit .forminput {width:auto;}

.expanderHead {padding:10px; cursor:pointer; background: url(../images/add-icon.png) no-repeat left center; margin-left: 10px; padding: 10px 10px 10px 20px;}

.expanderHead.testactive {background: url(../images/hide-icon.png) no-repeat left center;}

.expanderContent {margin-left: 10px; padding: 0 10px 10px 20px; }

.edit, .delete {text-align:center; width:40px;}

.edit input, .edit > a, #dgMenu td.tb-edit > a#lbtnEdit {background: url(../images/Edit-file.png) no-repeat left center; text-indent:-9999px; border:none; width:16px; cursor:pointer; display: inline-block;}

.delete input, .delete > a, #dgMenu td.tb-edit > a#lbtnDelete {background: url(../images/delete-file.png) no-repeat left center; text-indent:-9999px; border:none; width:16px; cursor:pointer; display: inline-block;}

.edit input.form-button, .delete input.form-button { text-indent:0; width:auto; float: none;}

/***********    tab-css   ************/

.main-right-wrap .ajax__tab_xp .ajax__tab_header {background-color: #e75151; font-size: 13px; font-family: Open Sans Semibold; line-height: 11px;}

.main-right-wrap .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab, .main-right-wrap .ajax__tab_xp .ajax__tab_header .ajax__tab_tab, 
.main-right-wrap .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer, .main-right-wrap .ajax__tab_xp .ajax__tab_header .ajax__tab_outer, 
.main-right-wrap .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_inner, .main-right-wrap .ajax__tab_xp .ajax__tab_header .ajax__tab_inner {background:none; padding: 0; margin: 0;}

.main-right-wrap .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_inner {background: #E75151 !important; margin-right:3px;}

.main-right-wrap .ajax__tab_xp .ajax__tab_header .ajax__tab_inner {margin-right:3px;}

.main-right-wrap .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_inner a {font-weight:normal; color:#fff; line-height:23px; padding: 6px 14px 8px 14px; height: 21px; border-bottom: 3px solid #fff;}

.main-right-wrap .ajax__tab_xp .ajax__tab_header .ajax__tab_inner a {font-weight:normal; color:#fff; line-height:23px; padding: 6px 14px 8px 14px; height: 21px; font-size: 14px; border-bottom: 3px solid #e75151;}

.main-right-wrap .ajax__tab_xp .ajax__tab_body{border: none; padding: 13px 18px;}

.main-right-wrap .ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_outer, .main-right-wrap .ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_tab {background: none;}

.main-right-wrap .ajax__tab_xp .ajax__tab_header .ajax__tab_inner:hover {background: #E75151; color:#fff; line-height: 23px; height: 21px;}

.main-right-wrap .ajax__tab_xp .ajax__tab_header .ajax__tab_inner a:hover {color:#fff; border-bottom: 3px solid #fff; padding: 6px 14px 8px 14px; line-height: 23px; height: 21px;}

.hasDatepicker {width:98%;}

.cell .hasDatepicker {width:100px;}

/**********   popup css   **************/

.ui-dialog .ui-dialog-content {margin-top:20px;}

.displaynone {display:none;}

.edit-modify-bar {background-color: #FCF8E3; border: 1px solid #FBEED5; border-radius: 4px; color: #C09853; margin-bottom: 18px; padding: 4px 0; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); font-size:large; width:100%; display: none !important;}
.Cellmiddle-align{  vertical-align: middle;}
.heading {background-color: #313131;color: #FFFFFF;font-family: Arial;font-size: 15px;font-weight: bold;padding: 6px 7px;float:left;width: 100%;}
/*.vstatic {box-shadow: -2px -2px 3px rgba(224, 226, 228, 0.4);margin: 10px 0 0;width: 100%;}*/
.row-fluid:before, .row-fluid:after {content: "";display: table;}
.row-fluid:after {clear: both;}
.row-fluid:before, .row-fluid:after {content: "";display: table;}
.row-fluid {width: 100%;}
.resource-container {font-family: Arial;font-size: 13px;line-height: 16px;width: 100%;}
.type-container {margin-bottom: 5px;width: 100%;}
.location-container {display: inline-block;margin-left: 8px;margin-top: 10px;vertical-align: top;width: 46%;}
.location-head {color: #E75151;font-size: 14px;font-weight: bold;margin-bottom: 5px;text-transform: uppercase;}
.text-box {margin-bottom: 8px;}
.head-field {font-weight: bold;width: 130px;}
.head-field, .text-field {display: inline-block;vertical-align: top;}
.text-field {width: 60%;vertical-align:bottom;}


/*********** New CSS ************/

#DvAvailableAttendee_Slot {
    margin-top: 5px;
}
.participant .table .row .cell {
    padding: 0 4px;
}
.participant {
    margin-top: 0px;
}

#spnavailnote, #spnselectednote {
    color: #5e5e5e;
    font-size: 12px;
    font-family: Open Sans Semibold;
}
#AttendeeList .cell #btnup, .table .row .cell #btnup {
    background-image: url("../images/up_icon.png") !important;
    background-position: left center;
    background-repeat: no-repeat !important;
    background-color: #fff !important;
    color: #555;
    line-height: 11px;
    padding: 3px 6px;
    text-indent: 14px;
}
#AttendeeList .cell #btndown, .table .row .cell #btndown {
    background-image: url("../images/down_icon.png") !important;
    background-position: left center;
    background-repeat: no-repeat !important;
    background-color: #fff !important;
    color: #555;
    line-height: 11px;
    padding: 3px 6px;
    text-indent: 14px;
}

#DvAttendeeInviteList .table-box #lblslotdate {
    color: #e75151;
    font-size: 13px;
    font-family: Open Sans Semibold;
    margin-bottom: 2px;
    display: block;
}
#DvAttendeeInviteList .table-box {
    border: none;
    margin-top: 10px;
}
#DvAttendeeInviteList .table-box .table-striped {
    border: 1px solid #D4D4D4;
    border-width: 1px !important;
    margin-bottom: 15px;
}
#DvAttendeeInviteList .table-box .table-striped #lblLocation {
    font-size: 11px;
    color: #646464;
    display: block;
}
#DvAttendeeInviteList .table-box .table-striped select.forminput {
    width: 178px !important;
}
#DvAttendeeInviteList .table-box .table-striped tr td:nth-child(2) {
    width: 145px;
}
#tblmarketinglocation, .ajax__tab_xp .ajax__tab_body {
    font-family: Open Sans Semibold !important;
}
#dvdesigneventattendeeselected .row .tb-field {
    width: 440px;
}
#pnlAdd .row .tb-field {
    width: 300px;
}
.slotnote {
    font-size: 12px;
    color: #646464;
}

#dvdesignevents.tb-repay {
    border: none;
}
#dvdesignevents.tb-repay .table-striped {
    border: 1px solid #d4d4d4 !important;
    background-color: #fff;
}

#DvMsg {
    display: block;
    margin-left: 122px;
}
.password-content .table .row .tb-label {
    width: 240px;
    padding-bottom: 18px;
}
.password-content .table-box {
    border: none !important;
}
.password-content .table-box .tb-error {
    border-bottom: 1px solid #d4d4d4;
}

#DvScheduleEdit .table .row .tb-label {
    width: 180px;
}
#pnlAdd .table .row .tb-label {
    width: 225px;
}
#pnlAdd .table .row .tb-error {
    width: 120px;
}
#pnlAdd  #dvadd.table .row .tb-label {
    width: 140px;
}
#pnlAdd .table.search-bar .row .tb-error {
    width: 180px;
}
#pnlAdd.user-map .table .row .tb-label {
    width: 40px;
}
#pnlAdd.feedback-panel .table .row .tb-label {
    width: 100px;
}

/*.main-container .main-right-wrap #dvdesigneventattendeeavailable.table-box, .main-container .main-right-wrap #dvdesigneventattendeeselected .table-box  {
    height: 480px;
    overflow: scroll;
}*/

.part-sel-content #AttendeeList .Cellmiddle-align{  vertical-align: top; padding-top: 120px;}

#tbpnlteamdetails .Cellmiddle-align {  vertical-align: top; padding-top: 200px;}

.center-line {
    width: 10px;
    height: 100%;
    border-left: 1px dotted #ccc;
    left: 48%;
    position: absolute;
}

#dvdesigneventteamselectedrm #tblEventTeamSelectedRM tr td input.teamname {
    width: 98%;
}

.login-content {
    float: right;
    margin-top: 11px;
   /* border-left: 1px solid #c0c0c0;*/
    padding-left: 15px;
    margin-left: 15px;
}
.event-content {
    float: left;
    margin-top: 21px;
    max-width:250px;
    text-align:right;
}
.role-content {
    color: #818181;
    font-size: 12px;
    text-transform: capitalize;
}

#lblusername {
    text-transform: capitalize;
}


.outer-float-R #pnlevents {
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    background-color: #fff;
    padding: 5px 5px 15px 15px;
}

#pnlteam, #Panel1, .inner-float-L, .inner-fscroll {
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    border: 1px solid #d3d3d3;
}

.inner-float-L table tbody tr, .inner-fscroll table tbody tr {
    border-bottom: 1px solid #d3d3d3;
}
.inner-float-L table tbody tr:last-child, .inner-fscroll table tbody tr:last-child {
    border-bottom: none;
}
.parent-div-home .outer-float-L #spnslot, .parent-div-home .outer-float-L #spnpaticipants {
    font-size: 15px;
    color: #cf3a3a;
    font-family: Open Sans Bold;
}

/********* Font Family Class CSS Starts Here ***********/

.font-reg {
    font-family: Open Sans;
}
.font-semi {
    font-family: Open Sans Semibold;
}
.font-bold {
    font-family: Open Sans Bold;
}

/********* Font Family Class CSS Ends Here ***********/


.inner-float-L th.participant-col {
    width: 235px;
    padding-right: 18px;
}
.inner-float-L th.status-col {
    width: 235px;
}

#txteventsearch, #pnlEdit #txtSearch.forminput, #pnlEdit .search-bar .forminput, #dvsearch .search-bar .forminput {
    border: none !important;
    border-bottom: 1px solid #d3d3d3 !important;
    width: 300px;
}
#tblfndgrid h2 {
    float: left;
}
.addevent {
    /*float: right;*/
    clear: both;
    margin-top: 10px;
}

#dvdesignevents.tb-repay .table-striped tbody tr, .main-right-wrap .table-striped tr {
    border-bottom: 1px solid #d3d3d3;   
}
#dvdesignevents.tb-repay .table-striped tbody tr:last-child, .main-right-wrap .table-striped tr:last-child {
    border: none;
}

.main-right-wrap .table-striped {
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
}
.main-right-wrap .table-striped tr td {
    border: none;
    font-family: Open Sans Semibold;
}
#dgBooking tbody td a {
    font-weight: normal;
    font-family: Open Sans Semibold;
}
.main-right-wrap .table-striped tr th {
    border: none;
    font-weight: normal;
}
.invite-content {
    width: auto;
    overflow: hidden;
    position: relative;
    clear: both;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    background-color: #fff;
    padding: 16px 18px;
}
.invite-content .table-striped {
    margin-bottom: 12px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}


.main-right-wrap select {
    border: none;
    border-bottom: 1px solid #d3d3d3;
    font-family: Open Sans Semibold;
}
.event-dropdown {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
#DvAvailableAttendee_Slot #lblselected, #DvAttendeeInviteList #lblselected {
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 2px;
    display: block;
    font-family: Open Sans Bold;
}

#dvLocation strong, #dvLocation b, #tbpnleventsdetails strong, #tbpnleventsdetails b, #tbpnlteamdetails strong, #tbpnlteamdetails b, #pnlcompmgmt strong, #pnlcompmgmt b, #AttendeeList strong, #AttendeeList b, #DvScheduleList strong, #DvScheduleList b {
    font-weight: normal;
    font-family: Open Sans Bold;
}

#tbpnlteamdetails #pnlteam {
    border: none;
    box-shadow: none;
}
#dvdesigneventteamselectedrm #tblEventTeamSelectedRM input {
    border-bottom: 1px solid #c0c0c0;
}
#pnlcompmgmt table tr td {
    padding: 6px 4px;
}
#pnlcompmgmt table tr td input {
    border-bottom: 1px solid #c0c0c0 !important;
    border: none;
}
#pnlcompmgmt table tr td.edit input, #pnlcompmgmt table tr td.delete input {
    border-bottom: none !important;
}

.eventslot-content, .part-sel-content, #DvScheduleEdit {
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    clear: both;
    padding: 13px 18px;
    width: 96% !important;
}
#dvadd, #pnlAdd .hotel-content, .expense-content, .geography-content, .resource-content, .attendee-content, .attendee-rep-content, .corporate-content, .corporate-rep-content, .rm-content {
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    clear: both;
    padding: 13px 18px 13px 24px;
    width: 96% !important;
}
.resource-content {
    overflow: hidden;
}

.eventslot-content .create-slots {
    padding-bottom: 25px;
    border-bottom: 1px dotted #c0c0c0;
    margin-bottom: 20px;
}
.slot-note {
    margin-bottom: 2px;
    text-align: right;
    font-size: 11px;
    /*width: 700px;*/
}
.eventslot-content .table-box {
    width: 100%;
}
.part-sel-content .search-bar {
    box-shadow: none;
    padding: 0;
    margin-bottom: 0;
    padding-bottom: 20px;
    border-bottom: 1px dotted #c0c0c0;
    margin-bottom: 15px;
}

#dvdesigneventattendeeavailable table tr td .search-loc {
    width: 115px;
}
.updown-btn {
    float: right;
}
#dvdesigneventattendeeselected .search-invest {
    padding-right: 20px;
}
#DvButtons {
    margin-top: 10px;
}
.invite-btns, .update-btns, .booking-btns, .event-book-btns, .manage-btns, .geography-btns, .attendee-btns, .attendee-rep-btns, .corporate-btns, .corp-rep-btns, .rm-btns, .meeting-btns {
    margin-top: 10px;
    padding-bottom: 15px;
    display: block;
    overflow: hidden;
}
#tbconatainerevents {
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
}
.comp-mgmt-info {
    width: 400px;
}

.start-time {
    width: 110px;
}
.outer-float-L .addevent {
    margin-top: 10px;
    margin-bottom: 7px;
}
.outer-float-L h2 
{
	float:left;
}
#main-right-wrap {
    clear: both;
}
.resource-content .row select.forminput {
    width: 200px;
}
.resource-content .row .tb-field {
    width: 220px;
}
#dgDepartment .tfooter .forminput, input#txtGeographyRepSearch, #dglocationType .tfooter .forminput, #dgAttendeeType .tfooter .forminput, #dgInvestmentStyle .tfooter .forminput, #dgAttendeeCategory .tfooter .forminput, input#txtAttendeeSearch, input#txtattendeerepSearch, input#txtSearch, #dgMaterial .forminput, #dgSlotType .tfooter .forminput, input#txteventsearch, input#txtslots, input#txtTravelSchedulesearch, input#txtsearch {
    font-family: Open Sans;
}

#divMain.roles-content .tb-repay .row .itemselsty .bcell {
    background-color: #fff !important;
}
.com-mgmt .tb-field {
    width: 180px;
}
.com-mgmt .txtTeamName {
    border: none;
    border-bottom: 1px solid #d3d3d3 !important;
}

#dgeventslot td.start-time, #dgeventslot td.end-time {
    width: 100px;
}

#dgeventslot td
{
        vertical-align: top;
    
}

.eventslot-content .create-slots .row .cell.tb-label 
{
	width: 90px;
}
.table-box #dgeventslot tr td input 
{
	border-bottom: 1px solid #d4d4d4;
}
.table-box #dgeventslot tr td input#txtstarttime, .table-box #dgeventslot tr td input#txtendtime , .table-box #dgeventslot tr td .starttxt_box, .table-box #dgeventslot tr td .endtxt_box, .TStarttxt_box, .Tendtxt_box, .txtfromloc ,.txttoloc, #search-owners, #search-participant
{
	width: 100px;
	 border: 1px solid lightgray;
}
#dveventloactionselected #tblremoveventlocation tr td span#error-msg 
{
	font-size: 11px;
	color: #ff0000;
}
#dveventloactionselected #tblremoveventlocation tr td 
{
	vertical-align: top;
}
.invite-content .event-dropdown #ddlevent, .invite-content .event-dropdown #ddllocation 
{
	width: auto;
	min-width: 250px;
}
#DvMsg span#lblMsg 
{
	font-weight: normal !important;
}

#DvMsg span#lblMsg 
{
	font-size: 11px;
}

#dveventloactionselected #tblremoveventlocation tr td input.eventgeographydate 
{
	font-size: 11px;
}

#pnlAdd .hotel-content .row .tb-field {
    width: 210px;
}
span#lblroommatename, span#lblcompmgmt, span#lbldesignation, span#lblattendeerepname 
{
	text-transform:capitalize;
}
#dgcountry .location-master, #dgcountry .country-master 
{
	width: 225px;
}
#dgcountry 
{
	width: 600px;
}
.country-mast 
{
	width: 600px;	
}
#dgAttendee td.inv-link a
{
	color: #00B3E2;
	text-decoration: underline;
}
.inner-float-R tr {
    background-color: #f0f0f0;
    border-bottom: 3px solid #fff;
}
.inner-float-R tr td {
    border: none;
    padding: 7px 5px;
}
.inner-float-R {
    border: none;
}

.outer-float-R .ui-widget input, .outer-float-R .ui-widget select, .outer-float-R .ui-widget textarea, .outer-float-R .ui-widget button, .outer-float-R .ui-widget
{
	font-family: Open Sans Semibold;
}
.outer-float-R .ui-state-default, .outer-float-R .ui-widget-content .ui-state-default, .outer-float-R .ui-widget-header .ui-state-default, .outer-float-R .ui-datepicker th
{
	font-weight: normal !important;
}
.outer-float-R .ui-widget-header 
{
	background-color: #7e7e7e;
}
.outer-float-R .ui-state-hover, .outer-float-R .ui-widget-content .ui-state-hover, .outer-float-R .ui-widget-header .ui-state-hover 
{
	background: transparent !important;
	border: none;
}
.outer-float-R .ui-state-hover .ui-icon 
{
	background-image: url(images/ui-icons_ffffff_256x240.png);
	margin-left: -9px;
	margin-top: -7px;
}
.outer-float-R .ui-state-hover.ui-datepicker-prev-hover .ui-icon 
{
	background-image: url(images/ui-icons_ffffff_256x240.png);
	margin-left: -7px;
	margin-top: -7px;
}

.inner-float-L.s3-bar {
    box-sizing: border-box;
    height: 250px;
    overflow: auto;
    position: relative;
    max-height: 100%;
}
#dgevents thead th.ev-loc 
{
	width:187px;
}
#dgevents thead th.event-from, #dgevents thead th.event-to 
{
	width: 90px;
}
#dvLocation .Cellmiddle-align {
    vertical-align: top;
    padding-top: 130px;
    width: 50px !important;
}
#dvLocation .tb-field {
    width: 220px;
}
#dvLocation #dveventloactionselected {
    width: 450px;
}




/*============= Table CSS ========*/

  /* set table header to a fixed position. WinIE 6.x only                                       */
        /* In WinIE 6.x, any element with a position property set to relative and is a child of       */
        /* an element that has an overflow property set, the relative value translates into fixed.    */
        /* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
        thead.fixedHeader tr {
            position: relative
        }

        /* set THEAD element to have block level attributes. All other non-IE browsers            */
        /* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
        html>body thead.fixedHeader tr {
            display: block
        }

        /* make the TH elements pretty */
     

        /* make the A elements pretty. makes for nice clickable headers                */
        thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
            color: #FFF;
            display: block;
            text-decoration: none;
            width: 100%
        }

        /* make the A elements pretty. makes for nice clickable headers                */
        /* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
        thead.fixedHeader a:hover {
            color: #FFF;
            display: block;
            text-decoration: underline;
            width: 100%
        }


        .inner-fscroll tbody.scrollContent {
            display: block;
            max-height: 262px;
            overflow: auto;
            width: 100%
        }

       .inner-fscroll thead.fixedHeader th {
            width: 300px;
        }

        .inner-fscroll thead.fixedHeader th + th {
            width: 200px;
        }

        .inner-fscroll thead.fixedHeader th + th + th {
            width: 250px;
        }

        /* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
        /* All other non-IE browsers.                                            */
        /* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
        .inner-fscroll tbody.scrollContent td {
            width: 300px;
        }

        .inner-fscroll tbody.scrollContent td + td {
            width: 200px;
        }

        .inner-fscroll tbody.scrollContent td + td + td {
            width: 250px;
        }
        
        .inner-fscroll.event tbody.scrollContent td:first-child {width:20px}
        
        .inner-fscroll.event-mst tbody.scrollContent td:first-child {width:20px}
        
        #tblremoveventlocation .fixedHeader th:first-child, #tblEventTeamAvailableRM .fixedHeader th:first-child
        {
            width: 50px;
        }


.lblTravel
{
        font-size: 17px;
    color: #1f1f94;
    font-weight: 600;
    
}        




#tablescheduler tr(0) td
{
   height:50px !important;   
}


#MenuList li.item4
{
  display:none;   
}





.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    background-color:White;
}
 
 
 
.jqx-scheduler-appointment-inner-content
{
 font-size:11px;   
} 
 
 
 

.jqx-scheduler-appointment-content  h4
{
   font-size:13px ;
    
}
 
 
 
 
  .locked 
  {
      background: url(../images/locked-red.png) no-repeat center;  
      border:none !important;
      width:16px; 
      cursor:pointer;  
      background-size:18px 18px;
      float:right;
      margin-right: 10px;
  }
 
 
 .unlocked 
 {
     background: url(../images/locked.png) no-repeat  center;       border:none !important;
      width:16px; 
      cursor:pointer;  
      background-size:18px 20px;
      float:right;
      margin-right: 10px;
  }
 
 
 
 
 .SlotLocked 
 {
     background-color: #cd2e2e1c;
 }
 
 


.ui-dialog { z-index:99; }


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 10% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 700px; /* Could be more or less, depending on screen size */
  height:
}

.close
{
    font-size:40px;
     float : right;
}
.attendeerep-master
{
    max-height:50vh !important;
    overflow-y:auto!important;
}
.model-header-reps-corp
{
    font-size:18px;
}
#myModelOwner .modal-content
{
    width: 700px;
    
}
#myModelOwner h3 {
    font-size: 12px;
    font-weight: bold;
    background-color: #6daa8a;
    line-height: 25px;
    padding: 0 10px;
    color: #fff;
    display: inline-block;
}
#myModelOwner .forminput
{
        border: 1px solid #c5c6c7;
    padding: 3px;
    display: block;
    font-family: Arial;
    font-size: 12px;
    color: #494949;
    }
#btnSaveFundRep, #btnclose, #btnSaveFundRep1, #btnclose1 {
    float: right;
    margin-right: 10px;
}
.ui-dialog-buttonset .form-button {
    /* background: url(../images/btn_bg.png) repeat-x left top; */
    background: #eaf5ff;
    background: -moz-linear-gradient(top, #eaf5ff 0%, #c0e0ff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaf5ff), color-stop(100%, #c0e0ff));
    background: -webkit-linear-gradient(top, #eaf5ff 0%, #c0e0ff 100%);
    background: -o-linear-gradient(top, #eaf5ff 0%, #c0e0ff 100%);
    background: -ms-linear-gradient(top, #eaf5ff 0%, #c0e0ff 100%);
    background: linear-gradient(to bottom, #eaf5ff 0%, #c0e0ff 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf5ff', endColorstr='#c0e0ff',GradientType=0 );
    border: 1px solid #407dac;
    padding: 4px 12px;
    font: bold 12px Arial, Helvetica, sans-serif;
    cursor: pointer;
    margin-right: 10px;
        color: #000;
    text-transform: capitalize;
        border-radius: 0;
}

#dgAreaGrid{width:100%;}