/*
CYM Apply form Styles
Naimesh Rao
*/

body {position: relative; padding:0 !important; }
html, body {height: auto;min-height: 100vh;background: #f2f2f2;}
*{font-family: 'Roboto', sans-serif;}
a{color: rgb(0, 179, 241) !important;text-decoration: none !important;cursor: pointer;}
p{line-height: normal;}

header{background: #fff;}
header .logo{max-height: 80px;margin: 5px auto;display: block;}

.htitle{text-align: center;
background-image: url(../img/titlebanner.jpg) !important;
background-size: cover;
background-position: center;
background-color: rgb(67, 190, 247);}
.htitle h1{color: #fff;margin: 0;padding: 25px 0px;font-size: 28px;}

.areabox{padding-bottom: 30px;padding-top: 30px;}
.areabox .infotext{border: 1px solid #ddd;color: #666;padding: 6px 10px;text-align: center;background: #fff;border-radius: 4px;margin: 0 10px 25px;}

.lr_space{padding-left: 10px !important;padding-right: 10px !important;}
.blankspace{float: left;width: 100%;height: 10px;clear: both;}


/********** Login ***********/

.loginbox{width: 320px;background: rgb(255, 255, 255);margin: auto;max-width: 100%;border: 2px solid rgb(221, 221, 221);text-align: center;
padding: 3% 4%;border-radius: 8px;margin-bottom: 20px;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.10);}
.loginbox img{display: block;margin: 0 auto 15px;max-height: 80px;}
.loginbox img.logomain{display: block;margin: 0 auto 15px;width: 82%;max-height: 100%;}

.loginbox input{width: 100%;margin-bottom: 20px;border: 1px solid #aaa;border-radius: 3px;height: 30px;line-height: 28px;color: #000;
padding: 0 10px 0 30px;box-shadow: inset 3px -3px 4px rgba(0, 0, 0, 0.04);}
.loginbox button{border: 1px solid rgba(0, 0, 0, 0.24);background: rgb(0, 179, 241);width: 100%;padding: 5px;border-radius: 4px;
color: #fff;font-size: 16px;font-weight: 500;}

.form-group{position: relative;margin-bottom: 0;}
.form-group .errormsg, .form_row .errormsg{position: absolute;margin: 0;font-size: 12px;top: 30px;text-align: right;right: 0;color: rgb(255, 0, 0);}
.form-group i{display: block;position: absolute;left: 1px;height: 30px;line-height: 30px;padding: 0 8px;background: transparent;top: 1px;
font-size: 16px;color: #363636;}


/********** Step Form ***********/

.stepform{background: transparent;}

/* Menu */
.stepform .steps{margin-bottom: 15px;}
.stepform .steps ul{}
.stepform .steps ul li{}
.stepform .steps ul li.current a{background: #00b3f0 !important;color: #fff !important;}
.stepform .steps ul li.current a .stepno{background: #fff !important;color: #000 !important;}

.stepform .steps ul li.done a{background: rgb(243, 249, 251) !important;color: #000 !important;}
.stepform .steps ul li.done a .stepno{background: rgb(229, 243, 248) !important;color: rgb(0, 0, 0) !important;border-color: rgb(186, 209, 218);}

.stepform .steps ul li a{font-size: 16px;font-weight: 300;margin: 20px 10px 0 !important;background: #fff !important;border-radius: 4px !important;
border: 1px solid rgba(0, 0, 0, 0.15);position: relative;text-align: center;padding: 25px 10px 10px;color: #363636 !important;overflow: visible;}

.stepform .steps ul li a .number{display: none;}
.stepform .steps ul li a .stepno{position: absolute;top: -20px;background: #363636;height: 35px;width: 35px;border: 1px solid #363636;border-radius: 50%;
line-height: 33px;left: 0;right: 0;margin: auto;font-size: 20px;color: #fff;}


/* Content */
.stepform .content{margin: 0 10px;background: rgb(255, 255, 255) !important;border-radius: 4px 4px 0 0 !important;overflow: visible;
border: 1px solid rgba(0, 0, 0, 0.15);border-width: 1px 1px 0 1px;position: relative;}
.stepform .content section{width: 100% !important;overflow: visible;height: 100% !important;min-height: auto;position: relative !important;}

.stepform .content section .form_row:last-child, .formbox .form_row:last-child{border-bottom: 0;}
.form_row{margin: 0;padding-bottom: 11px;margin-bottom: 11px;border-bottom: 1px solid #ddd;position: relative;}
.form_row [class*=col]{padding-left: 0;padding-right: 0;}
.form_row label{font-size: 18px;font-weight: 300;margin: 0!important;color: #363636 !important;line-height: 28px;
text-align: right;width: 100%;padding-right: 20px;}
.form_row label.text-left{text-align: left;}
.form_row label i{color: rgb(255, 0, 0);}




/* Radio */
.form_row .radio-inline{padding-left: 0; margin-right: 10px;line-height: 28px;}
[type="radio"]:checked,[type="radio"]:not(:checked){position:absolute;left:-9999px}
[type="radio"]:checked + label,[type="radio"]:not(:checked) + label{position:relative;padding-left:28px;cursor:pointer;line-height:20px;
display:inline-block;color:#666;line-height: 28px;padding-right: 0;}
[type="radio"]:checked + label:before,[type="radio"]:not(:checked) + label:before{content:'';position:absolute;left:0;top:0;width:18px;height:18px;
border:2px solid #aaa;border-radius:100%;background:#fff;margin: auto;bottom: 0;}
[type="radio"]:checked + label:after,[type="radio"]:not(:checked) + label:after{content:'';width: 10px;height: 10px;background: rgb(0, 179, 240);
margin: auto;bottom: 0;position:absolute;top:0;left:4px;border-radius:100%;-webkit-transition:all .2s ease;transition:all .2s ease;}
[type="radio"]:not(:checked) + label:after{background: #aaa;}
[type="radio"]:checked + label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
[type="radio"]:checked + label:before{border-color: rgb(0, 179, 240);}

/* Checkbox */
.form_row .checkbox-inline{padding-left: 0; margin-right: 10px;line-height: 28px;}
.form_row .checkbox-inline a{font-weight: 400;}
[type="checkbox"]:checked,[type="checkbox"]:not(:checked){position:absolute;left:-9999px}
[type="checkbox"]:checked + label,[type="checkbox"]:not(:checked) + label{position:relative;padding-left:35px;cursor:pointer;line-height:20px;
display:inline-block;color:#666;line-height: 28px;padding-right: 0;text-align: left;}
[type="checkbox"]:checked + label:before,[type="checkbox"]:not(:checked) + label:before{content:'';position:absolute;left:0;top:0;width:22px;height:22px;
border:2px solid #aaa;border-radius:0%;background:#fff;margin: auto;bottom: 0;}
[type="checkbox"]:checked + label:after,[type="checkbox"]:not(:checked) + label:after{content:'✔';bottom: 0;opacity: 0;color: rgb(0, 179, 240);
position:absolute;top: 0;left: 0;width: 22px;height: 22px;bottom: 0;margin: auto;vertical-align: top;line-height: normal;font-size: 15px;padding: 0 4px;}
[type="checkbox"]:not(:checked) + label:after{background: #aaa;}
[type="checkbox"]:checked + label:after{opacity:1;}
[type="checkbox"]:checked + label:before{border-color: rgb(0, 179, 240);}


.fmcontrol{max-width: 100%;width: 100%;height: 28px;line-height: 26px !important;border: 1pt solid rgba(0, 0, 0, 0.3);padding: 0 8px;border-radius: 0;}
select{-webkit-appearance: none;-moz-appearance:none;padding-right: 25px !important;background-position: 99% center;
background-image: url('../img/downarw.png');background-size: 20px;background-repeat: no-repeat;}

textarea.fmcontrol{min-width: 100%;max-width: 100%;width: 100%;min-height: 86px;max-height: 150px;}

.form_row .btn_add, .form_row .btn_clear{padding: 0 15px;height: 28px;line-height: 26px;background: #26a65b;color: #fff;border-radius: 3px;text-transform: uppercase;}
.form_row .btn_add i, .form_row .btn_clear i{margin-left: 6px;}
.form_row .errormsg{position: relative;left: 0;text-align: left;background: rgb(255, 255, 255);bottom: initial;display: block;clear: none;top: 100%;}

.form_row .btn_clear{background: #eb9532;}
.form_row .save_btn{background: rgb(0, 179, 240);}

.form_title{background: #eee;max-width: 100%;width: 50%;margin: 0 auto 30px;text-align: center;padding: 4px;border: 1px solid rgba(21, 21, 21, 0.1);
color: #555;font-size: 14px;}

.fmcontrol.signature{min-height: 80px;min-height: 80px;line-height: normal !important;}

.tblform table tr th{background: rgb(0, 179, 240);color: #fff;font-weight: 500;padding: 5px 8px;vertical-align: middle;}
.tblform table tr th *{color: #ff0000;}
.tblform table tr.controltd td{text-align: center;background: #f2f2f2;vertical-align: middle;}
.searchbox{position: relative;}
.searchbox a{position: absolute;top: 0;right: 0;line-height: 28px;padding: 0 8px !important;}
.searchbox input{padding-right: 25px;}
.del_btn{color: #E74C3C !important;font-size: 18px;}

.normal_wd{width: 250px;}
.small_wd{width: 50px;}
.large_wd{width: 400px;}

.tblform table tr.controltd td .del_btn{display: block;background: #fff;width: 28px;margin: auto;border: 1px solid rgba(231, 76, 60, 0.43);
border-radius: 50%;height: 28px;line-height: 25px;padding: 0;}
.tblform table tr.controltd td .del_btn:hover{background: RGB(231, 76, 60) !important;color: #fff !important;}

.tblform table tr.datatd{background: #fff !important;}
.tblform table tr.datatd td{line-height: normal;font-size: 14px;color: #000;padding-top: 6px;padding-bottom: 6px;vertical-align: middle;}
.tblform table tr.footertd{background: #eee !important;}


.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th
{border-color: rgba(0, 0, 0, 0.15) !important;}

/* Datetimepicker */
.bootstrap-datetimepicker-widget table td{padding: 4px !important;font-size: 12px;line-height: normal !important;height: auto !important;
border-radius: 0;width: auto !important;}
.bootstrap-datetimepicker-widget table thead tr:first-child th{border-radius: 0;}
.datepicker thead{background: #f6f6f6;}

.input-group.date .input-group-addon {border-radius: 0;}



/* Actions */
.stepform .actions{margin: 0 10px;background: rgb(255, 255, 255) !important;border-radius: 0 0 4px 4px !important;padding: 0 2.5% 2.5%;
border: 1px solid rgba(0, 0, 0, 0.15);border-width: 0px 1px 1px 1px;position: relative;width: auto;text-align: center;}

.stepform .actions ul li a, .actionsbtns li input{background: rgb(0, 179, 240) !important;color: rgb(255, 255, 255) !important;font-size: 18px;line-height: normal;
width: 150px;text-align: center;padding: 10px 5px;border-radius: 6px;height: auto;}
.stepform .actions .disabled{opacity: 0.5;}				


.formbox{padding: 2.5%;width: auto !important;background: rgb(255, 255, 255) !important;border-radius: 4px !important;
border: 1px solid rgba(0, 0, 0, 0.15);margin: 0 10px;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);}


/* Big buttons */
.btns{margin-bottom: 0;padding-bottom: 0;}
.btn.btn_normal, .btn.btn_back{width: 100%;background: rgb(0, 179, 240);color: #fff;}
.btns .btn.btn_back{background: #4da3c0;}


/* Order Detail */
.ord_det .ord_box{margin-bottom: 20px;}
.ord_det .ord_box .formbox, .payment_det .formbox{margin: 0;border-radius: 0 0 10px 10px !important;}
.ord_det .heading{border-radius: 10px 10px 0 0 !important;background: rgb(69, 132, 159);
color: rgb(255, 255, 255);text-align: center;font-size: 20px;padding: 10px 5px;}
.ord_det .ord_box .form_row{margin-bottom: 10px;padding-bottom: 10px;}
.ord_det .ord_box .form_row label{font-size: 15px;padding-right: 10px;font-weight: 300;}
.ord_det .ord_box .form_row label.pre_lab{text-align: left;padding: 0;font-weight: 500;}
.ord_det .ord_box .form_row.last{border-bottom: 0;}
.ord_det .ord_box .btns{margin-bottom: 0;padding-bottom: 0;}
.ord_det .ord_box .btns .btn{width: 70%;font-size: 16px;margin-bottom: 10px;}


/* Payment Detail */
.payment_det .form_title{width: 100%;background: rgb(218, 238, 248);border-radius: 4px;font-size: 16px;margin-bottom: 15px;}
.payment_det .form_row label{font-size: 14px;font-weight: 400;padding-right: 10px;color: #666 !important;}
.payment_det .btn.btn_normal{font-size: 16px;}


/* Step form actions */

.actionsbtns{float: left;width: 100%;clear: both;text-align: center;}
.actionsbtns li{display: inline-block !important;float: none !important;margin: 0;}


.stepform fieldset{margin: 0 10px !important;position: relative !important;width: auto !important;padding: 2.5%;}



/********** loader ***********/
.spinner {border: 12px solid #fff;border-top: 12px solid rgb(0, 179, 240);border-radius: 50%;width: 80px;height: 80px;
position: fixed;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 10;
animation: spin 0.6s linear infinite;-webkit-animation: spin 0.6s linear infinite;
-moz-animation: spin 0.6s linear infinite;-o-animation: spin 0.6s linear infinite;}

.loader:before{position: fixed;content: '';background: rgba(0, 0, 0, 0.6);top: 0;bottom: 0;left: 0;right: 0;z-index: 5;height: 100%;width: 100%;}

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


/********** Footer ***********/

footer{position: relative;bottom: 0px;left: 0;right: 0;background: #222;}
footer p{margin: 0;color: #aaa;}
footer .ftop{padding: 10px;}
footer .fcopy{background: #000;padding: 8px;}


/********** Large Mortgage Form ***********/

.large_form .form_row label{font-size: 14px;padding-right: 8px;font-weight: 400;}
.large_form .adminwrap{padding-left: 0 !important;padding-right: 0 !important;}

.large_form .del_btn{}
.large_form .del_btn{}

.cop_error, .cop_success{width: auto !important;text-align: left !important;padding: 0 10px;font-weight: 500;}
label.cop_error{color: #ff0000 !important;}
label.cop_success, label.cop_success i{color: rgb(38, 166, 91) !important}



/********** Admin Wrap ***********/

.adminwrap{padding: 15px !important;margin: 0;overflow-x: hidden;overflow-y: auto;}
.adminwrap > .container{width: 100%;padding: 0;}
.adminwrap .formbox{margin: 0 0 15px; padding: 0;overflow: hidden;border: 2px solid rgb(69, 132, 159);}
.adminwrap .formbox .formtitle{margin: 0;text-align: left;padding: 4px 8px 6px;background: rgb(69, 132, 159);color: rgb(255, 255, 255);
	font-size: 15px;font-weight: 400;line-height: 22px;}
.adminwrap .formbox .formtitle i{margin-right: 8px;}
.adminwrap .formbox .btn_icn{float: right;padding: 0 12px;background: #2ECC71;margin: 0;}

.formtitle a.btn_add{float: right;margin: 0 0 0 5px !important;
padding: 2px 8px !important;line-height: normal !important;}

.adminwrap .innerbox{}

/* DataTable */
.adminwrap .dataTables_wrapper{}
.adminwrap .dataTables_wrapper .row{margin: 0;}
.adminwrap .dataTables_wrapper [class*=col]{padding-left: 0;padding-right: 0;}

.dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate
{display: block;width: 100%;padding: 5px 8px !important;background: rgb(238, 248, 254);min-height: 36px;margin: 0 !important;}
.dataTables_length label, .dataTables_filter label, .dataTables_info label, .dataTables_paginate label
{font-size: 12px; margin: 0;display: inline-block;}
.dataTables_wrapper select, .dataTables_wrapper input[type="search"]
{height: 26px;padding: 0 5px;line-height: 24px;border: 1px solid #ccc;background: #fff;
border-radius: 3px;font-family: 'Roboto', sans-serif;font-weight: 500;color: #000;}

.dataTables_length{}
.dataTables_filter{}
.dataTables_info{line-height: 24px;font-size: 12px;}
.dataTables_paginate{}

/* DataTable Pagination */

.pagination > li:first-child > a, .pagination > li:first-child > span {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.pagination > li:last-child > a, .pagination > li:last-child > span {border-top-right-radius: 0;border-bottom-right-radius: 0;}

ul.pagination{padding: 0 !important;margin: 0!important;height: 26px;min-height: initial;display: block;}
ul.pagination li{padding: 0!important;margin: 0!important;border:0!important;float: none;}
ul.pagination li a{height: 26px;padding: 0 8px;outline: none;min-width: 35px;line-height: 24px;display: block;font-weight: 500;
font-family: 'Roboto', sans-serif;font-size: 12px;color: rgba(0, 0, 0, 0.7) !important;margin: 0;
border-radius: 0;}

ul.pagination > .active > a, ul.pagination > .active > a:focus, 
ul.pagination > .active > a:hover, ul.pagination > .active > span, 
ul.pagination > .active > span:focus, ul.pagination > .active > span:hover
{background-color: rgb(0, 179, 241) !important;border-color: rgb(0, 179, 241) !important;color: #fff !important;}

/* DataTable Table */

table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after {
bottom: 0;right: 5px;opacity: 0.5;top: 0;margin: auto;height: 18px;}

.dataTables_wrapper table{margin: 0 !important;}
.dataTables_wrapper table tr{background: #fff !important;}
.dataTables_wrapper table tbody tr:hover, .dataTables_wrapper table tbody tr:hover td{background: #eee !important;}

.dataTables_wrapper table tr.selected, .dataTables_wrapper table tr.selected td,
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected,
.dataTables_wrapper table tbody tr.selected:hover, .dataTables_wrapper table tbody tr.selected:hover td
{background: rgb(0, 179, 241) !important;color: #fff !important;}

.dataTables_wrapper table tr.selected .btn_icon{background: #fff;border-radius: 3px; cursor: pointer;}

.dataTables_wrapper table tr th{padding: 6px 20px 6px 8px!important;line-height: normal;height: auto;background: rgb(0, 179, 241);
color: #fff;font-weight: 500;vertical-align: middle;}
.dataTables_wrapper table tr td{padding: 4px 8px !important;line-height: normal;height: auto;font-size: 13px;background: #fff !important;
white-space: nowrap;max-width: 100px;overflow: hidden;text-overflow: ellipsis;}
.dataTables_wrapper table tr td .btn_icon{padding: 0;width: 20px;text-align: center;display: inline-block;
margin: auto;border: 0;background: #fff;cursor: pointer;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
border-radius: 50%;width: 18px;height: 18px;}
.dataTables_wrapper table tr td .btn_icon .fa-trash-o{color: #D91E18;}
.dataTables_wrapper table tr td .btn_icon .fa-pencil{color: #26A65B;}

table.dataTable.no-footer {border-bottom: 1px solid rgba(0, 0, 0, 0.5);border-top: 1px solid rgba(0, 0, 0, 0.5);
border-left: 0;border-right: 0;}

.adminwrap .table-responsive{margin: 0;}


/* Entry/View Form */

.adminwrap .formbox .innerbox{padding: 15px;}
.adminwrap .innerbox .btns{text-align: center;}
.adminwrap .innerbox .btns .btn{display: inline-block;width: auto;min-width: 100px;font-size: 16px;font-weight: 500;}
.adminwrap .formtitle a{background: rgb(0, 179, 240);color: #fff !important;padding: 3px 8px;
margin-right: 10px;border-radius: 3px;font-size: 12px;vertical-align: top;line-height: 20px;}

.adminwrap .innerbox .form_row label{font-weight: 400;font-size: 14px;color: #666 !important;padding-right: 10px;}
p.pre_data{line-height: 28px;margin: 0;color: #000;font-size: 14px;font-weight: 600;font-family: 'Roboto', sans-serif;
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 8px;background: #fbfbfb;text-align: left;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);min-height: 28px;}

.adminwrap .innerbox .form_title {width: 100%;background: rgb(218, 238, 248);color: #333;border-radius: 50px;}

.adminwrap .tblform table tr th{text-align: left;}
.adminwrap .tblform table tr.controltd td{font-size: 12px;text-align: left;}



/* New Changes 1-9-17 */

.admin{background: #fbfbfb;overflow: hidden;}
.admin .htop > .container, .admin .ftop > .container{width: 100%;}
.admin .htop{padding: 0;background: #fff !important;border-bottom: 1px solid #ddd;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07);}
.admin .htop h1{margin: 0 0 0;font-size: 20px;color: #555;border-left: 3px solid #555;    padding: 55px 0px 41px 20px;}

.admin .logocol img{max-width: 100%;}

.admin .ftop{padding: 6px;}
.admin footer p,.admin footer .fcopy{font-size: 12px;padding: 3px;}
.admin .htop .menu ul{display: none;}

.slicknav_menu {background: transparent;position: relative;padding: 25px;}
.slicknav_menu .slicknav_btn{margin: 22px 0 0;background: rgb(0, 179, 241);font-size: 14px;border-radius: 3px !important;}
.slicknav_menu .slicknav_menutxt{font-weight: 400;text-shadow: none;}

.slicknav_menu .slicknav_nav{display: block;position: absolute;top: 100%;right: 0;background: white;z-index: 1;min-width: 130px;
-webkit-box-shadow: 0 5px 4px 1px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 5px 4px 1px rgba(0, 0, 0, 0.4);
box-shadow: 0 5px 4px 1px rgba(0, 0, 0, 0.4);
border: 2px solid rgb(0, 179, 241);}
.slicknav_menu .slicknav_nav li{}
.slicknav_menu .slicknav_nav li a{margin: 0;padding: 4px 10px;font-size: 12px;background: #fff;
border-radius: 0;color: #333 !important;border-bottom: 1px solid #ddd;}
.slicknav_menu .slicknav_nav li:last-child a{border-bottom: 0;}

.slicknav_menu .slicknav_nav li a i{min-width: 12px;margin-right: 3px;}
.slicknav_menu .slicknav_nav li a:hover, .slicknav_menu .slicknav_nav li a:focus{color: #fff !important;background: rgb(0, 179, 241);}

.slicknav_menu .slicknav_btn.slicknav_open{border-radius: 3px 3px 0 0 !important;}
.slicknav_nav{}
 

.adminwrap .errorrow{text-align: center;margin: 0;line-height: 30px;font-size: 16px;color: #ff0000;font-weight: 500 !important;}

.pre_data.signature{min-height: 80px;min-height: 80px;line-height: normal !important;}

.entrybox{border: 2px solid rgb(221, 221, 221);padding: 10px;border-radius: 5px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.18);
background: #fbfbfb;margin-top: 20px;margin-bottom: 20px;}

.fmcontrol.preview{background: #fbfbfb;border: 0;font-weight: 600;}





.subtable td{padding: 0 !important;}
.subtable td .listitem > div{padding: 5px;border-bottom: 1px solid #ddd;}
.subtable td .listitem:last-child > div{border-bottom:0;}
.subtable:hover *{background: #fff !important}

.collapsing {-webkit-transition: none;transition: none;display: none;}



.no_list{position: absolute;left: 0;top: 0;margin: 0;border-radius: 50%;width: 30px;height: 30px;background: rgb(0, 179, 240);
color: #fff;line-height: 30px;font-weight: bold;}

.discountrow{border: 1px solid rgb(69, 132, 159);
padding-top: 11px;
background: rgb(235, 244, 248);margin: 0 !important;}


.listitem .nu_col span{display: block;background: rgb(0, 179, 240) !important;
width: 20px;height: 20px;text-align: center;line-height: 20px;border: 0;
margin: auto;border-radius: 3px;color: #fff !important;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.11);}






















/********** Responsive ***********/


/* Mobile */
@media (max-width: 1024px) {


.admin .htop h1 {margin: 16px 0 0;font-size: 16px;padding: 3px 0px 3px 15px;}

.stepform fieldset{clear: both;margin: 0 !important;}
.areabox > .container-fluid > .container, .areabox > .container-fluid{padding: 0;}
.wizard ul li a {margin: 20px 0px 0;padding: 25px 5px 10px;font-size: 12px;min-height: 75px;}
.areabox .infotext{margin: 0 0px 25px;}




}


/* Mobile */
@media (max-width: 767px) {

body{padding: 0 !important;}
footer {position: relative;}
footer p{font-size: 12px;}
header .logo{max-height: 50px;}
.htitle h1{font-size: 18px;padding: 15px 0px;}
.areabox {padding-bottom: 15px;padding-top: 15px;}
.areabox .infotext{font-size: 12px;margin-bottom: 15px;}
.container-fluid{padding-left: 0;padding-right: 0;}
.areabox > .container{padding-left: 5px;padding-right: 5px;}

.stepform .steps ul li a{padding: 18px 2px 2px;font-size: 9px;margin: 20px 0 0 !important;height: 50px;border-radius: 0 !important;}
.form_title{width: 100%;margin-bottom: 10px;font-size: 12px;}
.form_row label{text-align: left;font-size: 14px;font-weight: 400;color: #555 !important;padding-right: 0;padding-bottom: 5px;
line-height: normal;}

.stepform .content, .stepform .actions{margin: 0;}
.stepform .actions ul li a{width: auto;padding: 8px 15px;font-size: 14px;}
.form_row .btn_add{margin: 10px 0 0;}

.tblform table tr.controltd td .fmcontrol{min-width: 100px;}

.btns .btn{margin-bottom: 10px;}
.lr_space{padding-right: 0 !important;padding-left: 0!important;}
 
[type="checkbox"]:checked + label, [type="checkbox"]:not(:checked) + label{line-height: normal;}

.dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate{text-align: left !important;}
.adminwrap{padding-left: 0 !important;padding-right: 0 !important;}
.adminwrap .row {margin-right: 0;margin-left: 0;}
.adminwrap .col-sm-12 {padding-right: 5px;padding-left: 5px;}

.adminwrap .formbox .formtitle {font-size: 14px;line-height: 24px;}


/* New Admin Changes */
.admin .htop h1 {margin: 10px 0 0;font-size: 14px;padding: 3px 0px 3px 10px;}
.slicknav_menu .slicknav_menutxt{display: none;}
.slicknav_menu .slicknav_icon{margin:0;}
.slicknav_menu .slicknav_btn {margin: 8px 0 0;padding: 5px;}
.admin .logocol img {width: 120px;}

.admin .htop{padding-bottom: 5px;}

.admin .ftop{display: none;}
.admin .ftop .container{padding: 0;}
.admin .fcopy p{font-size: 10px;}

.dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate{background: transparent !important;}


.stepform fieldset .form_row{margin: 0 !important;}
.stepform fieldset{padding: 2.5% !important; }





}/* Mobile */