/* BUTTON */
.btn {
    display: inline-block;
    margin: 0;
    padding: 7px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: #444;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    background-color: #F9F9F9;
    border: 1px solid #D7D7D7;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.btn-no-radius {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.btn > i.fa { min-width: 18px; }
.btn-block { display: block; width: 100%; }
.btn-top { vertical-align: top; }
.btn-middle { vertical-align: middle; }
.btn-bottom { vertical-align: bottom; }
.btn-min-width-0 { min-width: 0; }
.btn-big { 
    font-size: 18px;
    padding: 10px;
}
.btn-medium { 
    font-size: 16px;
    padding: 8px;
}
.btn-small {
    min-width: 50px;
    font-size: 11px;
    padding: 3px 4px;
}
.btn-tiny {
    min-width: 30px;
    font-size: 9px;
    padding: 2px 4px;
}
.btn-no-border { border: none; }
.btn-orange { color: #FFF; background-color: #ff9b00; border-color: #ff9b00; }
.btn-blue { color: #FFF; background-color: #0066A4; border-color: #0066A4; }
.btn-red { color: #FFF; background-color: #C00; border-color: #C00; }
.btn-green { color: #FFF; background-color: green; border-color: green; }
.btn-yellow { color: #333; background-color: yellow; border-color: #FFD324;}
.btn-purple { color: #FFF; background-color: purple; border-color: purple;}
.btn-tomato { color: #FFF; background-color: tomato; border-color: tomato;}
.btn-black { color: #DDD; background-color: #333; border-color: #000;}
.btn-light-green { color: #FFF; background-color: #33cc00; border-color: #33cc00;}
.btn-dark-green { color: #FFF; background-color: #0a7c04; border-color: #0a7c04;}
.btn-gray { color: #000; background-color: gray; border-color: #FFF;}
.btn-light-gray { color: #000; background-color: #EEE; border-color: #D7D7D7;}

/* BUTTON GROUP */
.btn-group {
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.btn-group .ibtn {
    float: left;
    margin: 0;
    padding: 5px 5px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: #444;
    text-align: center;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #D7D7D7;
    border-left: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.btn-group .ibtn-auto {
    min-width: min-content;
}
.btn-group .ibtn:first-child {
    border-left: 1px solid #D7D7D7;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.btn-group .ibtn:last-child {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.btn-group .ibtn-active {
    color: #FFF;
    background-color: #ff9b00;
}
.btn-group .ibtn-orange { color: #FFF; background-color: #ff9b00; border-color: #ff9b00; }
.btn-group .ibtn-blue { color: #FFF; background-color: #0066A4; border-color: #0066A4; }
.btn-group .ibtn-red { color: #FFF; background-color: #C00; border-color: #C00; }
.btn-group .ibtn-green { color: #FFF; background-color: green; border-color: green; }
.btn-group .ibtn-yellow { color: #333; background-color: yellow; border-color: #FFD324;}
.btn-group .ibtn-purple { color: #FFF; background-color: purple; border-color: purple;}
.btn-group .ibtn-black { color: #DDD; background-color: #333; border-color: #000;}
.btn-group .ibtn-light-green { color: #FFF; background-color: #33cc00; border-color: #33cc00;}
.btn-group .ibtn-dark-green { color: #FFF; background-color: #0a7c04; border-color: #0a7c04;}
.btn-group .ibtn-gray { color: #000; background-color: gray; border-color: #FFF;}
.btn-group .ibtn-light-gray { color: #000; background-color: #EEE; border-color: #D7D7D7;}


/* BALLOON MESSAGE */
.balloon-message {
    position: relative;
    display: block;
    margin: 2px;
    padding: 5px 15px;
    background-color: #ffffff;
    /*border: 1px solid #ddd;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.balloon-message .btn-balloon-close {
    position: absolute;
    top: 5px;
    right: 5px;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
}
.balloon-error { background-color: #FBC2C4; }
.balloon-success { background-color: #c2ffc2; }
.balloon-warning { background-color: #fcefa1; }
.balloon-info { background-color: #c3d9ff; }

/* PAGINATION */
.paging {
    display: block;
}
.paging ul {
    margin: 0;
    padding: 5px;
    white-space: nowrap;
    overflow-y: scroll;
}
.paging ul > li {
    display: inline-block;
}
.paging ul > li > a {
    display: block;
    padding: 5px 8px;
    color: #79B4DC;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background-color: #FFF;
    border: 1px solid #79B4DC;
}
.paging ul > li.selected > a {
    color: #FFF;
    background-color: #79B4DC;
}

/* OTHER */
.inline-block { display: inline-block; }
.block { display: block; }
.block:before {
    content: '';
    display: block;
}
.block:after { 
    content: '';
    display: block;
    clear: both;
}
.clear { clear: both; }
.hidden { display: none; }

.hidden-scroll {
    -ms-overflow-style: none;
    overflow: -moz-scrollbar-none;
}
.hidden-scroll::-webkit-scrollbar { width: 0 !important; }

.height-5px { height: 5px; }
.height-10px { height: 10px; }
.height-20px { height: 20px; }
.height-50px { height: 50px; }
.height-100px { height: 100px; }
.green {color: green;}
.light-green {color: #33cc00;}
.blue {color: blue;}
.red {color: red;}
.yellow {color: yellow;}
.orange {color: #ff9b00;}
.purple {color: purple;}
.gray {color: #888;}
.dark-green { color: #0a7c04; }
.darker-green { color: #006400; }
.tx-center { text-align: center; }
.tx-left { text-align: left; }
.tx-right { text-align: right; }
.tx-top { vertical-align: top; }
.tx-middle { vertical-align: middle; }
.tx-bottom { vertical-align: bottom; }
.tx-small { font-size: 11px; }
.tx-xsmall { font-size: 9px; }
.tx-standard { font-size: 14px; }
.tx-medium { font-size: 15px; }
.tx-large { font-size: 18px; }
.tx-xlarge { font-size: 22px; }
.tx-normal { font-weight: normal;}
.tx-bold { font-weight: bold; }
.tx-bolder { font-weight: bolder; }
.tx-italic { font-style: italic; }
.tx-comments { font-size: 12px; }
.tx-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tx-stroke {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000;
    -webkit-text-stroke: 1px #000;
}
.tx-stroke-gray {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #888;
    -webkit-text-stroke: 1px #888;
}
.tx-shadow {
    text-shadow: 2px 2px 0 #000, 1px 1px 0 #000, 1px 1px 0 #000, 1px 1px 0 #000, 1px 1px 0 #000;
}
.tx-shadow-gray {
    text-shadow: 2px 2px 0 #888, 1px 1px 0 #888, 1px 1px 0 #888, 1px 1px 0 #888, 1px 1px 0 #888;
}
.tx-shadow2 {
    text-shadow: 2px 2px 0 #333, 1px 1px 0 #333, 1px 1px 0 #333, 1px 1px 0 #333, 1px 1px 0 #333;
}
.box-shadow {
    box-shadow: 2px 2px 0 #000, 1px 1px 0 #000, 1px 1px 0 #000, 1px 1px 0 #000, 1px 1px 0 #000;
}

a.no-decor { text-decoration: none; }
a.col-inherit-no-decor { color: inherit; text-decoration: none; }

.box-wrapper {
    background-color: #ffffff;
    border: 1px solid #D7D7D7;
}
.box-radius {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}