body{
    font-family:"omnes-pro",Arial,sans-serif;
    font-size:15px;
    line-height:1.4;
    color:#666;
    background-color:#fff
}

h1{
    font-weight:300;
    color:#999999;
    font-size: 60px;

}
h2,h3{
    color:#333333
}

.nobullet-list{
    list-style: none;
}

.dashboard-summary-header{
    font-size:32px;
    font-weight:500;
    text-align:center
}

.dashboard-summary-value{
    font-size:128px;
    font-weight:500;
    color:#EA5C1A;
    text-align:center;
    line-height:1.2;
}

//.telloglyph {
//  font-size: 24px;
//  text-align: center;
//}

//.telloglyph:hover {
//  cursor: pointer;
//}

.divtr {
  height: 40px;
  vertical-align: middle;
}

.divtd {
  text-decoration: underline;
  font-weight:500;
  vertical-align: middle;
  display: inline-block;
}
.paginate{
    margin-left:7px;
    margin-right:7px;
    text-decoration:underline;
    cursor:pointer;
    font-size: 20px;
    color:#EA5C1A
}
.timescale {
  color: #000000;
  font-size:15px;
  float:right;
}
.bootstrap-datetimepicker-widget.dropdown-menu{
  min-width:320px
}

.text-normal{
    font-size:15px!important
}
.text-small{
    font-size:13px;
}
.text-large{
    font-size:17px;
}
.text-larger{
    font-size:18px;
}
.text-largeplus{
    font-size:21px;
}
.text-xlarger{
    font-size:26px;
}
.text-xxlarger{
    font-size:42px;
}
.text-disabled{
    font-style:italic
}
section{
    margin-top:98px;
    margin-bottom:98px
}
.section-banner{
    padding-top:46px;
    padding-bottom:46px;
    margin-top:0;
    line-height:1;
    margin-bottom:46px;
    text-align:center
}
.small-section-banner{
    padding-top:10px;
    margin-top:0;
    line-height:1;
    text-align:center;
    padding-bottom:15px;
}

.section-header{
    margin-top:0;
    line-height:1;
    margin-bottom:46px;
    text-align:center
}
.main-container{
    margin-top:46px;
    margin-bottom:46px
}
.tab-header{
    margin-top:0;
    line-height:1;
    text-align:center;
    margin-bottom:24px
}
.margin-top-verybig{
    margin-top:90px
}
.margin-top-big{
    margin-top:38px
}
.margin-top-small{
    margin-top:24px
}
.margin-bottom-small{
    margin-bottom:24px
}
.margin-bottom-big{
    margin-bottom:38px
}
.margin-bottom-verybig{
    margin-bottom:90px
}
.inline-nowrap-txt{
    display:inline-block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.card-image-large{
    width:100%;
    max-width:128px;
    margin-bottom:6px
}
img{
    transition:opacity 0.3s,-webkit-filter 0.3s
}
img.img-grayscale{
    filter:gray;
    -webkit-filter:grayscale(100%);
    opacity:0.4;
    filter:alpha(opacity=40)
}
.btn-line,.table>thead>tr>th.btn-line,.table>tbody>tr>th.btn-line,.table>tfoot>tr>th.btn-line,.table>thead>tr>td.btn-line,.table>tbody>tr>td.btn-line,.table>tfoot>tr>td.btn-line{
    line-height:48px
}
td span{
    float:right;
}

hr{
    border-color:#ddd
}
.infinity-symbol{
    font-family:monospace;
    font-size:90px
}
.notification{
    position:relative;
    width:100%;
    margin:-12px auto 48px;
    max-width:1200px;
    text-align:center;
    background-color:#F6F6F6;
    padding:18px 24px;
    font-size:18px;
    border-radius:30px;
    border:1px solid #E8E8E8
}
.notification .arrow{
    display:block;
    top:-18px;
    margin-left:-9px;
    left:50%;
    position:absolute;
    width:18px;
    height:18px;
    overflow:hidden
}
.notification .arrow:after{
    top:2px;
    left:1px;
    margin-left:0px;
    position:absolute;
    content:" ";
    display:block;
    width:0;
    height:0;
    border-style:solid;
    border-width:16px 0 0 16px;
    border-color:transparent transparent transparent #F6F6F6
}
.notification .arrow:before{
    top:0;
    left:0;
    margin-left:0px;
    position:absolute;
    content:" ";
    display:block;
    width:0;
    height:0;
    border-style:solid;
    border-width:32px 0 0 32px;
    border-color:transparent transparent transparent #E8E8E8
}
.section-colored{
    color:#FFFFFF
}
.section-lightblue{
    background-color:#23B9CE;
    background:-moz-linear-gradient(-60deg,#25c5da 0%,#21b1c4 100%);
    background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,#25c5da),color-stop(100%,#21b1c4));
    background:-webkit-linear-gradient(-60deg,#25c5da 0%,#21b1c4 100%);
    background:-o-linear-gradient(-60deg,#25c5da 0%,#21b1c4 100%);
    background:-ms-linear-gradient(-60deg,#25c5da 0%,#21b1c4 100%);
    background:linear-gradient(120deg,#25c5da 0%,#21b1c4 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#25c5da',endColorstr='#21b1c4',GradientType=1)
}
.section-teal{
    background-color:#12A19A;
    background:-moz-linear-gradient(-60deg,#17cfbf 0%,#12A19A 100%);
    background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,#17cfbf),color-stop(100%,#12A19A));
    background:-webkit-linear-gradient(-60deg,#17cfbf 0%,#12A19A 100%);
    background:-o-linear-gradient(-60deg,#17cfbf 0%,#12A19A 100%);
    background:-ms-linear-gradient(-60deg,#17cfbf 0%,#12A19A 100%);
    background:linear-gradient(120deg,#17cfbf 0%,#12A19A 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#17cfbf',endColorstr='#12A19A',GradientType=1)
}
.section-orange{
    background-color:#F4A32A;
    color:#FFFFFF;
    background:-moz-linear-gradient(-60deg,#F4A32A 0%,#EA5C1A 100%);
    background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,#F4A32A),color-stop(100%,#EA5C1A));
    background:-webkit-linear-gradient(-60deg,#F4A32A 0%,#EA5C1A 100%);
    background:-o-linear-gradient(-60deg,#F4A32A 0%,#EA5C1A 100%);
    background:-ms-linear-gradient(-60deg,#F4A32A 0%,#EA5C1A 100%);
    background:linear-gradient(120deg,#F4A32A 0%,#EA5C1A 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4A32A',endColorstr='#EA5C1A',GradientType=1)
}

.attachment:hover, .account:hover{
    color:#23B9CE;
    cursor: pointer;
}

.section-colored a,.section-colored a:hover{
    color:#FFFFFF
}
//.section-lightblue a:hover{
//    color:#EA5C1A;
//    font-weight:500
//}
.section-orange a:hover{
    color:#23B9CE;
    font-weight:500
}
.section-colored h2,.section-colored h3{
    color:#FFFFFF
}
.tello-color-orange{
    color:#EA5C1A
}
.tello-color-lightblue{
    color:#23B9CE
}
.tello-color-blue{
    color:#23B9CE
}
.tello-color-teal{
    color:#12A19A
}
.tello-color-green{
    color:#00CC00
}
hr.empty{
    margin-bottom:11px;
    border-top:1px solid transparent;
    margin-top:12px
}
.dotted-right{
    border-right:1px dotted #FFFFFF
}
.pull-none{
    float:none!important
}
.disp-iblock{
    display:inline-block
}
.disp-block{
    display:block
}
a{
    text-decoration:underline
}
a:hover{
    text-decoration:none
}
a.nostyle:link {
    text-decoration: inherit;
    color: inherit;
}
a.nostyle:visited {
    text-decoration: inherit;
    color: inherit;
}

#tello-main-navigation{
    position:relative
}
#tello-menu-pointer{
    position:absolute;
    height:0;
    width:0;
    border-left:5px solid #FFFFFF;
    border-bottom:5px solid #FFFFFF;
    border-right:5px solid transparent;
    border-top:5px solid transparent;
    bottom:0px;
    left:-1000px;
    z-index:110
}
#tello-menu-pointer.nav-transition{
    -webkit-transition:left 0.4s ease-in-out;
    -moz-transition:left 0.4s ease-in-out;
    -o-transition:left 0.4s ease-in-out;
    -ms-transition:left 0.4s ease-in-out;
    transition:left 0.4s ease-in-out
}
.tello-menu-logo-mobile img{
    margin-top:-6px
}
.tello-menu-logo span{
    display:inline-block;
    width:102px;
    text-align:center;
    background:transparent url('../img/below-logo.png') top center no-repeat;
    margin-top:-14px;
    padding-top:8px
}
.tello-menu-logo img{
    position:relative;
    z-index:120
}
.mod-svg .tello-menu-logo span{
    background-image:url('../img/below-logo.svg')
}
.table{
    font-size:18px;
}
.table-small{
    font-size:15px;
}
.table>thead>tr>th{
    border-bottom:1px solid rgba(256,256,256,0.5)
}
.table-empty tr>td:first-child,.table-empty tr>th:first-child{
    padding-left:0
}
.table-empty tr>td:last-child,.table-empty tr>th:last-child{
    padding-right:0
}
.btn.text-left{
    text-align:left
}
.btn.text-right{
    text-align:right
}
.btn.text-center{
    text-align:center
}
button:focus,.btn:active:focus,button:active,a:focus,.btn:focus{
    outline:0
}

.btn {
  vertical-align: middle;
  line-height:1.4;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 22px;
  padding-right: 22px;
}

.btn-default,.section-colored .btn-default{
    color:#999999
}
.section-colored .btn-default{
    border:#FFFFFF
}
.btn-default:hover,.btn-default:focus,.btn-default.focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default,.section-colored .btn-default:hover,.section-colored .btn-default:focus,.section-colored .btn-default.focus,.section-colored .btn-default:active,.section-colored .btn-default.active,.section-colored .open>.dropdown-toggle.btn-default{
    background-color:#FFFFFF;
    color:#666666
}
.btn-orange,.btn.btn-orange:disabled,.btn-orange:hover,.btn-orange:focus,.btn-orange.focus,.btn-orange:active,.btn-orange.active,.open>.dropdown-toggle.btn-orange{
    color:#FFFFFF;
    background-color:#EA5C1A;
    border-color:#EA5C1A
}
.btn-blue,.btn-blue:hover,.btn-blue:focus,.btn-blue.focus,.btn-blue:active,.btn-blue.active,.open>.dropdown-toggle.btn-blue{
    color:#FFFFFF;
    background-color:#049091;
    border-color:#049091
}
.btn-orange-white,.section-colored .btn-orange-white{
    color:#EA5C1A;
    background-color:#FFFFFF;
    border-color:#EA5C1A
}

.btn-red-white,.section-colored .btn-red-white{
    color:#ff0000;
    background-color:#FFFFFF;
    border-color:#FFFFFF
}
.btn-green-white,.section-colored .btn-green-white{
    color:#009900;
    background-color:#FFFFFF;
    border-color:#009900;
}
.btn.btn-small{
  padding-bottom:0px;
  padding-top:0px;
  line-height:22px;
  height:22px;
  font-size:16px;
}
.btn.btn-narrow{
  padding-bottom:0px;
  padding-top:0px;
  line-height:40px;
  height:40px;
  font-size:16px;
}

.select-small{
  padding-bottom:0px;
  padding-top:0px;
  line-height:28px;
  height:28px;
  font-size:14px; !important
  display: block;
  margin: 0 auto;
}

.btn70{ width:70px; }
.btn150{ width:150px; }
.btn200{ width:200px; }
.btn250{ width:250px; }
.btn265{ width:265px; }
.btn280{ width:280px; }
.btn300{ width:300px; }

.section-colored .btn-orange-white{
    border-color:#FFFFFF
}
.btn-orange-white:hover,.btn-orange-white:focus,.btn-orange-white.focus,.btn-orange-white:active,.btn-orange-white.active,.open>.dropdown-toggle.btn-orange-white,.section-colored .btn-orange-white:hover,.section-colored .btn-orange-white:focus,.section-colored .btn-orange-white.focus,.section-colored .btn-orange-white:active,.section-colored .btn-orange-white.active,.section-colored .open>.dropdown-toggle.btn-orange-white{
    color:#EA5C1A
}

a.btn-orange-white.btn-active-green-white.active{
  color:#009900;
}

a.btn-green-white.btn-active-green-white.active{
  color:#009900;
}

.btn-ok{
    min-width:200px
}
.tello-pool-autofil-status{
    font-weight:600
}
.dashboard-circle-stats{
    font-size:18px
}
.tello-dashboard-policy{
    padding:12px 16px;
    margin-bottom:10px;
    border:1px solid #C8EDF2;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px
}
.tello-dashboard-policy:last-child{
    margin-bottom:0px
}
.tello-dashboard-policy .remove-btn{
    padding-right:0px
}
.tello-dashboard-policy p{
    line-height:34px;
    margin:0px
}
.tello-select-group .selectors-space{
    overflow:hidden
}
.tello-select-group .selectors-space .form-control{
    display:inline-block;
    padding-left:11px;
    padding-right:6px;
    float:left;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px
}
.tello-select-group .selectors-space .form-control:first-child{
    padding-left:22px;
    -webkit-border-top-left-radius:25px;
    -webkit-border-bottom-left-radius:25px;
    -moz-border-radius-topleft:25px;
    -moz-border-radius-bottomleft:25px;
    border-top-left-radius:25px;
    border-bottom-left-radius:25px
}
.tello-form-lower .tello-select-group .selectors-space .form-control:first-child{
    padding-left:16px
}
.tello-select-group .selectors-space .form-control:not(:first-child){
    border-left:0
}
.tello-select-group .selectors-space .form-control:last-child{
    -webkit-border-top-right-radius:25px;
    -webkit-border-bottom-right-radius:25px;
    -moz-border-radius-topright:25px;
    -moz-border-radius-bottomright:25px;
    border-top-right-radius:25px;
    border-bottom-right-radius:25px
}
.tello-select-group.tello-expiry-selecor .selectors-space .form-control{
    width:50%
}
.tello-date-selecor.tello-select-group .selectors-space .form-control[name*="_day"]{
    width:25%;
    padding-right:8px
}
.tello-date-selecor.tello-select-group .selectors-space .form-control[name*="_month"]{
    width:44%
}
.tello-date-selecor.tello-select-group .selectors-space .form-control[name*="_year"]{
    width:31%
}
.tello-i-block{
    min-height:12px;
    position:relative;
    overflow:hidden;
    margin-bottom:10px;
    min-height:50px;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out
}
.tello-i-block-tab .tello-i-block-tab-bottom{
    position:absolute;
    bottom:0px;
    margin-bottom:20px
}
.tello-i-block-btn-bottom{
    height:48px;
    width:100%
}
.tello-i-block-btn-bottom .btn-space{
    position:absolute;
    bottom:38px;
    width:100%;
    left:0
}
.tello-i-block.tello-i-block-bordered{
    border:1px solid #D4D4D4;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px
}
.tello-i-block.tello-i-block-bordered.border-lightblue {
    border-color:#23B9CE;
}
.tello-i-block.tello-i-block-bordered .tello-i-block-tab{
    margin:48px 36px 38px
}
.tello-i-block.tello-i-block-bordered .tello-i-block-tab.small-right-margin{
    margin-right:24px
}
.tello-no-data-message{
    font-size:18px;
    padding-top:15px;
    padding-bottom:15px
}
.tello-i-block.mh200,.tello-i-block.mh450,.tello-i-block.mh300,.tello-i-block.mh316,.tello-i-block.mh350,.tello-i-block.mh360,.tello-i-block.mh370,.tello-i-block.mh400,.tello-i-block.mh625,.tello-i-block.mh210,.tello-i-block.mh150,.tello-i-block.mh100{
    min-height:100px
}
@media (min-width:992px){
    .tello-i-block.mh200{
        min-height:200px
    }
    .tello-i-block.mh300{
        min-height:300px
    }
    .tello-i-block.mh316{
        min-height:316px
    }
    .tello-i-block.mh350{
        min-height:350px
    }
    .tello-i-block.mh360{
        min-height:360px
    }
    .tello-i-block.mh370{
        min-height:370px
    }
    .tello-i-block.mh400{
        min-height:400px
    }
    .tello-i-block.mh450{
        min-height:450px
    }
    .tello-i-block.mh625{
        min-height:625px
    }
    .tello-i-block.mh210{
        min-height:210px
    }
    .tello-i-block.mh150{
        min-height:150px
    }
    .tello-i-block.mh100{
        min-height:100px
    }
}
.tello-i-block-loading,.tello-i-block-error{
    height:100%;
    width:100%;
    font-size:16px;
    padding:20px;
    text-align:center;
    position:absolute;
    z-index:10
}
.tello-i-block-error-inner{
    padding:0 10px;
    font-size:18px;
    position:relative;
    top:50%;
    color:#EA5C1A
}
.section-colored .tello-i-block-error-inner{
    color:#FFFFFF
}
.tello-i-block-loading-inner{
    font-size:18px;
    position:relative;
    top:50%;
    margin-top:-16px
}
.container-fluid.tello-i-block-tab{
    margin-left:0px;
    margin-right:0px
}
.tello-i-block-tab>:last-child{
    margin-bottom:0
}
.main-container>:last-child{
    margin-bottom:0
}
.policy-item h3{
    font-weight:300
}
.policy-item h3 strong{
    font-weight:500
}
.policy-item p{
    margin:24px
}
@media (min-width:992px){
    .login-max-inner-block{
        max-width:400px
    }
}
.tello-cbtn{
    height:48px;
    font-size:18px;
    line-height:1.4;
    padding:10px 48px 10px 22px;
    display:inline-block;
    width:100%;
    border:1px solid #D4D4D4;
    background-color:#F6F6F6;
    color:#333333;
    margin-bottom:6px;
    border-radius:25px;
    position:relative;
    text-align:left;
    -webkit-transition:color 0.5s ease-in-out;
    -moz-transition:color 0.5s ease-in-out;
    -o-transition:color 0.5s ease-in-out;
    -ms-transition:color 0.5s ease-in-out;
    transition:color 0.5s ease-in-out
}
.tello-cbtn-text{
    display:inline-block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    width:100%
}
.section-colored .tello-cbtn{
    background-color:#FFFFFF;
    border-color:#FFFFFF
}
.tello-cbtn-confirm-symbol{
    display:inline-block;
    text-align:center;
    width:46px;
    position:absolute;
    right:0px;
    top:0px;
    background-color:#D4D4D4;
    padding:10px;
    border-radius:25px;
    -webkit-transition:background-color 0.2s ease-in-out;
    -moz-transition:background-color 0.2s ease-in-out;
    -o-transition:background-color 0.2s ease-in-out;
    -ms-transition:background-color 0.2s ease-in-out;
    transition:background-color 0.2s ease-in-out
}
.tello-cbtn-confirm-text{
    margin-right:35px;
    font-weight: 600;
}
.tello-cbtn .tello-cbtn-confirm{
    text-decoration:none;
    white-space:nowrap;
    color:#FFFFFF;
    display:block;
    cursor:pointer;
    position:absolute;
    border:1px solid transparent;
    right:-1px;
    top:-1px;
    background-color:#D4D4D4;
    padding:10px;
    border-radius:25px;
    text-align:right;
    min-width:48px;
    min-height:48px;
    width:48px;
    overflow:hidden;
    -webkit-transition:width 0.2s ease-in-out,background-color 0.2s ease-in-out,border-color 0.2s ease-in-out;
    -moz-transition:width 0.2s ease-in-out,background-color 0.2s ease-in-out,border-color 0.2s ease-in-out;
    -o-transition:width 0.2s ease-in-out,background-color 0.2s ease-in-out,border-color 0.2s ease-in-out;
    -ms-transition:width 0.2s ease-in-out,background-color 0.2s ease-in-out,border-color 0.2s ease-in-out;
    transition:width 0.2s ease-in-out,background-color 0.2s ease-in-out,border-color 0.2s ease-in-out
}
.tello-cbtn .tello-cbtn-confirm:hover{
    text-decoration:underline
}
.tello-cbtn-confirm-loader{
    position:absolute;
    right:0px;
    top:6px
}
.tello-cbtn.loading .tello-cbtn-confirm{
    cursor:default
}
.tello-cbtn.confirm .tello-cbtn-confirm,.tello-cbtn .tello-cbtn-confirm:hover{
    background-color:#049091;
    border-color:#049091
}
.tello-cbtn.confirm .tello-cbtn-confirm-symbol,.tello-cbtn-confirm:hover .tello-cbtn-confirm-symbol{
    background-color:#049091
}
.tello-cbtn-blue{
    color:#049091
}
.tello-cbtn-blue .tello-cbtn-confirm,.tello-cbtn.confirm.tello-cbtn-blue .tello-cbtn-confirm{
    background-color:#049091;
    border-color:#049091
}
.tello-cbtn-blue .tello-cbtn-confirm-symbol,.tello-cbtn.confirm.tello-cbtn-blue .tello-cbtn-confirm-symbol{
    background-color:#049091
}
.tello-cbtn-orange{
    color:#EA5C1A
}
.tello-cbtn-orange .tello-cbtn-confirm,.tello-cbtn.confirm.tello-cbtn-orange .tello-cbtn-confirm,.tello-cbtn.confirm.tello-cbtn-orange .tello-cbtn-confirm:hover,.tello-cbtn.tello-cbtn-orange .tello-cbtn-confirm:hover{
    background-color:#EA5C1A;
    border-color:#EA5C1A
}
.tello-cbtn-orange .tello-cbtn-confirm-symbol,.tello-cbtn.confirm.tello-cbtn-orange .tello-cbtn-confirm-symbol,.tello-cbtn.tello-cbtn-orange.confirm .tello-cbtn-confirm-symbol,.tello-cbtn-orange .tello-cbtn-confirm:hover .tello-cbtn-confirm-symbol{
    background-color:#EA5C1A;
    border-color:#EA5C1A
}
.tello-cbtn-confirm-symbol .rotate-symbol:before{
    -webkit-transition:-webkit-transform 0.2s ease-in-out;
    -moz-transition:-moz-transform 0.2s ease-in-out;
    -o-transition:-o-transform 0.2s ease-in-out;
    transition:transform 0.2s ease-in-out
}
.tello-cbtn.confirm .tello-cbtn-confirm-symbol .rotate-symbol:before{
    -ms-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}

td .tello-cbtn{
    margin-bottom:0
}
label.checkbox-switch-wrapper{
    line-height:48px;
    text-align:center;
    -webkit-transition:background 0.2s ease-in-out;
    -moz-transition:background 0.2s ease-in-out;
    -o-transition:background 0.2s ease-in-out;
    -ms-transition:background 0.2s ease-in-out;
    transition:background 0.2s ease-in-out;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    border-radius:25px;
    display:inline-block;
    position:relative;
    margin:0;
    width:100px;
    height:48px;
    padding:0 14px 0 56px;
    cursor:pointer;
    background:#F6F6F6;
    border:1px solid #D4D4D4;
    font-weight:normal;
    vertical-align:middle;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.section-colored label.checkbox-switch-wrapper{
    background:#FFFFFF;
    border-color:#FFFFFF
}
label.checkbox-switch-wrapper .checkbox-text{
    color:#999999;
    opacity:0;
    text-decoration:none;
    -webkit-transition:opacity 0.2s ease-in-out;
    -moz-transition:opacity 0.2s ease-in-out;
    -o-transition:opacity 0.2s ease-in-out;
    -ms-transition:opacity 0.2s ease-in-out;
    transition:opacity 0.2s ease-in-out
}
label:hover.checkbox-switch-wrapper .checkbox-text{
    opacity:1;
    text-decoration:underline
}
label.checkbox-switch-wrapper.checked{
    padding:0 56px 0 14px
}
label.checkbox-switch-wrapper.loading,label.checkbox-switch-wrapper.loading .checkbox-switch{
    -webkit-animation-duration:0.7s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
    animation-duration:0.7s;
    animation-timing-function:linear;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-play-state:running
}
label.checkbox-switch-wrapper .checkbox-switch{
    -webkit-transition:left 0.2s ease-in-out,background-color 0.2s ease-in-out;
    -moz-transition:left 0.2s ease-in-out,background-color 0.2s ease-in-out;
    -o-transition:left 0.2s ease-in-out,background-color 0.2s ease-in-out;
    -ms-transition:left 0.2s ease-in-out,background-color 0.2s ease-in-out;
    transition:left 0.2s ease-in-out,background-color 0.2s ease-in-out;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    border-radius:25px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    display:inline-block;
    margin:0;
    width:48px;
    height:48px;
    line-height:48px;
    text-align:center;
    position:absolute;
    top:-1px;
    left:-1px;
    background-color:#049091;
    color:#FFFFFF
}
label.checkbox-switch-wrapper.checked .checkbox-switch{
    left:51px;
    color:#FFFFFF;
    background-color:#EA5C1A
}
select.form-control::-ms-expand{
    border:0;
    background-color:transparent
}
.form-control.disabled,label.disabled,.form-group .select-payment-method label.disabled{
    cursor:not-allowed
}
.tello-editable-form-checkbox{
    height:40px
}
.tello-editable-form-loading{
    height:48px;
    line-height:48px;
    font-size:18px
}
.tello-editable-form-value-block,.tello-editable-form-value-block-static{
    padding-top:7px
}
.tello-form-lower .form-control-static,.tello-form-lowest .form-control-static{
    min-height:40px;
    padding-top:7px;
    padding-bottom:0
}
.tello-form-lower .form-group,.tello-form-lowest .form-group{
    margin-bottom:5px
}
.tello-form-lower .form-control,.tello-form-lowest .form-control{
    height:40px;
    padding:5px 16px
}
@media (min-width:768px){
    .tello-form-lower .control-label,.tello-form-lowest .control-label{
        padding-top:7px
    }
}
.tello-form-lowest .form-control-static{
    min-height:inherit
}
.tello-form-value{
    font-weight:500
}
.form-group label.error{
    font-weight:400;
    color:#A94442
}
.form-group input.error,.form-group select.error{
    border-color:#A94442;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.form-group input.error:focus,.form-group select.error:focus{
    border-color:#843534;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
}
.form-control-group .form-input-block:not(:first-child){
    padding-left:0px
}
.form-control-group .form-input-block:not(:last-child){
    padding-right:0px
}
.form-control-group .form-input-block:not(:first-child) .form-control{
    padding-left:11px;
    border-left:0;
    -webkit-border-top-left-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-topleft:0px;
    -moz-border-radius-bottomleft:0px;
    border-top-left-radius:0px;
    border-bottom-left-radius:0px
}
.form-control-group .form-input-block:not(:last-child) .form-control{
    padding-right:11px;
    -webkit-border-top-right-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-topright:0px;
    -moz-border-radius-bottomright:0px;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px
}
.margin-top-15{
    margin-top:15px
}
.margin-bottom-15{
    margin-bottom:15px
}
.margin-top-5{
    margin-top:5px
}
.margin-bottom-5{
    margin-bottom:5px
}
#invite-new-user-form .form-group .control-label{
    padding-right:6px
}
b,strong,optgroup,dt,.strong{
    font-weight:600
}
.stronger{
    font-weight:600
}
.darker{
    color:#333333
}
.dark{
    color:#999999
}
.light{
    color:#D4D4D4
}
.lighter{
    color:#F6F6F6
}
label,.control-label,.form-horizontal .control-label{
    font-weight:300;
    font-size:18px
}
.col-form-label,.form-control-static,.form-control,.btn{
    font-size:18px
}
.form-horizontal .radio,.form-horizontal .checkbox{
    font-size:18px
}
.btn{
    height:48px;
    text-decoration:none;
    border-top-right-radius:25px;
    border-top-left-radius:25px;
    border-bottom-right-radius:25px;
    border-bottom-left-radius:25px;
}
.btn:hover{
    text-decoration:underline
}
p.btn-space{
    margin-bottom:-6px
}
.btn-space .btn{
    margin-left:6px;
    margin-right:6px;
    margin-bottom:6px
}
.btn.btn-link{
    padding-left:0;
    padding-right:0;
    text-decoration:underline
}
.btn.btn-link:hover{
    text-decoration:none
}
.btn.btn-no-padding{
    padding:0
}
.navbar-nav>li>a{
    color:#FFFFFF;
    text-decoration:none
}
.navbar-toggle .icon-bar{
    background-color:#FFFFFF
}
.navbar-tello{
    background:#F1921D;
    background:-moz-linear-gradient(left,#FACF33 0%,#ED6608 100%);
    background:-webkit-gradient(linear,left top,right top,color-stop(0%,#FACF33),color-stop(100%,#ED6608));
    background:-webkit-linear-gradient(left,#FACF33 0%,#ED6608 100%);
    background:-o-linear-gradient(left,#FACF33 0%,#ED6608 100%);
    background:-ms-linear-gradient(left,#FACF33 0%,#ED6608 100%);
    background:linear-gradient(to right,#FACF33 0%,#ED6608 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FACF33',endColorstr='#ED6608',GradientType=1);
    border:0;
    border-bottom:1px solid #FFFFFF;
    z-index:100
}
.navbar-tello a{
    font-size:18px;
    color:#FFFFFF;
    text-transform:uppercase;
    font-weight:300
}
.navbar-tello .active a{
    color:#FFFFFF;
    font-weight:500
}
.navbar-tello>li>a:hover,.navbar-tello>li>a:focus{
    background-color:transparent
    color:#FFFFFF;
}
.navbar-tello .active a:after{
    content:" ";
    display:block;
    width:0;
    height:0;
    border-left:5px solid #FFFFFF;
    border-bottom:5px solid #FFFFFF;
    border-right:5px solid transparent;
    border-top:5px solid transparent;
    position:absolute;
    left:50%;
    margin-left:-5px;
    bottom:0
}
.navbar-tello .hidden-default-pointer .active a:after{
    display:none
}
.navbar-tello .nav>li>a:hover,.navbar-tello .nav>li>a:focus{
    background-color:transparent
}
.navbar-nav .divider-vertical{
    height:25px;
    width:1px;
    background-color:#92DDE7;
    margin-top:25px
}
.navbar-nav>li>a{
    line-height:21px;
}
.navbar-nav>li>a:hover,.navbar-nav>li>a:focus{
    color:#FFFFFF;
}
.nav-link {
  padding-left:15px;
  padding-right:15px;
  padding-top:21.5px;
  //padding-bottom:21.5px;
}
.form-select{
  font-size:18px;
}
.form-control{
    -webkit-box-shadow:none;
    box-shadow:none
}
.form-control:focus{
    -webkit-box-shadow:none;
    box-shadow:none;
    border-color:#AAA
}
.modal-content{
    border:0;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    border-radius:25px;
    -webkit-box-shadow:0 2px 15px rgba(0,0,0,0.2);
    box-shadow:0 2px 15px rgba(0,0,0,0.2)
}
.modal-header{
    background-color:#23B9CE;
    padding:20px 34px;
    -webkit-border-top-left-radius:25px;
    -webkit-border-top-right-radius:25px;
    -moz-border-radius-topleft:25px;
    -moz-border-radius-topright:25px;
    border-top-left-radius:25px;
    border-top-right-radius:25px
}
.modal-header.orange-header{
    background-color:#EA5C1A
}
.modal-title{
    color:#fff;
    font-weight:300
}
.modal-header .close{
    color:#fff;
    font-size:32px;
    text-shadow:none;
    opacity:1;
    margin-top:0px
}
.modal-header .close [class^="icon-"]:before,.modal-header .close [class*=" icon-"]:before{
    margin:0;
    width:auto
}
.modal-body{
    font-size:18px;
    padding-bottom:18px
}
.modal-footer{
    padding-top:18px;
    border:0;
    text-align:center;
    justify-content:center;
}
.btn-cancel{
    color:#2BCDDF;
    padding-left:0;
    padding-right:0;
    font-size:15px
}
.btn-cancel:hover,.btn-cancel:focus{
    color:#E78330;
    text-decoration:none
}
@media (min-width:1024px) and (max-width:1100px){
    .container{
        width:1000px
    }
}
.tello-loader{
    vertical-align:middle;
    height:16px;
    width:16px;
    margin-right:8px;
    -webkit-animation:rotation360 1.5s linear infinite;
    -moz-animation:rotation360 1.5s linear infinite;
    animation:rotation360 1.5s linear infinite
}
.tello-loader.loader-large{
    height:32px;
    width:32px;
    margin-right:8px;
    -webkit-animation:rotation360 1.5s linear infinite;
    -moz-animation:rotation360 1.5s linear infinite;
    animation:rotation360 1.5s linear infinite
}
.tello-loader-space{
    line-height:48px;
    font-size:18px
}
@-moz-keyframes rotation360{
    100%{
        -moz-transform:rotate(360deg)
    }
}
@-webkit-keyframes rotation360{
    100%{
        -webkit-transform:rotate(360deg)
    }
}
@keyframes rotation360{
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
#ol-block{
    position:fixed;
    height:100%;
    width:100%;
    z-index:99;
    top:0;
    left:0;
    background:rgba(255,255,255,0.9)
}
#ol-background{
    position:absolute;
    width:150px;
    height:150px;
    margin:-75px 0 0 -75px;
    top:50%;
    left:50%;
    background:transparent url('../img/loader-icon.png') center center no-repeat;
    background-size:150px 150px;
    -webkit-animation:rotation360 1.7s linear infinite;
    -moz-animation:rotation360 1.7s linear infinite;
    animation:rotation360 1.7s linear infinite
}
.mod-svg #ol-background{
    background-image:url('../img/loader-icon.svg')
}
#ol-center{
    position:absolute;
    width:138px;
    height:138px;
    margin:-69px 0 0 -69px;
    top:50%;
    left:50%;
    line-height:138px;
    text-align:center;
    color:#000;
    font-weight:400;
    font-size:20px;
    text-transform:lowercase
}
.dashboard-billng-small-table span{
    display:inline-block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.dashboard-billng-small-table .date-space{
    width:37%
}
.dashboard-billng-small-table .price-space{
    color:#333333;
    width:35%
}
.dashboard-billng-small-table .status-space{
    text-align:right;
    color:#999999;
    width:28%
}
#dashboard-billing-method-block .payment-method-icon{
    padding-right:8px;
    font-size:28px;
    height:26px;
    margin-top:-8px;
    vertical-align:-4px;
    display:inline-block
}
#dashboard-billing-method-block .payment-method-icon-sm{
    padding-right:8px
}
.form-group .select-payment-method{
    text-align:center
}
.form-group .select-payment-method label{
    cursor:pointer;
    display:inline-block;
    margin-left:12px;
    margin-right:12px;
    font-size:24px;
    transition:color 0.1s ease-in-out
}
.form-group .select-payment-method label.selected{
    color:#333333
}
.form-group .select-payment-method label [class^="icon-"]{
    transition:color 0.1s ease-in-out
}
.form-group .select-payment-method label:hover [class^="icon-"]{
    color:#333333
}
@media (min-width:992px){
    .col-md-1.right,.col-md-2.right,.col-md-3.right,.col-md-4.right,.col-md-5.right,.col-md-6.right,.col-md-7.right,.col-md-8.right,.col-md-9.right,.col-md-10.right,.col-md-11.right,.col-md-12.right{
        text-align:right
    }
}
@media (min-width:768px){
    .col-sm-1.right,.col-sm-2.right,.col-sm-3.right,.col-sm-4.right,.col-sm-5.right,.col-sm-6.right,.col-sm-7.right,.col-sm-8.right,.col-sm-9.right,.col-sm-10.right,.col-sm-11.right,.col-sm-12.right{
        text-align:right
    }
}
.form-horizontal .control-label.left{
    text-align:left
}

@media only screen and (max-width:768px){
    table.responsive{
        width:100%;
        min-width:320px
    }
    table.responsive,table.responsive thead,table.responsive tbody,table.responsive th,table.responsive td,table.responsive tr{
        display:block
    }
    table.responsive th{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    table.responsive>thead>tr>th,table.responsive>tbody>tr>th,table.responsive>tfoot>tr>th,table.responsive>thead>tr>td,table.responsive>tbody>tr>td,table.responsive>tfoot>tr>td{
        border:0
    }
    table.responsive tr:nth-of-type(even){
    }
    table.responsive tbody tr{
        border-top:1px solid #ddd;
        margin-top:16px;
        padding-top:16px
    }
    table.responsive tbody>tr:first-child{
        border-top:0;
        margin-top:0;
        padding-top:0
    }
    table.responsive tbody tr>td.text-right:last-child{
        text-align:left
    }
    table.responsive tr:not(.responsive-no-header) td{
        border:none;
        position:relative;
        padding-left:50%!important
    }
    table.responsive td:before{
        position:absolute;
        top:6px;
        left:6px;
        width:45%;
        font-weight:bold;
        text-align:right;
        padding-right:10px;
        white-space:nowrap;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis
    }
}
@media only screen and (max-width:500px){
    table.responsive td{
        padding-left:0!important
    }
    table.responsive td:before{
        width:100%;
        text-align:left;
        position:initial;
        display:block
    }
}
.table-responsive{
    border-collapse:collapse;
    border:0
}

.responsive-no-header{
  font-style:italic;
  display:none;
  border-top-width:0px;
  text-align:center;
  font-size:18px;
}

.responsive-no-header>td>p{
  text-align:left;
  font-size:18px;
  width: 50%;
  margin-left:33%;
 } 

 /* The side navigation menu */
.modalnav {
    z-index: 1; /* Stay on top */
    background-color: #ffffff; /* White*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-: 5px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the modalnav */
}

/* The navigation menu links */
.modalnav_item {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 16px;
    color: #000000;
    display: block;
    transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.modalnav_item:hover {
    color: #f1f1f1;
    cursor: pointer;
}

/* Selected page */
.modalnav_selected {
    color: #ea5c1a;
}

/* Position and style the close button (top right corner) */
.modalnav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
.modalcontent {
    padding: 6px;
    text-align: center; 
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
.modalcontent-header {
    margin-top: 0px; /* Stay at the top */
    margin-bottom: 25px; 
    color: #ea5c1a;
}

.flex-footer {
  padding-top:40px;
  display:flex;
  align-items:center;
  justify-content:center;
}


/* ROTATING TELLO LOGO */

.logo-spinner-container {
  position:relative;
  width:100px;
  height:100px;
  margin: 0 auto;
  padding: 0;
  left:0;
  right:0;
}

.logo-spinner-ring {
  position:absolute;
  left:0;
  right: 0;
  width:100px;
  height:100px;
  z-index:9000;
}

.logo-spinner-text {
  position:absolute;
  top:0;
  left:0;
  right: 0;
  width:100px;
  height:100px;
  z-index:9001;
}

.logo-spinner-container-large {
  width:200px;
  height:200px;
}

.logo-spinner-ring-large {
  width:200px;
  height:200px;
}

.logo-spinner-text-large {
  width:200px;
  height:200px;
}

.spinforever {
  -webkit-animation:rotation360 1.5s linear infinite;
  -moz-animation:rotation360 1.5s linear infinite;
  animation:rotation360 1.5s linear infinite
}

.rotate {
  -webkit-animation:rotation360 1.5s linear 1;
  -moz-animation:rotation360 1.5s linear 1;
  animation:rotation360 1.5s linear 1
}


/* ANIMATED ELIPSIS */

.ellipsis-anim span {
    opacity: 0;
    -webkit-animation: ellipsis-dot 1s infinite;
    animation: ellipsis-dot 1s infinite;
}

.ellipsis-anim span:nth-child(1) {
    -webkit-animation-delay: 0.0s;
    animation-delay: 0.0s;
}
.ellipsis-anim span:nth-child(2) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.ellipsis-anim span:nth-child(3) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

@-webkit-keyframes ellipsis-dot {
      0% { opacity: 0; }
     50% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes ellipsis-dot {
      0% { opacity: 0; }
     50% { opacity: 1; }
    100% { opacity: 0; }
}


/* PANEL */

.tello-panel-heading {
  border-top-right-radius:24px;
  border-top-left-radius:24px;
}

.tello-curve {
  border-top-right-radius:25px;
  border-top-left-radius:25px;
  border-bottom-right-radius:25px;
  border-bottom-left-radius:25px;
}

.tello-input {
  height: 40px;
  width: 90%;
  background-color: #f6f6f6;
}

.tello-label {
  color:#666666;
  font-family:"omnes-pro", Arial, sans-serif
}


/* OVERRIDING DATETIMEPICKER */

.bootstrap-datetimepicker-widget.dropdown-menu {
  width: auto !important;
}


/* OVERRIDING BTN */

.btn {
}

.btn-default {
  border-color: #999999;
}


/* CONTACT BUTTONS */

.telloglyph {
  color: #EA5C1A;
  font-size: 20px;
  text-align: center;
  padding-left: 2px;
  padding-right: 2px;
}


.telloglyph:hover, .tellobigglyph:hover {
  cursor: pointer;
}

.tellobtnglyph {
  font-size: 24px;
  text-align: center;
  display:inline;
}

.tellobtnglyph:hover {
  cursor: pointer;
}

.telloinputglyph {
  padding-left: 2px;
  padding-right: 2px;
  z-index: 2;
}

a.btn-orange > span.tellobtnglyph, button.btn-orange > span.tellobtnglyph {
  color: #FFFFFF;
}

a.btn-default > span.tellobtnglyph, button.btn-default > span.tellobtnglyph {
  color: #999999;
}

a.btn-warning > span.tellobtnglyph, button.btn-warning > span.tellobtnglyph {
  color: #FFFFFF;
}