/******************************************************

                    SETCO GLOBALS

*******************************************************/
.margin {
    margin: 15px;
}
.margin-top {
    margin-top: 15px;
}
.margin-bottom {
    margin-bottom: 15px;
}
.margin-left {
    margin-left: 15px;
}
.margin-right {
    margin-right: 15px;
}
textarea:focus,
input:focus,
a:focus,
.select2-container--focus .select2-selection
{
    outline: none;
}
.select2-container--focus
{
    border-radius: 3px;
}
textarea:focus,
input:focus,
select:focus,
.select2-container--focus {
    box-shadow: 0 0 2px 2px rgb(190, 15, 38);
}
.btn-container button:focus {
    box-shadow: 0 0 2px 2px rgba(190, 15, 38, 1) !important;
}
.btn-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.content {
    padding: 50px 0px 10px;
}
.section-action {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 0.6;
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
}
.section-action:hover {
    color: #9a9a9a;
}

/******************************************************

                    SETCO DATATABLE

*******************************************************/

#datatable-table_filter {
    width: 100%;
}
#datatable-table_filter input {
    width: 100%;
}
.table tr:hover td {
    background-color: #9ba69a;
}
.dataTables_wrapper > .dataTables_scroll,
.dataTables_wrapper > .row:last-child {
    /*! margin-top: 10px; */
}

table td .btn-container {
    justify-content: space-evenly;
}
table td .btn-container .btn,
table td .btn-container .btn:focus,
table td .btn-container .btn:active {
    background: none !important;
    border: none !important;;
    padding: 0;
    box-shadow: none !important;
    height: 1.6rem;
}
table td .btn-container .btn:focus span,
table td .btn-container .btn:active span {
    font-size: 18px !important;;
}
table td .btn-container .btn span {
    font-size: 1.6rem;
    text-shadow: 1px 1px #888;
}
/** If no color is set on btn we use primary as default */
table td .btn-container .btn span,
table td .btn-container .btn-primary span {
    color: #be0f26;
}
table td .btn-container .btn-secondary span {
    color: #798892;
}
table td .btn-container .btn-warning span {
    color: #efc950;
}
table td .btn-container .btn-info span {
    color: #9964e3;
}
table td .btn-container .btn-success span {
    color: #1ba81b;
}
table td .btn-container .btn-danger span {
    color: #ed0505;
}

/** Datatable input */
table thead .col_filter {
    width: 100%;
    position: relative;
}
table thead input {
    width: 100%;
    box-sizing: border-box;
    padding: 3px 5px;
    border-radius: 3px;
    border: 1px solid #aaa;
}
table thead .col_filter a {
    position: absolute;
    right: 5px;
    top: 6px;
    color: #282828;
    font-weight: 100;
    font-size: 10px;
}

/** Hidden Column */
.col_hidden {
    display : none !important;
}

/******************************************************

                DATATABLE ICON LIST

*******************************************************/

.dt_icon_list .dataTable {
    display: grid;
}
.dt_icon_list .dataTable .datatable-head  {
    display: none;
}
.dt_icon_list .dataTables_scrollHead  {
    display: none;
}
.dt_icon_list .dataTable tbody {
    display: flex;
    flex-wrap: wrap;
}
.dt_icon_list .dataTable tbody tr {
    background: none;
    min-height: 80px;
    width: 80px;
    text-align: center;
    margin: 7px;
}
.dt_icon_list .dataTable tbody tr td:not(.col_icon) {
    display: none;
}
.dt_icon_list .dataTable tbody tr td.col_icon {
    border: none;
    background: none;
    padding: 0;
}
.dt_icon_list .dataTable tbody tr td.col_icon a.td_icon {
    background: url(../img/folder.svg) no-repeat center center;
    background-size: contain;
    display: inline-grid;
    height: 70px;
    width: 80px;
}
.dt_icon_list .dataTable tbody tr td.col_icon div.td_icon {
    width: 100%;
    margin-top: -10px;
    min-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
}
.dt_icon_list .col_hidden {
    display : grid !important;
}

/* Header BTN */
.dataTables_wrapper .hidden-sm-down {
    padding: 3px 0 0 0;
}
.dataTables_wrapper .dt_style_switch > div
{
    width: 40px;
    height: 35px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    border: 1px solid rgb(193, 204, 211);
    border-right: none;
    padding: 8px;
    text-align: center;
    background: #fafbff;
}
.dataTables_wrapper .dt_style_switch > div.active {
    box-shadow: 0 0 2px #686868;
    border-right: 1px solid rgb(193, 204, 211);
}
.dataTables_wrapper .dt_style_switch > div:first-child {
    border-radius: 3px 0 0 3px;
}
.dataTables_wrapper .dt_style_switch > div:last-child {
    border-radius: 0 3px 3px 0;
    border-right: 1px solid rgb(193, 204, 211);
}
.dataTables_wrapper .dt_style_switch #dt_table_list::before,
.dataTables_wrapper .dt_style_switch #dt_table_icon::before {
    font-size: 20px;
    color: #282828;
}
.dataTables_wrapper .dt_style_switch #dt_table_list::before {
    content: "\f03a";
}
.dataTables_wrapper .dt_style_switch #dt_table_icon::before {
    content: "\f00a";
}

/**
        DOCUMENT & REFERENCE TABLE
 */
.doctable tbody td {
    cursor: pointer;
}
#detail_reference_wrapper .dataTables_scrollBody,
#document_reference_wrapper .dataTables_scrollBody  {
    height: auto !important;
    border-bottom: 1px solid #d6dee5;
}



/******************************************************

                    SETCO BLOCK

*******************************************************/

header h4 {
    border-radius: 3px;
    background-color: #be0f26;
    color: white;
    font-variant: small-caps;
    font-weight: bold;
    padding: 8px;
    font-size: 20px;
    line-height: 0.8;
}
header h4 span {
    padding-right: 10px;
    font-weight: bold;
    float: right;
}
header h4 span a {
    color: blanchedalmond;
}
.logo .logo-large img, .logo .logo-small img {
    max-width: 80%;
}



/******************************************************

                BACKGROUND IMAGE FOR BUTTON

*******************************************************/

.bg-blue {
    background-color: #364F6A !important;
}
.bg-orange {
    background-color: #e6674a !important;
}
.bg-green {
    background-color: #3D9400 !important;
}
.bg-red {
    background-color: #E02222 !important;
}


/******************************************************

                        SIDEBAR

*******************************************************/
#sidebar .right-icon {
    position: absolute;
    right: 25px;
    margin-right: 20px;
    left: 185px;
}
#sidebar .fa-caret:before {
    content: "";
}
#sidebar .open .fa-caret:before {
    content: "";
}
.content-wrap {
    left: 0;
    margin-left: 50px;
}
.nav-expanded .content-wrap {
    margin-left: 224px;
}
.sidebar-nav > li > ul {
    border-top: 1px solid rgba(0,0,0,0.3);
    border-bottom: 1px solid rgba(0,0,0,0.3);
}
.sidebar-nav > li > a {
    vertical-align: middle;
    padding-right: 40px;
}
.sidebar-nav > li > a > span {
    line-height: 20px;
    display: inline-grid;
    vertical-align: middle;
}
.sidebar-nav > .active > a .icon {
    background-color: transparent;
}
.sidebar-nav > .active > a .icon:first-of-type {
    background-color: #be0f26;
}
.sidebar-nav > .active > a .row-title {
    color: #be0f26;
    font-weight: bold;
}
.sidebar-nav > li > a > span.badge {
    margin-right: 0;
    position: absolute;
    right: 10px
}
.sidebar-nav > li > ul > li:hover {
    text-decoration: underline;
}
.sidebar-nav > li > ul > li > a > span {
    margin-right: 8px;
}
.sidebar-nav > li > ul > li  > a > span > i {
    font-size: 14px;
}

/**
 *      FOOTER
 */
#sidebar footer {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    text-align: center;
    height: 25px;
    font-weight: 500;
    font-size: 10px;
}
#sidebar footer a {
    color: #be0f26;
}

/******************************************************

                    SELECT 2

*******************************************************/
#content form .select2-container {
    width: 100% !important;
}
#doc-index-form .form-control:focus,
.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-drop-active {
    border-color: #aaa !important
}
.select2-container .select2-selection--single {
    height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
}
.select2-search--dropdown .select2-search__field {
    padding-left: 28px;
}
.input-daterange .input-group-addon{
    background: #e4e4e4;
    border: 1px solid #aaa;
    z-index: 1;
    padding-top: 7px;
    max-height: 34px;
}
.input-daterange .input-group-addon:first-of-type {
    border-radius: 3px 0 0 3px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .tag_title {
    font-size: 10px;
    text-decoration: underline;
    float: right;
}


/********************************************************

                         DIALOG

/********************************************************/
.ui-dialog {
    z-index: 999;
}

/********************************************************

                      BOOTBOX MODAL

/*********************************************************/
.bootbox.modal {
    font-size: 1.1rem;
    color: #000;
}

/********************************************************

                         PNOTIFY

/********************************************************/
.ui-pnotify-text {
    font-size: 15px;
    font-weight: 500;
}
h4.ui-pnotify-title {
    background: none;
}

/******************************************************

                      SESSION TIMER

*******************************************************/

#session_timer {
    text-align: center;
}
#session_timer span {
    font-weight: 600;
}

/********************************************************

                    BOOTSTRAP NOTIFY

/*********************************************************/

[data-notify="container"] {
    background-color: rgb(255, 255, 238);
    border-width: 0;
    border-left: 0 solid rgb(255, 255, 238);
    border-radius: 0;
    box-shadow: 0 0 5px rgba(51, 51, 51, 0.3);
}
[data-notify="container"] > [data-notify="title"] {
    display: block;
    font-weight: 700;
    font-size: 1rem;
    color: rgb(80, 80, 57);
}
[data-notify="container"] > [data-notify="message"] {
    font-weight: 400;
    font-size: 1.1rem;
    color: rgb(80, 80, 57);
}
[data-notify="container"].alert-success {
    background-color: rgb(154, 255, 154);
    border-left-color: rgb(154, 255, 154);
}
[data-notify="container"].alert-info {
    background-color: rgb(255, 179, 40);
    border-left-color: rgb(255, 179, 40);
}
[data-notify="container"].alert-warning {
    background-color: rgb(255, 240, 106);
    border-left-color:  rgb(255, 240, 106);
}
[data-notify="container"].alert-danger {
    background-color: rgb(255, 103, 76);
    border-left-color: rgb(255, 103, 76);
}


/********************************************************

                        SPINNER

/*********************************************************/

.fa-spin-fast {
    -webkit-animation: fa-spin 1s infinite linear;
    -moz-animation: fa-spin 1s infinite linear;
    -o-animation: fa-spin 1s infinite linear;
    animation: fa-spin 1s infinite linear
}

/********************************************************

                        DROPDOWN

/*********************************************************/

.dropdown.dropleft > button::before {
    display: none;
}

/********************************************************

                        LABELS

/*********************************************************/

.label {
    display: inline;
    padding: .2em .6em .3em;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.label.label-success {
    background-color: #1ba81b;
}
.label.label-warning {
    background-color: #efc950;
}
.label.label-danger {
    background-color: #ed0505;
}
.label.label-primary {
    background-color: #be0f26;
}
.label.label-secondary {
    background-color: #798892;
}

/********************************************************

                        BTN  BACK

/*********************************************************/

.btn-back {
    font-size: .9rem;
    line-height: 1rem;
    padding: .25rem .5rem;
}