/*---------------------------------confirmation box ---------------------------*/

.thankyou_info .danger-icon
{
	background-color: red !important;
}
.thankyou_info .danger-icon::before
{

width: 43px;
height: 3px;
background-color: #fff !important;
left: 20px !important;
bottom: 40px !important;
transform: rotate(45deg) !important;
}
.thankyou_info .danger-icon::after
{

width: 43px !important;
height: 3px !important;
background-color: #fff !important;
right: 21px !important;
top: 42px !important;
transform: rotate(137deg) !important;
}
/*---------------------------------end confirmation box ---------------------------*/
.btn:hover
{
color:#fff;
}
#id01
{width:34%;left:30%; top:30%;background: #fff;padding:0px;height: auto;border-radius: 5px;}
#id01 .modal-content .btn
{
 margin:0 10px;
}
#id01 .modal-content .modal-header
{
padding:0;
margin-bottom:20px;
}

#id01 .modal-content h1
{
font-size:1rem;
}

#id01 .modal-content
{
border:none;
}
.cancelbtn
{
background:#ddd;
color:#333;
}
.deletebtn
{
background:#97144D;
color:#fff;
}
/*---------------------------------end box ---------------------------*/
#dashboard_container .selectoptiondiv
{
 width: 100%;
 margin-top:20px;
 display: flex;
 margin-bottom: 20px;
 justify-content: space-between;
}

.btn-approve
{
background:#1fc24e;
font-weight:normal;
color:#fff;

}
.btn-reject
{
background:#ff2121;
font-weight:normal;
color:#fff;
}
#deletecomment
{
margin:20px 0;
width:100%;
}
#listskyboxdata_wrapper
{
margin-top:40px;
}
.modal-backdrop
{
background:rgba(0,0,0,0.5);
}
#skyboxmodal form input[type='text'], #skyboxmodal form textarea
{
color:#333;
background:transparent;
border-color:#ddd;
}
#skyboxmodal .error
{
	display:block;
}

.views-exposed-form .form-inline label
{
justify-content:flex-start;
}
.views-exposed-form #edit-opportunity-id, .views-exposed-form #edit-opportunity-status
{
 border:none;
border-bottom:1px solid #333;
margin-top:0;
margin-right:20px;

}
.views-exposed-form
{
 margin-bottom:20px;
text-align:left;
}
.dashboard_container
{
 width:94%;
margin:0 auto;
}
.listdata .checkboxerror
{
display:block;
}
.selectoptiondiv
{
 width:50%;
margin-top:20px;
}
.selectoptiondiv select
{width: 46%;border:none;border-bottom: 1px solid #333;margin-bottom: 20px;padding-bottom: 8px;margin-right: 20px;}
table.dataTable thead th, table.dataTable thead td
{
padding:8px 10px;
color:#333;
background:#f4f2f1;

}
table.dataTable 
{
border:1px solid #dee2e6 !important;
width:100%;
}
table.dataTable tbody
{
background:#f4f2f1;
}
table.dataTable td, table.dataTable th
{
border:1px solid #dee2e6;
text-align:left;
color:#333;

}
table.dataTable td
{
background:#f4f2f1;
}
table.dataTable thead th {
	border-color: #8c0545;
	border-width: 1px;
	color: #fff;
	font-weight: normal !important;
background:#8c0545;
}

.context--listApiData #listapi #deleteitem
{
 cursor:pointer;
}

.list-wrap-confirm
{
	display:flex;
	justify-content:center;
}

.context--listApiData #listapi #deleteitem:hover{
color:#333;
}

.context--listApiData .modal-header .close{
 margin-right:0;
}

@media only screen  and (max-width: 768px) and (min-width:100px)
{
			.dashboard_container
			{
			overflow-x:scroll;
			}
			.dataTables_wrapper
			{
			 overflow-x:scroll;
			}
			#id01
			{
				width:90%;
				left:5%;
				top:25%;
			}
			.selectoptiondiv
			{
			 width:100%;
			}
			.selectoptiondiv select
			{
			 width:100%;
			}
}