/*##########################################################################
#########################   THEME CUSTOMIZATIONS   #########################
##########################################################################*/

body
{
    padding: 0;
}

.ibox-footer
{
    overflow: hidden;
}

.dashboard-header
{
    box-shadow: 0 0 4px #D4D4D4;
}

.field-validation-error
{
    color: red;
    margin-bottom: 10px;
    display: inline-block;
}

/* DON'T fix its width */
@media (min-width: 992px)
{
    .container
    {
        width: auto;
    }
}

/* DON'T fix its width */
@media (min-width: 768px)
{
    .container
    {
        width: auto;
    }
}

.i-checks {
	margin-right: 10px !important;
}


/* https://github.com/twbs/bootstrap/issues/11292 */
/*text-right and similar behaving differently based on width*/
.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 745px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}

@media (min-width: 746px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}
/* END text-right customization */


/*##########################################################################
#########################   CUSTOM ELEMENTS   #########################
##########################################################################*/

.Flags
{
    list-style: none;
}


.checkbox-list {
  padding-top: 10px;
  padding-bottom: 10px;
}

.children-checkboxes {
  padding-left: 20px;
}



.checkbox-list {
   list-style: none;
   margin: 0;
   padding: 0;
   border: 0;
}


/*HR form separator fields (Personal Data page)*/
.separator-field hr {
   margin: 5px 0 20px 0;
}