/*-----------------------------------------*/
/* preview popup                           */
/*-----------------------------------------*/
.previewBox
{
    position:absolute;
    z-index:1000;
    height:320px;
    width:304px;
    border-radius:5px;
    border:1px solid #1688F3;
    background-color:white;
    right: 46px;
    top: -285px;
    text-align: left;
}

.previewBox:after,
.checkoptBox:after,
.checkoptBox:before,
.previewBox:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}

.previewBox:after
{
    top: 298px;
    border-color: transparent transparent transparent white;
    border-width: 5px;
}

.previewBox:before
{
    top: 297px;
    border-color: transparent transparent transparent #1688F3;
    border-width: 6px;
}


.previewBox.leftside,
.checkoptBox.leftside
{
    right: -315px;
    top: -1px;
    width:320px;
    -webkit-transition: height 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: height 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.previewBox.leftside:after,
.checkoptBox.leftside:after
{
    top:10px;
    left:-12px;
    border-color:transparent #f0f1f6 transparent transparent;
    border-width: 6px;
}

.previewBox.leftside:before,
.checkoptBox.leftside:before
{
    top:9px;
    left:-14px;
    border-color:transparent #1688F3 transparent transparent;
    border-width: 7px;
}

.previewBox.leftbottom,
.checkoptBox.leftbottom
{
    right: 56px;
    top: -1px;
    width:320px;
    -webkit-transition: height 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: height 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.previewBox.leftbottom:after
{
    top: 11px;
    left: 318px;
    border-color: transparent transparent transparent #f0f1f6;
    border-width: 6px;
}

.previewBox.leftbottom:before
{
    top: 10px;
    left: 318px;
    border-color: transparent transparent transparent #1688F3;
    border-width: 7px;
}

.previewBox .head
{
    background-color: #f0f1f6;
    height: 37px;
    color:#1588f3;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    padding:6.5px 3px 6.5px 15px;
    font-style: italic;
    margin-bottom: 4px;
}

#cmd_content
{
    padding:0px 15px;
    height: 273px;
    width: 100%;  
}

#cmd_content img
{
    margin:0 auto;
    display: block;
}

.preview_tbl
{
    font-style:italic;
    border:0px !important;

}
.preview_tbl tr td
{
    vertical-align: top;
    background-color:white !important; /* override datatable tr hover if the preview is within datatable */
     font-size:14px !important;
     padding: 5px 0px !important;
     border:none !important;
}
.preview_tbl tr td:first-child{
    width:112px !important;
}

.preview_tbl tr td:last-child{
    max-width: 179px;
    word-wrap: break-word;
}

.preview_tbl tr:hover
{
    background-color:white !important; /* override datatable tr hover if the preview is within datatable */
}

#remove_preview
{
    cursor: pointer;
    float:right;
}

/*-----------------------------------------*/
/* check options popup                     */
/*-----------------------------------------*/

.fa-checkall-options,
.fa-checkall-header-options
{
	opacity:0;
}

.checkoptBox
{
	position:absolute;
    z-index:1000;
    height:155px;
    width:207px;
    border-radius:5px;
    border:1px solid #1688F3;
    background-color:white;
    right: -9px;
    top: 34px;
    text-align: left;
}

.checkoptBox:after
{
	top: -8px;
    left: 157px;
    border-color: transparent transparent white transparent;
    border-width: 4px;
}

.checkoptBox:before
{
    top: -10px;
    left: 156px;
    border-color: transparent transparent #1688F3 transparent;
    border-width: 5px;
}

.checkoptBox #cmd_content
{
    padding:15px 15px;
    height:auto !important;
    width: 100%; 
    font-style:italic;
}

ul.checkall-options-ul
{
	width: 100%; 
	list-style: none; 
	padding: 0px !important; 
	margin: 10px 0px 0px 0px !important;
}

ul.checkall-options-ul li
{
	width:100% !important;
	display:block;
}

ul.checkall-options-ul li span
{
	position:relative;
	top:-2px;
	cursor:pointer;
}

label.checkall-option,
label.checkall-header-option
{
    float: left;
    width: 100% !important;
    max-width: 100% !important;
    margin: 4px 0px !important;
    padding-left:0px !important;
}

/*-----------------------------------------*/
/* check header options popup              */
/*-----------------------------------------*/

.checkoptBox.header
{
	height:122px;
	width:132px;
	border-color:#ccc !important;
}

.checkoptBox.header:after
{
	left:81px;
}

.checkoptBox.header:before
{
	left:80px;
	border-color: transparent transparent #ccc transparent;
}

.header ul.checkall-options-ul
{
	margin-top:5px !important;
}

.header #cmd_content
{
	padding:10px 15px 15px 15px !important;
}

/*-----------------------------------------*/
/* more filters popup                      */
/*-----------------------------------------*/
.checkoptBox.Filters
{
	width:339px;
	height:55px;
	border:1px solid #ccc;
	position:absolute;
	left: -97px;
    top: 24px;
}

.checkoptBox.Filters:after
{
	left:143px;
}

.checkoptBox.Filters:before
{
	left:142px;
	border-color: transparent transparent #ccc transparent;
}

.checkoptBox.Filters #cmd_content
{
	padding:10px 10px !important;
	display:inline;
}
/*-----------------------------------------*/