@media only screen and (min-width: 1200px) {
    html {
        font-size: 13px;
    }
}

.chat {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #999;
}

.chat li.left .chat-body {
    margin-left: 60px;
}

.chat li.right .chat-body {
    margin-right: 60px;
}

.chat li .chat-body p {
    margin: 0;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
    margin-right: 5px;
}

.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll;
}

.login-panel {
    margin-top: 25%;
}

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

.dataTables_wrapper {
    position: relative;
    clear: both;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: 0 0;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}


.panel-yellow label {
    font-weight:normal!important;
}
.PendingAmt{
        color:red;
        text-align:right;
        margin-right:5px;
        font-weight:500;
    }
    .NotPendingAmt{
        color:green;
        text-align:right;
        margin-right:5px;
        font-weight:500;
    }
    
    .blockbg {
        background-color: #ffffff;
        height: 100%;
        left: 0;
        opacity: 0.8;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100000;
    }

    .loader {
    border: 12px solid #f3f3f3;
    border-radius: 100%;
    border-top: 16px solid #c4cacd;
    border-right: 16px solid #818181;
    border-bottom: 16px solid #dbadd4;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin: 20px;

}

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

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


/* by Telsoft */

    
        .eng {
            background-image:url("/flags/english.png");
            background-position:center;
                width: 45px;
    height: 30px;
        }
        .gr {
            background-image:url("/flags/greek.png");
            background-position:center;
                   width: 50px;
    height: 30px;
    
        }
     
        label {
            font-weight: 300;
        }

        .sidebar ul li {
    border-bottom: 1px solid #504f4f;
    color: white;
}
        .logoimg {
            width:188px;
            margin-top:-15px;
        }
        .k-textbox>input, .k-input[type="text"],  .k-textbox{
  
    width: 100%;
}

        .k-input {
    padding: 0em 0;
}
   
     
    .k-textbox>input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    height: 2em; 
    line-height: 1.65em;
    padding: .177em 0;
    text-indent: .33em;
    border: 0;
    margin: 0;
    }

        .field-validation-error{
        color:red;
        }

@media screen and (max-height: 450px) {
   .sidenav{  margin-top: 60px; width:100%}
  .sidenav a {font-size: 14px;}
      
}

@media screen and (max-width: 450px) {

    .dataTable .k-button {
        min-width: 10px;
    }

    .k-i-refresh {
        background-position: -48px -112px;
    }
}
@media screen and (min-width: 450px) {
    .navbar .user {
        font-size: 1.2em;
          margin: 10px 0px 2px 20px;
    }

}

@media screen and (max-width: 450px) {
    
     .navbar .user {
        color: white;
       padding: 5px 0px;
    }
    .row {
        margin-left:-6px;
    }

    .navbar-top-links > li > a {
    position: relative;
    display: block;
    padding: 5px 15px;
}
}
@media screen and (max-width: 1024px) {
    .navbar h1 {
        font-size: 2em;
        font-weight: 400;
        padding-top:5px;
    }
}

a.paginate_button {
    padding: 10px;
}

.Enquiry{
    background-color:rgba(34, 167, 240, 0.3) !important;
    
}
.FakeEnquiry{
    background-color:rgba(192,192,192,1) !important;
}
.Enroll{
    background-color:rgba(77, 175, 124, 0.4) !important;
}

.NotInterested{
    background-color:rgba(192,192,192,0.6) !important;
}
.NotEligible{
    background-color:rgba(192,192,192,0.3) !important;
}
.Interested{
    background-color:rgba(244, 208, 63, 0.2) !important;
}
.Appointment{
    background-color:rgba(244, 208, 63, 0.5) !important;
}
.FeeSubmit{
    background-color:rgba(77, 175, 124, 0.6) !important;
}
.FileSubmit{
    background-color:rgba(34, 167, 240, 0.5) !important;
}
.FileCompleted{
    background-color:rgba(77, 175, 124, 0.7) !important;
}

.Completed{
    background-color:rgba(77, 175, 124, 0.9) !important;
    color:white;
}

.FeeRefund{
    background-color:rgba(207, 0, 15, 0.5) !important;
}

.FeeChecked{
    background-color:rgba(34, 167, 240, 0.7) !important;
}

.Rollback{
    background-color:rgba(207, 0, 15, 0.2) !important;
}
.VisaGrant{
    background-color:rgba(77, 175, 124, 0.9) !important;
    color:white;
}
.Withdrawn{
    background-color:rgba(244, 208, 63, 0.8) !important;
}
.Rejected{
    background-color:rgba(207, 0, 15, 0.9) !important;
}

.Approved{
    background-color:rgba(135, 211, 124, 0.7) !important;
}
.redtext{
            color:orangered !important;
        }
         .Modal-Select{
        padding:0px 0px!important;
    }
    .true {
        color: green;
    }

    .false {
        color: red;
    }
    .FollowUpPass{
          background-color: red;
        color:white;
    }
    .FollowUpNotPass{
        background-color: green;
        color:white;
    }
    .k-grid-filter.k-state-active{
        background-color:#c83911;
    }
    
    .k-block, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-pager-wrap,  .k-draghandle, .k-treemap-tile, html .km-pane-wrapper .k-header {
    background-color: #fd6c43;
}
    .k-grid .k-header .k-button, .k-scheduler .k-header .k-button, .k-scheduler .k-header li, .k-scheduler .k-header .k-link, .k-gantt>.k-header li, .k-gantt>.k-header .k-link, .k-gantt-toolbar .k-button, .km-pane-wrapper .k-header .k-button {
    color: #fff;
    background-color: #d44922;
    border-color: #c53107;
}
       .k-grid .k-header .k-button:hover, .k-scheduler .k-header .k-button:hover, .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover, .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover .k-link, .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover, .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover .k-link, .k-gantt .k-gantt-toolbar .k-button:hover, .km-pane-wrapper .k-header .k-button:hover{
             color: #fff;
    background-color: #c83911;
    border-color: #bd3008;
       }
       .k-grid {
           font-size:13px;
       }
       .k-grid-header .k-header .k-link, .k-grid-header .k-header, .k-grid-header .k-link, .k-grid-header .k-link:link, .k-pager-info, .k-scheduler-header, .k-scheduler-agendaview .k-scheduler-datecolumn {
    color: #3c3b3b;
}
.k-grid td {
    border-width: 0 0 1px 1px;
    border-color: #f9d2c6;
    padding: .2em .2em;
    color: black !important;
}
       .pt-3 {
    padding-top: 2%!important;
}
       .k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
    min-width: 32px;
}
    #breadcrumbs-wrapper .breadcrumbs-title {
    font-size: 2rem;
    line-height: 1.4rem;
}
      .SearchBtn {
        margin-top: 25px;
    }
      .card .card-content {
    padding: 14px;
}

.daterangepicker{
        display:none;

    }

/* Customer Enquiry */

.k-icon.k-i-calendar,.k-icon.k-i-clock{
        top:0;
        position:relative;
       
    }
    .Required-label{
        text-transform: uppercase;
        /*font-size:12pt;font-weight:bold;*/
    }
    
th{
    
text-transform: uppercase;
font-size:12px;
font-weight:bold;
color:black !important;
text-align: center !important;
background-color:#f5f7f8 !important;
}
    .card .card-title {
    font-size: 24px;
        color: #fe6d42;
}
    .input-field{
        margin-bottom:2px;
		/*margin-top:0;*/
    }
    .input-field label.active {
    color:#00bcd4;
}
    label {
    font-size: 1.1rem;
    /*color: #545454;*/
    color: #000000;
    font-weight:600;
}
    span.k-datepicker, span.k-timepicker, span.k-datetimepicker, span.k-colorpicker, 
    span.k-numerictextbox, span.k-combobox, span.k-dropdown, .k-toolbar .k-split-button {
    background-image: none;
    border:none;
    background-color:#fff;
}
    .k-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default {
     border:none;
    background-color:#fff;
}
    .k-picker-wrap.k-state-default.k-state-hover{
        box-shadow:none;
        background-color:gray;
        padding-bottom:0px;
        margin-bottom:0px;
    }
   
  .k-window-content .k-picker-wrap .k-select {
         margin-right: 20px; 
}
    @media only screen and (max-width: 992px) {
    table.responsive-table td {
        padding-top: 0px;
    }
}



    .nav-collapsed .brand-sidebar .brand-logo {
    padding: 22px 12px 22px 5px;
}
    .brand-sidebar .brand-logo {
    font-size: 2.1rem;
    line-height: 0;
    position: absolute;
    display: inline-block;
    margin: 1px 0;
    padding: 22px 12px 22px 10px;
    color: #333;
}
    .k-widget.k-datepicker.k-header.datepicker{
        width:100%;
    }



    /*  Login Page */

    .login-bg {
  background-image: url("/images/flat-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#login-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 70vh;
}
.login-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  
}
.login-row .card-panel.border-radius-6.login-card {
  margin-left: 0 !important;
}
#login-page .card-panel.border-radius-6.login-card {
  margin-left: 0 !important;
}

.collection .collection-item.avatar {
    position: relative;
     min-height: 24px; 
    padding-left: 72px;
    padding: 5px 5px;
}


.collection .collection-item.avatar a{
    height: 40px; 
    margin-right: .5rem;
}

#slide-out-right.sidenav #messages .collection ul.collection li {
    padding-top: .2rem;
    cursor: pointer;
}
.k-widget.k-datepicker.k-header.DatePicker{
    width:100%;
}

.Open {
        background-color: white!important;
    }

.Cancel {
         background-color: bisque !important;
    }
    .Resolved {
         background-color: #c3f8c9 !important;
    }
    .Pause {
         background-color: lightgray !important;
    }
.Resume {
         background-color: lightyellow !important;
    }