/* PAGE ---------------------------------------------------------------------------- */
body {
    /*margin: 0;
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    

    font-weight: 400;
    line-height: 1.5385;
    text-align: left;
    background-color: #f5f5f5;
    color: #1b1b1b;
    */
    /*font-size: 1rem;*/
    color: #111;
}

@media screen and (max-width: 414px) {
/*@media only screen and (min-width: 414px) and (max-width: 767px) {*/

    body {
        font-size: 1rem;
        color: #111;
    }

    .form-control {
        font-size: 1rem;
    }
}

/*@media screen and (-webkit-min-device-pixel-ratio:0) {
    
    body {
        font-size: 16px;
        color: #111;
    }

    .form-control {
        font-size: 16px;
    }
}*/

.text-default {
    color: #111;
}

.text-muted-666 {
    color: #666 !important;
}

/* END PAGE ---------------------------------------------------------------------------- */

/* PAGE HELP ---------------------------------------------------------------------------- */
.border-v1 {
    border: 1px solid #ccc !important;
}

.border-v1-top {
    border-top: 1px solid #ccc !important;
}

.border-v1-right {
    border-right: 1px solid #ccc !important;
}

.border-v1-bottom {
    border-bottom: 1px solid #ccc !important;
}

.border-v1-left {
    border-left: 1px solid #ccc !important;
}


legend {
    padding-top: 1.5rem;
    padding-bottom: 0.325rem;
    margin-bottom: .5rem;
    border-bottom: 1px solid #ddd;
    font-size: 0.8125rem;
}

/* END PAGE HELP ---------------------------------------------------------------------------- */

/* NAVBAR ---------------------------------------------------------------------------- */
.navbar-brand {
padding-top: .25rem;
padding-bottom: 0;
min-width: unset !important;
}
.navbar-brand img {
    height: auto;
}



/* END NAVBAR ---------------------------------------------------------------------------- */

/* TEXT ---------------------------------------------------------------------------- */

.oneLine {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

/* TEXT NAVBAR ---------------------------------------------------------------------------- */

/* FORM ---------------------------------------------------------------------------- */
.form-group-feedback-right .form-control {
    padding-right: 0;
    margin-right: 2.75rem;
}

.select2-selection--single {
    border-radius: 0.1rem;
}

.form-control {
    padding: .2375rem .475rem;
    border-radius: 0.1rem;
}

.hide {
    display: none;
}

/* END FORM ---------------------------------------------------------------------------- */


.row_v1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* SIDEBAR ---------------------------------------------------------------------------- */

.sidebar-view {
    position: fixed !important;
    width: 9.2rem !important;
}

.sidebar-content-wrapper {
    padding-left: 3.26rem;
}

.sidebar-main {
    width: 9.2rem;
    min-height: 100vh;
}

.sidebar-min { width: 3.2rem;}

@media (max-width: 767px) {
    .sidebar-main {
        width: 9.2rem !important;
    }
}

@media (max-width: 1190px) {
    .sidebar-main {
        width: 3.2rem;
    }
}



.sidebar:not(.sidebar-component) .sidebar-content {
    overflow: auto;
    overflow-x:hidden;
}

/* SIDEBAR END ---------------------------------------------------------------------------- */

.content_max {
    max-width: 1260px;
}

.content_max_1900 {
    max-width: 1670px;
}

.page-header {
    padding-top: 3.00003rem;
}

.content-wrapper {
    overflow: hidden;
}


.ig-w1 {
    width: 4rem;
    display: block;
}





.navbar-dark {
    /*background-color: #0277BD;*/
    /*https://cssgradient.io/*/
    background: rgb(0,144,230);
    background: linear-gradient(0deg, rgba(0,144,230,1) 0%, rgba(2,119,189,1) 74%, rgba(1,109,173,1) 97%);
}

.block-refresh-layer-bottom {
    /*bottom: 0 !important;*/
    bottom: unset !important;
    }

/* Table ---------------------------------------------------------------------------- */

.dont-break-out {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.td-tid {
    border-bottom: 1px solid #26a69a !important;
}

.table-custom {
    border-top: 1px solid #546e7a;
    margin-bottom: 30px;
    overflow-x: auto;
}

@media (min-width: 414px) {
    .table-custom {
        border-top: 1px solid #546e7a;
        margin-bottom: 30px;
        overflow: visible;
    }
}

.table-xs td, .table-xs th {
    padding: .4rem .4rem;
}

.td-sum1 {
    padding: .25rem .5rem !important;
}

/* DropDown ---------------------------------------------------------------------------- */
.ddlList {
    color: #333;
    padding-right: .2rem;
}

    .ddlList:hover {
        color: #333;
        background-color: #f5f5f5;
    }

.ddlList-Select {
    background-color: #f5f5f5;
}

.ddlList-Content {
    position: relative;
    top: -11px;
    left: 0px;
    border-radius: .1875rem;
    width: 100%;
}

/* dropdown-menu  ---------------------------------------------------------------------------- */

.cmt--1 {
    margin-top: -1px !important;
    border-color: #d5d5d5;
}

/* END dropdown-menu  ---------------------------------------------------------------------------- */

/* Icon AJAX ---------------------------------------------------------------------------- */
.block-refresh-layer {
    position: absolute;
    background: #FFF;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 3;
    font-size: 21px;
    bottom: 30px;
}

.block-refresh-add {
    background: #FFF;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 3;
    font-size: 21px;
}

/* daterangepicker ---------------------------------------------------------------------------- */
.daterangepicker td.active {
    color: #fff !important;
    background-color: #0377bd !important;
}

.ranges ul li.active {
    color: #fff;
    background-color: #0377bd;
}

.daterangepicker td.today {
    color: #2196f3;
    background-color: #f5f5f5;
}

.daterangepicker td.weekend {
    /*color: #2196f3;
    background-color: #f5f5f5;*/
}

/* modal ---------------------------------------------------------------------------- */

.nav-tabs .nav-link.active {
    border-bottom: 1px solid #fff !important;
    color: #333;
}

.nav-tabs_ul {
    margin-right: -0.4rem;
    margin-left: -0.4rem;
    padding-left: 0.8rem;
    margin-bottom: 0rem;
    border-bottom: 0px;
}

.nav-tabs .nav-link, .nav-tabs .nav-link:hover {
    border-bottom: 1px solid #ddd;
}

.tab-inactive {
    background-color: #fafafa;
    border-left: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd;
    z-index: 1051;
}

.card-body-v1 {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}




.modal-v1 {
    background-color: #FFF !important;
    color: transparent !important;
}

.modal-header-cust1 {
    padding: 1rem 1.2rem .8rem 1.7rem;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #ccc !important;
}

.modal-title-color {
    color: #333;
}

.modal-content {
    box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.3);
}

.modal-backdrop.show {
    opacity: 0.5;
}

.col-pad {
    padding-right: .225rem !important;
    padding-left: .225rem !important;
}

.col-pad1 {
    padding-right: .225rem !important;
    padding-left: .225rem !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.col-pad2 {
    padding-right: .225rem !important;
    padding-left: .225rem !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.col-pad8 {
    padding-right: .225rem !important;
    padding-left: .225rem !important;
    padding-top: 8px !important;
    padding-bottom: 2px !important;
}

.col-pad10 {
    padding-right: .225rem !important;
    padding-left: .225rem !important;
    padding-top: 10px !important;
    padding-bottom: 2px !important;
}

.row-pad5 {
    padding-bottom: 0.5rem;
}

.row-footer {
    padding-top: 1.3rem;
    padding-bottom: 0.9rem;
}

.col-right {
    text-align: right;
}

.right-button {
    margin-right: 1.3rem;
    margin-left: 0.3rem;
}

/* END modal ---------------------------------------------------------------------------- */

/* Bootstrap.css ADD ---------------------------------------------------------------------------- */



/* END Bootstrap.css  ---------------------------------------------------------------------------- */

/* Components.css ADD ---------------------------------------------------------------------------- */

.wmin-350 { min-width: 350px !important; }
.wmin-290 { min-width: 290px !important; }
.wmin-280 { min-width: 280px !important; }
.wmin-270 { min-width: 270px !important; }
.wmin-260 { min-width: 260px !important; }
.wmin-190 { min-width: 190px !important; }
.wmin-180 { min-width: 180px !important; }
.wmin-170 { min-width: 170px !important; }
.wmin-160 { min-width: 160px !important; }
.wmin-150 { min-width: 150px !important; }
.wmin-140 { min-width: 140px !important; }
.wmin-130 { min-width: 130px !important; }
.wmin-120 { min-width: 120px !important; }
.wmin-110 { min-width: 110px !important; }
.wmin-100 { min-width: 100px !important; }
.wmin-60 { min-width: 60px !important; }
.wmin-50 { min-width: 50px !important; }
.wmin-40 { min-width: 40px !important; }
.wmin-30 { min-width: 30px !important; }

.wd-500 { width: 500px !important; }
.wd-350 { width: 350px !important; }
.wd-300 { width: 300px !important; }
.wd-250 { width: 250px !important; }
.wd-200 { width: 200px !important; }
.wd-190 { width: 190px !important; }
.wd-180 { width: 180px !important; }
.wd-170 { width: 170px !important; }
.wd-160 { width: 160px !important; }
.wd-150 { width: 150px !important; }
.wd-140 { width: 140px !important; }
.wd-130 { width: 130px !important; }
.wd-120 { width: 120px !important; }
.wd-110 { width: 110px !important; }
.wd-100 { width: 100px !important; }
.wd-90 { width: 90px !important; }
.wd-80 { width: 80px !important; }
.wd-70 { width: 70px !important; }
.wd-66 { width: 66px !important; }
.wd-60 { width: 60px !important; }
.wd-56 { width: 56px !important; }
.wd-50 { width: 50px !important; }
.wd-40 { width: 40px !important; }
.wd-30 { width: 30px !important; }
.wd-20 { width: 20px !important; }
.wd-10 { width: 10px !important; }
.w-20 { width: 20% !important; }
.w-30 { width: 30% !important; }
.w-40 { width: 40% !important; }
.w-50 { width: 50% !important; }
.w-60 { width: 60% !important;}
.w-70 { width: 70% !important;}
.w-80 { width: 80% !important;}

@media (min-width: 576px) {
	.wmin-sm-190 { min-width: 190px !important; }
	.wmin-sm-180 { min-width: 180px !important; }
	.wmin-sm-170 { min-width: 170px !important; }
	.wmin-sm-160 { min-width: 160px !important; }
	.wmin-sm-150 { min-width: 150px !important; }
	.wmin-sm-140 { min-width: 140px !important; }
	.wmin-sm-130 { min-width: 130px !important; }
	.wmin-sm-120 { min-width: 120px !important; }
	.wmin-sm-110 { min-width: 110px !important; }
	.wmin-sm-100 { min-width: 100px !important; }
	.wmin-sm-50 { min-width: 50px !important; }
	.wd-sm-190 { width: 190px !important; }
	.wd-sm-180 { width: 180px !important; }
	.wd-sm-170 { width: 170px !important; }
	.wd-sm-160 { width: 160px !important; }
	.wd-sm-150 { width: 150px !important; }
	.wd-sm-140 { width: 140px !important; }
	.wd-sm-130 { width: 130px !important; }
	.wd-sm-120 { width: 120px !important; }
	.wd-sm-110 { width: 110px !important; }
	.wd-sm-100 { width: 100px !important; }
    .wd-sm-full { width: 100% !important; }

}

@media (min-width: 768px) {
	.wmin-md-190 { min-width: 190px !important; }
	.wmin-md-180 { min-width: 180px !important; }
	.wmin-md-170 { min-width: 170px !important; }
	.wmin-md-160 { min-width: 160px !important; }
	.wmin-md-150 { min-width: 150px !important; }
	.wmin-md-140 { min-width: 140px !important; }
	.wmin-md-130 { min-width: 130px !important; }
	.wmin-md-120 { min-width: 120px !important; }
	.wmin-md-110 { min-width: 110px !important; }
	.wmin-md-100 { min-width: 100px !important; }
	.wmin-md-50 { min-width: 50px !important; }
    .wd-md-700 { width: 700px !important; }
    .wd-md-600 { width: 600px !important; }
    .wd-md-500 { width: 500px !important; }
    .wd-md-400 { width: 400px !important; }
	.wd-md-190 { width: 190px !important; }
	.wd-md-180 { width: 180px !important; }
	.wd-md-170 { width: 170px !important; }
	.wd-md-160 { width: 160px !important; }
	.wd-md-150 { width: 150px !important; }
	.wd-md-140 { width: 140px !important; }
	.wd-md-130 { width: 130px !important; }
	.wd-md-120 { width: 120px !important; }
	.wd-md-110 { width: 110px !important; }
	.wd-md-100 { width: 100px !important; }
}

@media (min-width: 992px) {
	.wmin-lg-190 { min-width: 190px !important; }
	.wmin-lg-180 { min-width: 180px !important; }
	.wmin-lg-170 { min-width: 170px !important; }
	.wmin-lg-160 { min-width: 160px !important; }
	.wmin-lg-150 { min-width: 150px !important; }
	.wmin-lg-140 { min-width: 140px !important; }
	.wmin-lg-130 { min-width: 130px !important; }
	.wmin-lg-120 { min-width: 120px !important; }
	.wmin-lg-110 { min-width: 110px !important; }
	.wmin-lg-100 { min-width: 100px !important; }
	.wmin-lg-50 { min-width: 50px !important; }
	.wd-lg-700 { width: 700px !important; }
    .wd-lg-600 { width: 600px !important; }
    .wd-lg-500 { width: 500px !important; }
	.wd-lg-190 { width: 190px !important; }
	.wd-lg-180 { width: 180px !important; }
	.wd-lg-170 { width: 170px !important; }
	.wd-lg-160 { width: 160px !important; }
	.wd-lg-150 { width: 150px !important; }
	.wd-lg-140 { width: 140px !important; }
	.wd-lg-130 { width: 130px !important; }
	.wd-lg-120 { width: 120px !important; }
	.wd-lg-110 { width: 110px !important; }
	.wd-lg-100 { width: 100px !important; }
}

@media (min-width: 1200px) {
	.wmin-xl-190 { min-width: 190px !important; }
	.wmin-xl-180 { min-width: 180px !important; }
	.wmin-xl-170 { min-width: 170px !important; }
	.wmin-xl-160 { min-width: 160px !important; }
	.wmin-xl-150 { min-width: 150px !important; }
	.wmin-xl-140 { min-width: 140px !important; }
	.wmin-xl-130 { min-width: 130px !important; }
	.wmin-xl-120 { min-width: 120px !important; }
	.wmin-xl-110 { min-width: 110px !important; }
	.wmin-xl-100 { min-width: 100px !important; }
	.wmin-xl-50 { min-width: 50px !important; }
	.wd-xl-700 { width: 700px !important; }
    .wd-xl-600 { width: 600px !important; }
    .wd-xl-500 { width: 500px !important; }
    .wd-xl-190 { width: 190px !important; }
	.wd-xl-180 { width: 180px !important; }
	.wd-xl-170 { width: 170px !important; }
	.wd-xl-160 { width: 160px !important; }
	.wd-xl-150 { width: 150px !important; }
	.wd-xl-140 { width: 140px !important; }
	.wd-xl-130 { width: 130px !important; }
	.wd-xl-120 { width: 120px !important; }
	.wd-xl-110 { width: 110px !important; }
	.wd-xl-100 { width: 100px !important; }
}

    /* END Components.css ---------------------------------------------------------------------------- */

/* MAX-WIDTH */



@media screen and (min-width: 601px) {

    .wd-min601-700 {
        width: 700px !important;

    }
    .wd-min601-600 {
        width: 600px !important;

    }

}

@media screen and (max-width: 600px) {

    .wd-max600-full {
        width: 100% !important;
        max-height: 100vh; /* Scroll Dialog*/
        overflow-y: auto; /* Scroll Dialog*/
    }
}

/* MAX-WIDTH */

.no-zoom {
    font-size: 16px;
    transform-origin: top left;
    transform: scale(0.75);    /*//  12px / 16px*/

    
    
    
}

/* ------------------------------------------------------------------------------
*
*  # Select2 selects
*
*  Styles for select2.js - custom select plugin
*
* ---------------------------------------------------------------------------- */
.select2-container {
    outline: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.select2-selection--single {
    cursor: pointer;
    outline: 0;
    display: block;
    padding: 0.4375rem 0;
    line-height: 1.5385;
    color: #333;
    position: relative;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 0.1875rem;
    transition: all ease-in-out 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
    .select2-selection--single {
        transition: none;
    }
}

.select2-selection--single:hover, .select2-selection--single:focus,
.select2-container--open .select2-selection--single {
    box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.01) inset;
}

.select2-selection--single:not([class*=bg-]) {
    background-color: #fff;
}

    .select2-selection--single:not([class*=bg-]):not([class*=border-]) {
        border-color: #ddd;
    }

.select2-selection--single[class*=bg-]:not(.bg-white):not(.bg-transparent):not(.bg-light):hover, .select2-selection--single[class*=bg-]:not(.bg-white):not(.bg-transparent):not(.bg-light):focus,
.select2-container--open .select2-selection--single[class*=bg-]:not(.bg-white):not(.bg-transparent):not(.bg-light) {
    box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.04) inset;
}

.select2-selection--single[class*=bg-]:not(.bg-white):not(.bg-transparent):not(.bg-light) .select2-selection__placeholder {
    color: #fff;
}

.select2-container--disabled .select2-selection--single[class*=bg-]:not(.bg-white):not(.bg-transparent):not(.bg-light) .select2-selection__placeholder {
    color: rgba(255, 255, 255, 0.75);
}

.select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 0.875rem;
    padding-right: 2.375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .select2-selection--single .select2-selection__rendered > i {
        margin-right: 0.625rem;
    }

.select2-selection--single .select2-selection__clear {
    position: relative;
    cursor: pointer;
    float: right;
    font-size: 0;
    line-height: 1;
    margin-top: 0.12502rem;
    margin-left: 0.625rem;
    opacity: 0.75;
    transition: opacity ease-in-out 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
    .select2-selection--single .select2-selection__clear {
        transition: none;
    }
}

.select2-selection--single .select2-selection__clear:hover {
    opacity: 1;
}

.select2-selection--single .select2-selection__clear:after {
    content: '\ed6b';
    font-family: "icomoon";
    display: inline-block;
    font-size: 1rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-selection--single .select2-selection__arrow:after {
    content: '\e9c5';
    font-family: "icomoon";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0.875rem;
    margin-top: -0.5rem;
    font-size: 1rem;
    line-height: 1;
    color: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-container--disabled .select2-selection--single {
    cursor: default;
    box-shadow: none;
}

    .select2-container--disabled .select2-selection--single:not([class*=bg-]) {
        color: #999;
        background-color: #fafafa;
    }

    .select2-container--disabled .select2-selection--single[class*=bg-] {
        opacity: 0.75;
        box-shadow: none;
    }

    .select2-container--disabled .select2-selection--single .select2-selection__clear {
        display: none;
    }

.select2-selection--multiple {
    display: block;
    border: 1px solid transparent;
    cursor: text;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 0.1875rem;
}

    .select2-selection--multiple:not([class*=bg-]) {
        background-color: #fff;
    }

        .select2-selection--multiple:not([class*=bg-]):not([class*=border-]) {
            border-color: #ddd;
        }

    .select2-selection--multiple .select2-selection__rendered {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        list-style: none;
        margin: 0;
        padding: 0 0.125rem 0.125rem 0.125rem;
        width: 100%;
    }

    .select2-selection--multiple .select2-selection__placeholder {
        color: #999;
    }

.select2-container--disabled .select2-selection--multiple:not([class*=bg-]) {
    background-color: #fafafa;
}

.select2-container--disabled .select2-selection--multiple[class*=bg-] {
    opacity: 0.75;
    box-shadow: none;
}

    .select2-container--disabled .select2-selection--multiple[class*=bg-] .select2-selection__choice {
        opacity: 1;
    }

.select2-container--disabled .select2-selection--multiple,
.select2-container--disabled .select2-selection--multiple .select2-selection__choice,
.select2-container--disabled .select2-selection--multiple .select2-search__field {
    cursor: default;
}

.select2-selection--multiple .select2-selection__choice {
    background-color: #455A64;
    color: #fff;
    cursor: default;
    float: left;
    margin-right: 0.125rem;
    margin-top: 0.125rem;
    padding: 0.3125rem 0.875rem;
    white-space: normal;
    word-break: break-all;
    border-radius: 0.1875rem;
    transition: color ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
    .select2-selection--multiple .select2-selection__choice {
        transition: none;
    }
}

.select2-selection--multiple .select2-selection__choice:hover, .select2-selection--multiple .select2-selection__choice:focus {
    background-color: #455A64;
    color: #fff;
}

.select2-selection--multiple .select2-selection__choice > i {
    margin-right: 0.625rem;
}

.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    cursor: pointer;
    float: right;
    font-size: 0.875rem;
    margin-top: 0.18752rem;
    line-height: 1;
    margin-left: 0.625rem;
    opacity: 0.75;
    transition: opacity ease-in-out 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
    .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
        transition: none;
    }
}

.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover {
    opacity: 1;
}

.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    opacity: 0.6;
}

    .select2-container--disabled .select2-selection--multiple .select2-selection__choice:hover, .select2-container--disabled .select2-selection--multiple .select2-selection__choice:focus {
        background-color: #455A64;
        color: #fff;
    }

    .select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
        display: none;
    }

.select2-selection--multiple .select2-search--inline {
    float: left;
}

    .select2-selection--multiple .select2-search--inline .select2-search__field {
        font-size: 100%;
        margin-top: 0.125rem;
        padding: 0.3125rem 0;
        background-color: transparent;
        border-width: 0;
        outline: 0;
        color: inherit;
        margin-left: 0.25rem;
        -webkit-appearance: textfield;
    }

        .select2-selection--multiple .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none;
        }

    .select2-selection--multiple .select2-search--inline:first-child .select2-search__field {
        margin-left: 0;
        padding-left: 0.75rem;
    }

.select2-dropdown {
    background-color: #fff;
    color: #333;
    border: 1px solid rgba(0, 0, 0, 0.15);
    display: block;
    position: absolute;
    /*rtl:ignore*/
    left: -100000px;
    width: 100%;
    z-index: 1070;
    border-radius: 0.1875rem;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results > .select2-results__options {
    padding-bottom: 0.5rem;
    max-height: 280px;
    overflow-y: auto;
}

.select2-search--hide + .select2-results > .select2-results__options {
    padding-top: 0.5rem;
}

.select2-results:first-child > .select2-results__options {
    padding-top: 0.5rem;
}

.select2-results__option {
    padding: 0.5rem 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all ease-in-out 0.15s;
}

@media screen and (prefers-reduced-motion: reduce) {
    .select2-results__option {
        transition: none;
    }
}

.select2-results__option + .select2-results__option {
    margin-top: 1px;
}

.select2-results__option i {
    margin-right: 0.625rem;
}

    .select2-results__option i.icon-undefined {
        display: none;
    }

.select2-results__option[role=group] {
    padding: 0;
}

.select2-results__option.select2-results__option--highlighted {
    background-color: #f5f5f5;
    color: #333;
}

.select2-results__option[aria-disabled=true] {
    color: #999;
    cursor: default;
}

.select2-dropdown[class*=bg-] .select2-results__option[aria-disabled=true] {
    color: rgba(255, 255, 255, 0.6);
}

.select2-results__option[aria-selected=true] {
    color: #fff;
    background-color: #2196F3;
}

.select2-results__options--nested > .select2-results__option {
    padding-left: 2rem;
    padding-right: 2rem;
}

.select2-results__group {
    display: block;
    padding: 0.5rem 1rem;
    cursor: default;
    font-weight: 500;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.select2-results__option:first-child > .select2-results__group {
    margin-top: 0;
}

.select2-results__message {
    color: #999;
    cursor: default;
}

.select2-dropdown[class*=bg-] .select2-results__message {
    color: rgba(255, 255, 255, 0.75);
}

.select2-results__option.loading-results {
    padding-top: 0;
}

    .select2-results__option.loading-results + .select2-results__option {
        margin-top: 0.5rem;
    }

.select2-results__option--load-more {
    text-align: center;
    margin-top: 0.5rem;
    cursor: default;
}

.select2-container--open .select2-dropdown {
    /*rtl:ignore*/
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

    .select2-container--open .select2-dropdown--above[class*=bg-] {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

    .select2-container--open .select2-dropdown--below[class*=bg-] {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.select2-search--dropdown {
    display: block;
    position: relative;
    padding: 1rem;
}

    .select2-search--dropdown:after {
        content: '\e98e';
        font-family: "icomoon";
        position: absolute;
        top: 50%;
        left: 1.875rem;
        color: inherit;
        display: block;
        font-size: 0.8125rem;
        margin-top: -0.40625rem;
        line-height: 1;
        opacity: 0.6;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .select2-search--dropdown + .select2-results .select2-results__message:first-child {
        padding-top: 0;
    }

    .select2-search--dropdown .select2-search__field {
        padding: 0.4375rem 0.875rem;
        padding-left: 2.5625rem;
        border: 1px solid #ddd;
        outline: 0;
        width: 100%;
        border-radius: 0.1875rem;
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none;
        }

    .select2-search--dropdown.select2-search--hide {
        display: none;
    }

.select-lg.select2-selection--single {
    padding: 0.5625rem 0;
    font-size: 0.875rem;
    line-height: 1.4286;
}

    .select-lg.select2-selection--single .select2-selection__rendered {
        padding-left: 1rem;
        padding-right: 2.5rem;
    }

    .select-lg.select2-selection--single .select2-selection__arrow:after {
        right: 1rem;
    }

.select-lg.select2-selection--multiple .select2-selection__choice {
    padding: 0.4375rem 1rem;
    font-size: 0.875rem;
    line-height: 1.4286;
}

.select-lg.select2-selection--multiple .select2-search--inline .select2-search__field {
    padding: 0.4375rem 0;
    font-size: 0.875rem;
    line-height: 1.4286;
}

.select-sm.select2-selection--single {
    padding: 0.3125rem 0;
    font-size: 0.75rem;
    line-height: 1.6667;
}

    .select-sm.select2-selection--single .select2-selection__rendered {
        padding-left: 0.75rem;
        padding-right: 2.375rem;
    }

    .select-sm.select2-selection--single .select2-selection__arrow:after {
        right: 0.75rem;
    }

.select-sm.select2-selection--multiple .select2-selection__choice {
    padding: 0.1875rem 0.75rem;
    font-size: 0.75rem;
    line-height: 1.6667;
}

.select-sm.select2-selection--multiple .select2-search--inline .select2-search__field {
    padding: 0.1875rem 0;
    font-size: 0.75rem;
    line-height: 1.6667;
}

.select2-selection--multiple[class*=bg-] .select2-selection__choice {
    background-color: rgba(0, 0, 0, 0.2);
}

.select2-dropdown[class*=bg-] .select2-search--dropdown .select2-search__field {
    background-color: rgba(0, 0, 0, 0.2);
    border-color: transparent;
    color: #fff;
}

.select2-dropdown[class*=bg-] .select2-results__option[aria-selected=true] {
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
}

.select2-dropdown[class*=bg-] .select2-results__option--highlighted {
    background-color: rgba(0, 0, 0, 0.1);
    color: #fff;
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    z-index: 99;
    background-color: #fff;
    opacity: 0;
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: fixed !important;
    width: 1px !important;
}

.select2-result-repository {
    padding-top: 0.4375rem;
    padding-bottom: 0.4375rem;
}

.select2-result-repository__avatar {
    float: left;
    width: 60px;
    margin-right: 0.9375rem;
}

    .select2-result-repository__avatar img {
        width: 100%;
        height: auto;
        border-radius: 100px;
    }

.select2-result-repository__meta {
    margin-left: 70px;
}

.select2-result-repository__title {
    font-weight: 500;
    word-wrap: break-word;
    margin-bottom: 2px;
}

.select2-result-repository__forks,
.select2-result-repository__stargazers,
.select2-result-repository__watchers {
    display: inline-block;
    font-size: 0.75rem;
}

.select2-result-repository__description {
    font-size: 0.75rem;
}

.select2-result-repository__forks,
.select2-result-repository__stargazers {
    margin-right: 0.9375rem;
}

/* ------------------------------------------------------------------------------
 *
 *  # Helper classes
 *
 *  Custom helper classes used in the template.
 *
 * ---------------------------------------------------------------------------- */
.font-size-lg {
    font-size: 0.875rem;
}

.font-size-base {
    font-size: 0.8125rem !important;
}

.font-size-sm {
    font-size: 0.75rem;
}

.font-size-xs {
    font-size: 0.6875rem;
}

.line-height-lg {
    line-height: 1.4286;
}

.line-height-base {
    line-height: 1.5385;
}

.line-height-sm {
    line-height: 1.6667;
}

.line-height-xs {
    line-height: 1.82;
}

.line-height-1 {
    line-height: 1;
}

.opacity-75 {
    opacity: 0.75;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-25 {
    opacity: 0.25;
}

.opacity-0 {
    opacity: 0;
}

.top-0 {
    top: 0;
}

.top-auto {
    top: auto;
}

.bottom-0 {
    bottom: 0;
}

.bottom-auto {
    bottom: auto;
}

.left-0 {
    left: 0;
}

.left-auto {
    left: auto;
}

.right-0 {
    right: 0;
}

.right-auto {
    right: auto;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-move {
    cursor: move;
}

.cursor-default {
    cursor: default;
}

.cursor-disabled {
    cursor: default;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-visible {
    overflow: visible;
}

.overflow-auto {
    overflow: auto;
}

.border-width-0 {
    border-width: 0;
}

.border-y-0 {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.border-x-0 {
    border-left: 0 !important;
    border-right: 0 !important;
}

.border-1 {
    border: 1px solid;
}

.border-top-1 {
    border-top: 1px solid;
}

.border-bottom-1 {
    border-bottom: 1px solid;
}

.border-left-1 {
    border-left: 1px solid;
}

.border-right-1 {
    border-right: 1px solid;
}

.border-y-1 {
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.border-x-1 {
    border-left: 1px solid;
    border-right: 1px solid;
}

.border-2 {
    border: 2px solid;
}

.border-top-2 {
    border-top: 2px solid;
}

.border-bottom-2 {
    border-bottom: 2px solid;
}

.border-left-2 {
    border-left: 2px solid;
}

.border-right-2 {
    border-right: 2px solid;
}

.border-y-2 {
    border-top: 2px solid;
    border-bottom: 2px solid;
}

.border-x-2 {
    border-left: 2px solid;
    border-right: 2px solid;
}

.border-3 {
    border: 3px solid;
}

.border-top-3 {
    border-top: 3px solid;
}

.border-bottom-3 {
    border-bottom: 3px solid;
}

.border-left-3 {
    border-left: 3px solid;
}

.border-right-3 {
    border-right: 3px solid;
}

.border-y-3 {
    border-top: 3px solid;
    border-bottom: 3px solid;
}

.border-x-3 {
    border-left: 3px solid;
    border-right: 3px solid;
}

.border-dashed {
    border-style: dashed;
}

.border-top-dashed {
    border-top-style: dashed;
}

.border-bottom-dashed {
    border-bottom-style: dashed;
}

.border-left-dashed {
    border-left-style: dashed;
}

.border-right-dashed {
    border-right-style: dashed;
}

.border-dotted {
    border-style: dotted;
}

.rounded-round {
    border-radius: 100px !important;
}

.rounded-top-round {
    border-top-left-radius: 100px !important;
    border-top-right-radius: 100px !important;
}

.rounded-bottom-round {
    border-bottom-right-radius: 100px !important;
    border-bottom-left-radius: 100px !important;
}

.rounded-left-round {
    border-top-left-radius: 100px !important;
    border-bottom-left-radius: 100px !important;
}

.rounded-right-round {
    border-top-right-radius: 100px !important;
    border-bottom-right-radius: 100px !important;
}

.rounded-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.rounded-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.rounded-left-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.rounded-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.rotate-45 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rotate-45-inverse {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.rotate-90-inverse {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.rotate-180-inverse {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.spinner {
    display: inline-block;
    -webkit-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite;
}

.spinner-reverse {
    display: inline-block;
    -webkit-animation: rotation_reverse 1s linear infinite;
    animation: rotation_reverse 1s linear infinite;
}

@media (min-width: 576px) {
    .w-sm-auto { width: auto !important; }  
    .w-sm-25 { width: 25% !important; }
    .w-sm-50 { width: 50% !important; }  
    .w-sm-75 { width: 75% !important; }  
    .w-sm-100 { width: 100% !important; }  
    .wmin-sm-0 { min-width: 0 !important; }  
    .wmin-sm-200 { min-width: 200px !important; }  
    .wmin-sm-250 { min-width: 250px !important; }  
    .wmin-sm-300 { min-width: 300px !important; }  
    .wmin-sm-350 { min-width: 350px !important; }
    .wmin-sm-400 { min-width: 400px !important; }
    .wmin-sm-450 { min-width: 450px !important; }
    .wmin-sm-500 { min-width: 500px !important; }
    .wmin-sm-550 { min-width: 550px !important; }
    .wmin-sm-600 { min-width: 600px !important; }
    .flex-sm-1 { -ms-flex: 1; flex: 1; }
}

@media (min-width: 768px) {
    .w-md-auto { width: auto !important; }  
    .w-md-25 { width: 25% !important; }  
    .w-md-50 { width: 50% !important; }  
    .w-md-75 { width: 75% !important; }  
    .w-md-100 { width: 100% !important; }  
    .wmin-md-0 { min-width: 0 !important; }  
    .wmin-md-200 { min-width: 200px !important; }  
    .wmin-md-250 { min-width: 250px !important; }  
    .wmin-md-300 { min-width: 300px !important; }  
    .wmin-md-350 { min-width: 350px !important; }  
    .wmin-md-400 { min-width: 400px !important; }  
    .wmin-md-450 { min-width: 450px !important; }  
    .wmin-md-500 { min-width: 500px !important; }  
    .wmin-md-550 { min-width: 550px !important; }  
    .wmin-md-600 { min-width: 600px !important; }  
    .flex-md-1 { -ms-flex: 1; flex: 1; }
}

@media (min-width: 992px) {
    .w-lg-auto { width: auto !important; }  
    .w-lg-25 { width: 25% !important; }  
    .w-lg-50 { width: 50% !important; }  
    .w-lg-75 { width: 75% !important; }  
    .w-lg-100 { width: 100% !important; }  
    .wmin-lg-0 { min-width: 0 !important; }  
    .wmin-lg-200 { min-width: 200px !important; }  
    .wmin-lg-250 { min-width: 250px !important; }  
    .wmin-lg-300 { min-width: 300px !important; }  
    .wmin-lg-350 { min-width: 350px !important; }  
    .wmin-lg-400 { min-width: 400px !important; }  
    .wmin-lg-450 { min-width: 450px !important; }  
    .wmin-lg-500 { min-width: 500px !important; }  
    .wmin-lg-550 { min-width: 550px !important; }  
    .wmin-lg-600 { min-width: 600px !important; }  
    .flex-lg-1 { -ms-flex: 1; flex: 1; }
}

@media (min-width: 1200px) {
    .w-xl-auto { width: auto !important; }  
    .w-xl-25 { width: 25% !important; }  
    .w-xl-50 { width: 50% !important; }  
    .w-xl-75 { width: 75% !important; }  
    .w-xl-100 { width: 100% !important; }  
    .wmin-xl-0 { min-width: 0 !important; }  
    .wmin-xl-200 { min-width: 200px !important; }  
    .wmin-xl-250 { min-width: 250px !important; }  
    .wmin-xl-300 { min-width: 300px !important; }  
    .wmin-xl-350 { min-width: 350px !important; }  
    .wmin-xl-400 { min-width: 400px !important; }  
    .wmin-xl-450 { min-width: 450px !important; }  
    .wmin-xl-500 { min-width: 500px !important; }  
    .wmin-xl-550 { min-width: 550px !important; }  
    .wmin-xl-600 { min-width: 600px !important; }  
    .flex-xl-1 { -ms-flex: 1; flex: 1; }
}