@import url("https://fonts.googleapis.com/css?family=Krub:300,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");

html, body { margin: 0; padding: 0; font-size: 14px; height: 100%; background: #EDF1F5; font-family: "Poppins",sans-serif; }   /*Poppins*/

#cms-panel { position: relative; min-height: 100%; }
#cms-panel > .container {  }

.unableKeyin { cursor: no-drop; }
.font1 { font-family: Poppins; }
.font2 { font-family: Montserrat; }

/* .has-shadow { -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1), -1px 0 2px rgba(0, 0, 0, 0.05); } */
.has-shadow { box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); }

a { cursor: pointer; }

/* .loading { position: fixed; z-index: 9999; top: 0; left: 0; height: 100%; width: 100%; background: rgba(255,255,255,0.9) url('../images/loading1.gif') 50% 50% no-repeat; } */


/* ---------------- */
/*      Header      */
/* ---------------- */
.cms-header-panel {  width: 100%; height: 80px;
  background: #010C19;
  background: -webkit-linear-gradient(right, #010C19, #10080A);
  background: -moz-linear-gradient(right, #010C19, #10080A);
  background: linear-gradient(to left, #010C19, #10080A);
} /*background: #1e1e2d;*/
.cms-header-panel > .container { padding: 10px; }
.cms-header-panel > .container > .side-bar { width: auto; height: 60px; float: left; cursor: pointer; }
.cms-header-panel > .container > .logo { width: 200px; height: 60px; float: left; position: relative; } /*-webkit-box-flex: 1; -moz-box-flex: 1; background: #242A33;*/
.cms-header-panel > .container > .logo > a { text-decoration: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.cms-header-panel > .container > .logo > a > img { width: 180px; }
.cms-header-panel > .container > .notification { height: 60px; margin-left: 220px; margin-right: 250px; } /*-webkit-box-flex: 1; -moz-box-flex: 1;*/
.cms-header-panel > .container > .header-menu { height: 60px;  float: right; }  /*-webkit-box-flex: 1; -moz-box-flex: 1;*/
.cms-header-panel > .container > .header-menu > li { list-style: none; float: right; line-height: 60px; }
.cms-header-panel > .container > .header-menu > li > a { cursor: pointer; transition: 0.3s; font-size: 110%; margin: 0px 5px; text-decoration: none; padding: 10px 15px; color: rgba(255,255,255,.7); }
.cms-header-panel > .container > .header-menu > li a:hover { color: rgba(255,255,255,.8); }
.side-button { display: none; padding: 16px 15px; color: #5B6675; }

.companyLogo { width: 200px; height: 60px; float: left; margin-left: 45px; }
.companyLogo > img { height: 60px; }
.companyLogoPanel { height: auto; width: 100%; padding: 5px 0px; text-align: center; display: none; }
.companyLogoPanel > img { height: 60px; }

/* ---------------- */
/*       Menu       */
/* ---------------- */
.close-slide { float: right; padding: 10px; display: none; font-size: 150%; color: #5B6675; cursor: pointer; }
.cms-menu-panel { position: absolute; top: 80px; bottom: 0; width: 250px;  overflow-y: auto; transition: 0.3s; box-shadow: 5px 0 10px rgba(0,0,0,.05);
  /* background: #010C19;
  background: -webkit-linear-gradient(right, #010C19, #10080A);
  background: -moz-linear-gradient(right, #010C19, #10080A);
  background: linear-gradient(to left, #010C19, #10080A); */
  background: #fff;
  }    /*width: 15%;background: #fff;*/
.cms-menu-panel > .container {  } /*background: #1C1E35; top: 0px; bottom: 0; position: absolute; width: 12%;*/
.cms-menu-panel > .container > .logo { width: 100%; height: 50px; display: none; }
.cms-main-menu { padding: 0; margin: 0; }
.cms-main-menu > li { list-style: none; }
.cms-main-menu > li > a { cursor: pointer; transition: 0.3s; font-weight: 400; display: block; font-size: 110%; padding: 15px; margin: 0px 0px; text-decoration: none; color: #202121; }
.cms-main-menu > li > a:hover { color: #1A5089; border-right: 4px solid #1A5089; letter-spacing: 0.5px; }  /*background: #796AEE; */
.cms-main-menu > li > a.active { color: #1A5089; border-right: 4px solid #1A5089; font-weight: bold; }
.cms-main-menu span {  }
.cms-main-menu svg {  }
.cms-main-sub-menu-hidden { display: none; }
.cms-main-sub-menu { padding: 0; margin: 0; display: none; }  /*background: #333E48;*/
.cms-main-sub-menu > li { list-style: none; }
.cms-main-sub-menu > li > a { cursor: pointer; transition: 0.3s; display: block; font-size: 110%; padding: 10px 20px 10px 40px; text-decoration: none; color: #5B6675; }
.cms-main-sub-menu > li > a:hover { color: #1A5089; letter-spacing: 1px; }    /*background: #777ED7; opacity: 0.8;*/
.cms-main-sub-menu > li > a.active { color: #1A5089; font-weight: bold; }
.cms-main-sub-sub-menu { display: none; }
.menu-right { float: right; }
.main-link::before { content: "+"; float: right; }
.active.main-link::before { content: "-"; float: right; }

.cms-menu-panel::-webkit-scrollbar { width: 6px; background: #5B6675; }
.cms-menu-panel::-webkit-scrollbar-thumb { background: #a6a6a6; }
.cms-menu-panel::-webkit-scrollbar-track { background: #fff; }


/* ---------------- */
/*     Dashboard    */
/* ---------------- */
.box-1 { width: 23%; height: 120px; margin: 10px; float: left; position: relative; border-radius: 5px; background: #fff; }
.box-1 > header {  }  /*position: absolute; top: 0; left: 0;*/
.box-1 > header > label { padding: 15px 15px 5px 15px; display: block; color: #fff; }
.box-1 > header > label.number { font-size: 250%; font-weight: bold; padding: 5px 20px 15px 20px; color: #333; }
.box-1 > header > label.text { font-size: 130%; color: #333; text-transform: uppercase; font-weight: 600; }
.box-1 > content { position: absolute; top: 0; right: 0; color: #fff; padding: 20px 10px; }

.box-1 > a > footer { transition: 0.3s; cursor: pointer; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; padding: 10px 0px; font-size: 120%; text-align: center; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.box-1 > a { text-decoration: none; color: #fff; }
.background-1 { background: #17A2B8; }
.background-2 { background: #1592A5; }
.background-2:hover { background: #137F90; }
.background-3 { background: #28A745; }
.background-4 { background: #24963E; }
.background-4:hover { background: #218639; }
.background-5 { background: #FFC107; }
.background-6 { background: #E5AD07; }
.background-6:hover { background: #D7A606; }
.background-7 { background: #DC3545; }
.background-8 { background: #C6303E; }
.background-8:hover { background: #B52B39; }

/* ---------------- */
/*      Widget      */
/* ---------------- */
.layout { width: 100%; display: flex; position: relative; background: none; }
.layout > .layout-col { flex: 1; margin: 10px; padding: 10px 20px; border: 1px solid #2C3E50; cursor: pointer; height: 140px; background: #fff; }

/* layout 2 */
.layout_1 { width: 100%; display: flex; position: relative; background: none; height: auto; }
.layout_1 > .layout-col { flex: 1; margin: 10px; padding: 10px 40px; min-height: 100px; width: 100px; }
.layout_1 > .layout-col > header#top { height: auto; padding: 15px 0px; }
.layout_1 > .layout-col > section#bottom { height: auto; text-align: center; }



h1 { font-size: 180%; margin: 0; padding: 10px; }
p { font-size: 120%; margin: 0; padding: 5px; }

/* .columnPanel { width: 100%; display: flex; position: relative; background: none; }
.column1_1 { flex: 1; margin: 5px; padding: 10px 20px; }
.showBox { border: 1px dotted #2C3E50; cursor: pointer; height: 150px; background: #fff; }
.flex_grow1 { flex-grow: 1; }
.flex_grow3 { flex-grow: 2; } */


/* ---------------- */
/*       404        */
/* ---------------- */
.pageNotFound { position: relative; padding: 0px; height: 50%; }
.pageNotFound > .container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.pageNotFound > .container > h1 { font-size: 500%; text-align: center; }
.pageNotFound > .container > h3 { text-align: center; font-size: 200%; text-transform: uppercase; }

/* ---------------- */
/*      Content     */
/* ---------------- */
.cms-content-panel { margin-left: 250px; padding-bottom: 50px; }

.topPanel { padding: 20px 30px; } /*background: #fff; margin: 3px 5px; */
.sitemap { font-size: 120%; color: #6c757d; }  /*padding: 10px; float: right;*/
.sitemap > a { text-decoration: none; color: #007bff; }
.title-1 { font-size: 160%; font-weight: 800; color: #4a4c4e; letter-spacing: -0px; margin-bottom: 5px; display: inline-block; padding: 5px 0px; }
.subTitle-1 { font-size: 80%; text-decoration: none; font-weight: 300; }
.buttonPanel { padding: 5px 10px; float: left; margin-left: 200px; cursor: pointer; }
.buttonPanel-addnew { float: right; margin-top: -20px; cursor: pointer; }  /*padding: 10px; margin-bottom: 10px;*/
.white { background: #fff; }
.text_align { text-align: center; }

.contentPanel-1 { background: #fff; height: auto; padding: 10px; margin: 10px 30px 20px 30px; }
.contentPanel-2 { background: none; height: auto; padding: 0px 10px; margin: 10px 10px 20px 10px; }
.topContentPanel-1 { padding: 0px 10px; }
.contentHeader { font-size: 160%; padding-bottom: 20px; color: #aaa; }
.contentHeader-2 { font-size: 150%; padding: 10px 20px 10px 15px; color: #333; font-weight: 600; }
.filterPanel-1 { font-size: 110%; }
.topContentPanel-1 form { margin-top: 20px; }
.topContentPanel-1 select { margin:5px 0px; max-width: 150px; padding: 5px 10px; font-size: 100%; margin-right: 10px; border-radius: 5px; }
.topContentPanel-1 button { transition: all 0.3s; padding: 5px 20px; font-size: 100%; border-radius: 5px; border: none; border: 1px solid #007bff; background: #007bff; color: #fff; cursor: pointer; }
.topContentPanel-1 button:hover { background: #006DE2; color: #fff; }

.searchPanel-1 { font-size: 110%; float: right; }
.searchBox-1 { font-size: 100%; padding: 5px 10px; margin-left: 10px; }
.mainContentPanel-1 { padding: 10px; }
table.table-1 { width: 100% !important; border-collapse: collapse; border: 1px solid #ddd; display: inline-table; }
table.table-1 th, td { border-bottom: 1px solid #ddd !important; padding: 10px; font-size: 100%; text-align: left; }
.tablescrollx { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 400px; }
.tableMain { padding: 10px; }
.table-responsive .dataTables_info { margin-top: 10px; }
.table-responsive .dataTables_paginate { margin-top: 10px; }
.table-responsive .dataTables_paginate a { padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #fff !important; border: 1px solid #dee2e6 !important; }
.table-responsive .dataTables_paginate a:hover { color: #fff !important; background: rgb(23,194,215) !important; }
.table-responsive .dataTables_paginate a.current { background: rgb(23,194,215) !important; color: #fff !important; }
.table-1 a { text-decoration: none; }
.label-status { padding: 5px 10px; font-size: 12px; border-radius: 5px; color: #fff; }
.maintenance { background: #03a9f3; }
.repair { background: #00c292; }
.breakdown { background: #e46a76; }
.scan-out { background: #ffc107; }
.dataTable { margin-top: 20px !important; }

.content_Col { padding: 10px 0px; margin-bottom: 10px; }
.content_Col > header { font-size: 120%; padding: 10px 5px; }
.content_Col > .input2 { background: none; padding: 10px 15px; font-size: 120%; width: 100%; border: 1px solid #B9B9B9; border-radius: 5px; }
.content_Col > label.error { color: #FF0000; }

.content_Col_2 { padding: 10px 0px; margin-bottom: 10px; }
.content_Col_2 > header { font-size: 120%; padding: 10px 5px; float: left; width: 200px; }
.content_Col_2 > .input2 { background: none; color: #77797c; padding: .375rem .75rem; line-height: 1.5; font-size: 120%; width: 500px; border: 1px solid #B9B9B9; border-radius: 5px; margin: 3px 0px; }
.content_Col_2 > span.remark { margin-left: 210px; display: block; color: #C70039; }
.content_Col_2 > span.href { font-size: 120%; padding: 10px 5px; display: block; color: blue; text-decoration: underline; }
.content_Col_2 select:disabled { color: #77797c; }
.content_Col_2 > label.error { padding: 5px 10px; color: #CC0000; font-size: 100%; display: block; margin-left: 200px; }
.content_Col_2 > a { padding: 10px 15px; font-size: 120%; }

.maintenance_list_export td, th { text-align: center; }
/* .image-box-1 { width: 150px; height: 150px; cursor: pointer; border: 1px solid #CDCDCD; margin: 0px 0px; float: left; } */

/* #showResult { display: none; } */
.content123 { width: 100%; border-radius: 5px; border: 1px solid #B9B9B9; min-height: 400px; float: left; }
/* .content123 > .container { padding-right: 35px; } */

.btn_addCoulumn { padding: 10px; color: #fff; margin: 5px; float: right; text-decoration: none; background: #007BFF; }

.table-title > a { text-decoration: none; font-size: 120%; color: #0066CC; font-weight: 500; }
.table-date { font-size: 70%; margin: 5px 0px; }
.iconButton-1 { text-decoration: none; cursor: pointer; }
.enable_button-2 { color: #28A745; }
.delete_button-2 { color: #6C757D; }
.page_button-2 { color: #FF8000; }
.move_button-2 { color: #5499C7; }
.image_button-2 { color: #A96969; }
.edit_button-2 { color: #007BFF; }
.ban_button-2 { color: #DC3545; }
.left { float: left; }
.right { float: right; }
.text_left { text-align: left; }
.text_right { text-align: right; }
.clearfix { clear: both; }
.disable { pointer-events: none; opacity: 0.5; }
.margin-top { margin-top: 20px; }
.export_button { padding: 10px 15px; background: #639807; text-transform: uppercase; margin: 0px 5px; transition: all 0.3s; text-decoration: none; color: #fff; }
.export_button:hover { background: #4E7C00; }
.new_button_disable { padding: 10px 15px; background: #007BFF; text-transform: uppercase; margin: 0px 5px; transition: all 0.3s; text-decoration: none; color: #fff; opacity: 0.5; }
.new_button { padding: 10px 15px; border-radius: 5px; background: #007BFF; text-transform: uppercase; margin: 0px 5px; transition: all 0.3s; text-decoration: none; color: #fff; }
.new_button:hover { background: #0069D9; }
.save_button { transition: all 0.3s; background: #DC3545; border: none; padding: 10px 15px; color: #fff; font-size: 100%; cursor: pointer; text-decoration: none; margin: 10px 5px; border-radius: 5px; }
.save_button:hover { background: #C82333; }
.cancel_button { transition: all 0.3s; background: #007BFF; border: none; padding: 10px 15px; color: #fff; font-size: 100%; cursor: pointer; text-decoration: none; margin: 10px 5px; border-radius: 5px; }
.cancel_button:hover { background: #0069D9; }
.backHome { font-size: 50%; color: #f9f9f9; text-decoration: none; line-height: 40px; }

.sortable-row { margin:0; padding:0; list-style:none; width:100%; }
.sortable-row li { color:#8C9CB3; margin:10px; padding:10px; background:#242A33; cursor:move; opacity: 0.9; }
.sortable-row li.ui-state-highlight { height: 1.0em; background-color:#F0F0F0;border:#ccc 2px dotted; }
.btnSave1 { transition: 0.3s; float: right; padding: 10px 15px; font-size: 100%; margin: 20px 10px; cursor: pointer; border: none; background: #FE2222; border-radius: 5px; color: #f1f1f1; }
.btnSave1:hover { background: #F40000; }

/* .btn { width: 110px; } */
.dataTables_length select { padding: .375rem .75rem; font-weight: 400; line-height: 1.5; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; }
.dataTables_filter input { padding: .375rem .75rem; font-weight: 400; line-height: 1.5; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; font-family: Montserrat; }

/* .table-responsive { overflow-x:auto; } */
.columnPanel { width: 100%; display: flex; position: relative; background: none; }  /*cursor: pointer; min-height: 150px;*/
.column1_1 { flex: 1; margin: 5px; }  /* padding: 5px 10px; -moz-user-modify: read-write; -webkit-user-modify: read-write; border: 1px dotted #2C3E50;*/
.showBox { border: 1px dotted #2C3E50; cursor: pointer; height: 150px; background: #fff; }
.flex_grow1 { flex-grow: 1; }
.flex_grow3 { flex-grow: 2; }

/* a > img { transition: all 0.3s; }
a > img:hover { opacity: 0.5; } */

.image-box-1 { width: 100px; height: 100px; cursor: pointer; border: 1px solid #CDCDCD; margin: 0px 0px; }
.image-box-2 { width: 120px; height: 120px; cursor: pointer; border: 1px solid #CDCDCD; margin: 0px 0px; }
.image-box-3 { width: 150px; height: 80px; cursor: pointer; border: 1px solid #CDCDCD; margin: 0px 0px; float: left; display: block; }
.image-box-4 { width: 100px; height: 100px; cursor: pointer; border: 1px solid #CDCDCD; margin: 0px 0px; float: left; }
.removeImage { color: blue; text-decoration: underline; cursor: pointer; }
.removeImage-2 { color: blue; text-decoration: underline; cursor: pointer; float: left; clear: left; margin-left: 200px; }    /* margin: 0px 25px;*/


.deleteRow { position: absolute; top: 0; left: -35px; background: red; padding: 10px; cursor: pointer; color: #fff; }

/* .block > a > div { -moz-user-modify: read-only; } */

/* .column1_1:hover { background: yellow; } */

/* ---------------- */
/*     Fancybox     */
/* ---------------- */
#fancybox-1 { background: #fff; height: 100%; }  /*position: relative;*/
#fancybox-1 form { margin: 15px 0px; }
.fancybox_title { padding: 15px 25px; font-size: 150%; font-weight: 600; background: #fff; color: #17191c; opacity: 0.8; border-bottom: 1px solid #17191c; }
.fancybox_content { padding: 5px 20px; }
.fancybox_content > header { font-size: 115%; padding: 5px; float: left; width: 100%; font-weight: 600; }
.fancybox_content_1 { padding: 5px 20px; }
.fancybox_content_1 > header { font-size: 120%; padding: 5px; float: left; }
.fancybox_content > .input1 { color: #77797c; padding: 8px 15px; font-size: 120%; width: 100%; background: #fff; border-radius: 5px; border: none; border: 1px solid #ddd; }    /*outline: 0; border-width: 0 0 2px; border-color: #B9B9B9;*/
.fancybox_content > label.error { padding: 5px 10px; color: #CC0000; font-size: 100%; display: block; }
.fancybox_content-1 { padding: 5px 10px; }
.input3 { float: right; background: none; padding: 5px 5px; font-size: 120%; width: 50%; border-color: #B9B9B9; border-radius: 5px; margin-left: 10px; }
.inputColor { height: 32px; width: 32px; opacity: 1; display: block; background: none; border: none; }
/* .fancyboxButton { position: absolute; bottom: 0; right: 0; } */



/* ---------------- */
/*     Footer       */
/* ---------------- */
/* .footer { background: #8489C0; position: absolute; bottom: 0; right: 0; width: 85%; } */
.footer { position: absolute; bottom: 0; right: 0; background: linear-gradient(to left, #010C19, #10080A); left: 250px; }
.footer > .container { padding: 20px 35px; color: #fff; font-size: 90%; }
.footer > .container > a { text-decoration: none; color: #fff; }

/* ---------------- */
/*   Responsive     */
/* ---------------- */
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

@media screen and (max-width: 1000px){
  .side-button { display: block; }
  .close-slide { display: block; }
  .cms-header-panel > .container > .notification { display: none; }
.cms-header-panel > .container > .header-menu { /*width: 90px;*/ }
  .headermenu-close { display: none; }
  .cms-menu-panel { left: -200px; top: 0; bottom: 0; width: 200px; }
  .cms-menu-panel > .container > .logo { display: block; }
  .cms-content-panel { margin-left: 0%; width: 100%; }
  /* .cms-content-panel { margin-left: 0%; width: 100%; } */
  /* .table-1 { overflow-x: auto; } */

  .cms-header-panel > .container > .logo { width: 180px; }
  .cms-header-panel > .container > .header-menu > li > a { padding: 10px; }

  .content-col-1 > .content-col-1-left { float: none; width: 96%; }
  .content-col-1 > .content-col-1-right { float: none; width: 96%; }
  .cms-content-col-1 > label { float: left; width: 100%; padding: 5px 0px; }
  /* .cms-content-col-1 > header { background: red; } */
  .content_Col_2 > .input2 { width: 100%; }
  .content_Col_2 > span.remark { margin-left: 0px; }
  .content_Col_2 > span.href { width: 100px; }
  .image-box-3 { clear: left; }
  .image-box-4 { clear: left; }
  .removeImage-2 { margin-left: 0px; }

  .box-1 { width: 47%; }
  .buttonPanel { margin-left: 0px; padding: 5px 0px; }
  .content_Col_2 > label.error { margin-left: 0px; }

  .footer { left: 0; right: 0; }
  .footer > .container { text-align: center; }
  .sitemap { float: none; display: block; padding: 10px 0px; }
}

@media screen and (max-width: 700px){
  .box-1 { width: 97%; }
  .companyLogo { display: none; }
  .companyLogoPanel { display: block; }
  /* .companyLogo > img { height: 60px; } */
  /* .topPanel { background: green; } */
  /* .title-1 { background: red; } */
}

::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  background-color: #4d4d4d;
}
::-webkit-scrollbar-thumb {
  background-color: #c2c2c2;
}

@font-face {
    font-family: 'simple-Line-Icons';
    src: url("../../fonts/icon/simple-Line-Icons.eot");
    src: url("../../fonts/icon/simple-Line-Icons.eot") format("embedded-opentype"), url("../../fonts/icon/simple-Line-Icons.woff") format("woff"), url("../../fonts/icon/simple-Line-Icons.ttf") format("truetype"), url("../../fonts/icon/simple-Line-Icons.svg#Simple-Line-Icons") format("svg");
    font-weight: normal;
    font-style: normal
}

[data-icon]:before {
    font-family: 'simple-Line-Icons';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 17px
}

.icon-user-female,
.icon-user-follow,
.icon-user-following,
.icon-user-unfollow,
.icon-trophy,
.icon-screen-smartphone,
.icon-screen-desktop,
.icon-plane,
.icon-notebook,
.icon-moustache,
.icon-mouse,
.icon-magnet,
.icon-energy,
.icon-emoticon-smile,
.icon-disc,
.icon-cursor-move,
.icon-crop,
.icon-credit-card,
.icon-chemistry,
.icon-user,
.icon-speedometer,
.icon-social-youtube,
.icon-social-twitter,
.icon-social-tumblr,
.icon-social-facebook,
.icon-social-dropbox,
.icon-social-dribbble,
.icon-shield,
.icon-screen-tablet,
.icon-magic-wand,
.icon-hourglass,
.icon-graduation,
.icon-ghost,
.icon-game-controller,
.icon-fire,
.icon-eyeglasses,
.icon-envelope-open,
.icon-envelope-letter,
.icon-bell,
.icon-badge,
.icon-anchor,
.icon-wallet,
.icon-vector,
.icon-speech,
.icon-puzzle,
.icon-printer,
.icon-present,
.icon-playlist,
.icon-pin,
.icon-picture,
.icon-map,
.icon-layers,
.icon-handbag,
.icon-globe-alt,
.icon-globe,
.icon-frame,
.icon-folder-alt,
.icon-film,
.icon-feed,
.icon-earphones-alt,
.icon-earphones,
.icon-drop,
.icon-drawer,
.icon-docs,
.icon-directions,
.icon-direction,
.icon-diamond,
.icon-cup,
.icon-compass,
.icon-call-out,
.icon-call-in,
.icon-call-end,
.icon-calculator,
.icon-bubbles,
.icon-briefcase,
.icon-book-open,
.icon-basket-loaded,
.icon-basket,
.icon-bag,
.icon-action-undo,
.icon-action-redo,
.icon-wrench,
.icon-umbrella,
.icon-trash,
.icon-tag,
.icon-support,
.icon-size-fullscreen,
.icon-size-actual,
.icon-shuffle,
.icon-share-alt,
.icon-share,
.icon-rocket,
.icon-question,
.icon-pie-chart,
.icon-pencil,
.icon-note,
.icon-music-tone-alt,
.icon-music-tone,
.icon-microphone,
.icon-loop,
.icon-logout,
.icon-login,
.icon-list,
.icon-like,
.icon-home,
.icon-grid,
.icon-graph,
.icon-equalizer,
.icon-dislike,
.icon-cursor,
.icon-control-start,
.icon-control-rewind,
.icon-control-play,
.icon-control-pause,
.icon-control-forward,
.icon-control-end,
.icon-calendar,
.icon-bulb,
.icon-bar-chart,
.icon-arrow-up,
.icon-arrow-right,
.icon-arrow-left,
.icon-arrow-down,
.icon-ban,
.icon-bubble,
.icon-camcorder,
.icon-camera,
.icon-check,
.icon-clock,
.icon-close,
.icon-cloud-download,
.icon-cloud-upload,
.icon-doc,
.icon-envelope,
.icon-eye,
.icon-flag,
.icon-folder,
.icon-heart,
.icon-info,
.icon-key,
.icon-link,
.icon-lock,
.icon-lock-open,
.icon-magnifier,
.icon-magnifier-add,
.icon-magnifier-remove,
.icon-paper-clip,
.icon-paper-plane,
.icon-plus,
.icon-pointer,
.icon-power,
.icon-refresh,
.icon-reload,
.icon-settings,
.icon-star,
.icon-symbol-female,
.icon-symbol-male,
.icon-target,
.icon-volume-1,
.icon-volume-2,
.icon-volume-off,
.icon-users {
    font-family: 'Simple-Line-Icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.icon-user-female:before {
    content: "\e000"
}

.icon-user-follow:before {
    content: "\e002"
}

.icon-user-following:before {
    content: "\e003"
}

.icon-user-unfollow:before {
    content: "\e004"
}

.icon-trophy:before {
    content: "\e006"
}

.icon-screen-smartphone:before {
    content: "\e010"
}

.icon-screen-desktop:before {
    content: "\e011"
}

.icon-plane:before {
    content: "\e012"
}

.icon-notebook:before {
    content: "\e013"
}

.icon-moustache:before {
    content: "\e014"
}

.icon-mouse:before {
    content: "\e015"
}

.icon-magnet:before {
    content: "\e016"
}

.icon-energy:before {
    content: "\e020"
}

.icon-emoticon-smile:before {
    content: "\e021"
}

.icon-disc:before {
    content: "\e022"
}

.icon-cursor-move:before {
    content: "\e023"
}

.icon-crop:before {
    content: "\e024"
}

.icon-credit-card:before {
    content: "\e025"
}

.icon-chemistry:before {
    content: "\e026"
}

.icon-user:before {
    content: "\e005"
}

.icon-speedometer:before {
    content: "\e007"
}

.icon-social-youtube:before {
    content: "\e008"
}

.icon-social-twitter:before {
    content: "\e009"
}

.icon-social-tumblr:before {
    content: "\e00a"
}

.icon-social-facebook:before {
    content: "\e00b"
}

.icon-social-dropbox:before {
    content: "\e00c"
}

.icon-social-dribbble:before {
    content: "\e00d"
}

.icon-shield:before {
    content: "\e00e"
}

.icon-screen-tablet:before {
    content: "\e00f"
}

.icon-magic-wand:before {
    content: "\e017"
}

.icon-hourglass:before {
    content: "\e018"
}

.icon-graduation:before {
    content: "\e019"
}

.icon-ghost:before {
    content: "\e01a"
}

.icon-game-controller:before {
    content: "\e01b"
}

.icon-fire:before {
    content: "\e01c"
}

.icon-eyeglasses:before {
    content: "\e01d"
}

.icon-envelope-open:before {
    content: "\e01e"
}

.icon-envelope-letter:before {
    content: "\e01f"
}

.icon-bell:before {
    content: "\e027"
}

.icon-badge:before {
    content: "\e028"
}

.icon-anchor:before {
    content: "\e029"
}

.icon-wallet:before {
    content: "\e02a"
}

.icon-vector:before {
    content: "\e02b"
}

.icon-speech:before {
    content: "\e02c"
}

.icon-puzzle:before {
    content: "\e02d"
}

.icon-printer:before {
    content: "\e02e"
}

.icon-present:before {
    content: "\e02f"
}

.icon-playlist:before {
    content: "\e030"
}

.icon-pin:before {
    content: "\e031"
}

.icon-picture:before {
    content: "\e032"
}

.icon-map:before {
    content: "\e033"
}

.icon-layers:before {
    content: "\e034"
}

.icon-handbag:before {
    content: "\e035"
}

.icon-globe-alt:before {
    content: "\e036"
}

.icon-globe:before {
    content: "\e037"
}

.icon-frame:before {
    content: "\e038"
}

.icon-folder-alt:before {
    content: "\e039"
}

.icon-film:before {
    content: "\e03a"
}

.icon-feed:before {
    content: "\e03b"
}

.icon-earphones-alt:before {
    content: "\e03c"
}

.icon-earphones:before {
    content: "\e03d"
}

.icon-drop:before {
    content: "\e03e"
}

.icon-drawer:before {
    content: "\e03f"
}

.icon-docs:before {
    content: "\e040"
}

.icon-directions:before {
    content: "\e041"
}

.icon-direction:before {
    content: "\e042"
}

.icon-diamond:before {
    content: "\e043"
}

.icon-cup:before {
    content: "\e044"
}

.icon-compass:before {
    content: "\e045"
}

.icon-call-out:before {
    content: "\e046"
}

.icon-call-in:before {
    content: "\e047"
}

.icon-call-end:before {
    content: "\e048"
}

.icon-calculator:before {
    content: "\e049"
}

.icon-bubbles:before {
    content: "\e04a"
}

.icon-briefcase:before {
    content: "\e04b"
}

.icon-book-open:before {
    content: "\e04c"
}

.icon-basket-loaded:before {
    content: "\e04d"
}

.icon-basket:before {
    content: "\e04e"
}

.icon-bag:before {
    content: "\e04f"
}

.icon-action-undo:before {
    content: "\e050"
}

.icon-action-redo:before {
    content: "\e051"
}

.icon-wrench:before {
    content: "\e052"
}

.icon-umbrella:before {
    content: "\e053"
}

.icon-trash:before {
    content: "\e054"
}

.icon-tag:before {
    content: "\e055"
}

.icon-support:before {
    content: "\e056"
}

.icon-size-fullscreen:before {
    content: "\e057"
}

.icon-size-actual:before {
    content: "\e058"
}

.icon-shuffle:before {
    content: "\e059"
}

.icon-share-alt:before {
    content: "\e05a"
}

.icon-share:before {
    content: "\e05b"
}

.icon-rocket:before {
    content: "\e05c"
}

.icon-question:before {
    content: "\e05d"
}

.icon-pie-chart:before {
    content: "\e05e"
}

.icon-pencil:before {
    content: "\e05f"
}

.icon-note:before {
    content: "\e060"
}

.icon-music-tone-alt:before {
    content: "\e061"
}

.icon-music-tone:before {
    content: "\e062"
}

.icon-microphone:before {
    content: "\e063"
}

.icon-loop:before {
    content: "\e064"
}

.icon-logout:before {
    content: "\e065"
}

.icon-login:before {
    content: "\e066"
}

.icon-list:before {
    content: "\e067"
}

.icon-like:before {
    content: "\e068"
}

.icon-home:before {
    content: "\e069"
}

.icon-grid:before {
    content: "\e06a"
}

.icon-graph:before {
    content: "\e06b"
}

.icon-equalizer:before {
    content: "\e06c"
}

.icon-dislike:before {
    content: "\e06d"
}

.icon-cursor:before {
    content: "\e06e"
}

.icon-control-start:before {
    content: "\e06f"
}

.icon-control-rewind:before {
    content: "\e070"
}

.icon-control-play:before {
    content: "\e071"
}

.icon-control-pause:before {
    content: "\e072"
}

.icon-control-forward:before {
    content: "\e073"
}

.icon-control-end:before {
    content: "\e074"
}

.icon-calendar:before {
    content: "\e075"
}

.icon-bulb:before {
    content: "\e076"
}

.icon-bar-chart:before {
    content: "\e077"
}

.icon-arrow-up:before {
    content: "\e078"
}

.icon-arrow-right:before {
    content: "\e079"
}

.icon-arrow-left:before {
    content: "\e07a"
}

.icon-arrow-down:before {
    content: "\e07b"
}

.icon-ban:before {
    content: "\e07c"
}

.icon-bubble:before {
    content: "\e07d"
}

.icon-camcorder:before {
    content: "\e07e"
}

.icon-camera:before {
    content: "\e07f"
}

.icon-check:before {
    content: "\e080"
}

.icon-clock:before {
    content: "\e081"
}

.icon-close:before {
    content: "\e082"
}

.icon-cloud-download:before {
    content: "\e083"
}

.icon-cloud-upload:before {
    content: "\e084"
}

.icon-doc:before {
    content: "\e085"
}

.icon-envelope:before {
    content: "\e086"
}

.icon-eye:before {
    content: "\e087"
}

.icon-flag:before {
    content: "\e088"
}

.icon-folder:before {
    content: "\e089"
}

.icon-heart:before {
    content: "\e08a"
}

.icon-info:before {
    content: "\e08b"
}

.icon-key:before {
    content: "\e08c"
}

.icon-link:before {
    content: "\e08d"
}

.icon-lock:before {
    content: "\e08e"
}

.icon-lock-open:before {
    content: "\e08f"
}

.icon-magnifier:before {
    content: "\e090"
}

.icon-magnifier-add:before {
    content: "\e091"
}

.icon-magnifier-remove:before {
    content: "\e092"
}

.icon-paper-clip:before {
    content: "\e093"
}

.icon-paper-plane:before {
    content: "\e094"
}

.icon-plus:before {
    content: "\e095"
}

.icon-pointer:before {
    content: "\e096"
}

.icon-power:before {
    content: "\e097"
}

.icon-refresh:before {
    content: "\e098"
}

.icon-reload:before {
    content: "\e099"
}

.icon-settings:before {
    content: "\e09a"
}

.icon-star:before {
    content: "\e09b"
}

.icon-symbol-female:before {
    content: "\e09c"
}

.icon-symbol-male:before {
    content: "\e09d"
}

.icon-target:before {
    content: "\e09e"
}

.icon-volume-1:before {
    content: "\e09f"
}

.icon-volume-2:before {
    content: "\e0a0"
}

.icon-volume-off:before {
    content: "\e0a1"
}

.icon-users:before {
    content: "\e001"
}