/* BODY */
body {
	color: #333;
	background: #fff;
  font-size: 0.8rem;
  font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
}

.block {
  margin-left: 360px;
}

.form-control {
  border: 1px solid #ccd0d4;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 12px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #2E2E2E;
}
/* END BODY */

.error-icon {
  color: #2753AD;
}

.font-8-0 { font-size: 8.0rem; }

/* Tab Content */
.tab-content { border: 1px solid #ddd; border-top: none !important; margin-bottom: 10px; padding-bottom: 15px;}

.top { border-top: 1px solid #ddd !important; }

/* LOGIN PAGE */
.blog-topbar {
  background: #111;
  color: #fff;
  height: 40px;
  font-size: 14px;
}

.container-fluid {
    width: 96%;    
}

.navbarSupportedContent{ margin-left: 30px;
margin-right: 29px; }

.topbar-time {
  padding: 12px 12px 7px 0;
  font-size: 12px;
  text-transform: uppercase;
}

.session-logo {
	margin: 20px 0 20px 40px;
	background: #FFF;
}

.bg-session {
	background: url('/img/bg-session.jpg') no-repeat;
	margin: 7px 0 0;
	height: 471px;
}

.login-panel {
	margin-top: 14%;
	padding: 20px;
	height: auto;
	box-shadow: 2px 2px 5px #b7b7b7;
}
/* END LOGIN PAGE */

/* MAIN PAGE */
.airtime-top-bar {
	height: 65px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.airtime-menu-bar {
	font-size: medium;
}

input.error {
	border: 1px solid red;
}

form label.error {
  color: #c00;
  font-size: 15px;
  display: none;
  clear: both;
  font-size: 0.8rem;
}

.system-status {
	font-size: 10px;
	font-weight: bold;
}

.border-buttom {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.bold{
 font-weight: bold; 
}

.select{
  padding-right: 22px;
}

.btn-group-xs > .btn, .btn-xs {
  padding  : .25rem .4rem;
  font-size  : .650rem;
  line-height  : .5;
  border-radius : .2rem;
}

.nav-tabs .nav-link {
  color: #495057;
}

/* Nav Tab border top color */
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  box-shadow: inset 0 3px 0 #08274e;
  border-left: 1px solid #ddd !important;
  border-right: 1px solid #ddd !important;
}

.input-group-text{
display: block;
}

.w3-card-4, .w3-hover-shadow:hover {
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2), 0 2px 8px 0 rgba(0,0,0,0.19) !important;
  border-radius: 8px;
}
.w3-container, .w3-panel {
    padding: 0.01em 16px;
    border-radius: 8px 8px 0px 0px;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0rem !important; 
}

.font-18 {
  font-size: 18px;
}

.font-17 {
  font-size: 17px;
}

.nav-menu {
  background: none; color:#000;
}

.file {
  display:inline-block;
}

.times{
  color: #AAA; font-size:12px;
}

.width {
  width: 32px;
}
.color-attachment {
  color: #000;
}

.font-16-weight-bold {
  font-size: 16px; font-weight: bold;
}

.color-009900 {
  color: #009900;
}

.font-16-color-0099FF {
  color: #0099FF; font-size: 16px;
}

.cursor-margin-top {
  cursor: pointer; margin-top: 20px;
}

.height-300 {
  height: 300px;
}

.width-display {
  width:auto; display:inline;
}

.pending-left-1{
  padding-left: 1px;
}

.card-detail {
  -ms-flex: 1 1 auto;
    flex: 1 1 auto;
 padding: 1.25rem;
}

.input-group-text {
  font-size: 12px;
}

.dataTables_wrapper .dataTables_filter input[type=search]{
  outline-offset: -2px;
    font-size: 12px;
    -webkit-appearance: searchfield !important;
}

.cursor-pointer {
  cursor:pointer;
}

.padding-right-10 {
  padding-right: 10px;
}

.padding-left-10 {
  padding-left: 10px;
}

.padding-right-0 {
  padding-right: 0px;
}

.airtime-hide { display: none !important; }

.font-size-8 {
  font-size: 0.8rem !important;
  font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

.font-size-9 {
  font-size: 0.9rem !important;;
  font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

.background-0B5345 {
  background-color: #0B5345;
}

.background-1B4F72 {
  background-color: #1B4F72;
}

.timeline {
    list-style: none !important;
    padding: 20px 0 20px !important;
    position: relative !important;
    padding-left: 29px !important;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 51%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 46%;
            float: left;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            padding: 15px;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175) !important;
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -25px;
            background-color: #999999;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}

.time-badge{
  color: #fff;
  width: 35px;
  height: 35px;
  line-height: 39px;
  font-size: 1em;
  text-align: center;
  top: 16px !important;
  left: 50%;
  margin-left: -25px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  left: 15px;
  margin-left: 0;
  top: 16px;
}

.time-badge-ticket {
  color: #fff;
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 1.5em;
  text-align: center;
  top: 16px !important;
  left: 50%;
  margin-left: 14px !important;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  left: 15px;
  margin-left: 0;
  top: 16px !important;
}

canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
  }

.cke_editable.cke_editable_themed.cke_contents_ltr {
word-wrap: break-word;
-webkit-nbsp-mode: space;
line-break: after-white-space;
-webkit-user-modify: read-write;
-webkit-user-select: text !important;
    user-select: text !important;
}

.mod-container{max-width: 1725px !important;}

.marginTop {
  margin-top: 6px;
}

.margin-top-negate3px{
  margin-top : -3px;
}

.font-weight-bolder{
  font-weight: bolder;
} 
.font-size-32px{
  font-size: 32px;
}
.padding-top-6px{

  padding-top: 6px;
}
.width-86px {
  width: 86px;
}
.text-align-left{
  text-align: left;
}

.cke_contents{
  height: 349px !important;
}

.loader {
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid #ccc;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite !important;
  animation: spin 2s linear infinite !important;
  position: fixed; 
  z-index: 2;
  top: 50%;
  left: 50%;
}

.overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(192,192,192,0.5); /* Black background with opacity */
  z-index: 99999; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.text-black { color: #000; font-size: 0.8rem; font-weight: bold;}
.text-black:hover { color: #000 !important; }