@charset "utf-8";
/* CSS Document */

/*******************************************************************Common *****************************************************/


.main {
	margin-top:0px;
}
a, a:hover {
	text-decoration:none;
}
hr {
	margin:3px 0;
	border-top: 1px solid #eee;
}
.bb-1 {
	border-bottom:1px solid #f9f9f9;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
 margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number] {
	-moz-appearance:textfield; /* Firefox */
}
div.alert-container {
	width:600px;
	margin:0px auto;
	position:relative;
}
div.alert {
	position:absolute;
	left:0;
	margin:20px 15%;
	width:70%;
	z-index:9999;
	display:inline;
	box-shadow:0 0 10px rgba(0, 0, 0, 0.25);
	font-size:14px;
	line-height:18px;
}
 @media(max-width:767px) {
 div.alert-container {
 width:100%;
}
}
span.si-data {
	font-size:12px;
	font-weight:bold;
	color:#333;
}
 @media(max-width:768px) {
.main {
 margin-top:115px;
}
}
.main-card {
	width:99%;
	/*min-height:500px;*/
	display:block;
	height:auto;
	padding:8px 15px 10px 15px;
	border-radius:4px;
	background:#fff;
	margin:8px auto;
}
.theme-dark .main-card {
	background:#24344d;
	margin-top:12px;
}
 @media (max-width:768px) {
.main-card {
 padding:10px 5px;
 margin-top:30px;
}
}
.main-card.pb-15 {
	padding-bottom:15px;
}
.main-card-header {
	width:100%;
	height:50px;
	padding:5px 10px;
	border-bottom:1px solid #dedede;
}
.theme-dark .main-card-header {
	width:100%;
	height:50px;
	padding:5px 10px;
	border-bottom:1px solid #2e405b;
}
.main-card-footer {
	width:100%;
	min-height:40px;
	height:auto;
	padding:5px 10px 1px 10px;
	border-top:1px solid #f9f9f9;
}
.main-card-footer h5 {
	margin:3px 0px;
}
.main-card-footer p {
	margin-bottom:0px;
	text-align:left
}
.main-card-footer .tright p {
	text-align:right;
}
@media (max-width : 767px) {
.main-card-footer .tright p {
 text-align:left;
}
}
 @media (min-width : 450px) {
.visible-xxs {
display:none
}
}
@media (max-width : 449px) {
.visible-xxs {
display:block
}
}
.btn-group .btn.btn-default .fa {
	font-size:16px;
	line-height:1.28;
}
.main-card-header h2.main-title {
	font-size:24px;
	color:#333;
	line-height:22px;
	margin:5px 0 0;
}
.theme-dark .main-card-header h2.main-title {
	color:#eee
}
.main-card-header h2.main-title img {
	height:40px;
	width:auto;
	margin-right:10px;
	margin-left:0px;
	float:left;
	position:relative;
	top:-8px;
}
.action-header {
	position:relative;
	margin-top:0px;
}
 @media (max-width:767px) {
 .main-card-header {
 width:100%;
 height:auto;
 padding:5px 10px;
 border-bottom:0px solid #f9f9f9;
}
.main-card-header h2.main-title {
 font-size:20px;
 color:#333;
 line-height:28px;
 margin:5px 0;
 width:100%;
 padding-bottom:10px;
 border-bottom:1px solid #d6d6d6;
}
 .main-card-header h2.main-title img {
 height:40px;
 width:auto;
 margin-right:10px;
 margin-left:0px;
 float:left;
 position:relative;
 top:-8px;
}
}
.main-card-content {
	padding:6px 5px 00px;
	position:relative;
}
.main-card-content .form-group {
	padding:2px 0 4px 0;
	height:auto;
	margin:3px 0;
	position:relative;
	display:inline-block;
	width:100%;
}
.main-card-content .form-group label {
	font-weight:300;
	font-size:12px;
	width:100%;
	float:none;
	height:14px;
	display:block;
	margin-bottom:1px;
}
.main-card-content .form-group.linkheader {
	margin:0px;
	padding:0px 6px;
}
.main-card-content .form-group.linkheader label {
	margin-bottom:2px;
}
.main-card-content .form-group input.form-control, .main-card-content .form-group select.form-control, .main-card-content .form-group select.form-control.text-area {
	border:1px solid #d1d1d1;
	padding:3px 4px;
	border-radius:2px;
	box-shadow:none;
	width:84%;
	float:left;
	margin-right:5px;
	color:#111;
	height: 26px;
}
.theme-dark .main-card-content .form-group input.form-control, .theme-dark .main-card-content .form-group select.form-control, .main-card-content .form-group select.form-control.text-area {
	border: 1px solid rgba(250, 250, 250, 0.2);
	background-color: rgba(255, 255, 255, 0.07);
	color: #eee;
}
.form-group select.form-control:invalid {
 color: #a1a1a1;
}
 .form-group select.form-control:invalid option {
 color: #111;
}
.form-group select.form-control option {
	color: #111;
}
.form-control.tokenfield {
	border-radius:2px;
	border:1px solid #d1d1d1;
}
select.form-control {
	box-shadow:none;
	padding: 2px 25px 2px 2px;
	background:transparent url(../images/icons/arrow-down.jpg) 100% 50% no-repeat;
}
.theme-dark select.form-control {
	background:transparent url(../images/icons/arrow-down-white.png) 100% 50% no-repeat;
}
.main-card-content .tab-content .form-group input.form-control, .main-card-content .tab-content .form-group select.form-control {
	border:1px solid #d1d1d1;
	padding:4px 4px;
	border-radius:2px;
	box-shadow:none;
	width:100%;
	float:left;
	margin-right:5px;
}
.main-card-content .tab-content .form-group select.form-control {
	padding:4px 1px 4px 4px;
	margin-right:5px;
}
span.required {
	font-size:11px;
	color:#c00;
}
p.hint {
	border-bottom:1px solid #f1f1f1;
	padding-bottom:4px;
}
 @media (max-width : 992px) {
 select.form-control {
 box-shadow:none;
 padding: 2px 15px 2px 0px;
 background:#fff url(../images/icons/arrow-down.jpg) 100% 50% no-repeat;
}
}
span.fa.editbtn, span.fa.addbtn, span.fa.removebtn {
	float:left;
	width:20px;
	height:20px;
	font-size:16px;
	position:relative;
	top:10px;
	color:#aaa;
	cursor:pointer;
	text-align:center;
}
span.fa.editbtn:hover, span.fa.addbtn:hover, span.fa.removebtn:hover {
	color:#0d72ba;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	background-color: #fafafa;
	opacity: 1;
}
.upload-image {
	border:2px dashed #ccc;
	width:94%;
	text-align:center;
	margin-bottom:10px;
	padding:10px 0;
}
.upload-image label {
	width:100%;
	height:100%;
	cursor:pointer;
}
.upload-image > input {
	display: none;
}
img#output {
	height:80px;
	width:80px;
	margin:0px auto;
}
img#outputimg {
	height:80px;
	width:80px;
	margin:0px auto;
}
/******************************************************Tabs ************************************************/

.nav-tabs > li > a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
	color:#333;
	padding: 6px 20px;
}
.nav > li > a:focus, .nav > li > a:hover {
	text-decoration: none;
	background-color: #fff;
	color:#3B86FF
}
.nav-tabs > li > a:hover {
	border-color: transparent
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	color: #3B86FF;
	cursor: default;
	background-color: transparent;
	border: 0px solid #ddd;
	border-bottom:3px solid #3B86FF;
}
/*********************** Logic buttons in add prescreening **************/
.optContain
{
	width:100%;
	display:block;
	position:relative;
	height:auto;
}
.optGroup {
	margin-top:0px;
	display:inline-block;
	width:100%;
	height:auto;
}
.optGroup label {
	margin:0px;
	padding:0px;
	float:left;
	width: 24%;
	border:none;
}
.optGroup label input[type=radio] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}
.optGroup label span {
	width:100%;
	height:28px;
	padding:5px 4px;
	line-height:1.6;
	border:1px solid #ddd;
	cursor:pointer;
	border-right:0px solid #aaa;
	position: relative;
	display: inline-block;
	text-align: center;
}
.optGroup label:last-child  span {
	border-right:1px solid #ddd;
}
.optGroup label span i.fa {
	font-size:12px;
}
.optGroup label input[type=radio]:checked + .sout {
	color:#F15E3D;
}
.optGroup label input[type=radio]:checked + .sin {
	color:#0d72ba;
}
.optGroup label input[type=radio]:checked + .cont {
	color:#88B14B;
}
.optGroup label input[type=radio]:checked + .skip {
	color:#3d60e0;
}
.optGroup label input[type=radio]:checked + .skip_to_que {
	color:#3d60e0;
}
/*********************** End Logic buttons in add prescreening **************/

.requiredIcon {
	color: #ff0000;
}
.skipQuestionTitle ul.qtitle {
	margin-left: 25px;
}
/************************************************* /Tabs ***************************************************/

/************************************************** datatable*******************************************/

.datatable {
	width:100%;
	position:relative;
	height:auto;
	padding:0px;
	background-color:#CFF
}
.datatable .table-header {
	width:100%;
	padding:1px 0;
	background-color:#d5d5d5;
	margin:0px auto;
}
.datatable .table-content {
	width:100%;
	padding:0px;
	background-color:#fff;
	margin:0px auto;
	border:0px solid #d6d6d6;
}
.datatable .table-content .table-row {
	margin:2px 0px;
	border:1px solid #ddd;
	width:100%;
	padding:0px;
}
.datatable .table-col {
	width:auto;
	display:block;
	position:relative;
	float:left;
	padding:1px 3px;
	text-align:left;
}
.datatable .table-header .table-col h4 {
	font-size:12px;
	margin:0px;
	line-height:1.8;
	position:relative;
	width:100%;
	padding-left:1px;
	padding-right:10px;
	text-align:left;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background:transparent;
}
.datatable .table-header .table-col h4 span.sort {
	font-size:12px;
	margin-left:3px;
	color:#999;
	cursor:pointer;
	position:absolute;
	right:4px;
}
.datatable .table-header .table-col h4 span.sort:hover {
	color:#333;
}
.datatable .table-content .table-row p {
	font-size:14px;
	line-height:1.7;
	margin:0px;
	padding:6px 1px;
	width:100%;
}
.datatable .table-content .table-row input.text {
	width:90%;
	font-size:14px;
	padding:6px;
	float:left;
	text-align:left;
	border:1px solid #d1d1d1;
	margin:4px 0px;
	background:#fff;
}
.datatable .table-content .table-row input.text.disabled {
	border:1px solid transparent;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background:transparent;
}
.datatable .table-content .table-row input.text.error {
	border-color:#d00
}
.datatable .table-content .table-row .table-col span.edit {
	position:absolute;
	right:15px;
	font-size:12px;
	z-index:9;
	top:10px;
	cursor:pointer;
	color:#ccc;
}
.datatable .table-content .table-row .table-col span.save {
	font-size:16px;
	color:#0d72ba;
	float:left;
	position:relative;
	top:6px;
	left:6px;
	cursor:pointer;
}
.datatable .table-content .table-row .table-col span.edit:hover {
	color:#0d72ba;
}
.datatable .table-content .table-row .table-col span.save:hover {
	color:#666;
}
.datatable .table-content .table-row .table-col .error-msg {
	font-size:11px;
	background-color:transparent;
	padding:0;
	position:absolute;
	top:34px;
	width:auto;
	max-width:200px;
	overflow:auto;
	height:auto;
	z-index:9;
	display:none;
}
.datatable .table-content .table-row .table-col .error-msg.show {
	display:block;
}
.datatable .table-content .table-row .table-col .error-msg:before {
	content: "\f0d8";
	font-family: 'FontAwesome';
	left:40px;
	position:absolute;
	top:-5px;
	color:#aaa;
	z-index:99;
	font-size:18px;
}
.datatable .table-content .table-row .table-col .error-msg ul.errorlist {
	margin:0px;
	padding:0px;
	list-style-type:none;
	position:relative;
	margin-top:6px;
	border-radius:3px;
	width:100%;
	padding:4px 8px;
	height:auto;
	display:inline-block;
	background-color:#aaa;
}
.datatable .table-content .table-row .table-col .error-msg ul.errorlist li {
	width:100%;
	height:auto;
	position:relative;
	display:block;
	color:#fff;
	font-size:10px;
	line-height:13px;
}
.datatable .table-col.action {
	width:9%;
	text-align:center
}
.datatable .table-col.action .btn.action-btn {
	margin:4px 0px;
	padding:0px 6px;
}
.datatable .table-col.action .btn.action-btn i.fa {
	font-size:13px;
}
 @media (max-width : 992px) {
 .datatable .table-content .table-row .table-col span.edit {
 position:absolute;
}
.datatable .table-content .table-row input.text {
 width:80%;
}
 .datatable .table-content .table-row .table-col span.save {
 font-size:16px;
 color:#0d72ba;
 float:none;
 position:absolute;
 top:10px;
 right:10px;
 left:auto;
 cursor:pointer;
}
}
 @media (max-width:767px) {
 .datatable .table-content .table-row input.text {
 width:90%;
}
.datatable .table-content .table-row .table-col span.save {
 position:absolute;
 top:10px;
 right:6px;
 left:auto;
}
 .datatable .table-content .table-row .table-col span.edit {
 position:absolute;
 right:6px;
}
}
.datatable .table-col.dd-toggle {
	width:10%;
	float:left
}
.datatable .table-col.dd-toggle span.dd-toggle-btn {
	position:relative;
	top:6px;
	line-height:1;
	font-size:20px;
	cursor:pointer;
}
 @media (max-width: 767px) {
.datatable .table-row .dropdown-xs {
 width:100%;
 height:auto;
 background-color:#d6d6d6;
 display:inline-block;
 position:relative;
 display:none;
}
.datatable .table-row .dropdown-xs.open {
 width:100%;
 height:auto;
 background-color:#fafafa;
 display:inline-block;
 position:relative;
}
 .dropdown-xs .table-col label {
 width:35%;
 float:left;
 font-size:12px;
 font-weight:600;
 text-align:left;
 position:relative;
 top:12px;
 padding-left:8px;
}
}
/************************************************** /datatable*******************************************/


/************************************************* modal ***************************************************/
.modal-dialog {
	margin:45px auto 20px auto;
}
.modal-header .row {
	padding:0px 5px;
}
.modal-header .action-header {
	position: relative;
	margin-top: 0px;
}
.modal-body .form-group {
	margin-bottom: 5px;
	position: relative;
	height: auto;
	display: inline-block;
	width: 100%;
	padding-bottom: 5px;
}
.modal#searchModal .modal-body .form-group {
	margin-bottom: 3px;
	position: relative;
	height: auto;
	display: inline-block;
	width: 100%;
	padding-bottom: 5px;
}
.modal-body .link-content .form-group {
	margin-bottom: 5px;
	position: relative;
	height: auto;
	display: inline-block;
	width: 100%;
	padding-bottom: 0px;
}
.modal-body .form-group.linkheader {
	margin-bottom: 5px;
	padding-bottom: 0px;
}
.modal#searchModal .modal-body hr {
	margin: 3px 0 8px;
}
.modal-body .form-group label {
	font-size:12px;
	font-weight:300;
	height:13px;
	display:block
}
.modal-body .form-group .form-control {
	border:1px solid #d1d1d1;
	background-color:#fff;
	box-shadow:none;
	border-radius:2px;
}
.modal-body .form-group .form-control.text-area {
	height:100px;
}
.modal-body .form-group .form-control:focus {
	box-shadow:none;
	border:1px solid #ddd;
}
.modal-dialog .modal-body hr {
	margin:8px 0;
}
.modal-dialog.modal-lg {
	width:90%;
	margin:50px auto;
}
 @media (max-width:767px) {
.modal-dialog {
 width:450px;
 margin:40px auto;
}
}
 @media (max-width:500px) {
 .modal-dialog {
 width:94%;
 margin:20px auto;
}
}
/************************************************ /modal ****************************************************/


/***************************************** Error Msg *******************************************************/
.main-card-content .form-group {
	position:relative;
}
.main-card-content .form-group .form-control.error {
	border-color:#d00;
}
.error-msg {
	font-size:11px;
	background-color:transparent;
	padding:0;
	position:absolute;
	top:auto;
	bottom:-6px;
	width:100%;
	overflow:auto;
	height:auto;
	display:none;
	z-index:2;
}
.error-msg.show {
	display:block;
}
.error-msg:before {
	content: "\f0d8";
	font-family: 'FontAwesome';
	left:40px;
	position:absolute;
	top:-5px;
	color:#aaa;
	z-index:1;
	font-size:18px;
}
.error-msg ul.errorlist {
	margin:0px;
	padding:0px;
	list-style-type:none;
	position:relative;
	margin-top:6px;
	border-radius:3px;
	width:100%;
	padding:0px 8px;
	height:auto;
	display:inline-block;
	background-color:#aaa;
}
.error-msg ul.errorlist li {
	width:100%;
	height:auto;
	position:relative;
	display:block;
	color:#fff;
	font-size:10px;
	line-height:13px;
}
.login-card .error-msg {
	position: absolute;
	top: auto;
	bottom: -10px;
}
.login-card .error-msg ul.errorlist {
	padding:4px 8px;
	width:auto;
}
/********************************************************************************************************************
------------------------------------------------------ Common Ends Here ---------------------------------------------
*********************************************************************************************************************/

/*********************************************** Department ******************************************************/

.datatable .table-col.dept-name {
	width:15%;
	text-align:left;
}
.datatable .table-col.dept-desc {
	width:40%;
}
.datatable .table-col.hod {
	width:20%;
}
.datatable .table-col.designation {
	width:15%;
}
.datatable .table-col.daction {
	width:10%;
	text-align:right;
}
.datatable .table-col.daction h4 {
	text-align:right;
}
 @media (max-width:767px) {
 .datatable .table-col.hod, .datatable .table-col.designation {
 width:100%;
 float:left;
}
 .datatable .table-col.dept-name {
 width:25%;
}
.datatable .table-col.dept-desc {
 width:50%;
}
 .datatable .table-header .table-col.dept-name {
 width:35%
}
.datatable .table-header .table-col.dept-name h4 {
 text-align:left;
}
.datatable .table-col.hod input.text, .datatable .table-col.designation input.text {
 width:50%;
 float:left;
}
}
 @media (max-width :500px) {
.datatable .table-col.dept-name {
 width:80%;
}
.datatable .table-col.dept-desc {
 width:100%;
 background:#fafafa;
}
}
/*********************************************************Users**************************************************************/

.datatable .table-col.uid {
	width:8%;
	text-align:left;
}
.datatable .table-col.uname {
	width:15%;
	text-align:left;
}
.datatable .table-col.udesig {
	width:14%;
	text-align:left;
}
.datatable .table-col.udept {
	width:14%;
	text-align:left;
}
.datatable .table-col.uemail {
	width:17%;
	text-align:left;
}
.datatable .table-col.ucontact {
	width:13%;
	text-align:left;
}
.datatable .table-col.ustat {
	width:10%;
	text-align:left
}
.datatable .table-col.uaction {
	width:9%;
	text-align:right
}
.datatable .table-col.uaction h4 {
	text-align:right;
}
.datatable .table-header .table-col.uid h4 {
	text-align:left
}
.datatable .table-col.ustat select.select-dropdown {
	border:none;
	box-shadow:none;
}
.datatable .table-col.ustat select.select-dropdown:focus {
	border:1px solid #d6d6d6;
}
 @media (max-width:767px) {
.datatable .table-col.full-xs {
 width:100%;
 float:left;
}
 .datatable .table-header .table-col.uname h4 {
 text-align:left
}
 .datatable .table-col.uid {
 width:25%;
 text-align:left;
}
 .datatable .table-col.uname {
 width:50%;
 text-align:left;
}
 .datatable .table-col.udesig, .datatable .table-col.udept, .datatable .table-col.uemail, .datatable .table-col.ucontact, .datatable .table-col.ustat {
 width:100%;
 text-align:left
}
 .datatable .table-col.udesig input.text, .datatable .table-col.udept input.text, .datatable .table-col.uemail input.text, .datatable .table-col.ucontact input.text, .datatable .table-col.ustat select.select-dropdown {
 width:50%;
}
}
/**************************************************************Roles ***********************************************************/

.datatable .table-col.rname {
	width:45%;
}
.datatable .table-col.rsno {
	width:10%;
}
.datatable .table-col.rdept {
	width:30%;
}
.datatable .table-col.raction {
	width:15%;
	text-align:right;
}
.datatable .table-col.raction h4 {
	text-align:right;
}
@media (max-width : 767px) {
.datatable .table-col.rname {
 width:50%;
}
 .datatable .table-col.rsno {
 width:17%;
}
 .datatable.roles .table-col.raction {
 width:23%;
 text-align:right;
}
 .datatable.roles .table-col.raction h4 {
 text-align:right;
}
 .datatable.roles .table-col.full-xs {
 width:100%;
}
 .datatable.roles .table-col.full-xs label {
 width:49%;
}
.datatable.roles .table-col.full-xs p {
 width:50%;
 float:right;
}
}
/************************************************************ Bids 	*******************************************************/


.tab-pane h3 {
	font-size:18px;
	line-height:28px;
	margin:8px 0 5px;
}
.tab-content .row {
	margin-right: 0px;
	margin-left: 0px;
}
.bt-1 {
	border-top:1px solid #f9f9f9;
}
.bids-details, .email-container {
	float:left;
	min-height:380px;
	overflow:auto;
	height:auto;
}
.btn.addOpp i.fa {
	font-size:14px;
}
.opportunity-container {
	width:100%;
	background:#fff;
	min-height:30px;
	max-height:350px;
}
.oppTable {
	width:100%;
	height:auto;
}
.oppTable .table-header {
	width:100%;
	background:#d6d6d6;
}
.oppTable .table-header .table-col {
	padding:3px 5px;
	text-align:left;
	float:left;
	width:25%;
}
.oppTable .table-header .table-col h4 {
	font-size:12px;
	font-weight:500;
}
.oppTable .table-content .table-row {
	width:100%;
	border:1px solid #f6f6f6;
	margin:2px 0;
}
.oppTable .table-content .table-col {
	padding:3px 5px;
	float:left;
	text-align:left;
	width:25%;
	position:relative;
}
.oppTable .table-content .table-col p {
	width:100%;
	position:relative;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.opp-table-content {
	min-height:50px;
	overflow-y:auto;
	overflow-x:hidden;
	max-height:276px;
}
 @media(max-width:991px) {
.oppTable .table-content .table-col, .oppTable .table-header .table-col {
 width:33.3%;
 text-align:left
}
}
 @media (max-width: 767px) {
 .datatable .table-header .table-col h4 {
 text-align:left;
}
 .oppTable .table-col.dd-toggle {
width:10%;
}
 .oppTable .table-col.pname {
 width:30%;
}
 .oppTable .table-col.accname {
 width:60%;
}
 .oppTable .table-col.full-xs {
 width:100%
}
 .oppTable .table-col.full-xs label {
 width:40%;
 float:left;
 position:relative;
 top:6px;
}
 .oppTable .table-col.full-xs p {
 width:60%;
 float:left;
}
 .oppTable .table-content .table-row p {
 padding:1px 3px;
}
 .oppTable .table-col.dd-toggle span.dd-toggle-btn {
 position: relative;
 top: 3px;
}
 .tab-content .p-1 {
 padding:5px 0px;
}
 .tab-content .row .col-xs-12 {
 padding-left:0px;
 padding-right:0px;
}
}
/*****************Email Container ******************/


.email-container {
	border:none;
	border-left:1px solid #f9f9f9;
	border-top:0px;
}
 @media (max-width: 767px) {
.email-container {
 border-left:0px solid #d6d6d6;
 border-top:1px solid #d6d6d6;
 margin-top:20px;
}
}
.email-container .form-group {
	height:auto;
	margin:0px;
	padding:0px;
	margin-top:5px;
}
.email-container .form-group input.form-control.cemail, .email-container .form-group input.form-control.subject {
	border-radius:0px;
	font-size:14px;
	border:2px solid #ddd;
	width:100%;
	margin:0px;
}
.email-container .form-group label {
	margin:3px 0 0 0;
}
.email-container .form-group input.form-control.subject {
	border-width:0px;
	border-bottom:1px solid #ddd;
	padding:0px 3px 2px 3px;
}
.email-container .form-group input.form-control.subject[readonly] {
	background-color:transparent
}
.email-container H5 {
	margin-top:0px;
	margin-bottom:5px;
}
.email-content {
	width:100%;
	min-height:100px;
	max-height:500px;
	padding:10px;
	border:1px solid #d6d6d6;
	overflow: auto;
	border-bottom: 0px;
}
.email-content blockquote {
	padding: 10px 20px;
	margin: 0 0 20px;
	font-size: 13px;
	line-height:16px;
	border-left: 5px solid #d6d6d6;
}
/************************** Work Order ***************************************/

.wo-info-container {
	width:100%;
	height:auto;
	display:block;
	position:relative;
	padding:0 10px 1px;
	margin:0px auto
}
.wo-info-container h5 {
	margin:5px 0;
	font-size:14px;
}
.wo-bottom {
	width:100%;
	height:auto;
	display:block;
	position:relative;
	background:#fcfcfc;
	border:1px dashed #f1f1f1;
	margin-top:2px;
	padding:6px 0 0 0;
}
.wo-bottom h4 {
	font-size:16px;
	line-height:1;
	margin:3px 0;
}
.wo-bottom h5 {
	margin:5px 0;
	line-height:1;
	font-size:11px;
	color:#888;
}
.wo-bottom p {
	line-height:1;
	font-size:14px;
	margin: 0 0 2px;
}
.btn.btn-default.submit_workorder {
	margin-top:25px;
	float:right;
}
.wo-lineitems, .wo-pdf {
	background-color:#fff;
	width:98%;
	margin:5px auto;
	height:auto;
	position:relative;
	padding-top:4px;
}
.wo-lineitems .btn-group {
	margin:3px 0;
}
a.view-more, a.view-less {
	padding:5px 25px;
	margin:0px auto;
	text-align:center;
	display:block;
	text-decoration:none;
}
.datatable.wolineitems-table .table-content, .datatable.wopdf-table .table-content {
	height:95px;
	overflow:hidden;
}
.datatable.wolineitems-table .table-content.open, .datatable.wopdf-table .table-content.open {
	height:auto;
	max-height:300px;
	overflow:hidden;
	overflow-y:auto
}
.datatable.wolineitems-table .table-col h5, .datatable.wopdf-table .table-col h5 {
	margin-top:3px;
	margin-bottom:3px;
}
.datatable.wolineitems-table .table-col.product {
	width:35%;
	text-align:left;
}
.datatable.wolineitems-table .table-col.action, .datatable.wopdf-table .table-col.action {
	width:15%;
	text-align:right;
}
.datatable.wolineitems-table .table-col.bidN, .datatable.wolineitems-table .table-col.bidcpi {
	width:15%;
	text-align:right;
}
.datatable.wolineitems-table .table-col.tprice {
	width:20%;
	text-align:right;
}
.datatable.wopdf-table .table-col.pdfname {
	width:80%;
	text-align:left;
}
 @media (max-width:767px) {
 .datatable.wolineitems-table .table-content, .datatable.wopdf-table .table-content {
 height:auto;
 max-height:180px;
}
 .datatable.wolineitems-table .table-col.full-xs {
 width: 100%;
 float: left;
}
 .datatable.wolineitems-table .table-col.full-xs p {
 width: 60%;
 float: right;
}
 .datatable.wolineitems-table .table-col.full-xs label {
 width: 38%;
 float: left;
}
.datatable.wolineitems-table .table-col.product {
 width:65%;
 text-align:left;
}
 .datatable.wolineitems-table .table-col.action {
 width:25%;
 text-align:right;
}
}
/**************************Work Order ends here*******************************/


/*********************************************************** Bids Ends here **************************************************/

/************************************************************** Opportunity ***************************************************/

.opp-form-container .form-group input.form-control, .opp-form-container .form-group select.form-control {
	width:100%;
}
.opp-form-container .form-group .form-control.text-area {
	height:60px;
}
.dblock .form-group select.form-control {
	padding-left:2px
}
.dblock {
	width:100%;
	border:1px dashed #d6d6d6;
	background-color:#fafafa;
	padding:8px 5px 5px;
	margin:5px 0 0 0;
	position:relative;
}
span.delete-db {
	position:absolute;
	color:#fff;
	background:#aaa;
	top:0px;
	right:0px;
	display:block;
	padding:0px 5px;
	z-index:9;
	font-size:11px;
}
.btn.addCat {
	margin:4px 0;
}
.btn.addCat i.fa {
	font-size:14px;
}
/******************************************************* Opportunity Ends here ************************************************/



/************************************************************BIDS Listing *****************************************************/

.datatable.bid-listing .table-col.bsno {
	width:5%;
}
.datatable.bid-listing .table-col.bno {
	width:8%;
}
.datatable.bid-listing .table-col.cname {
	width:12%;
}
.datatable.bid-listing .table-col.bstatus, .datatable.bid-listing .table-col.bpriority, .datatable.bid-listing .table-col.baction, .datatable.bid-listing .table-col.bowner {
	width:7.5%;
}
.datatable.bid-listing .table-col.esub {
	width:30%;
	text-align:left
}
.datatable.bid-listing .table-col p {
	width:100%;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background:transparent;
	text-align:left;
}
.datatable.bid-listing .table-col.bdate {
	width:15%;
}
.datatable.bid-listing .table-col.baction, .datatable.bid-listing .table-col.baction h4 {
	text-align:right;
}
 @media (max-width:1199px) {
 .datatable.bid-listing .table-col.bstatus, .datatable.bid-listing .table-col.bpriority, .datatable.bid-listing .table-col.baction, .datatable.bid-listing .table-col.bowner {
 width:10%;
}
 .datatable.bid-listing .table-col.bno {
 width:13%;
}
}
 @media (max-width:767px) {
.datatable.bid-listing .table-col.bsno {
 width:15%;
}
 .datatable.bid-listing .table-col.bno {
 width:48%;
}
 .datatable.bid-listing .table-col.baction {
 width:27%;
}
 .datatable.bid-listing .table-col.full-xs {
 width:100%;
}
 .datatable.bid-listing .table-col.full-xs label {
 width:40%;
}
 .datatable.bid-listing .table-col.full-xs p {
 width:59%;
 float:right;
}
}
/******************************************************** Bids Listing Ends Here **********************************************/



/*********************************************************** Products Starts Here *************************************************/
.datatable.products .table-col.psno {
	width:10%;
}
.datatable.products .table-col.pname {
	width:40%;
}
.datatable.products .table-col.pstatus {
	width:15%;
}
.datatable.products .table-col.paction {
	width:12%
}
.datatable.products .table-col.pdate {
	width:22%;
}
.datatable.products .table-col.paction, .datatable.products .table-col.paction h4 {
	text-align:right
}
 @media (max-width:767px) {
.datatable.products .table-col.paction {
 width:22%
}
 .datatable.products .table-col.psno {
 width:12%;
}
 .datatable.products .table-col.pname {
 width:56%;
}
 .datatable.products .table-col.full-xs {
 width:100%;
}
 .datatable.products .table-col.full-xs label {
 width:40%;
}
 .datatable.products .table-col.full-xs p {
 width:59%;
 float:right;
}
}
/*********************************************************** Products Ends Here *************************************************/

/********************************************************** Permission *****************************************************************/


.permission-heading {
	border-left:1px solid #d6d6d6;
}
.p-0 {
	padding:0px;
}
.permission-tab-content {
	border-left:1px solid #d6d6d6;
	border-top:none;
}
.permission-tab-content .tab-content {
	padding:5px 5px;
	min-height:200px;
	height:auto;
	max-height:300px;
}
.permission-tabs.nav-tabs {
	border-bottom:0px;
	margin-top:8px;
	margin-right:5px;
}
.permission-tabs.nav-tabs > li {
	float: left;
	margin: 3px 0;
	width:100%;
	border-radius:0;
	margin-right:2px;
}
 @media(max-widht:767px) {
 .permission-tabs.nav-tabs > li {
 width:auto;
 max-width: 25%;
}
 .permission-tab-content {
 border-left:0px solid #d6d6d6;
 border-top:1px solid #d6d6d6;
}
}
.permission-tabs.nav-tabs > li > a {
	margin-right: 0px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius:  0 0;
	color: #333;
	padding: 6px 15px;
	background:#f1f1f1;
}
.permission-tabs.nav-tabs > li.active > a, .permission-tabs.nav-tabs > li.active > a:focus, .permission-tabs.nav-tabs > li.active > a:hover {
	color: #fff;
	cursor: default;
	background-color: #3B86FF;
	border: 0px solid #ddd;
	border-bottom: 3px solid #3B86FF;
}
.permission-tabs.nav-tabs > li > a:hover {
	background:#d6d6d6;
}
.permission-block {
	padding: 8px 5px 3px;
	background-color:#fafafa;
	margin:3px 0;
}
.permission-block .checkbox p {
	font-size:12px;
	line-height:15px;
}
 @media (max-width: 575px) {
 .row.permission-block .col-xs-6 {
width:100%;
}
}
/********************************************************** Permission Ends Here *****************************************************************/



/*************************************************************Accounts Starts Here *******************************************/

.datatable.accounts .table-col p {
	width:100%;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background:transparent;
}
.datatable.accounts .table-col.accsno {
	width:8%;
}
.datatable.accounts .table-col.accname {
	width:25%;
}
.datatable.accounts .table-col.accaction {
	width:10%;
	text-align:right;
}
.datatable.accounts .table-col.accdate {
	width:17%;
}
.datatable.accounts .table-col.accowner, .datatable.accounts .table-col.accsr {
	width:15%;
}
.datatable.accounts .table-col.accstatus {
	width:10%;
}
.datatable.accounts .table-col.accaction, .datatable.accounts .table-col.accaction h4 {
	text-align:right
}
 @media (max-width:991px) {
.datatable.accounts .table-col.accowner, .datatable.accounts .table-col.accsr {
 width:20%;
}
.datatable.accounts .table-col.accstatus, .datatable.accounts .table-col.accaction {
 width:12%;
}
.datatable.accounts .table-col.accname {
 width:28%;
}
}
 @media (max-width:767px) {
 .datatable.accounts .table-header .table-col.accsno {
 width:23%;
 text-align:right;
}
 .datatable.accounts .table-header .table-col.accsno h4 {
 text-align:right
}
 .datatable.accounts .table-col.accsno {
 width:13%;
}
 .datatable.accounts .table-col.accname {
 width:55%;
}
 .datatable.accounts .table-col.accaction {
width:22%;
}
.datatable.accounts .table-col.full-xs {
 width:100%;
}
.datatable.accounts .table-col.full-xs label {
 width:40%;
}
 .datatable.accounts .table-col.full-xs p {
 width:59%;
 float:right;
}
}
/***********************************************************Accounts Ends Here ************************************************/


/**************************************************************Bids Milbox *****************************************************/


.main-card-content.bids-mailbox-container {
	padding-bottom:15px;
}
.table-col.bmaction ul li.header-right-optiions {
	float:right;
	margin-left:10px;
	margin-top:0px;
	position:relative;
	top:3px;
}
.datatable.bids-mailbox .table-header .table-col.bmaction {
	padding-right:10px;
}
.datatable.bids-mailbox .table-header .table-col.bm-refresh, .datatable.bids-mailbox .table-header .table-col.bmaction {
	margin-top:4px;
	margin-left:6px;
}
.datatable.bids-mailbox .table-header .table-col.bmaction a {
	color:#333;
}
.datatable.bids-mailbox .table-header .table-col.bmaction a:hover {
	color:#fff;
}
.datatable.bids-mailbox .table-header .table-col.bm-refresh a {
	padding:2px 0 0 0;
	display:block;
	color:#333;
}
.datatable.bids-mailbox .table-header .table-col.bm-refresh a:hover {
	color:#fff;
}
.input-group.emailsearch {
	width:48px;
	border:1px solid transparent;
	border-radius:3px;
	background-color:transparent;
	margin-left:0px;
}
.input-group.emailsearch:hover, .emailsearch.open {
	background-color:#ccc;
	border:1px solid #bfbfbf
}
button.emailsearch-dd {
	background:transparent;
	max-height:36px;
	padding:12px 4px;
	border:none;
	box-shadow:none;
	border-radius:3px;
}
button.emailsearch-dd:hover {
	background:#bfbfbf;
}
.table-content .table-col .dropdown-menu {
	position: absolute;
	top: 85%;
	left: auto;
	right:-50px;
	min-width:100px;
}
.table-content .table-col .dropdown-menu:last-child {
	position: absolute;
	top: -30%;
	left: auto;
	right:-0px;
	min-width:100px;
}
.btn.dropdown-toggle.email-option {
	border: none;
	background-color: transparent;
	margin-top: -3px;
	box-shadow: none;
	font-size:16px;
}
.datatable.bids-mailbox .table-col.bm-check, .datatable.bids-mailbox .table-col.bm-starred {
	width:3.5%;
	float:left;
}
.datatable.bids-mailbox .table-col.bm-from {
	width:20%;
	float:left;
}
.datatable.bids-mailbox .table-col.bm-email {
	width:55%;
}
.datatable.bids-mailbox .table-col.bm-email p {
	width:100%;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background:transparent;
	color:#555;
}
.datatable.bids-mailbox .table-col.bm-email p span {
	font-weight:600;
	color:#333;
}
.datatable.bids-mailbox .table-col.bm-from {
	vertical-align:middle;
	padding-top:6px;
}
.datatable.bids-mailbox .table-col.bm-from p {
	float: left;
	width: auto;
	max-width: 84%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: transparent;
}
.datatable.bids-mailbox .table-col.bm-from span {
	width: 15%;
	float: left;
	padding-left: 3px;
	font-size: 12px;
	line-height: 1;
	margin:0;
	padding: 4px 1px;
	color: #999;
}
.datatable.bids-mailbox .table-col.bm-from a {
	display:block;
	line-height:1;
}
.datatable.bids-mailbox .table-col.bm-email p > span.label.label-grey {
	float:none;
	margin:5px 3px;
	background-color:#d6d6d6;
	color:#666;
	font-size:10px;
	line-height:1.9;
	padding:2px 5px;
	text-decoration:none;
}
.datatable.bids-mailbox .table-col.bm-email p > span.label.label-new {
	float:none;
	margin:5px 3px;
	background-color:#7F8C8D;
	color:#fff;
	font-size:10px;
	line-height:1.9;
	padding:2px 5px;
	text-decoration:none;
}
.datatable.bids-mailbox .table-col.bm-email p > span.label.label-bid {
	float:none;
	margin:5px 3px;
	background-color:#3b86ff;
	color:#fff;
	font-size:10px;
	line-height:1.9;
	padding:2px 5px;
	text-decoration:none;
}
.datatable.bids-mailbox .table-col.bm-email p > span.label.label-sent {
	float:none;
	margin:5px 3px;
	background-color:#27AE60;
	color:#fff;
	font-size:10px;
	line-height:1.9;
	padding:2px 5px;
	text-decoration:none;
}
.datatable.bids-mailbox .table-col.bm-email p > span.label.label-archived {
	float:none;
	margin:5px 3px;
	background-color:#E74C3C;
	color:#fff;
	font-size:10px;
	line-height:1.9;
	padding:2px 5px;
	text-decoration:none;
}
.datatable.bids-mailbox .table-col.bm-attachment, .datatable.bids-mailbox .table-col.bm-option {
	width:20px;
	float:right;
	margin-left:3px;
	text-align:right;
}
.datatable.bids-mailbox .table-col.bm-initial {
	width:40px;
	float:right;
	margin-left:3px;
	text-align:right;
}
.datatable.bids-mailbox .table-col.bm-initial span {
	text-align:center;
	width:28px;
	height:28px;
	font-size:12px;
	line-height:20px;
	color:#fff;
	background:#666;
	border-radius:50%;
	margin:1px 5px;
	display:block;
	cursor:pointer;
	overflow:hidden;
	padding:4px;
}
.datatable.bids-mailbox .table-col.bm-time {
	width:78px;
	float:right;
	margin-left:3px;
	text-align:right;
}
.datatable.bids-mailbox .table-content .table-col p {
	font-size: 1.3rem;
	line-height: 1.7;
	margin: 0px;
	padding: 3px 1px 0;
	width: 100%;
}
.datatable.bids-mailbox .table-content .table-col button {
	position:relative;
	top:2px;
}
.datatable.bids-mailbox .table-content .table-col.bm-check label.checkbox-container {
	position:relative;
	top:4px
}
.datatable.bids-mailbox .table-col.bm-starred a.starred, .datatable.bids-mailbox .table-col.bm-attachment a.attachment {
	position:relative;
	top:3px;
	cursor:pointer;
	color:#444;
}
.datatable.bids-mailbox .table-col.bm-option .input-group-btn .btn.dropdown-toggle {
	padding-left:5px;
	padding-right:5px;
}
.pagination {
	margin:5px 0;
}
.mailbox-pagination ul li.pagination-optiions a.dbcard-header-icons {
	margin-top:0px;
}
.mailbox-pagination ul li.header-left-optiions {
	float:left;
	margin-right:20px;
}
.mailbox-pagination ul li.pagination-optiions {
	float:right;
	margin-left:10px;
}
.mailbox-pagination ul li.pagination-optiions.disabled {
	cursor:not-allowed;
	padding:0px 10px
}
.mailbox-pagination p.summary {
	font-size: 14px;
	color: #111;
	line-height: 1;
	margin: 0px 16px;
}
.mailbox-pagination ul li.pagination-optiions.disabled span i.fa {
	color:#aaa
}
 @media (max-width:991px) {
.datatable.bids-mailbox .table-col.bm-email {
 width:55%;
}
}
 @media (max-width:767px) {
.datatable.bids-mailbox .table-col.bm-email {
 width:80%;
}
 .datatable.bids-mailbox .table-col.bm-email p, .datatable.bids-mailbox .table-col.bm-email p span {
 width:100%;
 display:block;
 overflow:hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 background:transparent;
 color:#555;
 font-size:12px;
 line-height:1.4;
}
 .datatable.bids-mailbox .table-col.bm-from {
 width:50%;
}
 .datatable.bids-mailbox .table-col.bm-time {
 width:25%;
}
 .datatable.bids-mailbox .table-col.bm-time p {
font-size:11px;
color:#999;
text-align:right;
}
 .datatable.bids-mailbox .table-col.bm-check, .datatable.bids-mailbox .table-col.bm-starred {
 width:10%;
 float:left;
}
 .datatable.bids-mailbox .table-col.bm-attachment, .datatable.bids-mailbox .table-col.bm-option {
 margin-top:10px;
 margin-left:8px;
}
 .table-content .table-col .dropdown-menu {
 position: absolute;
 top: 85%;
 left: auto;
 right:0px;
 min-width:100px;
}
}
.modal.compose-mail .modal-body .form-group {
	margin-bottom:0px;
}
.modal-body .form-group .form-control.email-text {
	width:100%;
	border:0px solid transparent;
	border-radius:0px;
	border-bottom:1px solid #ddd;
	padding:0px;
}
.fileinput-button {
	float: left;
	margin-right: 4px;
	overflow: hidden;
	position: relative;
}
.fileinput-button input {
	cursor: pointer;
	direction: ltr;
	font-size: 23px;
	margin: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: translate(-300px, 0px) scale(4);
}
.fileupload-buttonbar .btn, .fileupload-buttonbar .toggle {
	margin-bottom: 5px;
}
.files .progress {
	width: 200px;
}
.fileupload-processing .fileupload-loading {
	display: block;
}
* html .fileinput-button {
	line-height: 24px;
	margin: 1px -3px 0 0;
}
* + html .fileinput-button {
	margin: 1px 0 0;
	padding: 2px 15px;
}
@media (max-width: 767px) {
.files .btn span {
 display: none;
}
.files .preview * {
 width: 40px;
}
.files .name * {
 display: inline-block;
 width: 80px;
 word-wrap: break-word;
}
.files .progress {
 width: 20px;
}
.files .delete {
 width: 60px;
}
}
.bemail-content {
	width:100%;
	padding:4px;
	border:1px dashed #f5f5f5;
	margin:5px auto;
}
h5.from {
	margin:0px;
	padding:0px;
	line-height:1.4;
}
.bemail-content p.to {
	color:#999;
}
p.econtent {
	line-height:1.4;
	color:#333;
	font-size:13px;
}
a.show-prev {
	padding:0px 9px;
	border-radius:10px;
	color:#444;
	background-color:#d6d6d6;
	margin:4px 0;
	width:30px;
	cursor:pointer;
	display:inline-block;
}
a.show-prev:hover {
	background-color:#0d72ba;
	color:#fff;
}
a.show-prev > .fa {
	line-height:1;
	margin:0px 0;
	padding:0px;
}
.bemail-thread {
	width:100%;
	border-left:1px solid #f3f3f3;
	padding-left:15px;
	margin:4px auto 4px 15px;
	position:relative;
	height:auto;
	max-height:300px;
	overflow-y:auto;
	overflow-x:hidden;
}
.thread-items {
	width: 99%;
	min-height:50px;
	height:auto;
	padding:10px;
	background: #f8f8f8;
	position: relative;
left:20px -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 10px;
	margin-bottom:5px;
}
.thread-items:before {
	content: "";
	position: absolute;
	right: 100%;
	top: 15px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-right: 15px solid #f8f8f8;
	border-bottom: 10px solid transparent;
}
/********************************************************** Bids Mailbox ends here **********************************************/


/************************************************************** Help Admin Starts here **********************************************/

.datatable.help-listing .table-col.hsno {
	width:6%;
}
.datatable.help-listing .table-col.htitle {
	width:79%;
}
.datatable.help-listing .table-col.htitle p {
	width:100%;
	display:block;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.datatable.help-listing .table-col.haction {
	width:15%;
	text-align:right;
}
.datatable.help-listing .table-col.haction h4 {
	text-align:right
}
 @media (max-width:991px) {
.datatable.help-listing .table-col.hsno {
 width:10%;
}
 .datatable.help-listing .table-col.htitle {
 width:75%;
}
}
 @media(max-width:767px) {
.datatable.help-listing .table-col.hsno p {
 font-size: 12px;
 line-height: 1.55;
 margin: 0px;
 padding: 6px 1px;
 width: 100%;
}
.datatable.help-listing .table-col.htitle p {
 width:100%;
 height:auto;
 white-space:normal;
 overflow:auto;
 line-height:1.2;
 text-overflow:auto;
}
}
 @media (max-width:480px) {
.datatable.help-listing .table-col.hsno {
 width:10%;
}
 .datatable.help-listing .table-col.htitle {
 width:68%;
}
.datatable.help-listing .table-col.haction {
 width:22%;
}
}
/************************************************************** Help Admin Ends here **********************************************/



/************************************************************** Help Description Begins here **********************************************/

.help-description-block {
	width:100%;
	height:auto;
	padding:0 15px;
}
.help-description-block h4.help-title {
	font-size:22px;
	line-height:1.5;
	font-weight:300;
	color:#0d72ba;
}
.help-description-block .help-description, .help-description-block .help-description p {
	font-size:14px;
	line-height:1.6;
	font-weight:300;
	color:#666;
}
.help-description-block .help-description ul {
	width:100%;
	padding-left:15px;
}
.help-description-block .help-description ul li {
	width:100%;
	margin-bottom:8px;
	list-style-type:disc;
}

/************************************************************** Help Description Ends here **********************************************/

/************************************************** Responsive *******************************************************************/

@media (max-width:767px) {
.datatable .table-col.action {
 width:10%;
 text-align:center;
 position:absolute;
 right:0;
 top:0px;
}
 .nav-tabs > li {
 min-width:20%;
 max-width:27%;
 float:left;
 padding:0px;
}
 .nav-tabs > li > a {
 width:100%;
 padding:3px 5px;
 font-size:12px;
 text-align:center;
 display:block;
 overflow:hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}
}
 @media (max-width:640px) {
.datatable .table-col.action {
 width:60px;
 text-align:right;
 position:absolute;
 right:0;
 top:0px;
}
}
@media (max-width:500px) {
.hidden-xxs {
 display: none !important;
}
}
/***************************************************** table ***********************************************/

table {
	background: white;
	border-collapse: separate;
	border-spacing: 0 2px;
	width: 100%;
}
table tr, table th, table td {
	border: none;
	font-size: 1.3rem;
	line-height:1.1;
}
.theme-dark table tr td span.bt-content {
	color:#fff;
}
table tr {
	width:100%;
	padding-bottom:3px;
}
table tbody tr:hover {
	background-color:#f1f1f1;
}
table.quota-setting tr:hover {
	background-color:transparent;
}
.theme-dark table tbody tr:hover {
	background-color:rgba(200, 200, 200, 0.2);
}
.theme-dark table tbody tr.th-option {
	background-color:transparent
}
table th, table td {
	padding: 2px 5px;
	text-align: left;
	border-top:1px solid #d6d6d6;
	border-bottom:1px solid #d6d6d6;
}
.theme-dark table {
	background:transparent
}
}
.theme-dark table th, .theme-dark table td {
	border-color:#393f48;
	color:#fff;
}
.theme-dark table td .btn.action-btn {
	color:#222;
}
table td p {
	width:100%;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background:transparent;
	word-wrap:break-word;
	margin-bottom:0px;
}
table td:first-child, table th:first-child {
	border-left:1px solid #d6d6d6;
}
table td:last-child, table th:last-child {
	border-right:1px solid #d6d6d6;
}
.theme-dark table td:first-child, .theme-dark table th:first-child {
	border-left:1px solid rgba(200, 200, 200, 0.2);
}
.theme-dark table td:last-child, .theme-dark table th:last-child {
	border-right:1px solid rgba(200, 200, 200, 0.2);
}
.theme-dark .modal-body table td:first-child, .theme-dark .modal-body table th:first-child {
	border-left:1px solid #393f48;
}
.theme-dark .modal-body table td:last-child, .theme-dark .modal-body table th:last-child {
	border-right:1px solid #393f48;
}
table th {
	background: #d6d6d6;
	font-size: 12px;
	line-height:16px;
	position:relative;
	padding:8px 20px 8px 5px;
}
.theme-dark table th {
	background:rgba(255, 255, 255, 0.1);
	color:#fff;
}
table th span.sort {
	position:absolute;
	right:1px;
	top:50%;
	margin-top:-11px;
	font-size:10px;
	color:#aaa;
	cursor:pointer
}
table th span.sort:hover {
	color:#666;
}
table tr td {
	background: transparent;
	margin:1px 2px;
}
/*table tr:nth-of-type(2n+2) td {
  background: #ffffff;
}
*/

table.bt tbody td:before {
	font-size:1.1rem;
	line-height:1.3;
}
table.bt tfoot th .bt-content, table.bt tfoot td .bt-content, table.bt tbody td .bt-content {
	display: inline-block;
	padding: 2px 5px;
}
table.bt tfoot th:last-of-type:before, table.bt tfoot th:last-of-type .bt-content, table.bt tfoot td:last-of-type:before, table.bt tfoot td:last-of-type .bt-content, table.bt tbody td:last-of-type:before, table.bt tbody td:last-of-type .bt-content {
	padding-bottom: 10px;
}
.table caption {
	font-style: italic;
	font-size: 85%;
	line-height: 1;
	padding: 1em 0;
	text-align: center;
}
.table td, .table th {
	border-left: 1px solid #e0e0e0;
	border-width: 0 0 0 1px;
	font-size: inherit;
	margin: 0;
	overflow: visible;
	padding: 0.5em 1em;
	font-weight: normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.table td:first-child, .table th:first-child {
	border-left-width: 0;
}
.table thead, .table tfoot {
	background-color: #f9f9f9;
	text-align: left;
	vertical-align: bottom;
}
.table thead td, .table tfoot td, .table thead th, .table tfoot th {
	border-color: #fff;
}
.table_bordered td {
	border-bottom: 1px solid #e0e0e0;
}
.table_bordered tbody > tr:last-child > td, .table_bordered thead > tr:last-child > td {
	border-bottom-width: 0;
}
.table_horizontal td, .table_horizontal th {
	border-width: 0 0 1px 0;
	border-bottom: 1px solid #e0e0e0;
}
.table_horizontal tbody > tr:last-child > td, .table_horizontal thead > tr:last-child > td {
	border-bottom-width: 0;
}
/***************************************** Fixed LAyout Table**************************************/

table.tb-flayout {
	table-layout:fixed;
}
table.tb-flayout tr td {
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background:transparent;
	word-wrap:break-word;
	margin-bottom:0px;
}
table.tb-flayout tr th.sno {
	width:45px;
}
table.tb-flayout tr th.action {
	width:90px;
}
/********************************************** Responsive Table *********************************/

/*
 * jQuery Basic Table
 * Author: Jerry Low
 */

table.bt thead, table.bt tbody th {
	display: none;
}
table.bt tfoot th, table.bt tfoot td, table.bt tbody td {
	border: none;
	display: block;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	vertical-align: top;
	/* IE 9 */
  float: left\9;
	width: 100%\9;
}
 table.bt tfoot th::before, table.bt tfoot td::before, table.bt tbody td::before {
 content: attr(data-th) ": ";
 display: inline-block;
 -webkit-flex-shrink: 0;
 -ms-flex-shrink: 0;
 flex-shrink: 0;
 font-weight: bold;
 width: 30%;
}
table.bt tfoot th.bt-hide, table.bt tfoot td.bt-hide, table.bt tbody td.bt-hide {
	display: none;
}
table.bt tfoot th .bt-content, table.bt tfoot td .bt-content, table.bt tbody td .bt-content {
	vertical-align: top;
}
.bt-wrapper.active {
	max-height: 310px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
 table.bt.bt--no-header tfoot td::before, table.bt.bt--no-header tbody td::before {
 display: none;
}
 @media (max-width:1024px) {
table tr {
 background: #fafafa;
}
 table tr:nth-of-type(2n+2) {
 background: #ffffff;
}
 .theme-dark table tr {
 background:rgba(255, 255, 255, 0.2);
 color:#fff;
}
 .theme-dark table tr:nth-of-type(2n+2) {
 background: transparent;
 color:#fff
}
}
.table-sortable > thead > tr > th {
	cursor: pointer;
	position: relative;
}
.unsort {
	cursor: text !important;
	position: relative;
}
.table-sortable > thead > tr > th:after, .table-sortable > thead > tr > th:after, .table-sortable > thead > tr > th:after {
	content: '';
	position: absolute;
	height: 0;
	width: 0;
	right: 10px; /* (right padding / 2) - arrow width */
	top: 16px; /* ((padding * 2) + line height) - arrow height *//** As pointed out by Dave Everitt in
   * https://css-tricks.com/snippets/css/css-triangle/
   * The arrow is not an equilateral triangle.
   * the height is 86.6% of the width.
   * Notice the above code does not subract the border
   * width exactly. It is subtracting
   * (rounded) border width * 86.6%
   **/
}
/* Default sortable indicator:hover */
.table-sortable > thead > tr > th:hover:after {
	border-top: 5px solid #888;
}
/* !Default:hover */

/* Ascending sortable indicator */
.table-sortable > thead > tr > th.asc:after {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 0px solid transparent;
	border-bottom: 5px solid #333;
}
.table-sortable > thead > tr > th.asc:hover:after {
	border-bottom: 5px solid #888;
}
/* !Ascending */

/* Descending sortable indicator */
.table-sortable > thead > tr > th.desc:after {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #333;
	border-bottom: 5px solid transparent;
}
table td.action, table th.action, table td.action1024, table th.action1024 {
	text-align:right;
}
 @media (max-width:1024px) {
 table td.action1024, table th.action1024 {
 	text-align:left;
}
 @media (max-width:767px) {
 table td.action, table th.action {
 	text-align:left;
}
 table th, table td {
	 padding: 3px 5px;
}
table.bt tbody td:last-of-type .bt-content {
	 padding-bottom: 4px;
}
}
#loadingmsg {
	padding:51px;
}
#loadingover {
background-color: rgba(0, 0, 0, 0.4);
z-index: 99;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}