/**
 *  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: 5px;
     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,
 .sidebar .sidebar-menu li.treeview.active > a span {
     color: #333333 !important;
     font-weight: bold;
 }
 .sidebar .sidebar-menu li:hover {
     color: #333333 !important;
 }
 li.treeview.active ul.treeview-menu li.active a {
    color: #f9a01b !important;
    font-weight: bold;
}
.skin-black .sidebar > .sidebar-menu > li.treeview.active {
    color: #333333 !important;
    background-color: #f9a01b;
}
.skin-black .sidebar > .sidebar-menu > li.treeview.active > a:hover {
    color: #333333 !important;
    background-color: #f9a01b;
}
.skin-black .sidebar > .sidebar-menu > li.treeview.active > a:hover .fa {
    color: #333333 !important;
}
.sidebar .sidebar-menu li.active > a,
.treeview-menu > li:hover > a > .fa,
.treeview-menu > li:hover > a > .icon {
    color: #f9a01b;
}
.treeview-menu > li:hover > a > .fa,
.treeview-menu > li:hover > a > .icon {
    color: #f9a01b !important;
}
.sidebar .sidebar-menu li:hover {
    color: #333333 !important;
}
.sidebar .sidebar-menu > li:hover > a > .fa, .active a i {
    color: #333333;
}
.skin-black .sidebar > .sidebar-menu > li > a:hover {
    color: #f9a01b !important;
    background: #444;
}
.skin-black .sidebar > .sidebar-menu > li > a:hover .fa {
    color: #f9a01b !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: 45px;
     color: #e33739;
     font-weight: bold;
     font-family: amudham;
     -webkit-font-smoothing: antialiased;
     -webkit-font-smoothing: subpixel-antialiased;
 }
 .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;
 }
.top_rt_icon8 {float:left; width:38px; height:38px; background:url(../images/rt_icon6.png) no-repeat; background-size:contain; margin:5px 20px; cursor:pointer;}
.top_rt_icon7 {float:left; width:38px; height:38px; background:url(../images/rt_icon7.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-dialog .festival-lbl {
    position: absolute;
    padding: 5px;
    line-height: normal;
    text-align: center;
    width: 128px;
    margin-left: 0;
    margin-bottom: 0px;
    min-width: 128px;
    min-height: 70px;
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    z-index: 1111;
}
 #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;
 }