.menu ul .sub-menu, #logo { background: linear-gradient(to right, #333546, #46333c); background: -moz-linear-gradient(to right, #333546, #46333c); background: -webkit-linear-gradient(to right, #333546, #46333c); background: -ms-linear-gradient(to right, #333546, #46333c); background: -o-linear-gradient(to right, #333546, #46333c); }

.menu-notification .notification, .menu-wrapper { background: linear-gradient(to right, #c9576a, #e2595f); background: -moz-gradient(to right, #c9576a, #e2595f); background: -webkit-gradient(to right, #c9576a, #e2595f); background: -ms-gradient(to right, #c9576a, #e2595f); background: -o-gradient(to right, #c9576a, #e2595f); }

.chat .chat-history .other-message .message { background: linear-gradient(to bottom, #c9576a, #e2595f); background: -moz-gradient(to bottom, #c9576a, #e2595f); background: -webkit-gradient(to bottom, #c9576a, #e2595f); background: -ms-gradient(to bottom, #c9576a, #e2595f); background: -o-gradient(to bottom, #c9576a, #e2595f); }

.chat .chat-history .other-message .message::after { border-bottom-color: #ca576a; }

.chat-list .online { color: #20c822; }

.chat-list .offline { color: #E1595F; }

.chat .chat-history li .data i { color: #d15866; }

.avatar50 img { width: 50px; height: 50px; border-radius: 50%; }

.logo-icon, .logo, .logo-icon img, .logo img, .logo-icon a, .logo a { transition: all 0.3s; }

.myTable td { vertical-align: middle; }

.page-ftr { display: none; visibility: hidden; }

.mailSearch { padding-left: 0px !important; position: relative; }

.mailSearch .ti-search { position: absolute; left: 15px; top: 15px; color: #cccccc; }

.mailSearch input { border-width: 1px; padding: 10px 16px; padding-left: 38px; width: 180px; }

.mail-table tr { cursor: pointer !important; }

.modal-xl { max-width: 1024px; }

.template-button { display: flex; align-content: center; justify-content: center; align-items: center; min-height: 500px; }

.pulse-button { position: relative; width: 150px; height: 150px; border: none; box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7); border-radius: 50%; background-color: #dd5454; color: #fff; background-size: cover; background-repeat: no-repeat; cursor: pointer; -webkit-animation: pulse1 1.25s infinite cubic-bezier(0.66, 0, 0, 1); -moz-animation: pulse1 1.25s infinite cubic-bezier(0.66, 0, 0, 1); -ms-animation: pulse1 1.25s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulse1 1.25s infinite cubic-bezier(0.66, 0, 0, 1); text-transform: uppercase; font-weight: 600; line-height: 30px; font-size: 18px; margin: auto; }

@-webkit-keyframes pulse1 {

to {

box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);

}

}

@keyframes pulse1 {

to {

box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);

}

}

.SumoSelect { flex: 1 1 auto; /*height: 51px;*/ cursor: pointer; display:block; width:100%; min-width:180px; }

.mailbox-container .form-group > .SumoSelect { width: 100%; }

.SumoSelect > .CaptionCont > label { /*top: 9px;*/ height: 100%; }

.SumoSelect .select-all > label, .SumoSelect > .optWrapper > .options li label { margin-bottom: 0px; }

.SumoSelect .select-all { height: auto; }

/*.SumoSelect.open > .optWrapper { top: 51px; }*/

.SumoSelect > .CaptionCont { /*height: 100%;*/ display: flex; align-items: center; border: 1px solid #dbdbdb; box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06); border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; padding-left: 20px; }

/*******************************************************************

					COMMON DATEPICKER CSS

*******************************************************************/					

.dtp .dtp-actual-meridien a.selected, .dtp > .dtp-content > .dtp-date-view > header.dtp-header { background: #dd5454; color: #fff; }

.dtp div.dtp-date, .dtp div.dtp-time, .dtp table.dtp-picker-days tr > td > a.selected { background: rgba(221,84,84,0.9); color: #fff; }

.dtp div.dtp-actual-year { color: #fff; margin-top: 4px; line-height: 18px; }

.dtp table.dtp-picker-days tr > th, .dtp table.dtp-picker-days tr > td { border: none !important; padding: 0.4em 0.3em !important; font-family: 'robotolight'; }

.dtp table.dtp-picker-days tr > td > a, .dtp .dtp-picker-time > a { padding: 0.4em 0.5em 0.5em 0.5em; }

.dtp .p10 > a { color: #fff; }

.dtp-picker-days thead, .dtp-picker-days tbody { background: transparent !important; }

td, th { /*font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;*/ }

th { font-weight: 600 !important; }

td { font-weight: 400 !important; }

.dtp-buttons .btn { border-radius: 0px; transition: all 0.3s; margin-right: 5px; font-style: normal !important; border: none !important; margin-bottom: 5px !important; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 600 !important; background: #f0f0f0; color: #333; }

.dtp div.dtp-date > div.dtp-actual-num { margin: 5px 0px; }

.calendar-holder { padding-top: 25px; padding-bottom: 40px; }

.dtp-content { border-radius: 3px; overflow: hidden; }

.year-picker-item.active, .year-picker-item:hover { color: #DD5454; }

.dtp > .dtp-content { max-height: none; }

.template-lyouts-thumb-img-holder { width: 100%; height: 250px; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; align-content: center; position: relative; text-align: center; background: #fff; border: solid 1px #ddd; }

.template-lyouts-thumb-img-holder img:not(.media-preview), .template-lyouts-thumb-img-holder a { display: inline-block; max-width: 100%; height: 100%; margin: 0 auto; }

.template-title { padding: 5px 10px; font-size: 15px; color: #c64d4d; text-align: center; margin: 0px; }

.template-lyouts-thumb-img-holder a { width: 100%; height: 100%; }

.dtp a.dtp-meridien-am, .dtp a.dtp-meridien-pm { padding: 8px; }

.menu-fixed .menu > ul { padding: 0px; }

.menu-wrapper { min-height: calc(100% - 76px); }

.menu-fixed .menu-wrapper { height: calc(100% - 76px); }

/*===========================================================

			CUSTOM PAGINATION

============================================================*/               

.custom-pagination-item { list-style: none; }

.custom-pagination-item > a { width: 32px; height: 32px; background: #fff; border: 1px solid #dee2e6; border-radius: 100%; display: flex; align-items: center; justify-content: center; align-content: center; color: #6c757d; margin: 0 4px; transition: all 0.3s; }

.custom-pagination-item > a.active, .custom-pagination-item > a.active:hover, .custom-pagination-item.active > a, .custom-pagination-item.active > a:hover, .custom-pagination-item > a:hover { transition: all 0.3s; background: #007bff; color: #fff; }

.tokenfield.form-control { display: flex; align-items: center; }

.tokenfield.form-control .token { margin-bottom: 0px; }

.twitter-typeahead input { margin-bottom: 0px !important; height: auto !important; }

.has-fullwidth-custom-dropdown .SumoSelect { width: 100%; }



/*===========================================================

			Email templates Page

============================================================*/               

.email-template-col { margin: 7.5px 0px; }

.email-template-col-inner { background: #fff; position: relative; cursor: pointer; box-shadow: 0 1px 0 rgba(0,0,0,0.07); border-bottom: 1px solid #c4c4c4; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; }

.email-template-image-col { width: 100%; height: 250px; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; align-content: center; position: relative; text-align: center; background: #fff; }

.email-template-info-col { background: #f8f8f8; padding: 10px; border-top: 1px solid #e2e2e2; display: flex; flex-wrap: wrap; align-items: center; }

.email-template-title { margin: 0px; font-size: 15px; text-transform: capitalize; font-weight: bold; color: #484848; display: inline-block; width: calc(100% - 30px); float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.email-template-option-opener-holder { color: #484848; float: left; display: inline-block; width: 30px; text-align: right; position: relative; }

.email-template-option-opener { opacity: 0.5; transition: all 0.3s; color: #484848; width: 100%; display: table; text-align: right; transition: all 0.3s; }

.email-template-more-action-holder { position: absolute; z-index: 3; min-width: 180px; text-align: left; right: -180%; background: #fafafa; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4); max-width: 250px; padding: 0px; list-style: none; }

.email-template-more-action-holder { display: none; }

.email-template-more-action-item > a { transition: all 0.3s; width: 100%; font-size: 14px; color: #595959; padding: 9px 15px; display: table; text-decoration: none; flex-wrap: wrap; display: flex; align-items: center; }

.email-template-more-action-item > a > i { display: inline-block; float: left; margin-right: 5px; width: 20px; transition: all 0.3s; }

.email-template-more-action-item > a > .email-more-action-linkinfo { display: inline-block; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: calc(100% - 25px); }

.email-template-image-col img { width: 100%; }

.email-template-option-opener.active i { transform: rotate(180deg); transition: all 0.3s; }

.email-template-option-opener i { transition: all 0.3s; }

.email-template-more-action-item > a:hover { background: #eaeaea; }



/*===========================================================

			Chat Page

============================================================*/               

.chat-page-body { height: 80vh; }

.chat, .chat-list, .chat-list-container, .chat-container, .chat-page-body > .panel, .chat-page-body > .panel>.row { height: 100%; margin: 0px; }

.chat-list ul { height: calc(100% - 82px); }

.custom-sidebar-right { right: -450px; }

.custom-sidebar-right.active { right: 0px; }

.custom-sidebar { display: block; position: fixed; top: 0; max-width: 450px; width: 100%; height: 100%; padding: 20px 30px 30px 30px; background-color: #ffffff; box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2); transition: all 0.4s ease-in-out; overflow-y: auto; z-index: 9999; }

.overlay1 { position: fixed; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; z-index: 1111; background: rgba(0, 0, 0, 0.2); }

.border-none { border: 0px !important; }

.chat-tab-content { height: calc(100% - 70px); }

.tableRowYello { background-color: #fec107 !important; color: #ffffff; }

.tableRowRed { background-color: #fb9678 !important; color: #ffffff; }

.tableRowSblue { background-color: #03a9f3 !important; color: #ffffff; }

.calculationMain { padding: 30px 0px 0px; }

.calculationSubMain { padding: 30px 0px 0px; }

.bold { font-weight: bold !important; }

/*===========================================================

			Login Page

============================================================*/               

.lgn-background::after { background: -moz-linear-gradient(to right, rgba(51,53,70,0.5), rgba(70,51,60,0.1)); background: -webkit-linear-gradient(to right, rgba(51,53,70,0.5), rgba(70,51,60,0.1)); background: -ms-linear-gradient(to right, rgba(51,53,70,0.5), rgba(70,51,60,0.1)); background: -o-linear-gradient(to right, rgba(51,53,70,0.5), rgba(70,51,60,0.1)); background: linear-gradient(to right, rgba(51,53,70,0.5), rgba(70,51,60,0.1)); background: none; }

/*.lgn-background { background: url(../../images/toyota_adhub_login_2018_rav4-hybrid-limited.jpg) no-repeat center right / 1920px; display: flex; align-items: center; justify-content: flex-start; padding-left: 10%; }*/

.lgn-background { background-color: #000000; display: flex; align-items: center; justify-content: center; }

.lgn-background:before { 

	background: url(../../images/login-bg.jpg) no-repeat center center; background-size: cover;

	opacity: 0.9;

	-webkit-filter: blur(10px);

	filter: blur(10px);

	position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; content: "";

}



.lgn-logo { border-bottom: 1px solid #5f5f5f; color: #ffffff; font-size: 24px; font-weight: bold; text-transform: uppercase; }

.lgn-wrapper { border: none; box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.3); border-radius: 5px; overflow: hidden; background: rgba(0,0,0,0.7); min-width: 460px; margin: 0px 0px 0px 0px; }

.lgn-input input { border-radius: 3px; background: rgba(255,255,255,0.2) !important; }

.lgn-submit { padding-left: 30px; padding-right: 25px; }

.lgn-wrapper .alert{ margin:0 16px 16px; }



.menu-wrapper { background: linear-gradient(#fefefe,#fff); }

.menu ul.ps > li { border-bottom: solid 1px #e6e6e6; }

.menu ul.ps > li a .arrow,.menu ul.ps > li a { color: #343545; }

.menu ul.ps > li a *{transition:all 0.2s;}

.menu ul.ps > li.active >a:hover,.menu ul.ps > li.active >a,.menu ul.ps > li > a:hover { background-color: #29b9d3; }

.sub-menu > li > a, .sub-menu > li > a > span,.menu ul.ps > li.active >a:hover *,.menu ul.ps > li.active >a *,.menu ul.ps > li > a:hover *{ color:#fff; transition:all 0.2s;}





/*===========================================================

			         Contact Page

============================================================*/           

.contact-img-holder > img { max-width: 100%; height: auto; border-radius: 100%; }
.contact-img-holder { width: 50px; }
.custom-select-sm { height: 40px; padding: 5px 10px; width: auto; min-width: 150px; margin: 0px; cursor:pointer;font-size: 14px; }
.form-control-pill { border-radius: 180px; padding-left: 15px; padding-right: 15px; }


/*----My Css Style Start----*/



.bold{ font-weight: bold; }

.lmBox{  }
.lmBox p{ margin-bottom: 10px; }
.lmBox p:last-child{ margin-bottom: 0px; }

.codBox{ padding: 10px 25px 20px; }
.btn-red:hover{ color: #ffffff; }

.fileUploadPin{ position: absolute; top: 10px; right: 10px; font-size: 16px; color: #ffffff; background-color: #1a1a1a; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50px; display: block; }

/*----My Css Style End----*/


.deal-request-list { max-height: 550px; position: relative; overflow-y: auto; }
.request-message-list { max-height: 165px; position: relative; overflow-y: auto; }



.new-lead-item { border-bottom: solid 1px #e6e6e6; }
.pos-abs { position: absolute; }
.top-0 { top: 0px !important; }
.top-10 { top: 10px !important; }
.right-0 { right: 0px !important; }
.right-5 { right: 5px !important; }
.pos-rel { position: relative; }
.minus-mh-1 { margin-left: -0.25rem !important; margin-right: -0.25rem !important; }
.minus-mh-2 { margin-left: -0.5rem !important; margin-right: -0.5rem !important; }
.minus-mh-3 { margin-left: -1rem !important; margin-right: -1rem !important; }
.minus-mh-4 { margin-left: -1.5rem !important; margin-right: -1.5rem !important; }
.minus-mh-5 { margin-left: -3rem !important; margin-right: -3rem !important; }
.flex-basis-0 { flex-basis: 0; }


.contact-page-sort-btn-group > .button, .contact-page-sort-btn-group > a { padding-left: 5px !important; padding-right: 5px !important; min-width: auto; border: solid 1px #cfcfcf; }
.contact-page-sort-btn-group > .button > strong, .contact-page-sort-btn-group > a > strong { font-weight: 500; font-size: 13px; }


/*---- custome Bootstrap ----*/
.d-flex{ display: -ms-flexbox !important; display: flex !important; }
.justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; }
.align-items-center { -ms-flex-align: center !important; align-items: center !important; }
.align-self-center { -ms-flex-item-align: center !important; align-self: center !important; }
/*---- custome Bootstrap End----*/





[class*="font-"] { line-height: 1.5 !important; }
.font-14 { font-size: 14px !important; }
.font-15 { font-size: 15px !important; }
.font-18 { font-size: 18px !important; }
.font-20 { font-size: 20px !important; }
.font-22 { font-size: 22px !important; }
.font-24 { font-size: 24px !important; }
.font-25 { font-size: 25px !important; }
.font-30 { font-size: 30px !important; }
.font-45 { font-size: 45px !important; }


.rownoSpace { margin-left: 0px; margin-right: 0px; }
.rownoSpace > [class*="col-"] { padding-left: 0px; padding-right: 0px; }

.row8 { margin-left: -8px; margin-right: -8px; }
.row8 > [class*="col-"] { padding-left: 8px; padding-right: 8px; }

.white{ color: #ffffff !important; }
.green{ color: green !important; }
.orange{ color: #ff6600 !important; }

.link1{ color: #17a2b8 !important; }



.btnGreen{ background-color: #7fcf7b !important; color: #fff !important; border-color: #7fcf7b !important; }
.btnGreen:hover, .btnGreen:focus{ background-color: #72be6e !important; color: #fff !important; border-color: #72be6e !important; }


.myTableOne{  }
.myTableOne table tbody tr td{ vertical-align: middle; }
.myTableOne .redBox{ background-color: #c82333; color: #fff; }
.myTableOne .greenBox{ background-color: #218838; color: #fff; }
.myTableOne .grayBox{ background-color: #cccccc; color: #fff; }
.myTableOne .grayBox, .myTableOne .grayBox i{ color: #fff !important; }
.myTableOne .grayBox td{ background-color: #cccccc; }


.myTableTwo{  }
.myTableTwo table{ background-color: transparent !important; }
.myTableTwo thead tr th, .myTableTwo tbody tr td{ padding: 10px 0px; }
.myTableTwo thead tr th table tr th, .myTableTwo tbody tr td table tr td{ padding: 6px 12px; border: 0px transparent; }
.myTableTwo thead tr th table thead tr, .myTableTwo tbody tr td table tbody tr{ background-color: transparent !important; }

.myTableTwo .col1{ width: 12%; }
.myTableTwo .col2{ width: 18%; }
.myTableTwo .col3{ width: 30%; }
.myTableTwo .col4{ width: 20%; }
.myTableTwo .col5{ width: 20%; }


.myTableThree{  }
.myTableThree table{ background-color: transparent !important; }
.myTableThree thead tr th, .myTableThree tbody tr td{ padding: 8px 0px; vertical-align: middle; }
.myTableThree tbody tr:first-child td{ border: 0px; }



.myFilter{ padding: 0px 0px 20px 0px !important; }
.myFilter input, .myFilter select{ margin: 0px !important; width: auto !important; }
.myFilter .dataTables_filter{ display: inline-block; margin: 10px 0px; }
.myFilter .dataTables_length{ display: inline-block; margin: 10px 0px; }


.approved{ background-color: green; color: #ffffff; border-radius: 4px; padding: 3px 7px; }
.pending{ background-color: #ff6600; color: #ffffff; border-radius: 4px; padding: 3px 7px; }

.filterWithButton{ display: flex; align-items: center; }


.bg-toyota { background-color: #29b9d3 !important; width: 18px !important; height: 18px !important; }



/*---- Dashboard Progress Box New Design Start ----*/

.progressBox{ background-color: #ffffff; border-radius: 8px; border: solid 1px #dbd9d9; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); overflow: hidden; font-family: "Poppins", sans-serif; }
.progressBoxTitle{  
	display: -ms-flexbox !important; display: flex !important;
	-ms-flex-pack: justify !important; justify-content: space-between !important;
	-ms-flex-align: center !important; align-items: center !important;
	padding: 15px;
}
.progressBoxTitle h3{ font-family: "Poppins", sans-serif; font-size: 20px; font-weight: normal; margin: 0px; padding: 0px; line-height: normal; color: #ffffff; }
.progressBoxTitle .btn{ background-color: #000000; border-radius: 2px; font-size: 14px; padding: 5px 12px; color: #ffffff !important; }
.progressBoxBlueBg{ background-color: #3e6dc4; }
.progressBoxSkyBlueBg{ background-color: #3ebfc4; }
.progressBoxGreenBg{ background-color: #3ec499; }
.progressBoxRedBg{ background-color: #c43e3e; }
.progressBoxlightBrownBg{ background-color: #c4903e; }

.progressBoxData{ padding: 12px 20px; }

.progressBoxData ul{ margin: 0px; padding: 0px; }
.progressBoxData ul li{
	display: -ms-flexbox !important; display: flex !important;
	-ms-flex-pack: justify !important; justify-content: space-between !important;
	-ms-flex-align: center !important; align-items: center !important;
	padding: 8px 0px; margin-bottom: 4px;
	border-bottom: solid 1px #eeeeee;
}
.progressBoxData ul li:last-child{ padding: 8px 0px; margin-bottom: 0px; border: 0px; }
.progressBoxData .totalTime{ color: #000000; font-size: 16px; font-weight: 500; background-color: #f5f5f5; border-radius: 4px; border: solid 1px #dbd9d9; display: block; padding: 3px 10px; }

.progressBoxData.smallData{ padding: 10px 15px !important; font-size: 14px; }
.progressBoxData.smallData .totalTime{ color: #666666; font-size: 14px; font-weight: normal; background-color: transparent; border-radius: 0px; border: 0px; display: block; padding: 0px; }

.progressBoxData ul li h4{ font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 500; color: #000000; margin: 0px; padding: 0px; line-height: normal; }
.progressBoxData ul li h4 small{ font-family: "Poppins", sans-serif; font-size: 14px; font-weight: normal; color: #666666; margin: 0px; padding: 0px; display: block; }
.progressBoxData ul li h5{ font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 500; color: #000000; margin: 0px; padding: 0px; }

/*---- Dashboard Progress Box New Design End ----*/




@media (min-width: 1600px) {
	.col-xxl { flex-basis: 0; flex-grow: 1; max-width: 100%; }
	.col-xxl-auto { flex: 0 0 auto; width: auto; max-width: none; }
	.col-xxl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
	.col-xxl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
	.col-xxl-3 { flex: 0 0 25%; max-width: 25%; }
	.col-xxl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
	.col-xxl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
	.col-xxl-6 { flex: 0 0 50%; max-width: 50%; }
	.col-xxl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
	.col-xxl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
	.col-xxl-9 { flex: 0 0 75%; max-width: 75%; }
	.col-xxl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
	.col-xxl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
	.col-xxl-12 { flex: 0 0 100%; max-width: 100%; }
}



.alertredmsg{ background:#fec107; color:#fff; padding:5px 20px; margin-top:10px; display:inline-block; }



.dailyReport{  }
.listDateLabel{ background-color: #55b4b6; text-align: center; padding: 15px; text-transform: uppercase; font-weight: bold; color: #ffffff; font-size: 18px; }
.listDateLabelSub{ background-color: #f4f4f4; padding: 15px 25px; font-weight: bold; color: #000000; font-size: 18px; }
.tableSubTable{  }
.tableSubTable.table tbody tr td { padding: 16px 25px; }
.tableSubTable.table tbody tr td table { background: transparent;  }
.tableSubTable.table tbody tr td table tbody tr td{ padding: 10px 0px; border: 0px; }
.tableSubTable.table tbody { color: #495057; }
.tableSubTable.table tbody p{ margin-bottom: 5px; }
.tableSubTableTime{ text-align: right; }
.tableSubTableBox{  }
.tableSubTableBox:nth-child(odd){ background-color: #fafbfc; }
.tableSubTableBox:nth-child(even){ background-color: #ffffff; }
.tableSubTableBox:last-child{ border-bottom: solid 3px #dee2e6; }


.listDateLabel .media{ text-align: left; }
.listDateLabel .media .listDateImage{ margin-right: 15px; width: 50px; height: 50px; }
.listDateLabel .media .listDateImage img{ width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.listDateLabel .media .media-body{  }


.leaveEdit{  }
.leaveEditRemove{ padding: 35px 0px 37px 0px; display: flex; align-items: center; height: 100%; }



.timeLineBox{ margin-bottom: 10px; color: #555; background: #FFF; border-radius: 4px; box-shadow: 0px 0px 50px -15px rgba(0, 0, 0, 0.33); }
.timeLineBox .media{  }
.timeLineBox .timelineProfile{ padding: 20px; text-align: center; border-right: 1px solid #EEE; height: 100%; }
.timeLineBox .timelineProfileImage{ width: 80px; height: 80px; margin: 0px auto; }
.timeLineBox .timelineProfileImage img{ object-fit: cover; width: 100%; height: 100%; border-radius: 50%; border: solid 2px #eeeeee; }
.timeLineBox .timelineProfile h3{ font-size: 16px; line-height: normal; padding: 12px 0px 0px 0px; margin: 0px; }
.timeLineBox .timelineProfile h3 small{ font-size: 13px; display: block; width: 100%; color: rgba(0, 0, 0, 0.5); padding-top: 4px; }
.timeLineBoxContain{ padding: 15px 20px; font-size: 13px; }
.timeLineBoxContain h4{ padding: 0px 0px 5px 0px; margin: 0px; font-size: 18px; display: flex; width: 100%; }
.timeLineBoxContain h4 small{ margin-left: auto; }
.timeLineFooter{  }
.timeLineFooter .panel-head{ background-color: #55b4b6; color: #ffffff; }





.leaveTotal{ display: flex; width: 100%; align-items: flex-start; padding-bottom: 20px; }
/*.leaveTotal .card-columns { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; }*/
.leaveTotal .card {  margin-right: 20px; flex: 0 0 300px; max-width: 300px; width: 300px; }
.leaveTotal .card:last-child {  margin-right: 0px; }
.leaveTotal .card .card-header{ font-family: "Dosis", "Poppins", sans-serif; font-size: 18px; font-weight: bold; }
.leaveTotal .card .card-footer{ color: #ffffff !important; border: 0px; text-align: center; font-size: 20px; font-family: "Dosis", "Poppins", sans-serif; display: flex; align-items: center; justify-content: space-between; }
.leaveTotal .card .card-footer span{ position: relative; padding: 0px 20px 0px 0px; margin-right: 8px; }
.leaveTotal .card .card-footer span:before{ position: absolute; right: 0px; content: "/"; font-size: 27px; line-height: normal; top: -3px; }
.leaveTotal .card .card-footer.green{ background-color: green; }
.leaveTotal .card .card-footer.red{ background-color: red; }
.leaveTotal .card .card-footer .totalUse{ font-family: "Poppins", sans-serif; font-size: 16px; }
.leaveTotal .card .card-body { padding: 1rem; }
.leaveTotal .card .card-body ul{ margin: 0px; padding: 0px; }
.leaveTotal .card .card-body ul li{ list-style: none; display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; padding: 5px 0px; }
.leaveTotal .card .card-body ul li.line{ border-bottom: solid 1px #eee; }
.leaveTotal .card .card-body ul li:first-child{ margin-top: 0px; padding-top: 0px; }
.leaveTotal .card .card-body ul li:last-child{ margin-bottom: 0px; border-bottom: 0px; padding-bottom: 0px; }

.dragscroll { overflow: hidden; overflow-x: scroll; width: 100%; cursor : -webkit-grab; cursor : -moz-grab; cursor : -o-grab; cursor : grab; }

/*.tableLayoutFixed{ }
.tableLayoutFixed table{ table-layout: fixed; }
.tableLayoutFixed table thead, .tableLayoutFixed table tbody{ width: 100%; display: table; }*/

.tableEmpName{ width: 170px; min-width: 170px; }
.tableEmpData{ width: 80px; min-width: 80px; text-align: center; }
.SumoSelect > .CaptionCont { /*min-height: 52px !important;*/ min-height: 100% !important; padding-left: 10px; }

.SumoSelect select{ width: 100% !important; }
.SumoSelect .SelectBox{ border-radius: 4px !important; }


.sumoSelectLarge{  }
.sumoSelectLarge .SumoSelect > .CaptionCont { min-height: 52px !important; }

.anyApdateBox{ display: flex; padding: 20px; }
.anyApdateBoxData{ width: calc(100% - 30px); }
.anyApdateBoxTrash{ width: 30px; text-align: right; }

/*-------- 27-4-2020 --------*/
.pb-0{ padding-bottom: 0px !important; }
.mb-0{ padding-bottom: 0px !important; }

.myTabs{  }
.myTabs .nav-tabs .nav-link{ margin-left: 0px; }
.myTabs .nav-tabs .nav-link img{ width: 35px; height: 35px; border-radius: 50%; margin-right: 8px; }
.myTabs .tab-content{ margin-top: 0px; border: 1px solid #dee2e6; border-top: 0px; padding: 20px; }

.taskDashboardGroup{ margin-bottom: 15px; /*background-color: #f5f5f5;*/ padding: 20px; border: 1px solid #dee2e6; }
.taskDashboardGroup:last-child{ margin-bottom: 0px; }
.taskDashboardGroup p{ margin-bottom: 0px; }
.taskDashboardGroup .form-group{ margin-bottom: 8px; }
.taskDashboardGroup .form-group:last-child{ margin-bottom: 0px; }

.projectsFlex{ display: flex; align-items: center; }
.projectsFlex .labelFlex{ font-weight: 500 !important; color: #333333; padding-left: 10px; }
.projectsFlex .labelFlex:first-child{ padding-left: 0px; }
.projectsFlex div{ padding-right: 8px; }