
/* Info die */

.nv-infodie {
    margin:0 auto;
    box-shadow:0 0 4px rgba(0,0,0,0.15);
    -webkit-box-shadow:0 0 4px rgba(0,0,0,0.15);
    border-width:1px;
    border-color: #dcdcdc;
    border-style: solid;
    background-color:#fff;
    position:absolute;
    min-height:300px !important;
    min-width:300px !important;
    display:table;
}

.nv-infodie .panel-body {
    display:table-cell;
    vertical-align:middle;
}

.nv-infodie .logo {
    max-width: 90%;
    margin-bottom: 10px;
    height: auto;
}

input[type=checkbox], input[type=radio] {
    height: 14px;
    width: 14px;
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}
#nav-tab .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #d62f2f;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 2px solid !important;
}

#nav-tab .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #d62f2f;
}

.d62f2f{
	 color: #d62f2f;
}
h3.card-title{
	text-transform: uppercase;
	font-weight:bold;
}

table.dataTable thead th:nth-child(1).sorting_asc{
	padding: 0px;
}
table.dataTable thead th:nth-child(1).sorting_asc:before, table.dataTable thead th:nth-child(1).sorting_asc:after{
	display:none;
}
.hidden{
	display:none !important
}
.padding5 {
    padding: 5px !important;
}
.padding6-10{
	padding: 6px 10px !important
}
.padding8-10{
	padding: 8px 10px !important
}
.padding6-10 h3.card-title  {
    font-size:14px;
	padding-top: 4px;
}

.paddinglr15 {
    padding: 0 18px !important;
    margin-top: -15px;
    padding-bottom: 15px !important;
}

.margl75{
	margin-left: 7.5px;
}

.toolaction i{
	color:#d62f2f
}
.toolaction a{
	display:inline-block;
	position:relative;
	padding: 0px 10px;
	width: 44px;
	
}
.toolaction a:after{
	color: #ccc;
    content: '|';
    position: absolute;
    right: 0;
}
.toolaction a:last-child:after{
    display:none
}
.toolaction>a>span{
	color:#d62f2f;
    position: absolute;
    display: block;
    bottom: -8px;
    font-size: 8px;
	font-weight:bold;
}
.toolaction>a:nth-child(1)>span{
    right: 16px;
}
.toolaction>a:nth-child(2)>span{
    right: 16px;
}
.toolaction>a:nth-child(3)>span{
    right: 18px;
}
.toolaction>a:nth-child(4)>span{
    right: 18px;
}
.toolaction>a:nth-child(5)>span{
    right: 14px;
}
#ListInsurrance .toolaction>a{
	width:50px;
}
#ListInsurrance .toolaction>a:nth-child(1)>span{
    right: 16px;
}

#ListInsurrance .toolaction>a:nth-child(2)>span{
    right: 24px;
}
#ListInsurrance .toolaction>a:nth-child(3)>span{
    right: 20px;
}

#registerForm label{
	font-weight: normal;
	font-size:14px;
}

.fixscrollbar{
	overflow-y: scroll;
	max-height: 510px;
}

.fixscrollbar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #f9f9f9;
}

.fixscrollbar::-webkit-scrollbar
{
	width: 4px;
	background-color: #f9f9f9;
}

.fixscrollbar::-webkit-scrollbar-thumb
{
	background-color: #898c90;
}

#card-body-fixp .row{
	margin-right: -2.5px;
    margin-left: -2.5px;
}
#card-body-fixp .col-sm-1, #card-body-fixp .col-sm-2, #card-body-fixp .col-md-1, #card-body-fixp .col-md-2{
	padding: 0 2.5px;
}

.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
}
.select2-container--default .select2-dropdown {
    border: 1px solid #ced4da;
    background: #fff;
    transform: translateZ(0);
    border: 1px solid #ddd;
    border-radius: 2px;
    box-shadow: 2px 2px 3px -2px #555;
    border-right-width: .5px;
    border-bottom-width: .5px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #f8f9f9 !important;
	color:#333 !important;
	border-left: 3px solid rgba(214,49,49,.7)!important;
}
 
.select2-results__options::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #f9f9f9;
}
.select2-container--default .select2-results__option{
	border-bottom: 1px #eeeeee solid;
	border-left: 3px solid #f8f9f9;
	color:#495057
}

.select2-container--default .select2-results__option[aria-selected="true"], .select2-container--default .select2-results__option[aria-selected="true"]:hover {
	background: #e8ebee!important;
    border-left: 3px solid #e8ebee;
}
.select2-container--default .select2-selection--single {
    padding: 6px 0px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 2px !important;
}
.select2-search--dropdown {
    padding: 0 !important
    
}
.select2-container--default .select2-search--dropdown .select2-search__field{
	border-radius: 0 !important;
	outline: none important;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus{
	border-radius: 0 !important;
	outline: none !important;
	border: 1px #eeeeee solid;
}
.select2-results__options::-webkit-scrollbar
{
	width: 4px;
	background-color: #f9f9f9;
}

.select2-results__options::-webkit-scrollbar-thumb
{
	background-color: #898c90;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da !important;
}
.text-sm .select2-container--default .select2-selection--single .select2-selection__rendered, select.form-control-sm~.select2-container--default .select2-selection--single .select2-selection__rendered {
	margin-top: -5px !important;
    line-height: 27px;
	color:#495057 !important;
}

.relative input.form-control-sm{
	padding: .25rem 4px !important;
}
.ui-datepicker-trigger{
	background: transparent;
	border: none;
	outline:none;
	position:absolute;
	right:0px;
	top: 2px;
}
.ui-datepicker-trigger:focus{
	background: transparent;
	border: none;
	outline:none;
}
.ui-datepicker-trigger i{
	color: #d62f2f;
}
.relative{
	position:relative
}

.layout-fixed .wrapper .sidebar{
	overflow: visible
}

.select2-container--default.select2-container--focus .select2-selection--multiple{
	border: 1px solid #ced4da !important;
}
.select2-selection__choice,.select2-container--default .select2-selection--multiple .select2-selection__choice{
	background:none !important;
	border:none !important;
	color:#333  !important;
}
.select2-selection__choice{
	display:block;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
	background:none !important;
	border:none !important;
	color:#333  !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{
	margin-bottom: -.375rem !important;
}
.select2-container--default .select2-selection--multiple{
	border: 1px solid #ced4da !important;
}
select.form-control-sm~.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field {
	padding: 0 .5rem;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    margin: 0 !important;
    padding: 2px 0px !important;
}
 

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
	position: absolute;
    right: 6px;
    top: 2px;
    font-size: 20px;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-flex !important;
    
}

/* FIX SELECT 2 MULTIPLE SEARCH ONE */
div[multiple] select{
	/* height: 31px;
	overflow: auto !important; */
}
 
.text-sm .select2-container--default .select2-selection--multiple .select2-selection__rendered, select.form-control-sm~.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0 !important;
    margin-top: 0 !important;
}

.attachmentgroup{
	min-height: 350px
}
.attach-btn {
	height: 15px !important;
	position: absolute;
	top: 8px;
	color:#b72525; 
	width: 12px !important;
	text-indent: 0px !important;
	
}
.attach-btn:hover {
	color:#d62f2f; 
}

div.message a:hover {
text-decoration: underline;
}
img.attach {
	background: url("../images/remove_attachment.png") no-repeat scroll 0 2px transparent;
	height: 14px;
	width: 12px;
}
img.attach:hover {
	background: url("../images/remove_attachment_hover.png") no-repeat scroll 0 2px transparent;
	height: 14px;
	width: 12px;
}
div.uploading {
	float: left;
	line-height: 1.3;
}
div.upload-spin {
	background: url("../images/ajax-loader-arrow.gif") no-repeat scroll 0 0 transparent;
	height: 16px;
	float: left;
	width: 16px;
	margin-right: 5px;
}
.attachment {
    display: block;
    position: relative;
    border: 1px #ccc solid;
    padding: 8px 8px;
	border-radius: 4px;
	margin-bottom: 2px
}

#composerAttachmentsHolder {
    list-style: none outside none;
    margin-bottom: 0px;
    padding: 0;
    margin-top: 15px;
}
img.type {
	margin-right: 2px;
}
.attachment span {
    padding-right: 10px;
    position: relative;
}
 
.has-error .help-block, .form-group.has-error label, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
	color: #dc3545;
}
.has-error .form-control {
	border-color: #dc3545;
}
div.required .control-label:not(span):before, td.required:before {
	content: '* ';
	color: #F00;
 
}
div.required.has-error  .select2-selection {
    border: 1px solid #a94442;
}
.text-danger {
    font-size: 14px
}

#sitemodal button.close{
	position: absolute;
    right: 6px;
    font-size: 14px;
    top: 4px;
    color: #000;
}
#sitemodal button.close i{
	 font-size: 14px;
}
#sitemodal button.close:focus{
	outline:none;
	border:none;
}
#sitemodal .modal-headerx
{
	border-bottom: 1px #ccc solid;
    position: relative;
    top: -12px;
}
#sitemodal .modal-headerx .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    color: #d62f2f;
    border-bottom: 2px solid !important;
    display: inline-block;
    font-weight: bold;
}
#sitemodal .alert-danger{
	background:#d62f2f;
	margin: 4px 0;
    padding: 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
body.overlay{
	 /* overflow:hidden */
}
#registerForm{
	position:relative
}
.card .overlay{
}

.dataTable td{outline:none}
 
.sorting_1{
	 width:30px
}
.checkbox {
  display: block;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  border: 1px solid #D3CFC8;
}

/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark, .checkbox:hover input +span.checkmark {
  border: 1px solid #dc3545 !important;
}

/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark {
	background-color: #dc3545;
	border-color: #dc3545;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox .checkmark:after {
	content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 10px;
    border: 2px solid #fff;
    border-left: none;
    border-top: none;
    transform: translate(7.75px,4.5px) rotate(45deg);
    -ms-transform: translate(7.75px,4.5px) rotate(45deg);
}


.table td, .table th {
    padding: 0 2px !important;
    vertical-align: middle !important;
   
}


#nav-tab{
	overflow-y: auto;
    height: 44px;
    width: 100%;
 
}
 

#nav-tab::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #f9f9f9;
}

#nav-tab::-webkit-scrollbar
{
	width: 4px;
	background-color: #f9f9f9;
}

#nav-tab::-webkit-scrollbar-thumb
{
	background-color: #898c90;
}

.text-usercreate{
	border: 1px #FF9800 solid;
    display: inline-block;
    border-radius: 50%;
    padding: 2px 4px;
    color: #FF9800;
    cursor: pointer;
}
.text-usercreate i{
	font-size: 16px
}

.datepickermonth{
    visibility: hidden;
    position: absolute;
	right: 10px;
    z-index: -1;
}
button.MonthPicker {
    background: transparent;
    outline: none;
    border: none;
}


#sortable1, #sortable2{
	padding: 0;
	margin:0;
	list-style: 0;
}
#sortable1 li, #sortable2 li{

	list-style: none;
}
#sortable1 li:last-child, #sortable2 li:last-child{
	margin-bottom:0
}
.titlebox{
	position: relative;
    top: 10px;
    z-index: 1;
    background: #fff;
    left: 20px;
    display: inline-block;
    padding: 2px 4px;
    font-size: 14px;
}
#myModal .modal-content{
	border:none;
}
#myModal .modal-header{
	padding: 4px 10px
}
#myModal .modal-header h4 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
}
#myModal .modal-header{
	background:#d62f2f;
	color:#fff;
}
#myModal .modal-header button{
	padding:0;
	margin:0;
	display:inline-block;
	color:#fff;
}
#myModal .modal-body{
	padding:0 10px
}
#myModal .modal-body .card-body{
	padding:15px 10px
}
#myModal .card3.first{
	position:relative
}
#myModal .card3.first:after {
    position: absolute;
    border-right: 1px #ccc solid;
    right: -8px;
    content: '';
    top: 0;
    height: 100%;
}
#myModal .modal-footer.text-center{
	display: inline-block
}
.ui-sortable-handle{
	position:relative
}
.ui-sortable-handle.selected{
    background: #c11b1b !important;

}

.opacity50{
	opacity:0.5
}

.logo_pa_sp {
    padding: 15px 0 20px 0;
    text-align: center;
    text-transform: uppercase;
    color: #ffdc74;
    font-weight: bold;
    font-size: 17px;
    line-height: 1.4;
}
