.box-ht { min-height:200px; }
 .pddng_tb { padding:20px 0; }
 .btn.style { width:15%; }
 .caret { border-top:4px solid #fff!important; }
 .paddin { padding: 16px 0 20px; }
 .open { position:relative; }
 .img-width { width:184px; padding-top:22px; }
 .size {
     border:1px solid #CCC;
     margin-bottom:0;
     background:0;
     padding:3px 28px;
     background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 45%, #d7dee3 57%, #e5e5e8 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(45%,#e5ebee), color-stop(57%,#d7dee3), color-stop(100%,#e5e5e8));
     background: -webkit-linear-gradient(top, #f6f8f9 0%,#e5ebee 45%,#d7dee3 57%,#e5e5e8 100%);
}
 .pd_top { padding-top:25px; }
 .pd_bot {  padding-bottom:15px; }
 .size2 {
     background:#88BD42;
     color: #fff!important;
     font-size:14px;
     margin:0px 0px 5px 0px;
     padding:5px 0px 5px 0px;
     height:30px;
}
 .over {
     overflow:hidden;
     font-size:13px;
     text-align:justify;
}
 .ptext {
     font-size:12px;
     margin:0px 30px 0px 0px;
     padding:0px 20px 0px 0px;
}
 .underline { text-decoration:underline; }
 .fa-2x { font-size:16px; }
 .b { line-height: 63px;}
 .tp-mrgn { margin-top:0!important;}
 .tp-padding {
     padding-top:20px;
     padding-right:32px;
}
 .brdr {
     border:1px solid #ccc;
     width:168px;
     box-shadow:inset 0 0 5px 1px #ccc;
}
 .padding { padding:5px; }
 .mrgn-top { margin-top:10px; }
 .mrgn_bottom {  margin-bottom:25px; }
/*
     .logo {
         margin-top:10px;
         margin-bottom:10px;
    }
     form {
         margin:0px 0 0;
    }*/ 
     .btm_margin {
         margin-bottom:10px !important;
    }
     .form-search {
        margin: 8px 0 8px !important;
    }
    /*.line_hght_40 {
         line-height:41px;
    }
    */
     .style {
         height:30px;
         background: var(--bg-color) !important;
         color: var(--text-color) !important;
         border:1px solid var(--bg-color) !important;
         text-shadow:none;
    }
     .breadcrumbs:after {
         clear:both;
         content:"";
         display:table;
    }
     .font {
         font-size:11px;
    }
     .wd {
         margin-top: 3px;
         width: 184px;
    }
     .breadcrumbs {
         background:none repeat scroll 0 0 #F4F4F4;
    }
     .breadcrumbs ul {
         float:left;
         list-style-type:none;
         margin:0;
         padding:2px 5px;
    }
     .breadcrumbs ul > li {
         color:#666;
         float:left;
    }
     .breadcrumbs ul > li > a {
         color:#666;
         display:block;
         float:left;
         font-size:12px;
         padding:2px 6px;
    }
     .breadcrumbs ul > li i {
         float:left;
         font-size:11px;
         margin:7px;
    }
     .breadcrumbs .contact {
         float:right;
         font-size:11px;
         padding:5px 26px;
    }
     .mrgn {
         float:left;
         font-size:15px;
         color:#666;
         margin:7px;
    }
    /* slider */
     .width_64 {
         width:64%!important;
         margin:0 auto;
    }
     .flexslider {
         background:none!important;
         border:none!important;
         border-radius:0!important;
         box-shadow:none!important;
         margin:0!important;
    }
     .flex-control-nav {
         bottom:0px !important;
    }
     .flex-direction-nav .flex-prev {
         background-position:left !important;
    }
     .flex-direction-nav .flex-next {
         background-position:right !important;
    }
     .flex-direction-nav a {
         background: url("/images/theme272/bg_direction_nav.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
         cursor: pointer;
         display: block;
         height: 30px;
         opacity: 0;
         position: absolute;
         text-indent: -9999px;
         top: 50%;
         width: 30px !important;
    }
     .width {
         width:12%;
         border-radius:0px !important;
    }
     .hidden-480 {
         width:7% !important;
    }
     .non {
         font-size:13px!important;
         padding-right:30px;
    }
     .actions {
         margin-top:65px;
    }
     .shop-items > li:hover {
         background:none repeat scroll 0 0 #fff!important;
    }
     .effect {
         border:1px solid #EBEaEa;
         margin-left:28px!important;
    }
     .effect:hover {
         background: #fff !important;
    }
     .adds img {
         padding:0px;
    }
     .adds {
         border:1px solid #ccc;
    }
     .items {
         border:1px solid #ccc;
         overflow:hidden;
         padding:8px;
    }
     .part1 {
         width:80%;
         float:left;
    }
     .part2 {
         width:20%;
         float:left;
    }
     .input_cost {
         width:100px;
         font-size:11px;
    }
     .ln_hght {
         line-height:70px;
         font-size:17px;
    }
     .font_11 {
         line-height:15px;
         font-size:10px;
    }
     .line {
         line-height:42px;
         font-size:18px;
    }
     .pad:hover {
         background: #fff!important;
         text-decoration:none;
    }
     .pad {
         padding:12px;
    }
     .btm-mrgn {
         margin-bottom:80px;
    }
     .color {
         color:#000;
    }
     .color:hover {
         color: #fff!important;
         text-decoration:none;
    }
     .white {
         color: #fff!important;
    }
     .nav-tabs > li > a {
         color:#555!important;
         font-size:12px!important;
         border-radius:0!important;
         padding:6px 8px!important;
    }
     .nav-tabs > li > a:hover {
         color:#000!important;
    }
     .left_zero {
         margin:0 !important;
    }
     .border {
         border:1px solid #ddd;
    }
     .h4_design {
         color: var(--text-color) !important;
         background: var(--bg-color) !important;
         font-size:14px;
         margin:0;
         padding:3px 0 2px 6px;
         overflow:hidden;
    }
     .h4_designs { 
         font-size:14px;
         margin:0;
         padding:9px 12px 9px 0px;
         overflow:hidden;
    }
     .table_head {
         background:#EEE;
         font-size:12px;
         margin:0;
         padding:1px 0 2px 6px;
    }
     .table-bordered {
         border-radius:0;
         font-size:11px;
    }
     .nav-tabs > .active > a,.nav-tabs > .active > a:hover,.nav-tabs > .active > a:focus {
         background:#F4F4F4!important;
         border: 1px solid #ddd;
    } 
     .pad_all {
         padding:24px 15px 44px 9px;
    }
     .hover:hover {
         background:#FF6;
         cursor:pointer;
    }
     .hover {
         border:1px solid #CCC;
         transition:all .2s ease-in;
    }
    /*input[type="radio"],input[type="checkbox"] {
         margin:12px 0 0!important;
    }
    */
     .radio input[type="radio"],.checkbox input[type="checkbox"] {
         float:none;
    }
     .input-block-level {
         width:80%!important;
    }
     select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
         margin-bottom:0 !important;
    }
    /* Footer */
     ul,ol {
         list-style-type:none;
         margin:0!important;
         padding-left:2px;
    }
     .footer {
         background:#F3F3F3;
         margin-top:30px;
    }
     .sticky_footer {
         background:0;
    }
     .ln_ht {
         padding-top:8px;
         padding-bottom:8px;
         font-size:12px;
         color:#fff;
         margin:0;
    }
     .ln_ht > a {
         color:#fff;
    }
     .size3 {
         background:#DDDBDC;
         font-size:13px;
         border-radius:10px;
         font-weight:700;
         padding:6px;
    }
     .pd-btm {
         padding-bottom:60px;
    }
     .gap_bottom {
         border:1px solid #ccc;
         margin-bottom:10px;
    }
     .gap_bottom input {
         width:auto;
    }
     .top {
         margin-top:23px;
    }
     .col-md-3 a {
         color:#333;
    }
     .navbar-inner,.background {
        background: #fff!important;
    }
     .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
         background: #fff!important;
    }
     .navbar .nav > li > .dropdown-menu:before,.navbar .nav > li > .dropdown-menu:after,.nav-tabs {
         border:none!important;
    }
     .fa-border,.radio,.checkbox {
         padding:0!important;
    }
     input, .btn, .btn-default {
         border-radius:0!important;  
    }
	.btn-default {
	    border-radius: 0 !important;
	    color: var(--text-color) !important;
	    background: var(--bg-color) !important;
	}
     .zero-btm,.table {
         margin-bottom:0!important;
    }
     .effect:hover .hover,.pad:hover .cart {
         display:block;
    }
     td {
         vertical-align:middle !important;
         font-size:12px;
    }
     th {
         background: var(--bg-color) !important;
         color: var(--text-color) !important;
         text-align:center!important;
         vertical-align:middle !important;
    }
     .hidden-1024 {
         text-align:center;
    }
     .hidden-1024 {
         width:13%;
    }
     .sticky_footer {
        background: -moz-linear-gradient(top, #b5bdc8 0%, #828c95 0%, #28343b 100%);
        /* FF3.6+ */
         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(0%,#828c95), color-stop(100%,#28343b));
        /* Chrome,Safari4+ */
         background: -webkit-linear-gradient(top, #b5bdc8 0%,#828c95 0%,#28343b 100%);
    }
     .powered_by {
        background: -moz-linear-gradient(top, #c8d7dc 0%, #e3eaed 12%, #f2f5f6 55%);
        /* FF3.6+ */
         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8d7dc), color-stop(12%,#e3eaed), color-stop(55%,#f2f5f6));
        /* Chrome,Safari4+ */
         background: -webkit-linear-gradient(top, #c8d7dc 0%,#e3eaed 12%,#f2f5f6 55%);
    }
     .btm_brdr {
        border-bottom:1px solid #ccc;
    }
     .last_bg {
        background: -moz-linear-gradient(top, #f2f5f6 30%, #e3eaed 95%, #c8d7dc 55%);
        /* FF3.6+ */
         background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#f2f5f6), color-stop(95%,#e3eaed), color-stop(55%,#c8d7dc));
        /* Chrome,Safari4+ */
         background: -webkit-linear-gradient(top, #f2f5f6 30%,#e3eaed 95%,#c8d7dc 55%);
    }
     .font_size {
         font-size:11px;
    }
     .tb_padding {
         padding-top:12px;
         padding-bottom:9px;
    }
     .b_padding {
         padding-bottom:9px;
    }
     .bg_col {
         background: none repeat scroll 0 0 #bbdfee;
         padding: 6px 15px;
         text-align: justify;
    }
     .zero_mrgn {
         margin:0px !important;
    }
     .padding_left {
         padding-left:12px;
         padding-right: 12px;
         text-align: justify;
    }
     .responsive {
         height:auto;
         width:100%;
    }
     .max {
         height:auto;
         max-width:80% !important;
    }
     .nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
        background: var(--bg-color) !important;
    }
     @media screen and (max-width: 1200px) {
         .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
             color:#fff !important;
        }
    }
    /* pgGroupIndex.html */
     .pro_img {
         padding:10px;
         height:100px;
         margin-top:3px;
    }
     .size1 {
        border:1px solid #CCC;
         margin-bottom:0;
         font-size:13px;
         text-align:center;
         padding:4px;
         background:#DCDCDC;
    }
     .blck_brdr {
         border:1px solid #ccc;
         height:164px;
    }
    /* order */
     .padng {
         padding:10px 15px 10px 15px;
    }
     .left_space {
         margin-left:15px;
         font-size:20px;
    }
     .btm {
         padding-bottom:45px;
    }
    /* eAccount.html */
     .size7 {
         font-size:25px;
         margin-left:12px;
    }
     .pixel {
         font-size:15px;
         color:#000;
    }
     .tp_brdr {
         border-bottom: 1px solid #ccc;
         border-top: 1px solid #ccc;
    }
     .tp_pd {
         padding: 16px 0;
    }
     .sz {
         color:#666 !important;
         font-size:11px !important;
         text-align:justify;
    }
    /* helppage */
     .resize {
         border-bottom:1px solid #ccc;
         font-size:17px;
         color:#006AA1 !important;
    }
     .mrgn-top1 {
         margin-top:48px;
    }
     .sm_mrgn {
         margin-bottom:3px !important;
    }
     .text-center {
         text-align: center !important; 
    }
    /* pgpordwizard */
     .w {
         width:100%;
    }
     .mrgn_top2 {
         margin-top:40px;
    }
     .bgr {
         background: var(--bg-color) !important;
         padding:6px 0 6px 20px;
        font-size: 1.5rem !important;
         width:100%!important;
    }
     .rgba {
         background: none repeat scroll 0 0 #87CEEB;
         height: 50px;
    }
     .rgba1 {
        background:#F181AF;
         height: 50px;
    }
     .rgba2 {
         background:#FEF576;
         height:50px;
    }
     .mrgn_pd {
         margin: 10px 0 0 12px;
    }
     .italic {
         font-style:italic;
    }
     .select_skyblue {
         border:5px solid var(--bg-color) !important;;
         border-radius:0px;
         height:39px;
    }
     .select_rose {
         border:5px solid #F59CBC;
         border-radius:0px;
         height:39px;
    }
     .select_yellow {
         border:5px solid #FEF46E;
         border-radius:0px;
         height:39px;
    }
    /* pgeAccount_UserProducts_1 */
     .hght {
         height:200px !important;
    }
     .size10 {
        border:1px solid #CCC;
         margin-bottom:0;
         font-size:13px;
         text-align:center;
         padding:4px;
         background: #4B82BA;
    }
    /* email */
     .padding_lrb {
         padding:0 18px;
    }
     .padding_bottom {
         padding-bottom:25px;
    }
    /* login */
     .botton {
         background: var(--bg-color) !important;
         color: var(--text-color) !important;
         border:none !important;
         text-shadow: none !important;
    }
     .botton:hover {
         background: var(--bg-color) !important;
    }
     .botton_order {
         background: #5cb85c !important;
         color: var(--text-color) !important;
         border:none !important;
         text-shadow: none !important;
    }
     .botton_order:hover {
         background: #3dd909 !important;
    }
     .checkbox input[type="checkbox"] {
         margin-left:0px !important;
    } 
     .btm_padding {
         padding:12px 0 12px 0px;
         background:#ebeaea;
         transition:all .3s ease-out;
    }
     .btm_padding:hover {
         background:#e3e2e2;
         cursor:pointer;
    }
     .btm_hover {
         color:#444;
    }
     .space {
         font-size: 22px;
         margin-right: 17px;
    }
     .padding_eight {
         padding:0px 18px 0px 18px;
    }
     .bg {
         padding:20px 60px;
         border:1px solid #ebeaea;
    }
     .float_l {
         float:left;
    }
     .checkbox.float_l > input {
         margin: 0 !important;
    }
     .forget a:hover {
         background: none repeat scroll 0 0 #DDDDDD;
    }
     .forget a {
         background: none repeat scroll 0 0 #EEEEEE;
         color: #555555;
         display: block;
         padding: 10px 0;
         text-align: center;
         text-decoration: none;
    }
     .height {
         height:30px !important;
         background:#F9F9F9 !important;
         border:1px solid #ccc;
         color: #333;
    }
     .control-group {
         margin-bottom:17px !important;
    }
     @media screen (min-width: 768px) and (max-width: 1200px) {
    }
    /* pgcallback */
     .left_text {
         text-align:end !important;
    }
     .set {
         padding:36px 20px 0 !important;
    }
     .icon_size {
         color: #FF0000;
         font-size: 13px;
    }
     .pd {
         padding:11px;
    }
     .big {
         background: none repeat scroll 0 0 #EBEAEA;
         color: #FFCC66;
         font-size: 30px;
         padding: 2px 30px 7px;
         transition: all 0.3s ease-out 0s;
    }
    /* pgdeliverypoints */
     .font_size1 {
         font-size:20px;
    }
    /* pgreport9 */
     .btm_zero {
         margin-bottom:0 !important;
         padding:7px 0px 6px 10px;
    }
    /* error */
     .big_font {
         font-size:50px;
         color:#ccc;
    }
     .info {
         font-size:16px;
         color:#afb5c5;
    }
     .md_font {
         margin:40px 0 25px; 
		 color: var(--bg-color) !important;
         font-size:30px;
    }
     .small_font {
         color: var(--bg-color) !important;
    }
     .primary_color {
         color: var(--bg-color) !important;;
    }
     .partHD {
         background: var(--bg-color) !important;
         padding: 4px 5px 4px 5px;
         margin: 0 0 10px;
    }
    /* power search */
     .blue_brdr {
         border:1px solid var(--bg-color) !important;;
    }
     .form-actions {
         background: none !important;
         border: none !important;
         display: flex;
        /* Enables flexbox */
         justify-content: center !important;
        /* Centers button horizontally */
         align-items: center !important;
        /* Centers button vertically */
    }
    /* save order */
     .hidden-480 {
         border-radius:0px !important;
    }
     .gray {
         background:#DBE0E4;
         padding:4px 0;
    }
    /* pgprodlist */
     .eighteen_pd {
         padding:0px 18px 18px 18px;
    }
     .styling {
         font-size: 15px;
    }
     .img_pd {
         margin:5px 5px 5px 0px;
         max-width:120px;
         max-height:120px;
         vertical-align:middle !important;
    }
     .img_bdr {
         margin-top:16px;
         outline:1px solid #ccc;
    }
     .img_thumb {
         padding:0px 0px;
    }
     .overflow {
         overflow:hidden;
    }
     .gray_brdr {
         border-top:1px solid #ccc;
    }
     .gr_brdr {
         border:1px solid #ccc;
    }
     .padding_all {
         padding:12px 10px;
         background:#F9F9F9;
    }
     .white_gray {
         background:#F9F9F9;
    }
     .ln {
         line-height:45px;
         text-align:center;
    }
     .padding_all_1 {
         padding:5px 10px;
    }
     .brdr_btm_right {
         border-bottom:1px solid #dcdcdc;
         border-right:1px solid #dcdcdc;
         box-shadow: 1px 2px 0px #FCFEF1;
    }
     .brdr_right {
         border-right:1px solid #dcdcdc;
    }
    /* promotion */
     .m1 {
         margin-top: 35px;
    }
     .m2 {
         margin-top: 32px;
    }
     .m3 {
         margin-top: 30px;
    }
     .m4 {
         margin-top: 22px;
    }
     .padding2 {
         padding:9px;
         border-right:1px solid #CCCCCC;
         border-top:1px solid #CCCCCC;
         border-left:1px solid #CCCCCC;
    }
     .brdr_btm {
         border-bottom:1px solid #ccc;
    }
     .l_mrgn {
         float:right;
    }
     .brdr_all {
         border:1px solid #ccc;
    }
     .mrgn_tp2 {
         margin-top:19px !important;
    }
     .font_13 {
         font-size:12px;
    }
     .black {
         color:#333;
    }
     .circle {
         background: none repeat scroll 0 0 #EBEAEA;
         border-radius: 50px;
         color: #6CB6DD;
         font-size: 22px;
         padding: 8px;
    }
     .pd_l {
         padding-left:46px !important;
    }
     .price {
         color: #88BD42;
         font-size: 16px;
         margin: 0 0 0 8px;
    }
     .nostock {
         color: #FF7200;
         font-size: 16px;
         margin: 0 0 0 8px;
    }
     .top_zero {
         margin-top:0 !important;
    }
     .dp_blue {
         background: none repeat scroll 0 0 var(--bg-color) !important;;
         padding: 5px 5px;
         line-height:20px;
         width: 100% !important;
    }
     .mrgn_tp_bt {
         margin:11px 0 11px 0;
    }
     .red {
        background:#e61e1e;
         padding:5px 0px;
         color:#fff;
    }
     .col_red {
         color: #e61e1e;
    }
     .max_hight {
         height:325px;
    }
     .small_icon {
         font-size: 6px;
         margin-right: 6px;
    }
     .gap {
         width:66px;
    }
     .margin_btm {
         margin:0 0 16px 0;
    }
     .margin_btm_2 {
         margin: 0 0 6px;
    }
     .width_17 {
         width:17%;
    }
    /* Options_on_buying_notebook */
     .width_30 {
         width:30px;
    }
     .gray_pd {
         background:#ebeaea;
         padding:4px 0 4px 20px;
    }
     .para_style {
         color:#000;
         font-size:15px;
         text-decoration: underline;
    }
    /* pgBasket */
     .width_3 {
         width:110px;
    }
     .p_btm {
         padding-bottom:8px;
    }
     .left_float {
         float:left;
         line-height:30px;
    }
     .mrgn_right{
         margin-right:12px;
    }
     .pading_btm {
         padding-bottom:15px;
    }
     .width_5 {
         width:150px;
    }
     .brdr_l_b_r {
         border-bottom: 1px solid #CCCCCC;
         border-left: 1px solid #CCCCCC;
         border-right: 1px solid #CCCCCC;
         line-height: 18px;
         margin: 0;
         padding: 9px;
    }
     .lin {
         line-height:21px;
    }
     .line_hght {
         line-height:16px;
    }
     .line_hght_small {
         line-height:14px;
    }
     .ash_brdr {
         border-bottom:1px solid #ccc;
         padding: 0px 0px 0px 0px
    }
     .background_gray {
         background:#f5f5f5;
    }
     .background_white {
         background:#ffffff;
    }
     .line_hght2 {
         line-height:59px;
    }
     .margin_top {
         margin-top:13px;
    }
     .full_width {
         width:603px;
         border:none !important;
    }
     .half_width {
         width:119px;
    }
     .size_rt_blue {
         border:1px solid var(--bg-color) !important;;
         background: var(--bg-color) !important;
         color: var(--text-color) !important;
         margin-bottom:0;
         line-height:20px;
    }
    /*.hg_60 {
         height:67px;
    }
    */
     .mrgn_tp {
         margin-top:10px !important;
    }
     .padding_tp {
         padding:7px 15px 0 0;
    }
     .padding_nav {
         padding:8px 8px 0 8px;
    }
     .col_wh {
         color:#fff;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    }
     .col_wh:hover {
         color:#fff;
         border-bottom-color:#fff;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    }
     .mrgn_top_12 {
         margin-top:12px;
    }
     .pressed input {
         width:auto;
    }
     .big_size {
         font-size:14px;
         color:#F00;
         margin-top:5px;
         font-weight:bold;
    }
     .rsp {
         font-size: 12px;
         font-weight: bold;
         margin: 2px 0 0;
    }
     .brand {
         padding: 0px;
         font-size: 12px;
         margin: 6px 0 0 15px;
    }
     .Product {
         padding: 7px;
         margin-bottom: 0;
    }
     .Processor {
         padding: 25px;
         margin-bottom: 0;
    }
     .Operating {
         padding: 24px;
         margin-bottom: 0;
         margin-top:0 !important;
    }
     .Family {
         padding: 33px;
         margin-bottom: 0;
         margin-top:0 !important;
    }
     .Standard {
         padding: 7px;
         margin-bottom: 0;
    }
     .stock {
         padding: 7px;
         margin-bottom: 0;
    }
     .header_email {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
         font-size: 12px;
    }
     .shadow {
         box-shadow:1px 0 1px rgba(0, 0, 0, 0.15);
    }
     .tp {
         margin-top:30px !important;
    }
     .btn_style {
         background: none repeat scroll 0 0 var(--bg-color) !important;
         border: 1px solid var(--bg-color) !important;
         color: var(--text-color) !important;
    }
     .box_height {
         height: 25px !important;
         width: 35px !important;
         text-align:center;
    }
     .input_height {
         height: 30px !important;
         padding:2px;
		 min-width: 40px;
		 
    }
     .input_select_height {
         height: 35px !important;
         padding:2px;
    }
     .zero_pad {
         padding: 0px;
    }
     .mrgn_left {
         margin-left:20px !important;
    }
     .mrgn_right {
         margin-right:20px !important;
    }
     .nav-tabs.nav-justified>li {
         border: 1px solid #ddd;
         border-radius: 0px 0px 0 0;
         background: #fff;
    }
     .nav-tabs.nav-justified>.active {
         border: 5px 5px 5px 5px solid #ddd;
         background:#F4F4F4;
    }
     .thumb {
         display: block;
         padding: 2px;
    }
     .vcenter {
        /*display: inline-block;
        */
         display:table-cell;
         vertical-align: middle;
         float: none;
    }
     .wizard-steps{
        list-style:none;
        display:table;
        width:100%;
        padding:0;
        margin:0;
        position:relative
    }
    .wizard-steps li{
        display:table-cell;
        text-align:center;
        width:1%
    }
    .wizard-steps li .step{
        border:5px solid #ced1d6;
        color:#546474;
        font-size:15px;
        border-radius:100%;
        background-color:#FFF;
        position:relative;
        z-index:2;
        display:inline-block;
        width:40px;
        height:40px;
        line-height:30px;
        text-align:center
    }
    .wizard-steps li:before{
        display:block;
        content:"";
        width:100%;
        height:1px;
        font-size:0;
        overflow:hidden;
        border-top:4px solid #CED1D6;
        position:relative;
        top:21px;
        z-index:1
    }
    .wizard-steps li:last-child:before{
        max-width:50%;
        width:50%
    }
    .wizard-steps li:first-child:before{
        max-width:51%;
        left:50%
    }
    .wizard-steps li.active:before,.wizard-steps li.complete:before,.wizard-steps li.active .step,.wizard-steps li.complete .step{
        border-color:#5293c4
    }
    .wizard-steps li.complete .step{
        cursor:default;
        color:#FFF;
        -webkit-transition:transform ease 0.1s;
        transition:transform ease 0.1s
    }
    .wizard-steps li.complete .step:before{
        display:block;
        position:absolute;
        top:0;
        left:0;
        bottom:0;
        right:0;
        line-height:30px;
        text-align:center;
        border-radius:100%;
        content:"\f00c";
        background-color:#FFF;
        z-index:3;
        font-family:FontAwesome;
        font-size:17px;
        color:#87ba21
    }
    .wizard-steps li.complete:hover .step{
        -moz-transform:scale(1.1);
        -webkit-transform:scale(1.1);
        -o-transform:scale(1.1);
        -ms-transform:scale(1.1);
        transform:scale(1.1);
        border-color:#80afd4
    }
    .wizard-steps li.complete:hover:before{
        border-color:#80afd4
    }
    .wizard-steps li .title{
        display:block;
        margin-top:4px;
        max-width:100%;
        color:#949ea7;
        font-size:14px;
        z-index:104;
        text-align:center;
        table-layout:fixed;
        word-wrap:break-word
    }
    .wizard-steps li.complete .title,.wizard-steps li.active .title{
        color:#2b3d53
    }
    .step-content{
        position:relative
    }
    .step-content .step-pane{
        display:none;
        min-height:200px;
        padding:4px 8px 12px
    }
    .step-content .active{
        display:block
    }
    .wizard-actions{
        text-align:right
    }
    @media only screen and (max-width:767px){
        .wizard-steps li .step{
            width:30px;
            height:30px;
            line-height:24px;
            border-width:3px
        }
        .wizard-steps li:before,.wizard-steps li:after{
            border-width:3px
        }
        .wizard-steps li.complete .step:before{
            line-height:24px;
            font-size:13px
        }
        .wizard-steps li:before{
            top:16px
        }
        .step-content .step-pane{
            padding:4px 4px 6px;
            min-height:150px
        }
        .navbar-default .navbar-nav .open .dropdown-menu>li>a {
             color: #ccc;
        }
    }
     label.error {
         color: #FF0000;
    }
     input.error {
         border: 1px solid #FF0000;
    }
     @page {
         min-width: 768px;
    }
     @media print {
         .container {
             width: 700;
        }
         a[href]:after {
             content: none !important;
        }
         .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
             border: 2px solid #000000;
        }
         .blue_brdr {
             border: 2px solid #000000;
        }
         .bgr {
             background: #ffffff;
             padding: 6px 0 6px 20px;
             font-size: 1.5rem !important;
        }
         .white {
             color: #000000!important;
        }
         body [class^="col-"] {
             float: left;
        }
         .col-sm-1, .col-md-1, .col-lg-1 {
             width: 8.33333333% !important;
        }
         .col-sm-2, .col-md-2, .col-lg-2 {
             width: 16.66666667% !important;
        }
         .col-sm-3, .col-md-3, .col-lg-3 {
             width: 25% !important;
        }
         .col-sm-4, .col-md-4, .col-lg-4 {
             width: 33.33333333% !important;
        }
         .col-sm-5, .col-md-5, .col-lg-5 {
             width: 41.66666667% !important;
        }
         .col-sm-6, .col-md-6, .col-lg-6 {
             width: 50% !important;
        }
         .col-sm-7, .col-md-7, .col-lg-7 {
             width: 58.33333333% !important;
        }
         .col-sm-8, .col-md-8, .col-lg-8 {
             width: 66.66666667% !important;
        }
         .col-sm-9, .col-md-9, .col-lg-9 {
             width: 75% !important;
        }
         .col-sm-10, .col-md-10, .col-lg-10 {
             width: 83.33333333% !important;
        }
         .col-sm-11, .col-md-11, .col-lg-11 {
             width: 91.66666667% !important;
        }
         .col-sm-12, .col-md-12, .col-lg-12 {
             width: 100% !important;
        }
         .col-sm-offset-0, .col-md-offset-0, .col-lg-offset-0 {
             margin-left: 0 !important;
        }
         .col-sm-offset-1, .col-md-offset-1, .col-lg-offset-1 {
             margin-left: 8.33333333% !important;
        }
         .col-sm-offset-2, .col-md-offset-2, .col-lg-offset-2 {
             margin-left: 16.66666667% !important;
        }
         .col-sm-offset-3, .col-md-offset-3, .col-lg-offset-3 {
             margin-left: 25% !important;
        }
         .col-sm-offset-4, .col-md-offset-4, .col-lg-offset-4 {
             margin-left: 33.33333333% !important;
        }
         .col-sm-offset-5, .col-md-offset-5, .col-lg-offset-5 {
             margin-left: 41.66666667% !important;
        }
         .col-sm-offset-6, .col-md-offset-6, .col-lg-offset-6 {
             margin-left: 50% !important;
        }
         .col-sm-offset-7, .col-md-offset-7, .col-lg-offset-7 {
             margin-left: 58.33333333% !important;
        }
         .col-sm-offset-8, .col-md-offset-8, .col-lg-offset-8 {
             margin-left: 66.66666667% !important;
        }
         .col-sm-offset-9, .col-md-offset-9, .col-lg-offset-9 {
             margin-left: 75% !important;
        }
         .col-sm-offset-10, .col-md-offset-10, .col-lg-offset-10 {
             margin-left: 83.33333333% !important;
        }
         .col-sm-offset-11, .col-md-offset-11, .col-lg-offset-11 {
             margin-left: 91.66666667% !important;
        }
         .col-sm-offset-12, .col-md-offset-12, .col-lg-offset-12 {
             margin-left: 100% !important;
        }
         .visible-xs, .visible-xs-block, .visible-sm, .visible-sm-block {
             display: block !important;
        }
         .visible-xs-inline, .visible-sm-inline {
             display: inline !important;
        }
         .visible-xs-inline-block, .visible-sm-inline-block {
             display: inline-block !important;
        }
         .hidden-xs, .hidden-sm {
             display: block !important;
        }
         .container .navbar-header, .container .navbar-collapse {
             margin-right: 0;
             margin-left: 0;
        }
        /* Always float the navbar header */
         .navbar-header {
             float: left;
        }
        /* Undo the collapsing navbar */
         .navbar-collapse {
             display: block !important;
             height: auto !important;
             padding-bottom: 0;
             overflow: visible !important;
        }
         .navbar-toggle {
             display: none;
        }
         .navbar-collapse {
             border-top: 0;
        }
         .navbar-brand {
             margin-left: -15px;
        }
        /* Always apply the floated nav */
         .navbar-nav {
             float: left;
             margin: 0;
        }
         .navbar-nav > li {
             float: left;
        }
         .navbar-nav > li > a {
             padding: 15px;
        }
        /* Redeclare since we override the float above */
         .navbar-nav.navbar-right {
             float: right;
        }
        /* Undo custom dropdowns */
         .navbar .navbar-nav .open .dropdown-menu {
             position: absolute;
             float: left;
             background-color: #fff;
             border: 1px solid #ccc;
             border: 1px solid rgba(0, 0, 0, .15);
             border-width: 0 1px 1px;
             border-radius: 0 0 4px 4px;
             -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
             box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        }
         .navbar-default .navbar-nav .open .dropdown-menu > li > a {
             color: #333;
        }
         .navbar .navbar-nav .open .dropdown-menu > li > a:hover, .navbar .navbar-nav .open .dropdown-menu > li > a:focus, .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
             color: #fff !important;
             background-color: #428bca !important;
        }
         .navbar .navbar-nav .open .dropdown-menu > .disabled > a, .navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
             color: #999 !important;
             background-color: transparent !important;
        }
    }
    /* adjustments for older 4.3 version */
    /* Extra small (xs) screens */
     .col-xs-offset-1 {
         margin-left: 8.3333%;
    }
     .col-xs-offset-2 {
         margin-left: 16.6667%;
    }
     .col-xs-offset-3 {
         margin-left: 25%;
    }
     .col-xs-offset-4 {
         margin-left: 33.3333%;
    }
     .col-xs-offset-5 {
         margin-left: 41.6667%;
    }
     .col-xs-offset-6 {
         margin-left: 50%;
    }
     .col-xs-offset-7 {
         margin-left: 58.3333%;
    }
     .col-xs-offset-8 {
         margin-left: 66.6667%;
    }
     .col-xs-offset-9 {
         margin-left: 75%;
    }
     .col-xs-offset-10 {
         margin-left: 83.3333%;
    }
     .col-xs-offset-11 {
         margin-left: 91.6667%;
    }
    /* Small (sm) screens */
     @media (min-width: 576px) {
         .col-sm-offset-1 {
             margin-left: 8.3333%;
        }
         .col-sm-offset-2 {
             margin-left: 16.6667%;
        }
         .col-sm-offset-3 {
             margin-left: 25%;
        }
         .col-sm-offset-4 {
             margin-left: 33.3333%;
        }
         .col-sm-offset-5 {
             margin-left: 41.6667%;
        }
         .col-sm-offset-6 {
             margin-left: 50%;
        }
         .col-sm-offset-7 {
             margin-left: 58.3333%;
        }
         .col-sm-offset-8 {
             margin-left: 66.6667%;
        }
         .col-sm-offset-9 {
             margin-left: 75%;
        }
         .col-sm-offset-10 {
             margin-left: 83.3333%;
        }
         .col-sm-offset-11 {
             margin-left: 91.6667%;
        }
    }
    /* Medium (md) screens */
     @media (min-width: 768px) {
         .col-md-offset-1 {
             margin-left: 8.3333%;
        }
         .col-md-offset-2 {
             margin-left: 16.6667%;
        }
         .col-md-offset-3 {
             margin-left: 25%;
        }
         .col-md-offset-4 {
             margin-left: 33.3333%;
        }
         .col-md-offset-5 {
             margin-left: 41.6667%;
        }
         .col-md-offset-6 {
             margin-left: 50%;
        }
         .col-md-offset-7 {
             margin-left: 58.3333%;
        }
         .col-md-offset-8 {
             margin-left: 66.6667%;
        }
         .col-md-offset-9 {
             margin-left: 75%;
        }
         .col-md-offset-10 {
             margin-left: 83.3333%;
        }
         .col-md-offset-11 {
             margin-left: 91.6667%;
        }
    }
    /* Large (lg) screens */
     @media (min-width: 992px) {
         .col-lg-offset-1 {
             margin-left: 8.3333%;
        }
         .col-lg-offset-2 {
             margin-left: 16.6667%;
        }
         .col-lg-offset-3 {
             margin-left: 25%;
        }
         .col-lg-offset-4 {
             margin-left: 33.3333%;
        }
         .col-lg-offset-5 {
             margin-left: 41.6667%;
        }
         .col-lg-offset-6 {
             margin-left: 50%;
        }
         .col-lg-offset-7 {
             margin-left: 58.3333%;
        }
         .col-lg-offset-8 {
             margin-left: 66.6667%;
        }
         .col-lg-offset-9 {
             margin-left: 75%;
        }
         .col-lg-offset-10 {
             margin-left: 83.3333%;
        }
         .col-lg-offset-11 {
             margin-left: 91.6667%;
        }
    }
    /* Extra large (xl) screens */
     @media (min-width: 1200px) {
         .col-xl-offset-1 {
             margin-left: 8.3333%;
        }
         .col-xl-offset-2 {
             margin-left: 16.6667%;
        }
         .col-xl-offset-3 {
             margin-left: 25%;
        }
         .col-xl-offset-4 {
             margin-left: 33.3333%;
        }
         .col-xl-offset-5 {
             margin-left: 41.6667%;
        }
         .col-xl-offset-6 {
             margin-left: 50%;
        }
         .col-xl-offset-7 {
             margin-left: 58.3333%;
        }
         .col-xl-offset-8 {
             margin-left: 66.6667%;
        }
         .col-xl-offset-9 {
             margin-left: 75%;
        }
         .col-xl-offset-10 {
             margin-left: 83.3333%;
        }
         .col-xl-offset-11 {
             margin-left: 91.6667%;
        }
    }
    /* Ensure the form is properly aligned within its container */
     .form-horizontal {
        /* display: flex;
        */
         flex-direction: column;
         align-items: center;
         width: 100%;
    }
    /* Fix label alignment */
     .control-label {
         display: flex;
         align-items: center;
         justify-content: flex-end;
        /* Aligns label text to the right */
         font-weight: bold;
         text-align: right;
    }
    /* Ensure form fields align properly */
     .form-group {
         display: flex;
         align-items: center;
         justify-content: center;
         width: 100%;
    }
    /* Ensure correct spacing for inputs */
     .form-group .col-sm-4, .form-group .col-sm-6 {
         display: flex;
         align-items: center;
    }
    /* Make sure inputs take the full width */
     .form-group .col-sm-6 input {
         width: 100%;
    }
    /* Adjust icon spacing */
     .icon_size {
         margin-right: 5px;
    }
    /* Responsive Fix */
     @media (max-width: 768px) {
         .control-label {
             justify-content: flex-start;
             text-align: left;
             padding-bottom: 5px;
        }
         .form-group {
             flex-direction: column;
             align-items: flex-start;
        }
         .form-group .col-sm-6 {
             display: block;
             width: 100%;
        }
    }
     #login-btn {
         margin-bottom: 10px;
    }
     .btm_padding {
         display: flex;
         justify-content: center;
        /* Centers inline elements like <a> */
         align-items: center;
         gap: 40px;
        /* Ensures spacing between links */
    }
     .box-content{
        width: 100% !important;
    }
    /* Center the pagination */
     .pagination {
         display: flex;
         justify-content: center;
         padding-left: 0;
         list-style: none;
    }
    /* Style each pagination item */
     .pagination .page-item {
         margin: 0 5px;
        /* Spacing between pagination items */
    }
    /* Style the pagination links */
     .pagination .page-link {
         color: #007bff;
        /* Link color */
         text-decoration: none;
        /* Remove underline */
         padding: 8px 16px;
        /* Padding around the link */
         border-radius: 4px;
        /* Rounded corners */
         border: 1px solid #ddd;
        /* Light border */
    }
    /* Change color on hover */
     .pagination .page-link:hover {
         background-color: #f1f1f1;
         border-color: #ccc;
    }
    /* Style for the active page */
     .pagination .active .page-link {
         background-color: #007bff;
        /* Active page color */
         color: white;
        /* Active page text color */
         border-color: #007bff;
        /* Match border with active color */
    }
    /* Disable "Prev" and "Next" links when on the first/last page */
     .pagination .disabled .page-link {
         color: #6c757d;
        /* Disabled color */
         pointer-events: none;
        /* Disable clicking */
    }