/*body{
    background-color: #fff !important;
}*/
/* Initially hide the popup */
.fdf-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
}

.fdf-popup-content {
    background: #fff;
    margin: 1% auto;
    padding: 1px 20px 30px 20px;
    /*width: 500px;*/
	/*width: 95%;*/
    position: relative;
}

.fdf-close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 20px;
}

.fdf-download-btn {
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
}

#form-errors {
    font-size: 14px;
    font-weight: bold;
    color: #d9534f; /* Red color */
}

.text-danger {
    color: rgb(220 53 64) !important;
}

.first-section{ padding: 0px; margin: 25px 0px;border: solid 0px red; }
.second-section{ padding: 0px 0px; margin: 30px 0px;border: solid 0px red; }
.footer-font{ font-size: 13px;padding-top:15px; }


/* Add to a custom CSS file or inline in the plugin */
.dataTables_wrapper .dt-buttons {
    margin-bottom: 15px;
}

.btn {
    background-color: #007cba;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    border: none;
    cursor: pointer;
}

.btn:hover {
    background-color: #005a9c;
}
.dt-buttons button{ padding: 5px; margin: 30% !important;background-color: #03a9f4; }

/* responsive media query css starts*/
/* smartphones, iPhone, portrait 480x320 phones */
@media (min-width:320px){ 
	.fdf-popup-content { width: 95%; } 
}

/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
@media (min-width:481px){
	.fdf-popup-content { width: 95%; }
}

/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
@media (min-width:641px){
	.fdf-popup-content { width: 70%; }
}

/* tablet, landscape iPad, lo-res laptops ands desktops */
@media (min-width:961px){
	.fdf-popup-content { width: 53%; }
}

/* big landscape tablets, laptops, and desktops */
@media (min-width:1025px){
	.fdf-popup-content { width: 40%; }
}

/* hi-res laptops and desktops */
@media (min-width:1281px){
	.fdf-popup-content { width: 40%; }
}


/* responsive media query css ends*/