/* CSS Document */
*{ margin:0; padding:0;}



.cleaner {clear:both; width:100%; height:0px;}
.h40{clear:both; width:100%; height:40px;}
.h30{clear:both; width:100%; height:30px;}
.h20{clear:both; width:100%; height:20px;}
.h10{clear:both; width:100%; height:10px;}


img{ border:none;}
a{ text-decoration:none;}
h3 { font-size: 30px; }
h4 { font-size: 25px; }

/********************************************************************Font*/

.font24{ font-size:24px;}
.font32{ font-size:32px;}
.font36{ font-size:36px;}
.font48{ font-size:48px;}
.font54{ font-size:54px;}

.white{ color:#FFF;}
.pink{ color:#f0a3e5;}
.hot_pink{ color:#ef4bd8;}

.space20{ padding-left:20px;}
.space30{ padding-left:30px;}
.space40{ padding-left:40px;}
.space50{ padding-left:50px;}

.font-bold{ font-weight:bold;}
.font-italy{ font-style:italic;}
.font-underline{ text-decoration:underline ;  }
.text-center { text-align: center !important; }




/********************************************************************Wrapper*/
body {
	margin:0;
	padding:0;
	font-family: ''Open Sans',Helvetica,Arial,Lucida,sans-serif';
	font-size:15px;
	color:#333;
	line-height:20px;
}



strong{ font-weight: bold; }
a{ text-decoration: none; color: #303030 }
a:focus, a:hover{color: #036ca5; text-decoration: none;}
/********************************************************************Header*/
.navbar { min-height: 30px; }
.navbar-inverse{background: #6699ff; border-bottom: 1px #f2f2f2 solid; color: #fff; font-size: 13px;}
.navbar-inverse .navbar-collapse{ background: #6699ff ; width: 100%;text-align: center; padding-top: 5px;}
.navbar-inverse .navbar-nav>li>a{ color: #fff; padding: 0px 15px;}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{ opacity: 0.6 }
.navbar-inverse .navbar-nav>li>a.active{ opacity: 0.6 }
/*.container>.navbar-header{ display: none; } */
.navbar-nav{ float: none;display: inline-block;  float: right; }
.navbar-inverse .navbar-brand{color: #032845; font-size: 23px; font-weight: bold;}
.navbar-inverse .navbar-brand:hover{ color: #279BC4;opacity: 0.8}
.navbar-header a { color: #fff;padding: 5px 10px;display: inline-block; }
.navbar-header a:hover { opacity: 0.6 }
.flag-lang { border-right: 1px solid }
.flag-lang img { width: 18px ;margin-top: -3px; }

.logo-website{ text-align: center; position: relative;    margin-bottom: 15px;}
.widget-content { position: absolute; bottom: 5px;}
.widget-content a{font-size: 15px; margin-right: 10px; color: #727272}
.widget-content a:hover{ opacity: 0.6; }

.rst-search-form {
    display: inline-block;
    position: relative;
    margin-left: 5px;
    line-height: 22px;
}
.rst-search-form input {
    border: none;
    height: 26px;
    line-height: 26px;
    background: none;
    font-size: 18px;
    padding: 0px;
    width: 180px;
    position: relative;
    top: 1px;
}
.rst-search-form button {
    border: medium none;
    font-size: 15px;
    width: 20px;
    padding: 0;
    background: none;
    height: 22px;
    color: #626262;
}
.text-center{text-align: center !important;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}

/* content search page */
html {height: 100%; box-sizing: border-box;}
.col-center { float: none; margin: auto; }
body{}
.full-height{position: relative;min-height: 100%; padding-bottom: 350px;}
.full-height .container.content{ /*height: 90.8%; */padding: 6% 0;}
.full-height .container.content .custom-search { float: none; text-align: center; margin: auto; padding-bottom: 5%; }
.full-height .container.content .custom-search a { color:#036ca5;  }
.full-height .container.content .custom-search a:hover { text-decoration: underline; }
.input-group .input-lg {  height: 40px; font-size: 21px; }
.full-height h1,body.full-height .h1 {    font-size: 72px; font-weight: 700; color: #279BC4; line-height: 0.9em}
.image-div{ text-align: center; }
.image-div .image-label { font-size: 25px; font-weight: 700; }
.image-menu {
    width: 219px;
    height: 219px;
    margin: auto;
}
#image-menu-code { background: url(../img/code.png) center no-repeat;  background-size: 80%;}
#image-menu-report { background: url(../img/report.png) center no-repeat;  background-size: 80%;}
#image-menu-form { background: url(../img/form.png) center no-repeat;  background-size: 80%;}
#image-menu-structure { background: url(../img/structure.png) center no-repeat;  background-size: 65%;}
.btm-navbar { padding-top: 45px; }
.border-btm { border-bottom: 1px solid #303030; margin-bottom: 20px; }
.head-form { font-weight: 700; display: inline-block;}
.btn-hover-orange:hover,.btn-hover-orange:focus  {  border-color:#f17022; color: #f17022; background: #fff; }
.btn-hover-blue:hover,.btn-hover-blue:focus  {  border-color:#279BC4; color: #279BC4; background: #fff; }
input[type="date"].form-control { padding: 0 12px; }
.select-dropdown .btn.dropdown-toggle {font-size: 18px;padding: 0px 10px; background: #fff;border-color: #303030; }
.select-dropdown .btn.dropdown-toggle.dropdown-year {  width: 65px; }
.select-dropdown .dropdown-menu.dropdown-menu-year { min-width: 65px; }
.dropdown-menu { min-width: 65px; }
.dropdown-menu li a{ font-size: 13px;    padding: 3px 14px; border-right: none;  }
.dropdown-menu li a:hover, .dropdown-menu li a.active { background: #6699ff; color: #fff }
.nav > li > a { display: inline-block; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background:#036ca5;  }
.block-chart  h2{ margin: 0; font-size: 22px; font-weight: bold; }
.block-chart .total { text-align: right; }
.block-chart .focus-number { font-size: 40px; color: #279BC4  }
.block-chart .focus-number.green, .text-green {color: #99ca3d !important;}
.block-chart .focus-number.red, .text-red {color: #ed2327 !important;}
.block-chart .focus-number.orange, .text-orange {color: #f17022 !important;}
.text-sky {color: #279BC4;}
.block-chart .chart {min-width: 100%;  margin: 20px auto 0}
.panel-default > .panel-heading.accordion-heading { background-color: #fff; color: #303030 }
.panel-title > a { width: 100%;display: block;font-size: 20px; font-weight: bold; }
.accordion-toggle .caret{transform: rotate(180deg); margin: 10px 0; }
.accordion-toggle.collapsed .caret {transform: rotate(0deg); }
.ul-list { list-style: none; }
.ul-list li { border-bottom: 1px solid #fff ; padding: 5px 0;  }
.accordion-toggle .box-text-left { float: left; width: 80%; }
.accordion-toggle .box-text-right { float: right; }
.ul-list .box-text-left { float: left; width: 75%;text-align: justify; }
.ul-list .value-right { float: right; }
.panel-default > .panel-heading + .panel-collapse > .panel-body { background: #303030; color: #fff;font-size: 17px;line-height: 23px; }
.pagination { margin: 0; }
.modal-header .close {    
    margin-top: 0px;
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 35px;
    color: #ed2327;
}
.modal-title { font-size: 23px; font-weight: bold;line-height: 24px; }
.modal-footer {background-color: #333840}
.panel-body.panel-tb { padding: 0; position: relative; }
.panel-footer { background: transparent; }
.table-fix-head thead tr th  { background: #75b8e2; color: #fff; }
.table-fix-head.fixed { position: absolute; top: 0; left: 0; }
.tb-body-scroll { min-height: 400px; overflow: auto; height: 400px; }
.block-search .input-group { float: left; }
.block-search .middle-input { padding: 10px 10px 0; }
.modal-body .table > tbody > tr > td { border-top: none }
.tab-content {border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd; }
.nav-tabs > li a{background-color: #fff;border: 1px solid #ddd;border-radius: 4px 4px 0 0;}
.tab-content .panel-group { margin: 0 auto 20px; }
.tab-pane.accordion { padding: 10px }

.navbar-inverse .navbar-toggle { border-color: #46b8da;    background-color: #5bc0de; }
.tab-content.bg-white { background: #fff; }
.dataTables_wrapper .row { margin: 0 }
.dataTables_wrapper { padding: 10px 0; }
.dataTables_wrapper  .dataTables_filter {padding: 0; text-align: right;}
.table.dataTable > thead > tr > th { position: relative; }
.dataTable  > tbody > tr:nth-of-type(odd) {background-color: #f9f9f9;}
.form-inline .form-control { font-size: 18px }
.paging_simple_numbers { text-align: right; }
.pagination > li > a, .pagination > li > span { padding: 0 10px }
.sorting:after {     
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: '\f0dc';
    font-size: 15px;
    position: absolute;
    right: 0;
    top: 14px;
    color: #ddd;
}
.sorting_asc:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: '\f0de';
    font-size: 15px;
    position: absolute;
    right: 0;
    top: 14px;
}
.sorting_desc:after{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: '\f0dd';
    font-size: 15px;
    position: absolute;
    right: 0;
    top: 14px;
}
.nav-tabs > li { padding-top: 5px; }
.nav > li.btn-group-right { position: absolute; right: 0 }
.nav-tabs { position: relative; }
.nav-tabs > li .dropdown-menu  li  a { border:none; border-radius: 0; }
article ul { padding: 10px 15px; }
.block-team figure { width: 50%; margin: auto; }
.block-team figure img { width: 100%; }
.block-team p {text-align: center; font-size: 22px; font-weight: 700;}
.block-team p .text-mute { color: #b3b3b3;font-weight: normal; font-size: 20px; }
.head-news { font-size: 30px; }
.head-news .date{ font-size: 18px; color: #6c6c6d; }

/* footer */
footer{border-top: 1px solid #eee; background: #fff; position: absolute;right: 0;bottom: 0;left: 0;}
footer .col-footer { padding: 0; }
footer #light-footer {
    background-color: #FFFFFF;
    padding: 10px;
}
footer #logo-div {
    float: left;
}
footer #logo-div a { padding-right: 10px; }
footer #footer-menu {
    float: right;
    text-align: right; 
}
footer#dark-footer {
    background-color: #222222;
    text-align: left;
    line-height: 1em;
    padding: 10px 5px;
    color: #FFFFFF;
    vertical-align: middle;
}

#user-profile {
    position: absolute;
    top: 0px;
    right: 20px;
    font-size: 20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 5px 15px 7px 15px;
    background: #FFFFFF;
    z-index: 2;
    box-shadow: 0 0 2px 1px rgba(190,190,190,1);
}

#user-profile a {color: #F1453D;font-weight: bold; font-size: 25px;}
#user-profile a:hover, #user-profile a:focus { text-decoration: underline; }
.navbar-inverse.nav-index  { background: transparent; border-bottom: none;}
.navbar-inverse.nav-index .navbar-collapse { background: transparent; }
.navbar-inverse.nav-index .navbar-nav>li { padding-left:  5px; }
.navbar-inverse.nav-index .navbar-nav>li>a {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 5px 15px 7px 15px;
    background: #FFFFFF;
    box-shadow: 0 0 2px 1px rgba(190,190,190,1);
    color: #F1453D !important;
    font-weight: bold;
}
a { color: #666666 }
a:hover, a.active, a:focus, a:active, a:visited { color: #7a5397 }
#page-shopping { margin:auto;}
#page-shopping .et_pb_row { width:100%; max-width: 100%;}
#page-shopping .block-pull-left { float: left;}
#page-shopping .block-pull-right { float: right;}
#page-shop { margin:auto;}
#page-shop .et_pb_row { width:100%; max-width: 100%; padding: 0 30px;}
#page-shop h3 {  font-weight:700; font-size: 18px; margin: 0 0 10px;}
#page-shop .box-border-top { border-top:1px solid #ddd; padding-top:10px;}
#page-shop .menu-categorie { list-style:none; border-top:1px solid #ddd; }
#page-shop .menu-categorie li { cursor: pointer; position:relative; }
#page-shop .menu-categorie li a {padding:0 0 0 20px; color: #333; position: relative; line-height: 22px }

#page-shop .menu-categorie li a:before{ content:'>'; position:absolute; left:5px;}
#page-shop .menu-categorie .dropdown .dropdown-menu {position: static;float: none;border: none;box-shadow: none;padding: 0;font-size: 15px; padding-left: 20px;}
#page-shop .menu-categorie .dropdown-submenu .dropdown-menu{ padding-left: 20px; }
#page-shop .entry-content ul { padding:0;}
#page-shop .box-serach-product { width: 60%; position:relative; margin-bottom: 20px;}
#page-shop .box-serach-product   input[type=text]{ width:100%; padding:10px;  box-shadow: 0 0 13px rgba(43, 43, 43, 0.5);border:none; }
#page-shop .box-serach-product input[type=text]:focus{border:none;}
#page-shop .box-serach-product  button.btn_search {position: absolute;right: 0;top: 0;bottom: 0; background: #69f; border: none; color: #fff;padding: 0 10px;font-size: 23px;line-height: 23px;}
#page-shop .block-pull-left { float: left; padding-top: 10px;}
#page-shop .block-pull-right { float: right; padding-top: 10px;}
#page-shop .block-product { list-style:none; padding:0; margin-bottom: 20px;}
#page-shop .block-product li { width:12%;  display:inline-block; padding:10px; vertical-align: top }
#page-shop .block-product li section { border:1px solid #ddd; border-radius:5px; width:100%;padding: 5px;font-size: 12px;text-align: center; position: relative}
#page-shop .block-product li section .img-product { height:125px; overflow:hidden; width:100%;}
#page-shop .block-product li section .img-product img{ width:100%;}
#page-shop .block-product li section .product-title {font-size: 11px; height: 70px;line-height: 17px;font-weight: 900;overflow:hidden;}
#page-shop .block-product li section .product-price {font-weight: 900;color: #8fbf74;padding: 0 0 25px;font-size: 15px;}
#page-shop .block-product li section .product-from {padding: 10px 0;border-top: 1px solid #ddd; height: 55px;}
#page-shop select:focus { border-color: #69f;}
#page-shop .product-head {padding: 25px 20px; background: #f7f7f7 /*background: url(../img/Logo_monetoring.png) 95% 32% no-repeat #f7f7f7; background-size: 240px;*/}
#page-shop  .block-product .link-infor {background: #c0cdd9;width: 35px;height: 35px;position: absolute;top: 0;right: 0;}
#page-shop  .block-product .link-infor i {position: absolute;top: 5px;background: #fff;border-radius: 46%;left: 5px; color:#c0cdd9;}
#page-shop  .block-product .link-infor i:before {font-size: 27px;margin: -2px;display: block;}
.slider-handle {background:#99d9ea;  }
.slider-selection {background:#99d9ea;    box-shadow: none; }
.slider.slider-horizontal .slider-track { height: 8px; }
#page-shop .menu-categorie li a:hover, #page-shop .menu-categorie li a:focus, #page-shop .menu-categorie li a:active , #page-shop .menu-categorie li a:visited { color: #666; }
#page-shop .menu-categorie .dropdown .dropdown-menu li a:hover{ color: #fff; }
#page-shop .menu-categorie .dropdown .dropdown-menu li:hover  { color: #fff; }

/* #page-shop .menu-categorie li:hover{ opacity: .7;}
#page-shop .menu-categorie li.active a { background-color: #69f; color: #fff; } */
/* The container */
.check-box {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 15px;
    font-weight: normal;
}

/* Hide the browser's default checkbox */
.check-box input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 3px solid #7f7f7f;
}

/* On mouse-over, add a grey background color */
.check-box:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.check-box input:checked ~ .checkmark {
    background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check-box input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.check-box .checkmark:after {
    left: 5px;
    top: -5px;
    width: 7px;
    height: 19px;
    border: solid #333;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.bootstrap-select .btn { font-size: 10px; line-height: 12px;  border-radius: 0;}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {font-size: 14px;line-height: 14px; }
.bootstrap-select.btn-group .dropdown-menu li.selected a{ background: #69f !important; color: #fff !important; }
.bootstrap-select.btn-group .dropdown-toggle .caret { color: #ccc }
.block-pull-right a { padding: 0 10px; }
#page-shop .box-serach-product.btm { margin-bottom: 0; }
footer h2 { margin-top: 0; margin-bottom: 0; font-weight: normal;font-size: 25px;   }
footer .textwidget { margin-bottom: 20px; }
footer label { display: block; }
footer input[type=email] {
    height: auto;
    padding: 8px 16px;
    line-height: 1.428571429;
    color: #555!important;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    text-shadow: none;
    min-height: 32px;
    width: 100%;
    max-width: 275px;
}
footer button, footer input[type=submit], footer input[type=button] {
    display: inline-block;
    padding: 8px 16px;
    font-weight: 400;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    text-shadow: none;
    filter: none;
    height: auto;
    width: auto;
}
footer button, footer input[type=submit] {
    color: #000!important;
    background-color: #fff!important;
    border-color: #d9d9d9;
}
.block-social { display: block; list-style: none;    margin: 15px; }
.block-social li { display: inline-block; }
.block-social li  a.fa{ font-size: 35px }
.block-social li  a.fa::before {
    display: block;
    width: 32px;
    height: 32px;
    color: #fff;
    font-size: 16px;
    line-height: 32px;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
}
.block-social li  a img:hover{ opacity: 0.6 }
.block-social.logo li img{ width: 100px; } 
#page-shop .block-product.list-product {  }
#page-shop .block-product.list-product li { width:100%; }
#page-shop .block-product.list-product li section { text-align: left; }
#page-shop .block-product.list-product li section .img-product { max-width: 170px; width: 200px; min-height: 125px; display: inline-block; }
#page-shop .block-product.list-product li section .text-product {width: 84%;display: inline-block;vertical-align: top;    padding-left: 10px;}
#page-shop .block-product.list-product li section .text-product .product-title { height: auto;color: #6699ff;margin: 0;font-weight: 700;line-height: 19px;font-size: 14px;}
#page-shop .block-product.list-product li section .text-product .product-price { color: #333; font-size: inherit;padding: 0;margin: 0;font-weight: normal;}
#page-shop .block-product.list-product li section .text-product p { margin-bottom: 0; }
#page-shop .block-product.list-product .link-infor{ display: none; }
.icon-star { display: inline-block; }
.icon-star.orange {
    background: url(../img/icon-star_orange.png)top center no-repeat;
    background-size: 100%;
    width: 10px;
    height: 10px;
    margin: 0 -1px;
}
.icon-star.orange.gray {
    background: url(../img/icon-star_gray.png)top center no-repeat;
    background-size: 100%;
}
.icon-star.orange.half {
    background: url(../img/icon-star_orange_half.png)top center no-repeat;
    background-size: 100%;
}
.icon-mapmarker {
    display: inline-block; 
    background: url(../img/map-marker.png)top center no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin: 0 -1px;
}
.block-rate {padding-top: 50px;position: relative;font-size: 12px;}
.block-rate .block-input-rate {position: absolute;top: 0;width: 80px;}
.block-rate .block-input-rate .form-control{padding-left: 35px;padding-right: 0;font-size: 12px;color: #333;opacity: 0.7;}
.block-rate .block-input-rate .label-rate {position: absolute;top: 8px;left: 5px;}
.block-rate .slider.slider-horizontal { width: 100%; }
.block-rate .block-input-rate.min { left: 0; }
.block-rate .block-input-rate.max { right: 0; }
#page-shop .menu-categorie  li a:focus, #page-shop .menu-categorie  li a:active, #page-shop .menu-categorie  li a:visited,  #page-shop .menu-categorie  li.dropdown-submenu a:focus, #page-shop .menu-categorie  li.dropdown-submenu a:active, #page-shop .menu-categorie  li.dropdown-submenu a:visited { background: none; color: #666;  }
#page-shop .menu-categorie  li a:hover, #page-shop .menu-categorie  li a.active{ color: #fff; background: #6699ff; display: block; }
#page-shop .menu-categorie  li.dropdown-submenu a:hover, #page-shop .menu-categorie  li.dropdown-submenu a.active { color: #fff; background: #6699ff }