html, body {font-size: 12px;}
body {margin: 0px;background-color: #eaeaea;}
.content-wrapper { min-height: 100%;  z-index: 800;float: left;width: 100%;}
.main-header .navbar-custom-menu, .main-header .navbar-right {float: right;}
.main-header .navbar {margin-bottom: 0;float: right;}
body .main-header .navbar .navbar-custom-menu .navbar-nav > li.user-menu > a {border-left: 0;float: left;padding: 12px 12px;background: none;}
.main-header {-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);box-shadow: 0 1px 1px rgba(0,0,0,0.05);background:#ffffff;width: 100%;float: left;border-bottom: 1px solid #f1f1f1;}
.main-header a.logo .logo-lg img.cmpany_logo {margin: 7px auto;}
.main-header .logo {-webkit-transition: width 0.3s ease-in-out;-o-transition: width 0.3s ease-in-out;transition: width 0.3s ease-in-out;display: block;
	float: left;height: 50px;font-size: 20px;line-height: 50px;text-align: center;width: 200px;padding: 0 15px;font-weight: 300;overflow: hidden;}
.navbar-custom-menu > .navbar-nav > li {position: relative;}
.navbar-nav > .user-menu .user-image {float: left;width: 25px;height: 25px;border-radius: 50%;margin-right: 0px;margin-top: 0px;object-fit: cover;}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {position: absolute;right: 0;left: auto;}
.navbar-nav > .user-menu > .dropdown-menu, .navbar-nav > .user-menu > .dropdown-menu > .user-body {border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
.navbar-nav > .user-menu > .dropdown-menu {border-top-right-radius: 0;border-top-left-radius: 0;padding: 1px 0 0 0;	border-top-width: 0;width: 280px;}
.dropdown-menu {box-shadow: none;border-color: #eee;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {height: auto;padding: 10px;text-align: center;}
.main-header li.user-header {background-color: #222;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {z-index: 5;height: 90px;width: 90px;border: 3px solid;border-color: transparent;	border-color: rgba(255, 255, 255, 0.2);object-fit: cover;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {z-index: 5;color: #fff;color: rgba(255, 255, 255, 0.8);font-size: 17px;margin-top: 10px;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {display: block;font-size: 12px;margin:5px 0;}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer {padding: 10px;float: left;width: 100%;background: #fff;}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {color: #666666;}
.user-menu .profile_name {float: left;margin-right: 10px;color: #333;text-transform: capitalize;margin-top: 2px;}


.carousel-fade .carousel-inner .item {opacity: 0;transition-property: opacity;}
.carousel-fade .carousel-inner .active {opacity: 1;}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {left: 0;opacity: 0;z-index: 1;}
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-control {z-index: 2;}
.item:nth-child(1) {background: url("../assets/images/banners/banner1.jpg") no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.item:nth-child(2) {background: url("../assets/images/banners/banner2.jpg") no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.item:nth-child(3) {background: url("../assets/images/banners/banner3.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.item:nth-child(4) {background: url("../assets/images/banners/banner4.jpg") no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.item:nth-child(5) {background: url("../assets/images/banners/banner5.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.carousel {z-index: -99;}
.carousel .item {position: fixed;width: 100%;height: 100%;}
@media all and (transform-3d),(-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next,.carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0);       transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-inner > .item.prev,.carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0);        transform: translate3d(0, 0, 0);}
.carousel-fade .carousel-inner > .item.next.left,.carousel-fade .carousel-inner > .item.prev.right,.carousel-fade .carousel-inner > .item.active {opacity: 1;-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}


.login_signup_btns {position: absolute;top: 0;text-align: center;margin: 0 auto;left: 0;right: 0;height: 100%;background: rgba(0,0,0,0.5);}
.login_cust_btn {display: inline-block;margin: 0 10px;}
.signup_cust_btn {display: inline-block;margin: 0 10px;}
.right_side_btns {position: absolute;right: 10%;bottom: 0;top: 45%;}
.header_logo {position: absolute;z-index: 9;left: 30px;top: 30px;}
.signup_cust_btn .btn {background: #ffffff;color: #000;min-width: 100px;padding: 10px;text-transform: uppercase;}
.login_cust_btn .btn {background: #ffffff;color: #000;min-width: 100px;padding: 10px;text-transform: uppercase;}
.content {min-height: 250px;padding: 15px;margin-right: auto;margin-left: auto;padding-left: 15px;padding-right: 15px;}



/*Input Effects*/
.input {position: relative;z-index: 1;display: inline-block;margin: 0em;max-width: 450px;width: calc(100% - 0em);vertical-align: top;}
.input__field {position: relative; display: block;float: right;padding: 0.8em;width: 60%;border: none;border-radius: 0;background: #f0f0f0;-webkit-appearance: none; }
.input__field:focus {outline: none;}
.input__label {display: inline-block;float: right;padding: 0 1em;width: 40%;color: #6a7989;font-weight: bold;font-size: 70.25%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;
    -ms-user-select: none;user-select: none;}
.input__label-content {position: relative;display: block;padding: 1.6em 0;width: 100%;}
.graphic {position: absolute;top: 0px;left: 0;fill: none;}

/* Nao */
.input__label-content--nao {color: #999999;}
.input--nao {padding-top: 1em;}
.input__field--nao {padding: 0.75em 0em 0.50em;width: 100%;background: transparent;color: #333333;font-size: 1em;}
.input__label--nao {position: absolute;top: 0.95em;font-size: 0.85em;left: 0;display: block;width: 100%;text-align: left;padding: 0em;pointer-events: none;
    -webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transition: -webkit-transform 0.2s 0.15s, color 1s;transition: transform 0.2s 0.15s, color 1s;
    -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.graphic--nao {stroke: #92989e;pointer-events: none;-webkit-transition: -webkit-transform 0.7s, stroke 0.7s;transition: transform 0.7s, stroke 0.7s;
    -webkit-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);} 
.input__field--nao:focus + .input__label--nao,.input--filled .input__label--nao {color: #2378df;-webkit-transform: translate3d(0, -1.25em, 0) scale3d(0.75, 0.75, 1);transform: translate3d(0, -1.25em, 0) scale3d(0.75, 0.75, 1);}
.input__field--nao:focus ~ .graphic--nao,.input--filled .graphic--nao {stroke: #2378df;-webkit-transform: translate3d(-66.6%, 0, 0);transform: translate3d(-66.6%, 0, 0);}

.ck_field_row {overflow: hidden;margin: 0em 1em;padding-bottom:15px;}
.ck_field_row_custom {padding-top: 1em;padding-bottom: 1.5em;}
.ck_field_row .input .form-error {font-size: 11px;bottom: -15px;position: absolute;left: 0;margin:0px;}
.ck_select_user {font-size: 0.70em;text-align: left;pointer-events: none;position: relative;display: block;width: calc(100% - 2em);color: #999999;margin: 0.5em 1.5em;font-weight: bold;}
.login_signup_screen {max-width: 400px;position: absolute;left: 0;right: 0;margin: 0 auto;top: 25%;}
.signup_screen_block {top: 7%;}
.login_signup_blck {padding: 20px 0;background: rgba(255,255,255,0.85);text-align: center;border-radius: 3px;margin: 10px;border:1px solid #dddddd;}
.ck_form_blck form {margin-bottom: 0;}  
.ck_form_blck {margin-top: 20px;}
.ck_login_btn .btn {min-width: 75px;border-radius: 3px;background: #2378df;border: 1px solid #2378df;padding: 3px 3px;font-size: 12px;}
.ck_login_btn .btn:active, .ck_login_btn .btn:hover, .ck_login_btn .btn:focus {background: #115eba;border: 1px solid #115eba;} 
.ck_login_btn { margin-top: 0.5em;margin-bottom: 0.5em;}
.ck_creat_acct a {font-size: 11px;}
.ck_creat_acct .dont_hv_acct {font-size: 11px;}
.ck_forgot a {font-size: 11px;}
.ck_field_row .toggle-password {position: absolute;right: 0;bottom: 7px;}
.ck_remember {float: left;padding-left: 10px;font-size: 11px;}
.ck_remember input {margin-top:0px;float: left;}
.ck_remember span {float: left;margin: 0px 0 0 5px;}
.ck_forgot {float: right;padding-right: 10px;text-align: right;}

.ck_login_back {position: absolute;left: 23px;}
.ck_login_back a {font-size:20px;color: #2378df;}

.cs-select.cs-skin-elastic .cs-placeholder {margin: 0 1em;border-bottom: 1px solid #999;padding: 0; color: #333333; font-size: 1em;background: none;}
.cs-skin-elastic .cs-options {padding-bottom: 0px;}
.cs-skin-elastic .cs-options li span { padding: 0.8em;margin: 0em 1.1em;color: #666666;background:#ffffff;font-weight: bold;font-size: 0.9em;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.cs-skin-elastic .cs-options li:last-child span {border-bottom: 1px solid #ddd;}
.ck_field_row_custom .cs-skin-elastic .cs-options span:hover,.ck_field_row_custom .cs-skin-elastic .cs-options li.cs-focus span {background: #e1e1e1; color: #333333;}
.ck_field_row_custom .cs-skin-elastic .cs-options .cs-selected span {background: #e9e9e9;color:#333333;}
.cs-select.cs-skin-elastic .cs-options > ul::before {background:none;}

/*Alert - Notify*/
body .ui-pnotify {top: 3px !important;left: 0 !important;right: 0 !important;margin: 0 auto;}
body .ui-pnotify-title {font-size: 12px;}
body .ui-pnotify-container {padding: 0.3em 1em;}


/*Add Brands*/
.add_brands_block {text-align: center;margin-bottom: 20px;float: left;width: 100%;margin-top: 40px;height: 180px;background: #f7f7f7;border-radius: 3px;}
.add_brands_position {display: block;margin-top: -50px;padding: 5px;background: rgba(2, 81, 154, 0.75);color: #fff;height: 50px;}
.add_brands_block a {display: block;width: 100%;height: 100%;padding: 45px 65px 85px 65px;margin: 0 auto;}
.add_brand_icons img {width: 100%;height: 100%;object-fit: contain;}
.add_brand_icons {display:block;width:100%;height:100%;}
.add_brands_block a:hover {box-shadow: 0px 0px 15px 3px #c6e6f8;}
.add_brands_block.add_new_brand a .add_brand_icons .adding_new i {font-size: 28px;}
.add_brands_block.add_new_brand a {max-width: 100%;padding: 65px;color: #333333;text-decoration: none;}
.add_brand_cent {margin-top: 10px;display: block;}

/*Register Brands*/
.register_brand_content { max-width: 300px; margin: 0 auto; padding: 10px 0; background: #ffffff;border-radius: 5px;}
.register_brand_content .register_brand_btn {text-align: center;margin: 20px 0;}
.register_brand_block {font-size: 12px;}
.register_brand_title {text-align: center;margin-bottom: 20px;}
.register_brand_btn .btn:active, .register_brand_btn .btn:hover, .register_brand_btn .btn:focus {background: #115eba; border: 1px solid #115eba;}
.register_brand_btn .btn {min-width: 75px;border-radius: 3px;background: #2378df;border: 1px solid #2378df;padding: 3px 3px;font-size: 12px;}

/*Register brand - Input Effects*/
.register_brand_content .input__field {position: relative; display: block;float: right;padding: 0.8em;width: 60%;border: none;border-radius: 0;background: #f0f0f0;-webkit-appearance: none; }
.register_brand_content .input__field:focus {outline: none;}
.register_brand_content .input__label {display: inline-block;float: right;padding: 0 1em;width: 40%;color: #6a7989;font-weight: bold;font-size: 70.25%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;
    -ms-user-select: none;user-select: none;}
.register_brand_content .input__label-content {position: relative;display: block;padding: 1.6em 0;width: 100%;}
.register_brand_content .graphic {position: absolute;top: 0;left: 0;fill: none;}
.register_brand_content .input__label-content--nao {color: #999999;}
.register_brand_content .input__field--nao {padding: 0.75em 0em 0.50em;width: 100%;background: transparent;color: #333333;font-size: 1em;text-transform: uppercase;}
.register_brand_content .input__label--nao {position: absolute;top: 0.95em;font-size: 0.85em;left: 0;display: block;width: 100%;text-align: left;padding: 0em;pointer-events: none;
    -webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transition: -webkit-transform 0.2s 0.15s, color 1s;transition: transform 0.2s 0.15s, color 1s;
    -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.register_brand_content .graphic--nao {stroke: #999999;pointer-events: none;-webkit-transition: -webkit-transform 0.7s, stroke 0.7s;transition: transform 0.7s, stroke 0.7s;
    -webkit-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);} 
.register_brand_content .input__field--nao:focus + .input__label--nao,.register_brand_content .input--filled .input__label--nao {color: #2378df;-webkit-transform: translate3d(0, -1.25em, 0) scale3d(0.75, 0.75, 1);transform: translate3d(0, -1.25em, 0) scale3d(0.75, 0.75, 1);}
.register_brand_content .input__field--nao:focus ~ .graphic--nao,.register_brand_content .input--filled .graphic--nao {stroke: #2378df;-webkit-transform: translate3d(-66.6%, 0, 0);transform: translate3d(-66.6%, 0, 0);}
.required .input__label .input__label-content:after {color: #e32;content: ' *';display:inline;}



/*Ajax loader*/
.page-loader {position: fixed; background: rgba(0,0,0,0.5);bottom: 0;left: 0;right: 0;top: 0;z-index: 9998;}
.page-loader .loader {position: absolute;right: 0;top: 45%;text-align: center;bottom: 0;left: 0;}
.page-loader .loader span {vertical-align:middle; border-radius:100%;display:inline-block;width:15px;height:15px;margin:0px;-webkit-animation:loader1 0.8s linear infinite alternate;animation:loader1 0.8s linear infinite alternate;}
.page-loader .loader span:nth-child(1) {-webkit-animation-delay:-1s;animation-delay:-1s;background:#DCBD23;}
.page-loader .loader span:nth-child(2) {-webkit-animation-delay:-0.8s;animation-delay:-0.8s;background:#DCBD23;}
.page-loader .loader span:nth-child(3) {-webkit-animation-delay:-0.6s;animation-delay:-0.6s;background:#02519A;}
.page-loader .loader span:nth-child(4) {-webkit-animation-delay:-0.4s;animation-delay:-0.4s;background:#02519A;}

/*Loader*/
.ajax_processing {display:none;position: fixed;top: 40%;right: 2%;}
.lds-css {z-index: 9999;}

@keyframes lds-double-ring {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes lds-double-ring {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes lds-double-ring_reverse {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes lds-double-ring_reverse {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.lds-double-ring {
  position: relative;
}
.lds-double-ring div {
  position: absolute;
  width: 250px;
  height: 250px;
  top: 0px;
  left: 0px;
  border-radius: 50%;
  border: 10px solid #000;
  border-color: #dcbd23 transparent #dcbd23 transparent;
  -webkit-animation: lds-double-ring 1s linear infinite;
  animation: lds-double-ring 1s linear infinite;
}
.lds-double-ring div:nth-child(2) {
  width: 150px;
  height: 150px;
  top: 50px;
  left: 50px;
  border-color: transparent #02519a transparent #02519a;
  -webkit-animation: lds-double-ring_reverse 1s linear infinite;
  animation: lds-double-ring_reverse 1s linear infinite;
}
.lds-double-ring {
  width: 50px !important;
  height: 50px !important;
  -webkit-transform: translate(-25px, -25px) scale(0.25) translate(25px, 25px);
  transform: translate(-25px, -25px) scale(0.25) translate(25px, 25px);
}

/*Admin Menus*/
.content_admin_blck {padding:50px 0;}
.admin_menu_lists {text-align: center;margin-bottom: 15px;}
.admin_menu_lists a {display:block;}
.admin_menu_lists a {display: block;padding: 15px;border: 1px solid #ddd;border-radius: 5px;text-decoration: none;background: #f9f9f9;}
.admin_menu_lists a .admin_menu_icons {font-size: 28px;display: block;margin-bottom: 5px;}
.content_admin_blck .content_admin_rows .content_admin_heading {margin-top: 0;padding: 0 15px;font-size: 18px;}
.content_admin_rows {margin-bottom: 15px;border-bottom: 1px solid #dddd;}
.admin_menu_lists a .admin_menu_name_desc .admin_menu_name {color: #333;font-size: 13px;}

/*Header Dropdown*/
.user_acct_prof {padding: 10px;text-align: center;background: #487bc9;}
.user_acct_prof span {font-weight: bold;display: block;width: 100%;color:#ffffff;}
.user_acct_prof small {font-size:11px;color: #f1f1f1;}
.user.user-menu .usr_acct_drop_menu li a {padding: 10px 15px;color: #333;}
.user.user-menu .usr_acct_drop_menu li a i {color: #3477db;}
.user.user-menu .usr_acct_drop_menu {margin: 0px 7px;border: 1px solid #487bc9;padding: 0;box-shadow: 0 0px 10px 1px #dddddd;border-radius:4px;padding-bottom: 15px;}
.usr_acct_drop_menu.dropdown-menu::before {position: absolute;top: -7px;right: 10px;display: inline-block;border-right: 7px solid transparent;	border-bottom: 7px solid #dddddd;border-left: 7px solid transparent;border-bottom-color: rgba(0, 0, 0, 0.2);content: '';}
.usr_acct_drop_menu.dropdown-menu::after {position: absolute;top: -6px;right: 11px;display: inline-block;border-right: 6px solid transparent;border-bottom: 6px solid #487bc9;border-left: 6px solid transparent;content: '';}
.user.user-menu .usr_acct_drop_menu li a:hover,.user.user-menu .usr_acct_drop_menu li a:active,.user.user-menu .usr_acct_drop_menu li a:focus {background:#e1e3e9;color:#000000;}
.user.user-menu .usr_acct_drop_menu li a:hover i,.user.user-menu .usr_acct_drop_menu li a:active i,.user.user-menu .usr_acct_drop_menu li a:focus i{color:#064cb6;}


/*Pages*/
body .content-wrapper .content-header {border-bottom: 1px solid #ddd;padding: 10px;background: #fff;position: relative;}
.content-header > h1 {line-height: 1.1;font-size: 18px;margin:0 0 0 5px;}
.content-header > .breadcrumb {float: right;background: none;margin-top: 0;margin-bottom: 0;font-size: 12px;padding: 0px;position: absolute;
top: 10px;right: 15px;}
.content-header .breadcrumb .breadcrumb {padding: 0;margin-bottom: 0;background: none;margin-top: 0px;}
.content.content-blew {padding-top: 0;padding-bottom: 0px;}
#filter_form .details_blck {margin: 0px 0 5px;padding: 5px;background: #e5eef9;}
.filters_main_block {float: left;width: 75%;}
.filters_btn_block {float: right;width: 25%;text-align: right;}
.form-inline .form-control {height: 28px;padding: 3px 10px;font-size: 12px;}
#filter_form #search_code_name {width: 215px;}
.fa, .fab, .fal, .far, .fas {line-height: 1.42857143 !important;}
.table-responsive {border: 1px solid #ddd;}
#filter_form .table {margin-bottom: 0px;background: #fff;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {padding: 3px 5px;font-size: 12px;}
.table > thead > tr > th {border-bottom: 2px solid #f1f1f1;vertical-align: top;}
.pagination {margin: 10px 0 0 0px;}
.pagination > li > a {font-size: 12px;padding: 4px 10px;background: #fafafa;color: #666;}
.total_result_count {font-weight: bold;display: block;margin-top: 15px;}
.per_page_num {margin: 10px 0px 0px 0;}
.form-group.per_page_count {float: right;}
.details_blck.submit_block {text-align: right;}
.details_blck {background: #ffffff;padding: 10px;margin: 0 0 10px 0;border-bottom: 1px solid #ddd;}
.table thead th, .table tfoot td {background-color: #f0f8ff;font-weight: bold;}
.form-control {font-size: 12px;}


/*Button Correction*/
.btn.edit_btn {font-size: 20px;line-height: 25px;width: 25px;height: 25px;padding: 0;}
.btn.delete_btn {font-size: 20px;line-height: 25px;width: 25px;height: 25px;padding: 0;}
.btn.view_btn {font-size: 20px;line-height: 25px;width: 25px;height: 25px;padding: 0;background-color: #989696;border-color: #989696;}
.btn.view_btn:active,.btn.view_btn:hover,.btn.view_btn:focus{background-color: #878484;border-color: #878484;}
.btn.cancel_btn {font-size: 20px;line-height: 25px;width: 25px;height: 25px;padding: 0;background-color: #db9c24;border-color: #db9c24;}
.btn.cancel_btn:active,.btn.cancel_btn:hover,.btn.cancel_btn:focus{background-color: #c88d1d;border-color: #c88d1d;}
.btn.select_btn {font-size: 20px;line-height: 25px;width: 25px;height: 25px;padding: 0;}
.Address_selection.select_btn{margin:0 3px 0 0;}
.btn.print_btn {font-size: 20px;line-height: 25px;width: 25px;height: 25px;padding: 0;background: #709d66;color: #fff;border-color: #709d66;}
.btn.print_btn:hover, .btn.print_btn:active, .btn.print_btn:focus {background: #57814d;border-color:#57814d;color:#ffffff;}
.btn.location_btn {font-size: 18px; margin: 0 2px;line-height: 25px;width: 25px;height: 25px;padding: 0;background: #709d66;color: #fff;border-color: #709d66;}
.btn.location_btn:hover, .btn.location_btn:active, .btn.location_btn:focus {background: #57814d;border-color:#57814d;color:#ffffff;}
.btn.history_btn {font-size: 20px;line-height: 25px;width: 25px;height: 25px;padding: 0;background: #db870a;color: #fff;border-color: #db870a;}
.btn.history_btn:hover, .btn.history_btn:active, .btn.history_btn:focus {background: #c67907;border-color:#c67907;color:#ffffff;}
.btn.todo_btn {font-size: 20px;line-height: 25px;width: 25px;height: 25px;padding: 0;background: #07b7bd;color: #fff;border-color: #07b7bd;}
.btn.todo_btn:hover, .btn.todo_btn:active, .btn.todo_btn:focus {background: #0b9398;border-color:#0b9398;color:#ffffff;}
.btn.add_btn {background: #5BBF14;color: #fff;border-color: #5BBF14;padding: 3px 8px;margin-left: 2px;font-size: 11px;height: 28px;line-height: 20px;}
.btn.add_btn:hover, .btn.add_btn:active, .btn.add_btn:focus {color: #fff;background-color: #4CA70C;border-color: #4CA70C;}
.btn.add_btn i {font-size: 12px;}
.btn.more_btn {font-size: 18px;width: 24px;height: 28px;line-height:26px;padding: 0;background: #227144;color: #fff;border-color: #227144;}
.btn.more_btn:hover, .btn.more_btn:active, .btn.more_btn:focus {background: #1a5d37;border-color:#1a5d37;color:#ffffff;}
.btn.upload_btn {font-size: 18px;width: 24px;height: 28px;line-height:26px;padding: 0;background: #227144;color: #fff;border-color: #227144;}
.btn.upload_btn:hover, .btn.upload_btn:active, .btn.upload_btn:focus {background: #1a5d37;border-color:#1a5d37;color:#ffffff;}
.btn#btn_search {background: #eda714;color: #fff;border-color: #eda714;margin-left: 2px;position:relative;padding-left: 25px;}
.btn#btn_search:hover, .btn#btn_search:active, .btn#btn_search:focus {color: #fff;background-color: #e19d0f;border-color: #e19d0f;}
.btn#btn_search:before {content: "\f002";font-family: "Font Awesome 5 Free";font-style: normal;text-decoration: inherit;font-size: 12px;position: absolute;top: 5px;left: 7px;font-weight: 900;}
.btn#btn_reset {background: #4a90d2;color: #fff;border-color: #4a90d2;margin-left: 2px;position:relative;padding-left: 25px;}
.btn#btn_reset:hover, .btn#btn_reset:active, .btn#btn_reset:focus {background: #1c79cf;border-color:#1c79cf;}
.btn#btn_reset:before {content: "\f021";font-family: "Font Awesome 5 Free";font-style: normal;text-decoration: inherit;font-size: 12px;position: absolute;top: 5px;left: 7px;font-weight: 900;}
.btn.excel_btn.more_btn {margin-left: 2px;}
.btn.excel_btn.upload_btn {margin-left: 2px;}

/*Powered by*/
.powered_by {position: absolute;bottom: 10px;right: 10px;}
/* .powered_by_brand {background: rgba(255,255,255,0.85);padding: 10px;border-radius: 5px;} */
.powered_by .cmpy_logo {max-width: 100px;}
.powered_by span {display: block;text-align: center;font-size: 9px;}
.overlay_powered_by {height: 100%;width: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: -1;
background: rgba(0,0,0,1);
background: -moz-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 75%, rgba(255,255,255,0.33) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(75%, rgba(0,0,0,0.5)), color-stop(100%, rgba(255,255,255,0.33)));
background: -webkit-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 75%, rgba(255,255,255,0.33) 100%);
background: -o-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 75%, rgba(255,255,255,0.33) 100%);
background: -ms-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 75%, rgba(255,255,255,0.33) 100%);
background: linear-gradient(135deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 75%, rgba(255,255,255,0.33) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 );
}


@media(max-width: 767px){
	.main-header .navbar-custom-menu .navbar-nav {margin: 0;}
	.main-header a.logo .logo-lg img.cmpany_logo {margin: 15px auto;}
	.main-header .logo {width: 125px;}
}


/*Upload / Import Templates*/
.download_template {float: right;}
.upload_template {margin:15% auto 10px; text-align:center;}
.upload_template .upload .help-block {position: absolute;}
.upload_template div.upload {background-color:#fff; border: 1px solid #ddd;border-radius:5px;display:inline-block;padding:3px 15px 3px 3px;position:relative;width: auto;margin-right: 10px;}
.upload_template div.upload:hover {opacity:0.95;}
/* .upload_template div.upload input[type="file"] {display: inline-block;width: 100%;height: 30px;opacity: 0;cursor:pointer;position:absolute;left:0;} */
.upload_template div.upload input[type="file"] {height: 30px;cursor:pointer;}
.upload_template .uploadButton {background-color: #425F9C;border: none;border-radius: 3px;color: #FFF;cursor:pointer;display: inline-block;height: 30px;margin-right:10px; width: auto;padding:0 20px;box-sizing: content-box;}
.upload_template .upload + .uploadButton {height:38px;}
.upload_template > .uploadButton:hover {background-color: #234387;}

.upload_template_table_view .table {overflow-x: auto;display: block;overflow-y: auto;height: calc(100vh - 210px);}
.upload_template_btns {text-align: right;margin-top: 10px;}

.upload_template_table_view table thead th, .upload_template_table_view table tbody td {min-width: 100px;}
.upload_template_table_view .row_error {font-size: 10px;color: #f00;display: block;}