.ml14 {
    font-weight: 200;
    font-size: 2.5em;
}

.ml14 .text-wrapper {
    position: relative;
    display: inline-block;
    padding-top: 0.1em;
    padding-right: 0.05em;
    padding-bottom: 0.15em;
}

.ml14 .line {
    opacity: 0;
    position: absolute;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #263238;
    transform-origin: 100% 100%;
    bottom: 0;
}

.ml14 .letter {
    display: inline-block;
    line-height: 1em;
}


.sk-circle {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative;
}
.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg); }
.sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg); }
.sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
.sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg); }
.sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg); }
.sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
.sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg); }
.sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg); }
.sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg); }
.sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg); }
.sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s; }
.sk-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
          -webkit-transform: scale(1);
          transform: scale(1);
      }
}

@keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
          -webkit-transform: scale(1);
          transform: scale(1);
      }
}

.ml12 {
    font-weight: 400;
    font-size: 1.3em;
}

.ml12 .letter {
    display: inline-block;
    line-height: 1em;
}


div.modal-header {
    padding: 6px 15px !important;
    font-weight: 300 !important;
}





.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: #29d;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
}

.pace .pace-progress-inner {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #29d, 0 0 5px #29d;
    opacity: 1.0;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -moz-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    -o-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
    display: block;
    position: fixed;
    z-index: 2000;
    top: 15px;
    right: 15px;
    width: 14px;
    height: 14px;
    border: solid 2px transparent;
    border-top-color: #29d;
    border-left-color: #29d;
    border-radius: 10px;
    -webkit-animation: pace-spinner 400ms linear infinite;
    -moz-animation: pace-spinner 400ms linear infinite;
    -ms-animation: pace-spinner 400ms linear infinite;
    -o-animation: pace-spinner 400ms linear infinite;
    animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
    0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
    0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
    0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
    0% { transform: rotate(0deg); transform: rotate(0deg); }
    100% { transform: rotate(360deg); transform: rotate(360deg); }
}
.ad-100 {
    -ms-animation-delay: 	   100ms;
    -moz-animation-delay:    100ms;
    -o-animation-delay: 	   100ms;
    -webkit-animation-delay: 100ms;
    animation-delay:         100ms;
}

.ad-300 {
    -ms-animation-delay: 	   200ms;
    -moz-animation-delay:    200ms;
    -o-animation-delay: 	   200ms;
    -webkit-animation-delay: 200ms;
    animation-delay:         200ms;
}
.ad-300w {
    -ms-animation-delay: 	   201ms;
    -moz-animation-delay:    201ms;
    -o-animation-delay: 	   201ms;
    -webkit-animation-delay: 201ms;
    animation-delay:         201ms;
}
.ad-500 {
    -ms-animation-delay: 	   300ms;
    -moz-animation-delay:    300ms;
    -o-animation-delay: 	   300ms;
    -webkit-animation-delay: 300ms;
    animation-delay:         300ms;
}

.ad-700 {
    -ms-animation-delay: 	   400ms;
    -moz-animation-delay:    400ms;
    -o-animation-delay: 	   400ms;
    -webkit-animation-delay: 400ms;
    animation-delay:         400ms;
}

.ad-900 {
    -ms-animation-delay: 	   500ms;
    -moz-animation-delay:    500ms;
    -o-animation-delay: 	   500ms;
    -webkit-animation-delay: 500ms;
    animation-delay:         500ms;
}

.ad-1100 {
    -ms-animation-delay: 	   600ms;
    -moz-animation-delay:    600ms;
    -o-animation-delay: 	   600ms;
    -webkit-animation-delay: 600ms;
    animation-delay:         600ms;
}

.ad-1300 {
    -ms-animation-delay: 	   700ms;
    -moz-animation-delay:    700ms;
    -o-animation-delay: 	   700ms;
    -webkit-animation-delay: 700ms;
    animation-delay:         700ms;
}

.ad-1500 {
    -ms-animation-delay: 	   800ms;
    -moz-animation-delay:    800ms;
    -o-animation-delay: 	   800ms;
    -webkit-animation-delay: 800ms;
    animation-delay:         800ms;
}


.ad-1700 {
    -ms-animation-delay: 	   900ms;
    -moz-animation-delay:    900ms;
    -o-animation-delay: 	   900ms;
    -webkit-animation-delay: 900ms;
    animation-delay:         900ms;
}


.ad-1900 {
    -ms-animation-delay: 	   1000ms;
    -moz-animation-delay:    1000ms;
    -o-animation-delay: 	   1000ms;
    -webkit-animation-delay: 1000ms;
    animation-delay:         1000ms;
}

h5 {
font-size: 1.15rem !important;
font-weight: 300 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
}



/* List pages */

.modal-header {
    padding: 6px 15px;
}
h4.modal-title {
    font-weight: 300;
}


table#list>thead>tr>th {
    vertical-align: middle;
    text-align: center;
    border-top: 0px solid transparent;
}
table#list>thead>tr.upperheader>th {
    border: 0 solid transparent;
}
.cursor-pointer {
    cursor: pointer;
}
#list_info, #list_length {
    display: inline-block;
}
#list_filter, #list_paginate {
    display: inline-block;
    float: right;
}

#excelexport {
    float: right;
}



table#list>thead>tr>th {
    vertical-align: middle;
    text-align: center;
    border-top: 0px solid transparent;
}
table#list>thead>tr.upperheader>th {
    border: 0 solid transparent;
}
.cursor-pointer {
    cursor: pointer;
}

.modal-header {
    padding: 6px 15px;
}
h4.modal-title {
    font-weight: 300;
}