@import url("/resources/custom/css/poizn.pivot.css");

.text-black {
    color: #000;
}
.text-white {
    color: #FFF;
}
.text-indigo {
    color: #3949AB;
}
.text-blue {
    color: #0D47A1;
}
.text-light-blue {
    color: #01579B;
}
.text-blue-grey {
    color: #37474F;
}
.text-teal-50 {
    color: #E0F2F1;
}
.text-teal-200 {
    color: #80CBC4;
}
.text-orange {
    color: #FFCC80;
}
.text-purple {
    color: #7B1FA2;
}
.text-transparent {
    color: transparent;
}
.text-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.text-weight-none {
    font-weight: none;
}
.text-weight-bold {
    font-weight: bold;
}
.checkbox-inline.disabled {
    color: #aaa;
}
.radio-inline.disabled {
    color: #aaa;
}

.bg-red {
    background-color: #C62828;
    color: #fff;
}
.bg-pink {
    background-color: #E91E63;
    color: #fff;
}
.bg-purple {
    background-color: #8E24AA;
    color: #fff;
}
.bg-deep-purple {
    background-color: #673AB7;
    color: #fff;
}
.bg-indigo {
    background-color: #3F51B5;
    color: #fff;
}
.bg-blue {
    background-color: #2196F3;
    color: #fff;
}
.bg-light-blue {
    background-color: #03A9F4;
    color: #000;
}
.bg-cyan {
    background-color: #0097A7;
    color: #fff;
}
.bg-teal {
    background-color: #009688;
    color: #fff;
}
.bg-green {
    background-color: #43A047;
    color: #fff;
}
.bg-light-green {
    background-color: #689F38;
    color: #fff;
}
.bg-lime {
    background-color: #CDDC39;
    color: #000;
}
.bg-yellow {
    background-color: #FFEB3B;
    color: #000;
}
.bg-amber {
    background-color: #FFC107;
    color: #000;
}
.bg-orange {
    background-color: #FF9800;
    color: #000;
}
.bg-deep-orange {
    background-color: #FF5722;
    color: #fff;
}
.bg-brown {
    background-color: #795548;
    color: #fff;
}
.bg-grey {
    background-color: #757575;
    color: #fff;
}
.bg-blue-grey {
    background-color: #607D8B;
    color: #fff;
}
.bg-black {
    background-color: #010101;
    color: #fff;
}

.btn-indigo {
    background-color: #3949AB;
    transition: all 0.5s ease;
}
.btn-indigo:hover {
    color: #fff;
}

.btn-clear {
    background-color: transparent;
    color: #757575;
    transition: all 0.5s ease;
}
.btn-clear:hover {
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: none;
}
.btn-clear:active {
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: none;
}
.btn-clear-white {
    background-color: transparent;
    color: #FFF;
    transition: all 0.5s ease;
}
.btn-clear-white:hover {
    background-color: #EEE;
    color: #666;
    box-shadow: none;
}
.btn-clear-white:active {
    background-color: #DDD;
    color: #333;
    box-shadow: none;
}
.btn-clear-green {
    background-color: transparent;
    color: #388E3C;
    border: 1px solid #388E3C;
    transition: all 0.5s ease;
}
.btn-clear-green:hover {
    background-color: #C8E6C9;
    color: #FFF;
    box-shadow: none;
}
.btn-clear-green:active {
    background-color: #A5D6A7;
    color: #FFF;
    box-shadow: none;
}
.btn-clear-red {
    background-color: transparent;
    color: #EF5350;
    border: 1px solid #EF5350;
    transition: all 0.5s ease;
}
.btn-clear-red:hover {
    background-color: #EF9A9A;
    color: #FFF;
    box-shadow: none;
}
.btn-clear-red:active {
    background-color: #F44336;
    color: #FFF;
    box-shadow: none;
}
.btn-clear-blue {
    background-color: transparent;
    color: #0D47A1;
    border: 1px solid #0D47A1;
    transition: all 0.5s ease;
}
.btn-clear-blue:hover {
    background-color: #3b7adc;
    color: #FFF;
    box-shadow: none;
}
.btn-clear-blue:active {
    background-color: #163667;
    color: #FFF;
    box-shadow: none;
}
.btn-clear-orange {
    background-color: transparent;
    color: #FB8C00;
    transition: all 0.5s ease;
}
.btn-clear-orange:hover {
    background-color: #FFCC80;
    color: #FFF;
    box-shadow: none;
}
.btn-clear-orange:active {
    background-color: #FFB74D;
    color: #FFF;
    box-shadow: none;
}
.btn-clear-cycle {
    background-color: transparent;
    border-radius: 50%;
    font-size: 18px;
    width: 36px;
    height: 36px;
    padding: 5px;
    color: #757575;
    transition: all 0.5s ease;
}
.btn-clear-cycle:hover {
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: none;
}
.btn-clear-cycle:active {
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: none;
}

.btn-clear-cycle-white {
    background-color: transparent;
    border-radius: 50%;
    font-size: 18px !important;
    width: 36px;
    height: 36px;
    padding: 5px;
    color: #FFF;
    transition: all 0.5s ease;
    border: 1px solid #fff;
}
.btn-clear-cycle-white:hover {
    background-color: #EEE;
    color: #666;
    box-shadow: none;
}
.btn-clear-cycle-white:active {
    background-color: #DDD;
    color: #333;
    box-shadow: none;
}
.btn-clear-cycle-green {
    background-color: transparent;
    border-radius: 50%;
    font-size: 18px;
    width: 36px;
    height: 36px;
    padding: 5px;
    color: #388E3C;
    transition: all 0.5s ease;
}
.btn-clear-cycle-green:hover {
    background-color: #C8E6C9;
    color: #FFF;
    box-shadow: none;
}
.btn-clear-cycle-green:active {
    background-color: #A5D6A7;
    color: #FFF;
    box-shadow: none;
}
.btn-clear-cycle-red {
    background-color: transparent;
    border-radius: 50%;
    font-size: 18px !important;
    width: 36px;
    height: 36px;
    padding: 5px;
    color: #ffffff;
    transition: all 0.5s ease;
    border: 1px solid #fff;
    margin-left: 10px;
}
.btn-clear-cycle-red:hover {
    background-color: #EF9A9A;
    color: #FFF;
    box-shadow: none;
}
.btn-clear-cycle-red:active {
    background-color: #F44336;
    color: #FFF;
    box-shadow: none;
}
.btn-line-bottom {
    border-radius: 0;
    border-bottom: 1px solid #ccc;
}

.pt0 {padding-top: 0;}
.pl0 {padding-left: 0;}
.pr0 {padding-right: 0;}
.pb0 {padding-bottom: 0;}
.pt5 {padding-top: 5px;}
.pb5 {padding-bottom: 5px;}
.pl5 {padding-left: 5px;}
.pr5 {padding-right: 5px;}
.pt10 {padding-top: 10px;}
.pb10 {padding-bottom: 10px;}
.pl10 {padding-left: 10px;}
.pr10 {padding-right: 10px;}
.pt15 {padding-top: 15px;}
.pb15 {padding-bottom: 15px;}
.pl15 {padding-left: 15px;}
.pr15 {padding-right: 15px;}
.pt20 {padding-top: 20px;}
.pb20 {padding-bottom: 20px;}
.pl20 {padding-left: 20px;}
.pr20 {padding-right: 20px;}

.mt-20 {margin-top: -20px;}
.mt-10 {margin-top: -10px;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}

.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}

.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}

.mlrAuto {
    margin-left: auto;
    margin-right: auto;
}

.mtZero {margin-top: 0;}
.mbZero {margin-bottom: 0;}
.mlZero {margin-left: 0;}
.mrZero {margin-right: 0;}
.pdZero {padding: 0;}

.br5 {
    border-radius: 5%;
}
.br10 {
    border-radius: 10%;
}
.br20 {
    border-radius: 20%;
}
.br30 {
    border-radius: 30%;
}
.br40 {
    border-radius: 40%;
}
.br50 {
    border-radius: 50%;
}

.bs-callout {
    padding: 20px;
    margin: 0 0 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout-xs {
    padding: 5px;
    margin: 0;
}
.bs-callout-info {
    border-left-color: #1b809e;
}
.bs-callout-border {
    border-top-color: #ddd;
    border-right-color: #ddd;
    border-bottom-color: #ddd;
}
/* tooltip 보다 위로 올리기 */
.bootstrap-select.btn-group .dropdown-menu,
.modal,
.bootstrap-datetimepicker-widget {
    /*z-index: 1075;*/
    z-index: 65540;
}
.popover {
    z-index: 1074;
    font-family: 'Roboto', 'Noto Sans KR', sans-serif;
}
.popover-builder-list {
    min-width: 400px;
    min-height: 200px;
}
.line-divider {
    border-top: 1px solid #ccc;
}


/* Dashboard */
.container-fluid .ui-bg span{
    display: inline-block;
    margin: 0 0 3px;
}
/* navi */
#navbar .nav>li {
    display: inline-block;
}
/* popup */

/* text 타입 */
.text-danger {
    color: #fd5b18;
}
.text-success {
    color: #77bf44;
}
.text-warning {
    color: #fd7b18;
}
.text-primary {
    color: #4daadc;
}
.text-muted {
    color: #a7a8a9;
}
/* thumbnail */
.thumbnail {
    background-color: #f1f2f3;
}

.absolute {
    position: absolute;
}
.right {
    right: 0;
}