/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 12, 2016, 1:35:34 PM
    Author     : Yoan
*/
.ui-widget.success-dialog {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
        z-index: 1;
}

.ui-widget.warning-dialog {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	text-align: left;
        z-index: 1;
}

.ui-dialog-titlebar-close {
    
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px;
    opacity: 0;
    

    
}
.ui-widget-content.success-dialog {
	border: 1px solid #43a1da;
	color: #222222;
}

.ui-widget-content.warning-dialog {
	border: 1px solid #ff5050;
	color: #222222;
}

.ui-dialog.success-dialog {
	left: 100;
	outline: 2 none;
	padding: 2 !important;
	position: absolute;
	top: 15;
        z-index: 1;
}

.ui-dialog.warning-dialog .ui-dialog-content {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	overflow: auto;
	position: relative;
	padding: 80 !important;
	margin: 15;
}

.ui-dialog.success-dialog .ui-dialog-content {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	overflow: auto;
	position: relative;
	padding: 1 !important;
	margin: 15;
}

.ui-dialog.success-dialog .ui-widget-header {
	background: #43a1da;
	border-bottom: 1px solid #e5e5e5;
	border: 4;
	color: #fff;
	font-weight: normal;
}

.ui-dialog.warning-dialog .ui-widget-header {
	background: #ff5050;
	border: 4;
	color: #fff;
	font-weight: normal;
}

.ui-datepicker-header {
	background: #999999;
	border-bottom: 1px solid #e5e5e5;
	border: 4;
	font-weight: normal;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
	.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
	{
	border: 1px solid #999999;
	/*background: #dadada 50% 50% repeat-x;*/
	font-weight: normal;
	color: #212121;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
	{
	border: 1px solid #999999;
	background: #aaa 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}

div.dt-buttons {
   float: right !important;
   margin-left:10px;
}


@media ( min-width : 1170px) { /*table#blacklistTableId 
	{
    	width: 100% !important;
	}*/
}

@media ( min-width : 980px) and (max-width: 1170px) {
	div#loadFileBox {
		width: 98% !important;
	}
	div#loadTemplate {
		width: 98%;
		margin-left: 0px;
	}
	#loadBlacklistFile {
		margin-top: 2%;
	}

	/*table#blacklistTableId 
	{
    	width: 100% !important;
	}*/
}

@media ( max-width : 979px) and (min-width: 600px) {
	div#loadFileBox {
		width: 98% !important;
	}
	div#loadTemplate {
		width: 98%;
		margin-left: 0px;
	}
	#loadBlacklistFile {
		margin-top: 2%;
	}

	/*table#blacklistTableId 
	{
    	width: 100% !important;
	}*/
}

@media ( max-width : 599px) {
	div#loadFileBox {
		width: 98% !important;
	}
	div#loadTemplate {
		width: 98%;
		margin-left: 0px;
	}
	
	div#tblack .pagination {
		position: relative;
		max-width: 15px !important;
		font-size: 12px;
		display: compact;
	}
	div#tblack .pagination .paginate_button {
		
	}
}

@media ( max-width : 435px) {
}

#loader1 {
	position: absolute;
	background: #ffffff;
}


.modal-danger{
    background-image: linear-gradient(#e12b31, #c71c22 60%, #b5191f);
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

.modal-danger-title{
    color : white;
}

.modal-default-title{
    color : white;
}
.modal-default{
    background-image: linear-gradient(#4f5866, #4f5866 50%, #4f5866);
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

.modal-warning{
    background-image: linear-gradient(#ff6707, #dd5600 60%, #c94e00);
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.modal-warning-title{
    color : white ;
}