@charset "utf-8";
/*
  ************************************************************************
  *  STYLE
  ************************************************************************  
*/
/* html, body { height:100%; } */
body { color:#2e4453; font-size:14px; font-family: 'Open Sans', sans-serif; background-color:#f3f6f8; }

.login-area { max-width:440px; margin:0px auto; margin-top:80px; }
.login-area h1 { margin-top:0px; margin-bottom:30px; text-align:center; color:#fb3f0c; font-size:18px; font-weight:400; }
.login-area h1 > span { display:block; margin-top:6px; color:#8591a3; font-size:14px; font-weight:400; }
.login-area > a { color:#8a8d8e; font-size:14px; }
.login-area > a:hover { color:#222831; }
.login-form { margin-top:20px; margin-bottom:30px; padding:30px 40px 40px 40px;  border:1px solid #d6dde2; background-color:#ffffff; }
.login-form .alert { margin-bottom:26px; padding:14px; }
.login-form .form-group { margin-bottom:26px; }
.login-form .form-group label { display:block; margin-bottom:3px; color:#222831; font-weight:400; }
.login-form .form-control { height:auto; padding:12px; border:1px solid #d6dde2; }
.login-form .btn { width:100%; display:block; padding:14px; color:#ffffff; font-size:16px; background-color:#fb3f0c; }
.login-area .panel-version { color:#8591a3; font-size:13px; }
.login-area .panel-version a { color:#8591a3; }
.login-area .panel-version a:hover { color:#fb3f0c; }

.header { clear:both; padding-bottom:20px; color:#222831; font-size:14px; position:relative; z-index:1; }
.header ul { float:right; margin:0px; margin-top:10px; text-align:center; }
.header ul > li {  }
.header ul > li > a { display:block; color:#fb3f0c; cursor:pointer; }
.header ul > li.users > a img { margin-left:10px; margin-right:10px; }
.header ul > li.users > a span { padding-left:10px; font-size:12px; }
.header ul > li.users > a strong { font-weight:400; }
.header ul > li.users > a { color:#222831; }
.header ul > li > ul { width:178px; margin-top:10px; text-align:left; position:absolute; right:0px; border:1px solid #dee7ed; background-color:#ffffff; }
.header ul > li > ul > li { border-bottom:1px solid #dee7ed; }
.header ul > li > ul > li:last-child { border-bottom:none; }
.header ul > li > ul > li:nth-child(2n) { background-color:#f9fafb; }
.header ul > li > ul > li > a { display:block; padding:10px 20px; color:#222831; font-size:13px; }
.header ul > li > ul > li > a:hover { color:#fb3f0c; }
.breadcrumb { float:left; margin-top:20px; margin-bottom:0px; padding:0px; border-radius:0px; background-color:transparent; }
.breadcrumb > li > a { color:#222831; }
.breadcrumb > li.active > a { color:#fb3f0c; }
.breadcrumb > li + li::before { padding:0px 8px; color:#87a6bc; content:"•"; }
.search-form-area { max-width:250px; overflow:hidden; float:right; margin-top:10px; margin-right:20px; border:1px solid #e1e9ee; border-radius:20px; background-color:#ffffff; }
.search-form-area form { width:100%; }
.search-form-area .btn { width:20%; padding:6px 16px; background-color:transparent; }
.search-form-area .search { width:80%; padding:6px 16px; }

.navigation { width:300px; position:absolute; left:20px; top:20px; background-color:#e9eff3; }
.navigation h1 { margin:0px; color:#fb3f0c; font-size:22px; font-weight:300; background-color:#222831; }
.navigation h1 a { display:block; padding:30px; color:#fb3f0c; }
.navigation h1 span { display:block; margin-top:6px; color:#8591a3; font-size:15px; font-weight:400; }
.navigation h2 { margin:0px; background-color:#87a6bc; background-repeat:no-repeat; background-position:240px 15px; }
.navigation h2.settings { background-image:url(../images/settings.png); }
.navigation h2.helps { background-image:url(../images/helps.png); }
.navigation h2 > a { display:block; overflow:hidden; padding:20px 30px; color:#ffffff; font-size:14px; font-weight:600; }
.navigation ul { margin:0px; padding:15px 25px; border:1px solid #d9e3ea; }
.navigation ul > li { overflow:hidden; padding:10px 5px; color:#6a8ba2; font-size:13px; border-bottom:1px solid #d9e3ea; }
.navigation ul > li:last-child { border-bottom:none; }
.navigation ul > li > a { display:block; padding:5px 0px; color:#2e4453; font-size:14px; font-weight:600; }
.navigation ul > li.active > a, .navigation ul > li > a:hover { color:#fb3f0c; }
.navigation ul > li > button { width:38px; display:block; float:right; padding:5px; text-align:center; color:#2e4453; border:1px solid #d9e3ea; background-color:#f3f6f8; }
.navigation ul > li > span { width:38px; display:block; float:right; padding:5px; text-align:center; color:#fb3f0c; border:1px solid #d9e3ea; background-color:#f3f6f8; }
.navigation ol { margin:0px; border:1px solid #d9e3ea; }
.navigation ol > li { overflow:hidden; padding:18px 30px; color:#6a8ba2; font-size:13px; }
.navigation ol > li > a { color:#6a8ba2; }
.navigation ol > li > a:hover { color:#fb3f0c; }

.footer { overflow:hidden; clear:both; padding-top:30px; padding-bottom:30px; }
.footer ul {margin:0px; }
.footer ul > li { overflow:hidden; margin-bottom:20px; border:1px solid #e1e9ee; border-left:3px solid #f14a1c; background-color:#ffffff; }
.footer ul > li.settings { border-left:3px solid #222831; }
.footer ul > li > a { display:block; padding:20px; color:#748b9b; font-size:12px; }
.footer ul > li > a img { margin-right:15px;  }
.footer ul > li > a span { color:#222831; font-weight:600; }

.container-area { margin-left:360px; margin-right:40px; margin-top:20px; }

.chart-area { width:49%; height:360px; overflow:hidden; float:left; margin-bottom:30px; border:1px solid #e1e9ee; background-color:#ffffff; }
.chart-area .chart-header { height:66px; overflow:hidden; padding:20px 30px; border-bottom:1px solid #e1e9ee; }
.chart-area .chart-header h3 { float:left; margin:0px; color:#2e4453; font-size:16px; font-weight:700; line-height:22px; }
.chart-area .chart-header ul { margin:0px; float:right; }
.chart-area .chart-header ul > li { display:inline-block; margin-left:30px; color:#2e4453; font-size:14px; }
.chart-area .chart-header ul > li > strong { width:14px; height:14px; display:block; float:left; margin-top:3px; margin-right:8px; border-radius:8px; background-color:#f14a1c; }
.chart-area .chart-header ul > li > strong.plural { background-color:#c4d0d8; }
.chart-area .chart-header ul > li > span { display:block; float:left; }
.chart-area .chart-content { overflow:hidden; padding:30px 20px; }
.chart-area .chart-content ul { margin-bottom:20px; color:#738b9b; text-align:center; }
.chart-area .chart-content ul > li { width:8%; display:block; overflow:hidden; float:left; margin-bottom:30px; margin-left:1%; margin-right:1%; }
.chart-area .chart-content ul > li > span { display:block; overflow:hidden; clear:both; margin-top:10px; font-size:10px; }
.chart-area .chart-content ul > li > ol { width:100%; height:200px; overflow:hidden; position:relative; }
.chart-area .chart-content ul > li > ol > li { width:100%; height:200px; text-indent:-9999px; position:absolute; left:0px; bottom:0px; background-color:#f14a1c; }
.chart-area .chart-content ul > li > ol > li.plural { background-color:#e9eff3; }

.page-hits-area { width:49%; height:360px; overflow:hidden; float:right; margin-bottom:30px; border:1px solid #e1e9ee; background-color:#ffffff; }
.page-hits-area .page-hits-header { height:66px; overflow:hidden; padding:20px 30px; border-bottom:1px solid #e1e9ee; }
.page-hits-area .page-hits-header h3 { float:left; margin:0px; color:#2e4453; font-size:16px; font-weight:700; line-height:22px; }
.page-hits-area .page-hits-header p { margin:0px; float:right; color:#f14a1c; font-size:16px; line-height:22px; }
.page-hits-area .page-hits-content { overflow:hidden; padding:20px 30px; }
.page-hits-area .page-hits-content ul { margin:0px; }
.page-hits-area .page-hits-content ul > li { overflow:hidden; margin:0px; padding:10px 0px; border-bottom:1px solid #f3f6f8; }
.page-hits-area .page-hits-content ul > li:last-child { border-bottom:none; }
.page-hits-area .page-hits-content ul > li > p { width:42px; height:42px; float:left; margin:0px; margin-right:20px; text-align:center; color:#ffffff; font-size:16px; line-height:32px; border-radius:24px; border:4px solid #e9eff3; background-color:#222831; }
.page-hits-area .page-hits-content ul > li > ol { margin:0px; }
.page-hits-area .page-hits-content ul > li > ol > li { height:18px; overflow:hidden;  color:#748b9b; font-size:12px; }
.page-hits-area .page-hits-content ul > li > ol > li.title { margin-bottom:4px; color:#2e4453; font-size:14px; font-weight:600; }
.page-hits-area .page-hits-content ul > li > ol > li > span { color:#2e4453; }

.submissions-area { overflow:hidden; border:1px solid #e1e9ee; background-color:#ffffff; }
.submissions-area .submissions-header { height:66px; overflow:hidden; padding:20px 30px; border-bottom:1px solid #e1e9ee; }
.submissions-area .submissions-header h3 { float:left; margin:0px; color:#2e4453; font-size:16px; font-weight:700; line-height:22px; }
.submissions-area .submissions-header h3 > span { color:#fb3f0c; }
.submissions-area .submissions-header ul { margin:0px; float:right; text-align:center; }
.submissions-area .submissions-header ul > li { min-width:130px; display:inline-block; margin-left:10px; color:#87a6bc; font-size:14px; }
.submissions-area .submissions-header ul > li > a { display:block; padding:4px; color:#87a6bc; border:1px solid #87a6bc; border-radius:14px; background-color:#ffffff; }
.submissions-area .submissions-header ul > li.active > a { color:#ffffff; background-color:#87a6bc; }
.submissions-area .submissions-content { overflow:hidden;}
.submissions-area .submission { margin:0px; padding:20px 30px; border-bottom:1px solid #e1e9ee; background-color:#f7f9fa; }
.submissions-area .submission:nth-child(2n+1) { background-color:#ffffff; }
.submissions-area .submission:last-child { border-bottom:none; }
.submissions-area .submission .submission-title { padding:10px 0px; color:#222831; font-size:14px; font-weight:600; }
.submissions-area .submission .submission-title a { color:#222831; }
.submissions-area .submission .submission-title .glyphicon { display:inline-block; margin-right:10px; color:#222831; font-size:11px; }
.submissions-area .submission .submission-title .phone { color:#748b9b; font-weight:400; }
.submissions-area .submission .submission-title p { float:right; margin:0px; }
.submissions-area .submission .submission-title p > a { color:#22c174; cursor:pointer; }
.submissions-area .submission .submission-title p > a.delete { color:#ed0607; }
.submissions-area .submission .submission-text { overflow:hidden; margin-bottom:10px; color:#748b9b; font-size:13px; }
.submissions-area .submission .submission-text span { color:#2e4453; }
.submissions-area .submission .submission-text .black { color:#222831; }
.submissions-area .submission .submission-text .subject { color:#f14a1c; font-weight:400; }

.orders-info-list { overflow:hidden; clear:both; margin:0px; margin-bottom:25px; }
.orders-info-list > li { width:23%; height:138px; display:inline-block; overflow:hidden; margin-right:2%; margin-bottom:25px; padding:20px 25px; color:#2e4453; font-size:14px; border:1px solid #e1e9ee; border-left:3px solid #f95e47; background-color:#ffffff; }
.orders-info-list > li > div { margin-bottom:10px; padding-bottom:10px; font-size:15px; border-bottom:1px solid #d9e3ea; }
.orders-info-list > li strong { color:#f95e47; font-size:20px; font-weight:600; }
.orders-info-list > li span { color:#f95e47; }
.orders-info-list > li.total { border-left-color:#2ab4c0; }
.orders-info-list > li.total strong, .orders-info-list > li.total span{ color:#2ab4c0; }
.orders-info-list > li.year { border-left-color:#8877a9; }
.orders-info-list > li.year strong, .orders-info-list > li.year span{ color:#8877a9; }
.orders-info-list > li.month { border-left-color:#5c9bd1; }
.orders-info-list > li.month strong, .orders-info-list > li.month span{ color:#5c9bd1; }

.welcome-area > h3 { float:left; margin:0px; padding:8px 0px; color:#2e4453; font-size:16px; font-weight:700; cursor:pointer; }
.welcome-area > h3 > span { padding-right:6px; color:#2ab4c0; font-weight:400; }
.welcome-area > h3 > em { color:#2e4453; font-weight:400; font-style:normal; }
.welcome-area > h3 > i { padding-left:6px; font-size:12px; font-weight:400; }
.orders-section-list { width:200px; margin:0px; margin-top:40px; position:absolute; z-index:1; border:1px solid #dee7ed; background-color:#2ab4c0; }
.orders-section-list li { margin:10px 0px; }
.orders-section-list li:first-child { margin-top:20px; }
.orders-section-list li:last-child { margin-bottom:20px; }
.orders-section-list a { display:block; padding:0px 20px; color:#ffffff; font-size:13px; }
.orders-section-list a:hover { color:#2e4453; }

.payment-section-list { float:right; margin:0px; }
.payment-section-list > li { display:inline-block; padding:7px 0px; }
.payment-section-list > li > a { color:#2e4453; }
.payment-section-list > li.active > a, .payment-section-list > li > a:hover { color:#2ab4c0; }
.payment-section-list > li + li::before { padding:0px 8px; color:#2e4453; content:"-"; }

.orders-status-select { font-weight:600; border:none; background-color:transparent; }
.orders-status-select > option { padding:2px 10px; }
.orders-status-select > option[selected="selected"] { color:#fb3f0c; }

.order-details { width:47%; margin-bottom:30px; border:1px solid #dee7ed; }
.order-details h3 { margin:0px; margin-bottom:10px; padding:20px 30px; color:#ffffff; font-size:15px; font-weight:600; background-color:#2ab4c0; }
.order-details .table { margin-bottom:15px; }
.order-details .table > tbody > tr { border:none !important; }
.order-details .table > tbody > tr > td, .order-details .table > tbody > tr > th { padding:12px 30px; border:none; }
.order-details .table > tbody > tr > th > span { padding:5px 10px; color:#ffffff; background-color:#87a6bc; }

.order-products-table { }
.order-products-table > thead > tr { background-color:#f9fafb; }
.order-products-table > thead > tr > th { width:15%; padding:16px !important; color:#fb3f0c; font-size:14px; font-weight:600; border:1px solid #dee7ed; border-bottom:none; }
.order-products-table > thead > tr > th.product { width:60%; }
.order-products-table > thead > tr > th.piece { width:10%; }
.order-products-table > tbody > tr > td { padding:26px 16px !important; vertical-align:top; color:#222831; font-size:13px; border:1px solid #dee7ed; }
.order-products-table > tbody > tr > td.product { padding:26px 30px !important; }
.order-products-table > tbody > tr > td.product .pro-image { width:130px; height:98px; display:block; overflow:hidden; float:left; margin-right:20px; text-align:center; border:1px solid #dee7ed; }
.order-products-table > tbody > tr > td.product .pro-title { display:block; overflow:hidden; float:left; color:#2e4453; }
.order-products-table > tbody > tr > td.product span { display:block; margin-top:10px; }
.order-products-table > tbody > tr > td.product span.code { margin-top:4px; color:#f95e47; }
.order-products-table > tfoot > tr > td { padding:26px 16px; vertical-align:middle; border:1px solid #dee7ed; }
.order-products-table > tfoot > tr > th { padding:10px 16px; vertical-align:top; color:#222831; font-size:14px; font-weight:400; border-left:1px solid #dee7ed; background-color:#f9fafb; }
.order-products-table > tfoot > tr > th.total { color:#fb3f0c; }
.order-products-table > tfoot > tr > td.product { padding:26px 30px !important; }

/*.container-area > h1 { overflow:hidden; margin-top:0px; margin-bottom:20px; color:#ff5722; font-size:19px; }
.container-area > h1 > i { margin-right:10px; color:#222831; }
.container-area > h2 { overflow:hidden; float:left; margin-top:10px; margin-bottom:0px; margin-right:6px; color:#e31c25; font-size:16px; font-weight:600; }
.container-area > h3 { overflow:hidden; float:left; margin-top:10px; margin-bottom:0px; margin-right:6px; color:#222831; font-size:16px; font-weight:600; }
.container-area > h4 { overflow:hidden; float:left; margin-top:10px; margin-bottom:0px; margin-right:6px; color:#3d4957; font-size:16px; font-weight:600; }*/

.reports-publish { overflow:hidden; clear:both; }

.sort-languages { margin:0px; margin-bottom:30px; float:left; text-align:center; }
.sort-languages > li { width:36px; display:inline-block; overflow:hidden; margin-right:8px; border:1px solid #d9e3ea; background-color:#87a6bc; }
.sort-languages > li > a { display:block; padding:7px 2px; color:#ffffff; font-size:13px; }
.sort-languages > li.active { background-color:#fb3f0c; }

.category-select { width:200px; height:34px; padding:5px 10px; color:#2e4453; font-size:14px; border:1px solid #d9e3ea; background-color:#ffffff; }
.category-select > option { padding:2px 10px; }
.category-select > option[selected="selected"] { color:#fb3f0c; }

.pagination-area { float:right; color:#2e4453; font-size:13px; }
.welcome-area .pagination-area { margin-left:20px; }
.pagination-area > p { float:right; margin:8px 15px 0px 15px; }
.pagination-area > p > span { color:#fb3f0c; }
.pagination { float:right; margin:0px; }
.pagination > li > a { width:36px; margin:0px 3px; padding:7px 0px; text-align:center; color:#ffffff; font-size:14px; border:1px solid #d9e3ea; border-radius:0px !important; background-color:#87a6bc; }
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > a.active { color:#ffffff; background-color:#fb3f0c !important; }
.pagination > li > a.three-dots { width:30px; margin:0px; color:#2e4453; border:none !important; background-color:transparent !important; }

.list-count { float:right; margin:0px 0px; margin-left:5px; color:#9a9fa7; }
.list-count > select { height:36px; padding:5px 10px; color:#2e4453; font-size:14px; border:1px solid #d9e3ea; background-color:#ffffff; }
.list-count > select > option { padding:2px 10px; }
.list-count > select > option[selected="selected"] { color:#fb3f0c; }

.list-link-area { overflow:hidden; float:right; margin-bottom:30px; }
.list-link-area .btn { display:inline-block; overflow:hidden; margin-left:8px; padding:7px 18px; color:#ffffff; font-size:13px; border:1px solid #d9e3ea; border-radius:0px !important; background-color:#222831; }

.table-list { border:1px solid #dee7ed; background-color:#ffffff; }
.table-list > thead > tr > th { padding:20px 20px; color:#222831; font-size:14px; font-weight:600; border:1px solid #dee7ed; }
.table-list > thead > tr > th span { color:#fb3f0c; }
.table-list > tbody > tr:nth-of-type(2n+1) { background-color:#f9fafb; }
.table-list > tbody#sortTable > tr { cursor:move; }
.table-list > tbody > tr > th { padding:18px 20px; vertical-align:middle; color:#ffffff; background-color:#87a6bc; }
.table-list > tbody > tr > td, .table-list > tfoot > tr > td { padding:14px 20px; vertical-align:middle; font-size:13px; line-height:22px; border:1px solid #dee7ed; }
.table-list > tbody > tr > td.title { padding-left:40px; background-image:url(../images/orders.png); background-repeat:no-repeat; background-position:20px center; }
.table-list > tfoot > tr { background-color:#ffffff; }
.table-list > tbody > tr.thead { background-color:#f9fafb; }
.table-list > tbody > tr.tr-draft { background-color:#fae8e8 !important; }
.table-list a { color:#2ab4c0; }
.table-list .price { font-weight:600; }
.table-list .draft { color:#c4d0d8; }
.table-list .publish { color:#22c174; }
.table-list .draft > i, .table-list .publish > i, .table-list .past > i { width:16px; height:16px; display:inline-block; /*float:left; margin-right:8px; margin-top:3px;*/ border-radius:8px; background-color:#c4d0d8; }
.table-list .publish > i { background-color:#22c174; }
.table-list .past > i { background-color:#e42625; }
.table-list .draft > span { display:inline-block; overflow:hidden; float:left; }
.table-list .btn { margin:0px 3px; padding:4px 10px; text-align:center; color:#ffffff; font-size:13px; border:1px solid #d9e3ea; border-radius:0px !important; background-color:#c4d0d8; }
.table-list .language { background-color:#fb3f0c; }
.table-list .file { background-color:#5c9bd0; }
.table-list .frontpage-publish { background-color:#50c98b; }
.table-list .change { background-color:#2e4453; }
.table-list .delete { background-color:#e42625; }

.sortTableInfo {  }

.table-ik { margin-top:10px; }
.table-ik > tbody > tr > th { width:30%; padding:10px 16px; text-align:left; vertical-align:top; border:1px solid #dee7ed; background-color:#f0f2f4; }
.table-ik > tbody > tr > td { width:70%; padding:10px 16px; text-align:left; vertical-align:top; border:1px solid #dee7ed; }


.data-add-form { overflow:hidden; }
.data-add-form .section-list { margin:0px; padding:0px 20px; border:1px solid #dee7ed; border-bottom:0px; background-color:#ffffff; }
.data-add-form .section-list > li { display:inline-block; margin:0px 20px; padding:20px 0px; color:#222831; font-size:14px; font-weight:600; border-bottom:3px solid #ffffff; cursor:pointer; outline:none; }
.data-add-form .section-list > li.active { border-bottom-color:#2ab4c0; }
.data-add-form .section-list > li.order { float:right; padding-top:14px; cursor:text; }
.data-add-form > .category-group  { overflow:hidden; float:left; margin-bottom:30px; border:1px solid #d9e3ea; background-color:#ffffff; }
.data-add-form > .category-group > .form-control { height:32px; padding:5px 10px; color:#2e4453; font-size:14px; border:none; border-radius:0px; }
.data-add-form > .category-group > .form-control > option { padding:2px 10px; }
.data-add-form > .category-group > .form-control > option[selected="selected"] { color:#fb3f0c; }
.data-add-form .button-list { margin:0px; float:right; margin-bottom:30px; }
.data-add-form .button-list > li { display:inline-block; overflow:hidden; margin-left:8px; }
.data-add-form .form-group { margin-bottom:30px; }
.data-add-form label { color:#222831; font-size:14px; font-weight:600; }
.data-add-form .form-group > p { margin-bottom:5px; color:#222831; font-size:14px; font-weight:600; }
.data-add-form .form-control { color:#2e4453; font-size:14px; border:1px solid #dee7ed; border-radius:0px; box-shadow:none !important; text-shadow:none !important; outline:none!important; }
.data-add-form .form-control::-webkit-input-placeholder { color:#9caeba; font-size:12px; font-weight:600; }
.data-add-form .form-control:-ms-input-placeholder { color:#9caeba; font-size:12px; font-weight:600; }
.data-add-form .form-control::-moz-placeholder { color:#9caeba; font-size:12px; font-weight:600; }
.data-add-form .form-control:-moz-placeholder { color:#9caeba; font-size:12px; font-weight:600; }
.data-add-form .form-control:placeholder-shown { color:#9caeba; font-size:12px; font-weight:600; }

.data-add-form fieldset, .data-add-form .orders-fieldset { padding:40px 25px 25px 25px; position:relative; border:1px solid #dee7ed; background-color:#ffffff; }
.data-add-form .orders-fieldset { padding-left:40px; padding-right:40px; }
/*.data-add-form fieldset > legend { padding:10px 30px; color:#3d4957; font-size:14px; font-weight:600; border:1px solid #e6ebef; background-color:#e6ebef; }*/
.data-add-form .fieldset-section { display:none; opacity:0; z-index:0; }
.data-add-form .fieldset-section-active { display:block; opacity:1; z-index:1; }
.data-add-form table { margin-bottom:0px; color:#3d4957; border:1px solid #dee7ed; }
.data-add-form table > tbody > tr > th, .data-add-form table > tbody > tr > td { padding:6px 12px; color:#2e4453; font-size:14px; border:1px solid #dee7ed; }
.data-add-form table > tbody > tr > th { color:#222831; font-weight:600; }
.data-add-form .btn { padding:8px 18px; color:#ffffff; font-size:13px; font-weight:400; border:1px solid #d9e3ea; border-radius:0px; background-color:#1ec075; }

.order-cargo-form .cargonumber { float:left; padding:7px 18px; color:#222831; font-size:13px; border:1px solid #dee7ed; }
.order-cargo-form .cargonumber::-webkit-input-placeholder { color:#87a6bc; font-size:12px; font-weight:600; }
.order-cargo-form .cargonumber:-ms-input-placeholder { color:#87a6bc; font-size:12px; font-weight:600; }
.order-cargo-form .cargonumber::-moz-placeholder { color:#87a6bc; font-size:12px; font-weight:600; }
.order-cargo-form .cargonumber:-moz-placeholder { color:#87a6bc; font-size:12px; font-weight:600; }
.order-cargo-form .cargonumber:placeholder-shown { color:#87a6bc; font-size:12px; font-weight:600; }
.order-cargo-form .btn { float:left; background-color:#2e4453; }

.popover { padding:0px; border:none; box-shadow:none; }
.popover-title { color:#2e4453; font-size:14px; font-weight:600; border:none; background-color:#dee7ed; }
.popover-content { padding:1px; text-align:center; color:#2e4453; border-radius:0px 0px 0px 0px; background-color:#dee7ed; }
.popover.top > .arrow { border-top-color:rgb(222, 231, 237); }
.popover.top > .arrow::after { border-top-color:#dee7ed; }
.popover.bottom > .arrow { border-bottom-color:rgb(222, 231, 237); }
.popover.bottom > .arrow::after { border-bottom-color:#dee7ed; }

.chart-content .popover-content { padding:10px; text-align:center; color:#ffffff; border-radius:4px 4px 4px 4px; background-color:#626a73; }
.chart-content .popover.top > .arrow { border-top-color:rgb(98, 106, 115); }
.chart-content .popover.top > .arrow::after { border-top-color:#626a73; }
.chart-content .popover.bottom > .arrow { border-bottom-color:rgb(98, 106, 115); }
.chart-content .popover.bottom > .arrow::after { border-bottom-color:#626a73; }

.black { color:black !important; }
.grey { color:grey !important; }
.green { color:green !important; }
button, a { outline:none!important; text-decoration:none !important; box-shadow:none !important; text-shadow:none !important; }
.msc-confirm { z-index:10; } 
.color-orange { color:#ff5722 !important; }
.border-none { border:0px !important; }
.radius-none { border-radius:0px !important; }
.shadow-none { box-shadow:none !important; text-shadow:none !important; }
.outline-none { outline:none!important; }
.clear-both { clear:both; }
.alert { padding:10px 15px; margin-bottom:10px; border-radius:0px !important; }
.form-control, label { outline:none !important; box-shadow:none !important; text-shadow:none !important; }
input:focus, textarea:focus, keygen:focus, select:focus { outline:none !important; box-shadow:none !important; text-shadow:none !important; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color:#ffffff !important; color:#9caeba !important; }
.mce-panel { border-color:#e2e4e7 !important; }

.alert-info { color:#222831; border:none; border-left:5px solid #8cb4e7; background-color:#f5f8fd; }
.alert-success { color:#222831; border:none; border-left:5px solid #58d1dc; background-color:#c0edf2; }
.alert-warning { color:#222831; border:none; border-left:5px solid #f4cb31; background-color:#faebaa; }
.alert-danger { color:#222831; border:none; border-left:5px solid #f1868e; background-color:#fdf7f7; }

.list-unstyled { padding-left: 0; list-style: none; }
.img-responsive { display: block; max-width: 100%; height: auto; }
.img-border { border:1px solid #ebedef; }
.clear-left { clear:left; }
.clear-right { clear:right; }
.clear-both { clear:both; }
.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none; }

.margin-top-0 { margin-top:0px !important; }
.margin-right-0 { margin-right:0px !important; }
.margin-bottom-0 { margin-bottom:0px !important; }
.margin-left-0 {margin-left:0px !important; }

.margin-top-5 { margin-top:5px; }
.margin-right-5 { margin-right:5px; }
.margin-bottom-5 { margin-bottom:5px; }
.margin-left-5 {margin-left:5px; }

.margin-top-10 { margin-top:10px; }
.margin-right-10 { margin-right:10px; }
.margin-bottom-10 { margin-bottom:10px; }
.margin-left-10 {margin-left:10px; }

.margin-top-20 { margin-top:20px; }
.margin-right-20 { margin-right:20px; }
.margin-bottom-20 { margin-bottom:20px; }
.margin-left-20 {margin-left:20px;  }

.margin-top-30 { margin-top:30px; }
.margin-right-30 { margin-right:30px; }
.margin-bottom-30 { margin-bottom:30px; }
.margin-left-30 {margin-left:30px;  }

.margin-top-40 { margin-top:40px; }
.margin-right-40 { margin-right:40px; }
.margin-bottom-40 { margin-bottom:40px; }
.margin-left-40 {margin-left:40px;  }

@media (min-width:1200px ) {
	.footer ul > li { width:49%; float:left; }
    .footer ul > li:nth-child(2n) { float:right; }
}
@media (max-width:1200px) {
    .chart-area, .page-hits-area { width:100%; float:none; }
    .breadcrumb { display:none; }
    .search-form-area { float:left; margin-right:0px; }
}
@media (min-width:992px ) and (max-width:1200px ) {
    /*body { background-color:red; }*/    
}
@media (max-width: 992px) {
	.category-select, .list-count { display:none; }
}
@media (min-width:768px ) and (max-width:992px ) {
    /*body { background-color:green; }*/
    
}
@media (max-width: 900px) {
    .navigation { width:auto; margin-left:15px; margin-right:15px; margin-top:15px; position:relative; left:auto; top:auto; }
    .navigation h2.settings, .navigation h2.helps { background-image:none; }
    .container-area { margin-left:15px; margin-right:15px; }
}
@media (max-width: 768px) {    
	/*body { background-color:yellow; }*/
        
}
@media (max-width:640px) {
    /*body { background-color:blue; }*/	
}
@media (max-width:400px) {
	/*body { background-color:grey; }*/
    
}