/**
 *  Created on : 17-11-2015
 *  Author     : Cheirma Durai
 */
@charset "UTF-8";

@font-face {
  font-family: "untitled-font-1";
  src:url("fonts/untitled-font-1.eot");
  src:url("fonts/untitled-font-1.eot?#iefix") format("embedded-opentype"),
    url("fonts/untitled-font-1.woff") format("woff"),
    url("fonts/untitled-font-1.ttf") format("truetype"),
    url("fonts/untitled-font-1.svg#untitled-font-1") format("svg");
  font-weight: normal;
  font-style: normal;

}



/** Overwrite - START **/

.notify-box {
    display: none;
    position: fixed;
    right: 335px;
    bottom: 0px;
    background: #555;
    padding: 20px 10px;
    width: 350px;
    box-shadow: 3px -6px 12px #999;
    color: #eee;
    border-bottom: 1px solid #666;
    z-index: 9999;
}

.notify-box .status {
    width: 50px;
    float: left;
    text-align: center;
}

.notify-box .cntnt {
    float: left; 
    width: 280px;
}

.notify-box .clse-btn {
    position: absolute;
    right: 10px;
    top: 10px;
}

/*.notify-box.err {
    background: linear-gradient(#f33, #eee); 
}*/


.msg-box {
    display: none;
    position: fixed;
    top: 0px;
    background: #555;
    padding: 10px;
    
    width: 100%;
    box-shadow: 3px 3px 80px #333;
    color: #eee;
    z-index: 9999;
}

.msg-box > div {
    font-size: 18px;
    margin: 0 10%;
}

.msg-box > div > div {
    margin-left: 58px;
    font-size: 14px;
}

.msg-box .fa {
    font-size: 16px;
    box-shadow: 2px 2px 6px #eee;
    border-radius: 70px;
    padding: 1px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    margin: 0px 10px;
}

.msg-box .clse-btn {
    /*float: right;*/
    position: absolute;
    right: 10%;
    top: 12px;
    font-size: 28px;
    cursor: pointer;
    box-shadow: 2px 2px 6px #eee, -2px -2px 6px #eee;
}

.err {
    background: #f33;
}

.success {
    background: #068200;
}

.info {
    background: #1baadd;
}

.warning {
    background: #ffc107;
}

.req-mark {
    color: #f33;
    font-weight: bold;
}

/** Overwrite - END **/

.bg-img {
    background: url(../billing/images/bg.png) repeat;
}

aside.right-side.bg-img.strech .content-header {
    box-shadow: 3px 3px 9px #ccc;
}

.im_link {
    cursor: pointer;
}
 
.login_container {
    width: 30%;
    min-width: 404px;
    margin: 90px auto 0 auto;
}

.sidebar .sidebar-menu li.active > a {
    color: #0fd8d0 !important;
}

.sidebar .sidebar-menu li:hover {
    color: #0fd8d0 !important;
}

.lm {
    width: 20px;
    height: 14px;
    vertical-align: middle;
}

.lm-master {
    background: url(../images/layout/icons/master.png) no-repeat;
}

.header_dummy_div {
    height: 25px;
}

.arrow-top {
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ee6b30;
    border-left: 10px solid transparent;
    position: relative;
    left: 126px; 
}

.page_loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

.top_menu {
    border-radius: 5px;
    background-color: #ee6b30;
}

.user_dropdown_menu {
    display: none;
    width: 150px;
    right: 10px;
    position: absolute;
}

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

.user_dropdown_menu ul li {
    padding:10px;
    border-bottom:1px solid #393939;
}

.user_dropdown_menu ul li:last-child {
    border: 0px;
}

.user_dropdown_menu ul li:hover {
    background-color:#393939;
}

.user_dropdown_menu ul li:first-child:hover {
    background-color:#393939;
    border-radius: 5px 5px 0px 0px;
}

.user_dropdown_menu ul li:last-child:hover {
    background-color:#393939;
    border-radius: 0px 0px 5px 5px;
}

.user_dropdown_menu ul li a {
    color: #fff !important;
}

a.link {
    color: #00AFF0 !important;
}

.form-actions {
    text-align: center;
}

.float-clear {
    clear: both;
}

.float-rht {
    float: right;
}

.float-lft {
    float: left;
}

.required {
    color: #FF0000;
    padding-left: 2px;
}

.error_container {
    color: #f00;
    display: none;
}

.error, .err-msg {
    color: #f00;
    border-color: #f56954 !important;
    box-shadow: none;
}

.valid {
    border-color: #00a65a !important;
    box-shadow: none;
}

.icon-print-template:hover {
    cursor: pointer;
}

.m-h30, .m-h34 {
    min-height: 30px;
    clear: both;
}

.m-h95 {
   min-height: 95px;
 }

.form-actions input:not(:first-child) {
    margin-left: 50px;
}

.action-left-col {
    padding-left: 15px;
}

.action-right-col {
    text-align: right;
}
.right-col {
    float: right;
    padding-right: 50px;
}
.right-col {
    width: auto;
}

.left-col {
    width: 50%;
}

/* .left-col .btn-sm {
    margin-bottom: 10px;
    margin-left: -12px;
} */

.left-col .btn-sm {
    margin-bottom: 10px;
    margin-left: 0px;
}

.project_title {
    font-size: 25px;
    color: #e33739;
    font-weight: bold;
    font-family: amudham;
}

.logout_span {
    padding-right: 50px;
    color: #e33739;
    font-size: 14px;
    font-weight: bold;
    float: right;
}

.logged_in_name {
    padding-right: 10px;
    color: #e33739;
    font-size: 13px;
    font-weight: bold;
    float: right;
}

.checkbox h3 {
    padding-left: 0 !important;
}

.permission_row {
    clear: both;
}

.permission_row h5 {
    font-size: 16px;
}

.permission_div {
    display: inline;
}

.permission_container .odd {
    /*background-color: #f0f0f0;*/
}

.permission_container .box .box-title {
    padding-left: 15px;
}

.permission_txt{
    vertical-align: middle;
    padding-left: 5px;
}

.permission_txt:hover {
    cursor: pointer;
}

.admin {
    display: none;
}

.user {
    display: block;
}

.alert h4 {
    margin: 0;
}

.placeholder_txt {
    color: #A9A9A9;
    padding-left: 150px;
}

.fa-clock-o {
    color: #0B45B3;
}

/* .major_txt_color, .dataTables_empty {
    color: #e33739 !important;
} */

.major_txt_color, .dataTables_empty {
    color: #0B45B3 !important;
}

table td {
    word-break: break-word;
}

.table_view th {
    border: 1px solid #999;
    text-align: center;
    height: 30px;
    padding: 0 10px;
}

.table_view td {
    border: 1px solid #999;
    height: 30px;
    padding: 0 10px;
}

.back_btn {
    margin: 5px;
}

.resize_none {
    resize: none;
}

.col-xs-12 span.tab_align {
    width: 34%;
    display: inline-block;
    float: left;
    font-weight: bold;
    min-height: 32px;
}
.col-xs-12 span.pdf_align {
    width: 9%;
    display: inline-block;
    float: left;
    font-weight: bold;
    min-height: 32px;
}

span.first-coln {
    width: 34%;
    display: inline-block;
    float: left;
    font-weight: bold;
    min-height: 32px;
}

span.seperator {
    width: 2%;
    float: left;
    min-height: 32px;
}

span.second-coln {
    width: 60%;
    word-break: break-word;
    float: left;
    min-height: 32px;
    margin-bottom: 10px;
}

.small_textarea {
    height: 90px !important;
    resize: none;
}

.allowed_type {
    clear: both;
    color:#999999;
    display: inline-block;
    margin: 5px 0 15px 0;
    font-size:13px;
}

/* Expand list start */
.expand_container {
    padding: 8px 4px !important;
}

.expand_icon {
    height: 19px;
    width: 19px;
    cursor: pointer;
}

.plus {
    background: url(../images/layout/icon_add.png) no-repeat;
}

.minus {
    background: url(../images/layout/icon_delete.png) no-repeat;
}

.tbl-expand {
    display: none;
    width: 100%;
}
/* Expand list end */

.add_ref_no {
  color:#ee6b30;
  font-weight:bold;
}

.col-md-8 .leftcol {
    width: 200px;
}

.popup_loader_image {
    background: url(../images/layout/loader.gif) no-repeat;
    width: 60%;
    height: 13px;
    margin: 0 auto;
}

.alert_content a {
    color: #ee6b30;
}

h4 {
  font-weight:bold;
}

.submit_pdf {
    background-image: url(../images/pdf.png);
    border: 0px;
    background-color: #FFFFFF;
    width: 40px;
    height: 40px;
    color: transparent;
    float: right;
    margin: 5px 0 10px 0;
}

.submit_pdf:focus {
    outline: none;
}

a.highlight {
    color: #428bca;
}

.align_lft {
    text-align: left !important;
}

.align_rht {
    text-align: right !important;
}

.align_ctr {
    text-align: center !important;
}

.all_mandatory {
    color: #FF0000;
    padding-left: 15px;
}

.title_bar {
    width: 100%;
    display: inline-block;
}

.title_bar h1 {
    width: 60%;
    font-size: 24px;
    margin: 0;
    float: left;
}

.title_bar breadcrumb_container {
    width: 40%;
    float: right;
}

.title_bar ol {
    width: 100%;
    text-align: right;
    padding: 0;
    margin: 0;
    background: none;
}

.col-1-btns{
    width: 50%;
    text-align: center;
}

footer {
    border-top: 3px solid #f4f4f4;
    padding: 10px 0;
    bottom: 0;
    position: relative;
    margin-left: 220px;
    /*min-height: 30px !important;*/
}

.footer_container {
    width: 100%;
    display: inline-block;
}

footer .copyright {
    width: 80%;
    display: inline-block;
    text-align: center;
    float: left;
}

footer .refulgence_link {
    width: 20%;
    display: inline-block;
    float: left;
}

.img_preview {
	float: right;
    /*left: 15px;
    display: inline;
    bottom: 35px;
    position: relative;
    padding-right: 5px;*//**/
}

.img_preview img {
    width: 50px;
    height: 40px;
}

.add_row_action{
    float: left;
    width: 5%;
    margin-top: 5px;
}

.form-control .img_file{
    padding-bottom: 0;
    padding-top: 0;
}

#tool_tip {
    display: none;
    position: absolute;
    top: 0;
    width: 300px;
    height: 50px;
    padding: 15px 10px;
    bottom: 0;
    border: 1px #ee6b30 solid;
    background-color: #4c4c4c;
    z-index: 10;
}

#tool_tip .tool_tip_content {
    color: #fff;
    font-weight: bold;
}

.arrow_left {
    width: 55px;
    border-top: 16px solid transparent;
    border-right: 16px solid #ee6b30;
    border-bottom: 16px solid transparent;
    border-left: 16px solid transparent;
    position: relative;
    left: -66px;
    top: -27px;
}

dd span {
    margin-left: 10px;
}

.alert-success .fa-thumbs-o-up {
    color: #87C540;
    left: -4px;
    top: 7px;
}

.alert-success  .fa-thumbs-o-down {
    color: #E24F4F;
    left: -4px;
    top: 7px;
}

.td_action a:not(:first-child) {
    margin-left: 5px;
}

.remove_row td {
    background-color: #FB3A27 !important;
    color: #fff;
    border: 1px solid #FB3A28 !important;
}

.message_container {
    display: inline;
    margin-left: 5px;
}

#alert_message .fa-exclamation-triangle {
    color: #F39C12;
}

#confirm .fa-exclamation-triangle {
    color: #A94442;
}

.radio_label {
    font-weight: normal;
}

#timing {
    margin-left: 150px;
}

#timing .timing {
    margin: 5px;
}

#timing .timing label{
    margin-left: 10px;
}

#timing .timing input{
    margin-left: 20px;
}

.icheck_span{
    padding: 0px 10px 0 10px;
    font-weight: normal;
}
.txt_left {
    margin-left: 150px;
}
.txt_left b {
    color: #35469B;
}
/* Package page start */
.slt_package{
    font-size: 15px;
    font-weight: bold;
    padding: 40px 0 10px 0;
}
.category {
    margin-bottom: 10px;
}

.items label {
    padding: 0 30px 5px 0px;
    font-weight: normal;
}
/* Package page end */

.linked {
    color: #007bb6;
    font-weight: bolder;
    cursor: pointer;
}

.view-img {
    width: 160px;
    height: 100px;
    border: 1px solid #ccc;
    padding: 5px;
    margin: 2px;
}

.add-more-table {
    margin-left: 30%;
}
.add-more-table th, .add-more-table td  {
    border: 1px solid #ccc;
    text-align: center;
    padding: 3px;
}

.add-more-table th {
    padding: 6px;
}

.add-more-table tr:first-child th:first-child {
    min-width: 60px;
}

.add-more-table td {
    background: #efefef;
}

.view-more-table {
    width: 100%;
    margin-left: 30%;
}

.view-more-table th, .view-more-table td {
    border: 1px solid #ccc;
    text-align: center;
    padding: 3px;
    
}

.view-more-table th {
    padding: 7px;
}

.view-more-table tr td:nth-child(2) {
    width: 150px;
    height: 110px;
    padding: 3px;
    border: 1px solid #ccc;
    border-radius: 20px;
}

.cls-w-100 {
    min-width: 100px !important;
}

.cls-w-70 {
    min-width: 70px !important;
}
.addRow_color {
    color:#E33739 !important;
}

/** Jai K **/
.modal .details {
    display: none;
    width: 98%;
    margin: 15px;
    
    margin-bottom: 40px;
    /* border-bottom: 3px solid #1ba; */
    
    /*margin-top: -15px;*/
    
}

.modal .details th {
    padding: 5px;
   /*  background: #1ba; */
    text-align: center;
    color: #fff;
    border-right: 1px solid #fff;
}

.modal .details td {
    padding: 5px;
    /* background: rgba(17, 187, 170, 0.08); */
    border-bottom: 1px inset rgba(183, 205, 203, 0.6);
    color: #666;
    border-right: 1px solid #fff;
}

.modal .details .ctrl {
    /* color: #1ba; */
    padding: 5px;
    margin: 0px 5px;
}

.modal .details-row.editing {
    background: rgba(255, 0, 0, 0.5);
    
}

.modal .details-row.editing td {
    color: #fff;
}


.readonly {
    border: none;
    /* background-color: rgba(17, 187, 170, 0.1) !important;  */
    background-color: rgba(140, 150, 148, 0.12) !important;
}

.form-ctrl {
    
    width: 80%;
    border: 1px solid #ccc;
    padding: 5px 15px;
    
    color: #555;
    font-weight: normal;

}

.ctrl, .sub-title {
    cursor: pointer;
}

.sub-title {
    padding: 2px 15px;
    color: #fff;
    /* background: #11bbaa; */
    margin: 20px auto;
    
    font-size: 14px;
    border-radius: 2px;

}

.sub-title h4 {
    font-size: 14px;
}


.blck-content {
    /* border-bottom: 1px inset rgba(17, 187, 170, 0.6); */
    border-bottom: 1px inset rgba(183, 205, 203, 0.6);
    padding: 10px 0px;
    background: rgba(17, 187, 170, 0.02);
    border-radius: 5px;
}

.ptype-box {
    min-height: 70px;
    padding: 10px;
    cursor: pointer;
    color: #999;
    width: 85% !important;
}

.ptype-box input {
    border-radius: 100px;
    width: 98%;
    border: 1px dotted #eee;
    padding: 3px 15px;
}

.ptype-box input:focus {
    outline: none;
    border: 1px dotted rgba(17, 187, 170, 0.6);
}

.err-blck {
    display: none;
    background: #f00;
    color: #fff;
    padding: 5px;
    text-align: center;
    
    margin: 10px 0px;
}

#pay-preview {
    float: right;
    width: 75px;
    height: 50px;
    padding: 5px;
    /*
    margin-top: -15px;
    border: 1px solid #eee;
    box-shadow: 3px 3px 9px #ccc;
    */
    margin-left: 10px;
    cursor: pointer;
    text-align: center;
    box-shadow: 1px 1px 3px #999;
    background: #fff;
}

#pay-preview img {
    /*height: 40px;*/
    height: 100%;
    width: 100%;
}

.ptype-box label {
    color: #999 !important;
    font-size: 12px !important;
}

.ptype-box .pay-box {
    min-height: 60px;
}

#cheque-box {
    width: 94%;
    background: #fff; /*rgba(17, 187, 170, 0.02);*/
    box-shadow: 1px 1px 3px #ccc;
    padding: 5px 0px;
    margin: 0 auto;
}


#cheque-box .col-xs-4 {
    width: 30%;
    display: inline-block;
}

#cheque-box label {
    color: #999 !important;
}

#cheque-box input {
    border: none;
    border-bottom: 1px solid #eee;
}

#cheque-box input:focus {
    outline: none;
    border-bottom: 1px solid rgba(17, 187, 170, 1);
}

#membership-card-box {
    width: 94%;
    background: #fff; /*rgba(17, 187, 170, 0.02);*/
    box-shadow: 1px 1px 3px #ccc;
    padding: 5px 0px;
    margin: 0 auto;
}

#membership-card-box .col-xs-4 {
    width: 30%;
    display: inline-block;
}

#membership-card-box label {
    color: #999 !important;
}

#membership-card-box input {
    border: none;
    border-bottom: 1px solid #eee;
}

#membership-card-box input:focus {
    outline: none;
    border-bottom: 1px solid rgba(17, 187, 170, 1);
}

.tabs {
    border: none;
    /* border-bottom: 1px solid #1ba; */
    margin-bottom: 30px;
    padding: 0;
    border-top-right-radius: 100px;
}

.tabs > div {
        cursor: pointer;
    border-right: 1px solid #eee;
    
    padding: 15px;
    /* box-shadow: 0px 1px 2px #1ba; */
    padding-left: 35px;
    background: rgba(158, 158, 158, 0.03);
    
    font-weight: bold;
    letter-spacing: 1px;
    font-style: italic;
    color: #999;
}

.tabs > div.active {
    background: #fff;
    /* border: 1px solid #1ba; */
    border-bottom: none;
    border-top-right-radius: 30px;
    /* border-left: 8px solid #1ba; */
    
    font-style: normal;
    /* color: #1ba; */
}

/***
Alt Method:
---------------------------
.tabs > div.active #curve {
    border-top-right-radius: 20px;
    border: 1px solid rgba(17, 187, 170, 1);
    width: 24px;
    float: right;
    min-height: 20px;
    position: absolute;
    margin-top: -35px;
    right: 0px;
    border-right: none;
    box-shadow: -2px 4px 8px #ccc;
    background: #1ba;
} */

.tabs > div.active #curve {
    border-top-right-radius: 30px;
    /* border: 1px solid rgba(17, 187, 170, 1); */
    width: 30px;
    float: right;
    min-height: 30px;
    position: absolute;
    margin-top: -36px;
    right: 0;
    border-right: none;
    box-shadow: -2px 4px 8px #ccc;
    /* background: #1ba; */
}

.tabs > div.active #padder {
    width: 100%;
    background: #fff;
    min-height: 13px;
    position: absolute;
    right: 0px;
    margin-top: 10px;
    z-index: 9;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
}

.tabs > div .fa {
    margin-left: -22px;
    position: absolute;
    margin-top: 3px;
    font-size: 14px;
}

.tab {
    display: none;
    border: 1px solid #eee;
    padding: 5px;
    margin: 0;
    margin-top: -25px;
    box-shadow: 1px 1px 9px #eee;
}

.tab.active {
    /* border-left: 1px solid #1ba; */
}

.tab .tab-wrapper {
    padding: 20px 10px;
}

.view-form .form-group{
    padding-bottom: 25px;
    float: left;
}

.view-form .form-group label:first-child {
    margin-bottom: -15px;
}


.lbl-value {
    display: inline;
    color: #666;
    border-bottom: 1px dotted rgba(59, 68, 67, 0.6);
    padding-bottom: 4px;
    
    min-width: 60%;
    position: absolute;
}

.resp-table {
    margin: 20px 0px;
}

.resp-table .form-group {
    margin-bottom: 5px;
    padding-bottom: 0px !important;
}

.resp-table .form-group div {
    padding: 10px;
    min-height: 40px;
    text-align: left;
    
}

.resp-table .form-group .lbl-value {
    display: block;
    position:relative;
}

.resp-table .form-group div.lbl{
    display: none;
    font-weight: bold;
    /* background: #1ba; */
    color: #fff;
}

.resp-table .form-group div:first-child .fa {
    float: left;
    border-right: 1px solid #fff;
    margin-right: 10px;
    background: #fff;
    /* color: #1ba; */
    padding: 3px;
    margin-top: 1px;
    box-shadow: 1px 1px 3px #eee;
    font-size: 12px;
}

.resp-table .col-xs-12:first-child .form-group div:first-child{
    display: block;
}

.modal-footer {
    border-top: none;
}

.err-container {
    display: none;
    background: #f00;
    color: #fff;
    padding: 5px;
    margin: 20px 5px;
    
}

.filter-box {
    border-bottom: 1px dotted #1ba;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

#p-err {
    color: #1ba; 
    text-align: center; 
    font-weight: bold;
}

.innr-table {
    color: #999;
}

.innr-table input, .innr-table select {
    border-color: #eee;
    min-width: 100%;
    box-shadow: 1px 1px 3px #eee;
    background-color: #fff !important;
    
}

.innr-table .ctrls {
    text-align: left;
}

.innr-table .ctrls .fa{
    background: #fff;
    /* color: #1ba; */
    font-size: 18px;
    cursor: pointer;
    padding: 3px;
    border-radius: 25px;
    box-shadow: 3px 3px 9px #eee;
    border: 1px solid #eee;
    min-width: 25px;
    text-align: center;
}

.innr-table .row-details {
    margin: 5px 0px;
}

.list-btn i{
    padding: 5px;
    /* padding-top: 7px; */
    /* line-height: 17px; */
    min-width: 10px;
    min-height: 10px;
    /*background: #1ba;*/ /*#e33739;*/
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
    font-size: 18px;
    margin-right: 8px;
}

.img-view-preview {
    width: 120px;
    height: 120px;
}

.img-preview {
    width: 35px;
    height: 35px;
    position: absolute;
    right: 17px;
}

.img-preview img{
    height: 100%;
}

.img-preview .rm-btn {
    position: absolute;
    padding: 5px;
    background: rgba(255, 255, 255, 0.6);
    margin: 6px;
    color: #f00;
    border-radius: 55px;
    min-width: 25px;
    text-align: center;
    cursor: pointer;
}

.dtp > .dtp-content {
    max-height: 100%;
}

.date-preview.fixed {
    position: fixed;
    bottom: 10px;
    right: 10px;
    padding: 10px;
    width: 25%;
    min-width: 340px;
    border: 1px inset #999;
    z-index: 9999;
    
    max-height: 100%;
}

.date-preview {
    position: relative;
    background: #fff;
    padding: 10px 0px;
    min-width: 106%;
    margin-top: 35px;
    
    max-height: 100px;
    overflow: overlay;
}

.date-preview .option{
    /*float: left;*/
    background: #1ba/*#8bc34a*/;
    color: #fff;
    margin: 3px;
    padding: 5px;
    font-size: 14px;
    width: 100px;
    display: inline-block;
}

.dtp-select-day.active {
    background: #1ba !important;
}

#days-wrapper .ctrls .fa {
    font-size: 28px;
    margin: 8px;
    padding: 6px;
    background: #fff;
    border-radius: 35px;
    min-width: 40px;
    text-align: center;
    box-shadow: 2px 2px 6px;
}

#days-wrapper .ctrls .add-btn {
    /* color: #1ba; */
}

#days-wrapper .ctrls .rm-btn {
    color: #f33;
}

#days-plot {
    margin-left: 17%;
    width: 81%;
    padding: 20px 0px;
}

#days-plot table {
    width: 100%;
    box-shadow: 1px 1px 3px #999;
    margin-bottom: 30px;
}

#days-plot table tr {
    border-bottom: 1px dotted #eee;
}

#days-plot table th {
    text-align: left;
    background: #1ba;
    color: #fff;
    padding: 3px 5px;
}

#days-plot table td{
    padding: 3px 5px;
}

#days-plot table .ctrls {
    padding: 5px;
}

#days-plot table .ctrls .fa {
    font-size: 14px;
}

#days-plot table tfoot {
    color: #1ba;
    font-weight: 600;
}

.align-left{
    text-align: left;
}

.align-right{
    text-align: right;
}

.align-center{
    text-align: center;
}



@media screen and (max-width: 990px) {
    
    .resp-table .form-group div:first-child{
        display: block;
    }
    
    .innr-table .row-details .low-width {
        min-width: 100% !important;
    }
}


/*
* Overwrite
* --------------
*/
.ui-keyboard-has-focus {
    z-index: 16001;
    background: #fff;
    border: 1px outset #fff;
    padding: 20px 10px;
    box-shadow: 3px 3px 9px #999;
}

/*
* Number Pad
*/
.number-pad {
    display: none;
    position: fixed;
    background: url(../../assets/images/bg.jpg);/*rgba(17,187,170,0.6);*//*rgba(120,120,120,0.6);/ /*rgba(54, 37, 14, 1);*/
    width: 325px;
    padding: 5px;
    border-radius: 5px;
    
    top: 15%;
    left: 35%;
    z-index: 9999;
    box-shadow: 3px 3px 9px #999;
    text-align: center;
    
    
}

.number-pad .num, .number-pad .num .row, .number-pad .ctrls, .number-pad .ctrls .cell {
    display: inline-block;
    
}

.number-pad .num .row {
    margin-left: 0px;
    margin-right: 0px;
}

.number-pad .cell, .number-pad .swap{
    min-width: 75px;
    line-height: 40px;
    margin: 5px;
    font-size: 28px;
    padding: 10px;
    font-weight: bolder;
    /*border-radius: 10px;*/
}

.number-pad .cell span, .number-pad .swap span {
    font-size: 28px;
}

.number-pad .cell {
    text-align: center;
    cursor: pointer;
    color: #fff;
    /*
    background: repeating-linear-gradient(#fcec8c, #f7ebbf, #bc8221);
    text-shadow: 1px 1px 1px #bc8221;*/
    
    background: repeating-linear-gradient(#fff, #1ba);
    text-shadow: 1px 1px 1px #333;
    border: 1px outset #eee;
}

.number-pad .inp input {
    /*width: 300px;*/
    width: 93%;
    margin: 10px auto;
    padding: 10px;
    line-height: 35px;
    border: 1px inset;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    
    /*
    color: #b78221;
    background: #f7ebbf;*/
    color: #1baadd;
    background: #fff;
}

.number-pad .inp input:focus {
    outline: none;
}

.number-pad .inp.multiple input {
    display: inline-block;
    width: 45px;
}

.number-pad .ok-btn {
    background: repeating-radial-gradient(#fff, #1ba);
    /*box-shadow: 1px 3px 9px #666;*/
    border: 2px solid #fff;
}

.number-pad .clr-all-btn {
    background: repeating-radial-gradient(#fff, #f33);
    /*box-shadow: 1px 3px 9px #666;*/
    border: 2px solid #fff;
}

.number-pad .clr-btn {
    background: repeating-radial-gradient(#fff, #1baadd);
    /*box-shadow: 1px 3px 9px #666;*/
    border: 2px solid #fff;
}

.number-pad .ctrls .cell {
    padding: 5px;
}

.number-pad .cell:hover {
    opacity: 0.7;
    
}

/*
Multiple  Select Box
*/

.multi-select:focus {
    outline: none;
    border: none;
    box-sizing: none;
}

.multi-select-expand {
    display: none;
    width: 100%;
    position: absolute;
    z-index: 9999;
    background: #fff;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 3px 3px 9px #999;
    max-height: 170px;
    overflow: overlay;
}

.multi-select-expand .fa.tick-ok {
    position: absolute;
    right: 20px;
    top: 10px;
    color: #fff;
    /* background: #1ba; */
    padding: 5px;
    border-radius: 18px;
    font-size: 18px;
    cursor: pointer;
}

.multi-select-preview {
    padding: 5px !important;
    max-height: 160px;
    overflow: overlay;
}

.multi-select-preview.form-control {
    padding: 0px !important;
    border: none;
}

.multi-select-preview > div {
    font-size: 11px;
    margin: 4px;
    width: auto;
    display: inline-block;
    padding: 5px;
    box-shadow: 3px 3px 3px #ccc;
    color: #666;
}

.multi-select-preview .active {
    background: #1ba;
    color: #f3f4f5;
}

.multi-select-expand > div {
    padding: 10px 5px;
    cursor: pointer;
    min-height: 20px;
    color: #666;
    border-bottom: 1px solid #fff;
    font-size: 14px;
    background: #f3f4f5;
}

.multi-select-expand > div.active {
    background: #1baadd;
    color: #eee;
}

.fa-phone,.fa-envelope {
    color:#0B45B3;
}

/** Virtual Keyboard **/
.virtual-keyboard {
    text-align: center;
    width: 80%;
    position: fixed;
    left: 10%;
    top: 3%;
    background: #fff;
    box-shadow: 3px 3px 9px #999, -3px -3px 9px #999;
    z-index: 9999;
}

#ksk .virtual-keyboard {
    
}

.virtual-keyboard .wrapper{
    padding: 1% 0px;
}

.virtual-keyboard .rw:nth-child(odd) {
    background: #f3f4f5;
}

.virtual-keyboard .rw .cell{
    /*height: 35px;
    width: 40px;*/
    /*height: 45px;
    width: 50px;*/
    height: 55px;
    width: 60px;
    line-height: 35px;
    display: inline-block;
    margin: 5px;
    background: #1ba;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    box-shadow: 2px 1px 6px #666;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #eee;
}

#ksk .virtual-keyboard .rw .cell{
    height: 35px;
    width: 40px;
}

.virtual-keyboard .rw .cell:hover {
    opacity: 0.7;
}

.virtual-keyboard .rw > .spce-btn {
    width: 40% !important;
}

.virtual-keyboard .wrapper .inpt {
    padding: 10px 0px;
    border-bottom: 2px solid #1ba;
    box-shadow: 0px 1px 6px;
    margin-bottom: 10px;
    margin-top: -10px;
}

.virtual-keyboard .wrapper .inpt input[type="text"] {
    width: 40%;
    padding: 5px 10px;
    background: rgba(17, 187, 170, 0.1);
    border: 1px inset #eee;
    font-size: 24px;
    font-weight: bold;
    color: #f33;
    outline: none;
    letter-spacing: 1px;
}


.virtual-keyboard .wrapper .inpt .ctrls {
    width: 45%;
    display: inline-block;
}

.virtual-keyboard .wrapper .inpt .ctrls .btn{
    margin: 0px 5px;
    min-width: 100px;
    padding: 5px;

    box-shadow: 1px 1px 3px #666;
    border: none;
    font-size: 18px;

    text-shadow: 1px 1px 1px #999;
    font-weight: bold;
    font-family: initial;
    cursor: pointer;
}

.virtual-keyboard .wrapper .inpt .ctrls .btn-primary{
    background: #f33;
    color: #fff;
    font-weight: bold;

}

.virtual-keyboard .wrapper .inpt .ctrls .clr-btn {
    background: #f3f4f5;
    color: #666;
}

.virtual-keyboard .wrapper .inpt .ctrls .bksp-btn {
    background: #1baadd;
    color: #fff;
}

.virtual-keyboard .wrapper .inpt .ctrls .clse-btn {
    margin: 0px 15px;
    padding: 5px;
    background: #1ba;
    color: #fff;
    /*border-radius: 25px;*/
    width: 34px;
    box-shadow: 3px 3px 9px #1ba;
    border: 4px solid #fff;
    cursor: pointer;
}

#ksk .virtual-keyboard .wrapper .inpt .ctrls .clse-btn {
    width: 16px;
}

.virtual-keyboard .cell.more {
    display: none;
}

.virtual-keyboard .mre-btn {

    right: 60px;
    position: absolute;
    top: 30px;
    /* font-style: oblique; */
    font-weight: lighter;
    color: #999;
    font-size: 14px;
    cursor: pointer;
    border-bottom: 1px dotted #999;
}

@media screen and (max-width: 1024px) {
    .virtual-keyboard {
        width: 100%;
        left: 0%;
    }
}

@media screen and (max-width: 860px) {
    .virtual-keyboard .rw > div {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }

    .virtual-keyboard .wrapper .inpt .ctrls {
        width: 65%;
    }
}

@media screen and (max-width: 680px) {
    .virtual-keyboard .rw > div {
        width: 15px;
        height: 15px;
        line-height: 15px;
    }
}

#dev-icn-grp {
    float: right;
    margin-left: 15px;
    background: #fff;
    padding: 10px;
    margin-top: -5px;
    border: 1px inset #eee;
}


.top_rt_icon1 {float:left; width:38px; height:38px; background:url(../images/rt_icon1.png) no-repeat; background-size:contain; margin:5px 20px; cursor:pointer;}
.top_rt_icon2 {float:left; width:38px; height:38px; background:url(../images/rt_icon2.png) no-repeat; background-size:contain; margin:5px 20px; cursor:pointer;}
.top_rt_icon3 {float:left; width:38px; height:38px; background:url(../images/rt_icon3.png) no-repeat; background-size:contain; margin:5px 20px; cursor:pointer;}
.top_rt_icon4 {float:left; width:38px; height:38px; background:url(../images/rt_icon4.png) no-repeat; background-size:contain; margin:5px 20px; cursor:pointer;}


#dev-icn-grp .top_rt_icon2, #dev-icn-grp .top_rt_icon3 {
    width: 25px;
    height: 25px;
    margin: -5px 10px;
}  

.dialog {
    display: none;
    z-index: 9998;
    background: url(../images/bg.png) repeat;
    box-shadow: 6px 6px 18px #666;
    padding: 20px;
    position: absolute;
    
    width: 100%;
}

.overlay {
    opacity: 0.4;
}

#overlay{
    opacity: 0.4;
    width: 100%;
    height: 100%;
    background: rgba(120,120,120,.6);
    overflow: hidden;
    position: absolute;
    z-index: 9999;
}


.dialog .ctrls {
    text-align: center;
}

.dialog .bttn {
    width: 100px;
    padding: 10px;
    text-align: center;
    
    background: #fff;
    margin: 2px;
    display: inline-block;
    box-shadow: 1px 1px 3px #555;
    
    cursor: pointer;
    border: none;
    
}

.dialog .bttn.primary {
    color: #fff;
    background: #f33;
}

.dialog .bttn .fa {
    float: left;
}

.dialog .lang {
    float: right;
    /*position: absolute;
    right: 6%;
    margin-top: -35px;*/
    position: fixed;
    right: 18px;
    width: 38px;
    font-weight: bold;
    
}

.grid {
    width: 100%;
}

.grid .cell {
    
    min-width: 40px;
    text-align: center;
    display: inline-table;
    height: 100%;
    margin: 5px;
    min-height: 40px;
}

.grid .cell > div{
    /*display: inline-block;*/
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    color: #666;
    box-shadow: 3px 3px 9px #999;
    
    display: table-cell;
    vertical-align: middle;
}


.no-results {
    text-align: center;
    padding: 50px 0px;
    color: #999;
}

.plot-mem {
    display: none;
    background: #fff;
    float: left;
    border: 1px inset;
    padding: 5px;
    margin-left: 10px;
    width: 98%;
    text-align: center;
    
}

.plot-mem .cell {
    cursor: pointer;
    min-width: 100px;
    min-height: 100px;
    /*width: 31.5%;*/
    width: 19%;
}

.plot-mem .cell .fa {
    padding: 5px;
    position: absolute;
    font-size: 24px;
    margin-top: -35px;
    margin-left: -41px;
}



.plot-mem .cell > div {
    background: repeating-linear-gradient(#fff, #f33);
    color: #fff;
    text-shadow: 2px 2px 3px #f33;
    font-weight: bold;
    letter-spacing: 1px;
}

.plot-mem .cell.active > div {
    background: repeating-linear-gradient(#fff, #1baadd);
    text-shadow: 2px 2px 3px #1baadd;
}

.plot-mem .bttn {
    width: 175px !important;
    padding: 15px !important;
}

.dialog .main-wrapper {
    float: left;
    padding: 0px 10%;
    width: 90%;
    margin-left: 5%;
    
}

.arch-body .dialog .main-wrapper{
    width: 70%;
}

.dialog .col-xs-12, .dialog .row {
    width: 100%;
    padding-right: 20px;
}

.dialog .row {
    margin: 20px 0px;
    float: left;
}

.dialog .col-xs-6 {
    width: 50%;
    float: left; 
}

.dialog .col-xs-3 {
    width: 25%;
    float: left;

}

.dialog .col-xs-6.ctrls {
    padding-top: 30px;
}

.dialog .form-group {
    padding: 10px 0px;
    float:left;
    width:95%;
    /* width: 80%; */
}

.dialog .form-group label{
    font-size: 14px;
    color: #666;
}

.dialog .form-group .input {
    padding: 10px;
    border: 1px solid #eee;
    background: #fff;
    border-radius: 2px;
    width: 100%;
    margin: 5px 0px;
    box-shadow: 0px 0px 1px #000;
}

.dialog .form-group select {
    width: 104% !important;
    box-shadow: 0px 0px 1px #000;
}

.dialog .form-group textarea {
    
    box-shadow: 0px 0px 1px #000;
}

#plot .bx-viewport{
    padding-bottom: 10px;
}

#dev-childs {
    background: #fff;
}

#dev-childs .ctrls {
    text-align: left;
    padding-top: 28px;
}

#dev-childs .ctrls .fa {
    font-size: 28px;
    margin: 8px;
    padding: 6px;
    background: #fff;
    border-radius: 35px;
    min-width: 28px;
    text-align: center;
    box-shadow: 2px 2px 6px;
}

#dev-childs .ctrls .add-btn {
    /* color: #1ba; */
}

#dev-childs .ctrls .rm-btn {
    color: #f33;
}

#dev-childs .blck {
    
    width: 80%;
    margin-left: 10%;
    float: left;
    margin-bottom: 25px;
    border-bottom: 1px dotted #f33;
    padding: 25px 0px;
    
}

#dev-childs .blck .form-group{
    width: 80%;
}




[data-icon]:before {
  font-family: "untitled-font-1" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "untitled-font-1" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  padding: 5px;
}

.icon-1:before {
  content: "\61";
}
.icon-2:before {
  content: "\62";
}
.icon-3:before {
  content: "\63";
}
.icon-16:before {
  content: "\70";
}
.icon-15:before {
  content: "\6f";
}
.icon-14:before {
  content: "\6e";
}
.icon-17:before {
  content: "\71";
}
.icon-18:before {
  content: "\72";
}
.icon-5:before {
  content: "\65";
}
.icon-4:before {
  content: "\64";
}
.icon-6:before {
  content: "\66";
}
.icon-7:before {
  content: "\67";
}
.icon-8:before {
  content: "\68";
}
.icon-9:before {
  content: "\69";
}
.icon-10:before {
  content: "\6a";
}
.icon-11:before {
  content: "\6b";
}
.icon-12:before {
  content: "\6c";
}
.icon-13:before {
  content: "\6d";
}

.icon-14:before {
  content: "\6e";
}

.icon:hover{
    color: #0fd8d0 !important;
}

.timelabel_res {width:150px !important;}
.tolabel_res {width:30px !important;}
.timelabel_res_val {float:left; min-width: 90px !important; max-width: 147px !important;}
.form_group_div {float:left; width:100%; margin-bottom:10px;}
.form_group_div > label {float:left; width:28%;}
.form_group_div > select, input[type=file] {float:left; width:50%; min-width:50%;}
.condition_span {margin-left:28%;}
.form_group_div_type > label {width:40px;}


@media screen and (max-width:1260px) {
	.timelabel_res {width:100% !important;}
}
@media screen and (max-width:1210px) {
	.form-group {float:left;}
	.img_preview {float:right !important; width:auto !important;}
	.form-group > div {float:left; width:100%;}
	.form_group_div > div.input-group {max-width:100%;}
	.form_group_div > div.input-group > label {width:100px;}
}
@media screen and (max-width:991px) {
	.form-group > div {width:300px;}
	.timelabel_res {width:150px !important;}
	.report_top_btn {margin-left:100px;}
	.form_group_div_type > label {width:100px;}
}
@media screen and (max-width:560px) {
	.form-group > div {width:100%;}
	div.wrapper {margin-top:100px;}
	.timelabel_res {width:100% !important;}
	.timelabel_res_val {max-width:100% !important;}
	.form_group_div_type > label {width:34%;}
}

#ptypes-dialog .modal-dialog {
    width: 90%;
}

.tstyle, .lang-tamil, .input-tamil {
    font-family : amudham !important;
    font-weight : bolder !important;
    font-size : 18px;
}

.scroller {
    min-height: 50px;
    width: 0%;
    margin:0px 10px -5px -20%;
    /* display: inline-block; */
    /* border-radius: 50px; */
    text-align: center;
    /* line-height: 200px; */
    font-size: 40px;
    /* border-bottom: 2px solid #f33; */
    /* text-shadow: 2px 2px 6px #f33; */
    /* color: #f33; */
    padding: 10px 0px;
}


/*.blck-content{
    background: url(../images/bg.jpg);
}*/

.top-home-btn {
    width: 24px;
    height: 24px;
    background: url(../images/rt_icon4.png) no-repeat;
    background-size: contain;
    /* margin: 5px 20px; */
    cursor: pointer;
    display: inline-block;
    margin: -5px 5px;
}

table.has-columns-hidden>tbody>tr>td>span.responsiveExpander {
    background: url(../../assets/images/plus.png) no-repeat 5px center;
    padding-left: 32px;
    cursor: pointer;
}
table.has-columns-hidden>tbody>tr.detail-show>td span.responsiveExpander {
    background: url(../../assets/images/minus.png) no-repeat 5px center;
}

.table-responsive {
    overflow-x: hidden !important;
    border: 0px solid #ddd;
}

.dev-hdr h3 {
    font-weight: bold;
    margin: 0 auto;
    padding: 10px;
    border-bottom: 1px solid;
    box-shadow: 1px 1px 3px #ccc;
    background: #fff;
    text-align: center;
    color: #f33;
    width: 352px;
    font-size: 18px;
}

.breadcrumb li a:hover{
    cursor: default;
    color: #393939;
}
.devotee_bg{background:#FFF; box-shadow:0px 0px 20px #CCC; padding:2% 4% !important;}
.devotee_bg input,.devotee_bg select, .devotee_bg textarea, .devotee_bg  .multi-select-preview {box-shadow:0px 0px 1px #000;}

.lang-swap {
    display: none;
}

/*.form-dwnld-btn .fa{
    font-size: 21px;
    margin: 0px 12px;
    color: #1baadd;
}*/

.top-icn-grp .form-dwnld-btn {
    background: url(../images/dwnld_icon.png) no-repeat;
}

.top-icn-grp .rec-sett-btn {
    background: url(../images/rec_sett_icon.png) no-repeat;
}

.top-icn-grp .scan-btn {
    background: url(../images/rt_icon3.png) no-repeat;
}

.top-icn-grp .apply-names-btn { 
    background: url(../images/apply_names.png) no-repeat;
    margin-top: 5px !important;
}

.top-icn-grp .form-dwnld-btn, .top-icn-grp .rec-sett-btn, .top-icn-grp .scan-btn{
    margin: -5px 10px;
    cursor: pointer;
    background-size: contain;
    width: 25px;
    height: 25px;
    float: left;
}

#ksk .top-icn-grp .form-dwnld-btn, #ksk .top-icn-grp .rec-sett-btn, #ksk .top-icn-grp .scan-btn{
    width: 36px;
    height: 34px;
}

#ksk .top-icn-grp span{
    margin: 8px 15px;
}

.popup-dialg {
    position: fixed;
    background: #fff;
    width: 80%;
    margin-left: 10%;
    padding: 20px;
    top: 10%;
    box-shadow: 2px 2px 6px #666;
    z-index: 9999;
    font-size: 14px;
    
    display: none;
    min-height: 80%;

}

.popup-dialg .wrap {
    border-top: 1px solid #1ba;
    padding: 20px 0px;
    max-height: 700px;
}

.popup-dialg .ctrls > div{
    width: 50%;
    margin: 40px auto;
    text-align: center;
}

.popup-dialg .ctrls .bttn {
    position: relative;
    padding: 5px;
    min-width: 100px;
    cursor: pointer;
}

.popup-dialg .ctrls .bttn.primary {
    background: #1ba;
    color: #fff;
}

.popup-dialg .loader {
    animation: spin 2s infinite;
    width: 20px;
    height: 20px;
}

@keyframes spin {
    0% {
        background: #fff;
    }
    
    25% {
        background: #1ba;
    }
    
    50% {
        background: #ff3;
    }
    
    75% {
        background: #1ba;
    }
    
    100% {
        background: #fff;
    }
}

#frm-dwnld-dialog a, #frm-dwnld-dialog a:visited{
    color: #999;
    text-decoration: none;
}

#frm-dwnld-dialog a:hover{
    color: #1ba;
}

#frm-dwnld-dialog thead tr{
    
}
#frm-dwnld-dialog thead th {
    padding: 10px 0px;
    border-bottom: 2px solid #1ba;
    color: #999;
}

#frm-dwnld-dialog, #frm-dwnld-dialog table {
    min-height: 500px;
}

#frm-dwnld-dialog iframe{
    min-height: 550px;
}

#frm-dwnld-dialog table, #frm-dwnld-dialog iframe {
    max-height: 500px;
}

#frm-dwnld-dialog tbody tr {
    border-bottom: 1px dotted #1ba;
}

#frm-dwnld-dialog tbody tr:nth-child(even){
    background: rgba( 17, 187, 170, 0.05 );
}

#frm-dwnld-dialog tbody tr:last-child td {
    border-bottom: 1px solid #1ba;
}

#frm-dwnld-dialog tbody td {
    padding: 5px 10px;
}

.popup-dialg-title{
    font-size: 18px;
    margin: 12px 0px;
    color: #1ba;
}

.popup-dialg-clse-btn {
    position: absolute;
    right: 25px;
    cursor: pointer;
}

#frm-dwnld-dialog iframe{
    border: none;
    width: 100%;
}
.paging ul{
    list-style: none;
    text-align: right;
    padding-right: 5px;
}

.paging ul li {
    display: inline-block;
    min-height: 10px;
    min-width: 25px;
    background: #1ba;
    color: #fff;
    margin: 5px 2px;
    text-align: center;
    cursor: pointer;
    border: 1px solid;
    box-shadow: 1px 1px 3px #999;
}

.paging ul li.active {
    border-color: #1ba;
    color: #1ba;
    background: #fff;
}

.over-lay{
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background: rgba(120, 120, 120, 0.6);
    z-index: 9998;
    display: none;
}

[name="rs_form"] table {
    width: 80%;
    margin: 0 auto;
    border: 1px solid #1ba;
}

[name="rs_form"] table th, [name="rs_form"] table td {
    padding: 10px;
}

[name="rs_form"] table th {
    background: #1ba; 
    color: #fff;
    font-weight: bold;
    text-align: center;
    
} 

[name="rs_form"] table td {
    border: 1px solid #1ba;
} 

#more-tools {
    position: fixed;
    top: 30%;
    right: -200px;
    min-width: 225px;
    
    z-index: 9997;
    box-shadow: -3px 3px 9px #999;
    background: rgba(120, 120, 120, 0.1);
}

#more-tools-opener {
    width: 25px;
    min-height: 190px;
    background: #f33;
    float: left;
    cursor: pointer;
}

#more-tools-opener > div{
    transform: rotate(-90deg);
    position: absolute;
    top: 82px;
    font-size: 18px;
    color: #fff;
    left: -84px;
    font-weight: bold;
    text-shadow: 1px 1px 2px #333;
    width: 190px;
    text-align: center;
}

#more-tools li  {
    background: #fff;
    padding: 10px;
    margin: 5px 0px;
    cursor: pointer;
}
 
#more-tools li:hover, #more-tools li a:hover {
    background: #f33;
    color: #fff;
}

#more-tools li .fa {
    margin-right: 5px;
}

.student-hdr h3{
    font-weight: bold;
    margin: 0 auto;
    padding: 10px;
    border-bottom: 1px solid;
    box-shadow: 1px 1px 3px #ccc;
    background: #fff;
    text-align: center;
    color: #f33;
    width: 352px;
    font-size: 18px;
}

.student-bg{
    background: #FFF;
    box-shadow: 0px 0px 20px #CCC;
    padding: 2% 4% !important;
}

#student-plot {
    background: #fff;
    float: left;
    border: 1px inset;
    padding: 5px;
    margin-left: 10px;
    width: 98%;
    text-align: center;
}

#student-plot .cell {
    cursor: pointer;
    min-width: 100px;
    min-height: 100px;
    /* width: 31.5%; */
    width: 19%;
}

#student-plot .cell > div {
    background: repeating-linear-gradient(#fff, #f33);
    color: #fff;
    text-shadow: 2px 2px 3px #f33;
    font-weight: bold;
    letter-spacing: 1px;
}

#student-plot .cell.active > div {
    background: repeating-linear-gradient(#fff, #1baadd);
    text-shadow: 2px 2px 3px #1baadd;
}

#student-plot .cell .fa {
    padding: 5px;
    position: absolute;
    font-size: 24px;
    margin-top: -35px;
    margin-left: -41px;
}

#booking-cal-dialog {
    top: 3%;
}

#booking-cal-wrap table {
    width: 100%;
}

#booking-cal-wrap table th, #booking-cal-wrap table td {
    width: 12.5%;
    padding: 10px;
    text-align: center;
    border: 1px dotted #eee;
    height: 50px;
}

#booking-cal-wrap table th{
    background: #1ba;
    color: #fff;
}

#booking-cal-wrap table td{
    height: 120px;
}

#booking-cal-wrap table .cell {
    height: 100%;
}

#booking-cal-wrap table td .cell {
    line-height: 90px;
    color: #aaa;
}

#booking-cal-wrap .cell.day{
    border: 1px dotted rgba(17, 187, 170, 0.5);
}

#booking-cal-wrap .cell.act {
    font-weight: bold;
    font-size: 18px;
    color: #999;
    border: 1px solid rgba(17, 187, 170, 0.6);
    cursor: pointer;
}

#booking-cal-wrap .cell.nav {
    cursor: pointer;
    border: 1px dashed #ccc;
}


#booking-cal-wrap .cell.act:not(.bked):hover  {
    opacity: 0.6;
}

#booking-cal-wrap .cell.active {
    font-weight: bold;
    font-size: 24px;
    background: #1ba;
    color: #fff;
}

#booking-cal-wrap .cell.holiday{
    color: #f33;
}

.popup-dialg .top-ctrls{
    position: absolute;
    right: 20px;
    margin-top: -35px;
}

#booking-cal-dialog .top-ctrls select {
    padding: 5px 10px;
    min-width: 100px;
    border: 1px dotted;
    margin: 0px 5px;
    font-size: initial;
}

#booking-cal-dialog .book-lbl {
    position: absolute;
    margin-left: 8%;
    margin-top: 50px;
    background: #efefef;
    color: #1ba;
    border: 1px solid #1ba;
    padding: 5px;
    border-radius: 43px;
    height: 40px;
    line-height: 30px;
    width: 40px;
    font-size: 14px;
    /* box-shadow: 3px 3px 9px #eee, -3px -3px 9px #eee; */
    letter-spacing: 1px;
    font-style: italic;
}

#booking-cal-wrap table .cell .bked-details, #booking-cal-wrap table .cell .bked-more {
    position: absolute;
    background: #fff;
    border: 1px solid #999;
    box-shadow: 3px 3px 9px #999;
    border-radius: 5px;
    padding: 10px 25px;
    line-height: normal;
    text-align: left;
    width: 20%;
    margin-left: -4%;
    margin-top: -50px;
    min-width: 240px;
    min-height: 70px;
    color: #999;
    font-size: initial;
    z-index: 1111;
    
    display: none;
}

#booking-cal-wrap table .cell .bked-details:hover {
    opacity: 1;
}

#booking-cal-wrap table .cell .bked-details .hdr {
    background: #1ba;
    color: #fff;
    padding: 5px 10px;
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

#booking-cal-wrap table .cell .bked-details > div {
    margin: 10px 0px;
    border-bottom: 1px dotted;
}

.bked-details > div.active {
    color: #1ba;
}

#booking-cal-wrap table .cell .bked-details > div span:nth-child(2) {
    float: right;
}

.bked-more {
    margin-left: 200px !important;
    min-width: 230px !important;
    max-height: 160px !important;
    padding: 10px !important; 
    height: 160px;
}

.bked-more > div:not(.hdr) {
    font-size: 14px;
}



