/**
 * Default settings
 */
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.opacity-8{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.whitesmoke{background-color: whitesmoke}

.width-100p {width: 100%}

.height-250{height: 250px}

.margin-top-0   {margin-top: 0px}
.margin-top-10  {margin-top: 10px}
.margin-top-15  {margin-top: 15px}
.margin-top-25  {margin-top: 25px}
.margin-top-35  {margin-top: 35px}
.margin-top-50  {margin-top: 50px}
.margin-top-100 {margin-top: 100px}

.margin-bottom-0   {margin-bottom: 0px}
.margin-bottom-20  {margin-bottom: 20px}
.margin-bottom-35  {margin-bottom: 35px}
.margin-bottom-100{margin-bottom: 100px}
.margin-bottom-100-neg{float: left;width: 100%;margin-bottom: -100px}
.margin-bottom-50-neg {float: left;width: 100%;margin-bottom:  -50px}
.margin-bottom-30-neg {float: left;width: 100%;margin-bottom:  -30px}

.clear-left {clear: left}

.min-height-100p {min-height: 100%}

.fs-0-8 {font-size: 0.8em}
.fs-1-0 {font-size: 1.0em}
.fs-1-2 {font-size: 1.2em}
.fs-1-4 {font-size: 1.4em}
.fs-1-6 {font-size: 1.6em}

.align-center {text-align: center}

ul.nav-tabs {border-bottom: 1px solid #ddd;margin-bottom: 20px}

table > thead > tr > th:first-letter {text-transform: uppercase}

textarea {min-height: 1s20px;width: 100%}


/**
 * Application Progressbar
 */
#progressbar{pointer-events:none}
#progressbar .bar{
    background:#c0392b;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}
#progressbar .peg{
    display:block;position:absolute;right:0;width:100px;height:100%;
    box-shadow:0 0 10px #c0392b,0 0 5px #c0392b;opacity:1;
    -webkit-transform:rotate(3deg) translate(0,-4px);
    -ms-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}
#progressbar .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}
#progressbar .spinner-icon{
    width:18px;height:18px;box-sizing:border-box;
    border:2px solid transparent;border-top-color:#c0392b;border-left-color:#c0392b;
    border-radius:50%;-webkit-animation:progressbar-spinner 400ms linear infinite;
    animation:progressbar-spinner 400ms linear infinite}
.progressbar-custom-parent{overflow:hidden;position:relative}
.progressbar-custom-parent #progressbar .bar,.progressbar-custom-parent #progressbar .spinner
{position:absolute}
@-webkit-keyframes progressbar-spinner{0%{-webkit-transform:rotate(0deg)}
                                       100%{-webkit-transform:rotate(360deg)}}
                                       @keyframes progressbar-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

                                       /**
                                        * Application attachment
                                        */
                                       #attachment-info label {display: block; float: left; width: 100%; padding-bottom: 2px}
                                       #attachment-info textarea {min-height: 80px; max-height: 80px; overflow: hidden}
                                       .attachment_holder{position: relative; display: block; float: left; overflow: hidden}
                                       .attachment_holder img.del-attachment{
                                           display: none; position: absolute; top: 5px; right: 5px; cursor: pointer}
                                       .attachment_holder form.download{
                                           display: none; position: absolute; top: 3px; left: 3px; cursor: pointer}
                                       .attachment_holder p.info{
                                           position: absolute; bottom: 0px; display: none; float: left; width: 100%; height: auto;
                                           background: rgba(0, 0, 0, 0.4); color: white; overflow: hidden; padding: 5px; margin: 0px}
                                       .multiple_uploader_drop_zone {margin: -24px 0 15px 0;height: 200px}