@charset "UTF-8"; @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,500,600,700,800); @import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900); @import url(https://fonts.googleapis.com/css?family=Poppins:400,500,300,600,700); /*Theme Colors*/ /*bootstrap Color*/ /*Normal Color*/ /*Border radius*/ /*Preloader*/ @import "spinners.css"; .preloader { width: 100%; height: 100%; top: 0px; position: fixed; z-index: 99999; background: #fff; } .preloader .cssload-speeding-wheel { position: absolute; top: calc(50% - 3.5px); left: calc(50% - 3.5px); } /* This is for popins font for firefox */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/poppins/v1/2fCJtbhSlhNNa6S2xlh9GyEAvth_LlrfE80CYdSH47w.woff2) format('woff2'); unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* This is for popins font for firefox */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/poppins/v1/UGh2YG8gx86rRGiAZYIbVyEAvth_LlrfE80CYdSH47w.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* This is for popins font for firefox */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/poppins/v1/yQWaOD4iNU5NTY0apN-qj_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } * { outline: none !important; } body { background: #4F5467; font-family: 'Poppins', sans-serif; margin: 0; overflow-x: hidden; color: #686868; font-weight: 300; } html { position: relative; min-height: 100%; background: #ffffff; } h1, h2, h3, h4, h5, h6 { color: #2b2b2b; font-family: 'Poppins', sans-serif; margin: 10px 0; font-weight: 300; } h1 { line-height: 48px; font-size: 36px; } h2 { line-height: 36px; font-size: 24px; } h3 { line-height: 30px; font-size: 21px; } h4 { line-height: 22px; font-size: 18px; } h5 { font-size: 18px; font-size: 16px; } h5 { font-size: 16px; font-size: 14px; } .dn { display: none; } .db { display: block; } .light_op_text { color: rgba(255, 255, 255, 0.5); } blockquote { border-left: 5px solid #ff6849 !important; border: 1px solid rgba(120, 130, 140, 0.13); } p { line-height: 1.6; } b { font-weight: 600; } a:hover { outline: 0; text-decoration: none; } a:active { outline: 0; text-decoration: none; } a:focus { outline: 0; text-decoration: none; } .clear { clear: both; } .font-12 { font-size: 12px; } hr { border-color: rgba(120, 130, 140, 0.13); } .b-t { border-top: 1px solid rgba(120, 130, 140, 0.13); } .b-b { border-bottom: 1px solid rgba(120, 130, 140, 0.13); } .b-l { border-left: 1px solid rgba(120, 130, 140, 0.13); } .b-r { border-right: 1px solid rgba(120, 130, 140, 0.13); } .b-all { border: 1px solid rgba(120, 130, 140, 0.13); } .b-none { border: 0px!important; } .max-height { height: 310px; overflow: auto; } .p-0 { padding: 0px !important; } .p-10 { padding: 10px !important; } .p-20 { padding: 20px !important; } .p-30 { padding: 30px !important; } .p-l-0 { padding-left: 0px !important; } .p-l-10 { padding-left: 10px !important; } .p-l-20 { padding-left: 20px !important; } .p-r-0 { padding-right: 0px !important; } .p-r-10 { padding-right: 10px !important; } .p-r-20 { padding-right: 20px !important; } .p-r-30 { padding-right: 30px !important; } .p-r-40 { padding-right: 40px !important; } .p-t-0 { padding-top: 0px !important; } .p-t-10 { padding-top: 10px !important; } .p-t-20 { padding-top: 20px !important; } .p-t-30 { padding-top: 30px !important; } .p-b-0 { padding-bottom: 0px !important; } .p-b-10 { padding-bottom: 10px !important; } .p-b-20 { padding-bottom: 20px !important; } .p-b-30 { padding-bottom: 30px !important; } .p-b-40 { padding-bottom: 40px !important; } .m-0 { margin: 0px !important; } .m-l-5 { margin-left: 5px !important; } .m-l-10 { margin-left: 10px !important; } .m-l-15 { margin-left: 15px !important; } .m-l-20 { margin-left: 20px !important; } .m-l-30 { margin-left: 30px !important; } .m-l-40 { margin-left: 40px !important; } .m-r-5 { margin-right: 5px !important; } .m-r-10 { margin-right: 10px !important; } .m-r-15 { margin-right: 15px !important; } .m-r-20 { margin-right: 20px !important; } .m-r-30 { margin-right: 30px !important; } .m-r-40 { margin-right: 40px !important; } .m-t-5 { margin-top: 5px !important; } .m-t-0 { margin-top: 0px !important; } .m-t-10 { margin-top: 10px !important; } .m-t-15 { margin-top: 15px !important; } .m-t-20 { margin-top: 20px !important; } .m-t-30 { margin-top: 30px !important; } .m-t-40 { margin-top: 40px !important; } .m-b-0 { margin-bottom: 0px !important; } .m-b-5 { margin-bottom: 5px !important; } .m-b-10 { margin-bottom: 10px !important; } .m-b-15 { margin-bottom: 15px !important; } .m-b-20 { margin-bottom: 20px !important; } .m-b-30 { margin-bottom: 30px !important; } .m-b-40 { margin-bottom: 40px !important; } .vt { vertical-align: top; } .vb { vertical-align: bottom; } .font-bold { font-weight: 700; } .font-normal { font-weight: normal; } .font-light { font-weight: 300; } .pull-in { margin-left: -15px; margin-right: -15px; } .b-0 { border: none !important; } .vertical-middle { vertical-align: middle; } .bx-shadow { -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); } .mx-box { max-height: 380px; min-height: 380px; } .thumb-sm { height: 32px; width: 32px; } .thumb-md { height: 48px; width: 48px; } .thumb-lg { height: 88px; width: 88px; } .txt-oflo { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .get-code { color: #2b2b2b; cursor: pointer; border-radius: 100%; background: #ffffff; padding: 4px 5px; font-size: 10px; margin: 0 5px; vertical-align: middle; } /* Badge */ .badge { text-transform: uppercase; font-weight: 600; padding: 3px 5px; font-size: 12px; margin-top: 1px; background-color: #fec107; } .badge-xs { font-size: 9px; } .badge-xs, .badge-sm { -webkit-transform: translate(0, -2px); -ms-transform: translate(0, -2px); -o-transform: translate(0, -2px); transform: translate(0, -2px); } .badge-success { background-color: #00c292; } .badge-info { background-color: #03a9f3; } .badge-warning { background-color: #fec107; } .badge-danger { background-color: #fb9678; } .badge-purple { background-color: #9675ce; } .badge-red { background-color: #fb3a3a; } .badge-inverse { background-color: #4c5667; } /*notify*/ .notify { position: relative; margin-top: -30px; } .notify .heartbit { position: absolute; top: -20px; right: -16px; height: 25px; width: 25px; z-index: 10; border: 5px solid #fb9678; border-radius: 70px; -moz-animation: heartbit 1s ease-out; -moz-animation-iteration-count: infinite; -o-animation: heartbit 1s ease-out; -o-animation-iteration-count: infinite; -webkit-animation: heartbit 1s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .notify .point { width: 6px; height: 6px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: #fb9678; position: absolute; right: -6px; top: -10px; } @-moz-keyframes heartbit { 0% { -moz-transform: scale(0); opacity: 0.0; } 25% { -moz-transform: scale(0.1); opacity: 0.1; } 50% { -moz-transform: scale(0.5); opacity: 0.3; } 75% { -moz-transform: scale(0.8); opacity: 0.5; } 100% { -moz-transform: scale(1); opacity: 0.0; } } @-webkit-keyframes heartbit { 0% { -webkit-transform: scale(0); opacity: 0.0; } 25% { -webkit-transform: scale(0.1); opacity: 0.1; } 50% { -webkit-transform: scale(0.5); opacity: 0.3; } 75% { -webkit-transform: scale(0.8); opacity: 0.5; } 100% { -webkit-transform: scale(1); opacity: 0.0; } } /* Text colors */ .text-white { color: #ffffff; } .text-danger { color: #fb9678; } .text-muted { color: #8d9ea7; } .text-warning { color: #fec107; } .text-success { color: #00c292; } .text-info { color: #03a9f3; } .text-inverse { color: #4c5667; } .text-blue { color: #02bec9; } .text-purple { color: #9675ce; } .text-primary { color: #ab8ce4; } .text-megna { color: #01c0c8; } .text-dark { color: #686868 !important; } /* Background colors */ .bg-primary { background-color: #ab8ce4 !important; } .bg-success { background-color: #00c292 !important; } .bg-info { background-color: #03a9f3 !important; } .bg-warning { background-color: #fec107 !important; } .bg-danger { background-color: #fb9678 !important; } .bg-theme { background-color: #ff6849 !important; } .bg-theme-dark { background-color: #4F5467 !important; } .bg-inverse { background-color: #4c5667 !important; } .bg-purple { background-color: #9675ce !important; } .bg-white { background-color: #ffffff !important; } /* Labels */ .label { letter-spacing: 0.05em; border-radius: 60px; padding: 4px 16px 3px; font-weight: 500; } .label-rounded, .label-rouded { border-radius: 60px; padding: 4px 16px 3px; font-weight: 500; } .label-custom { background-color: #01c0c8; } .label-success { background-color: #00c292; } .label-info { background-color: #03a9f3; } .label-warning { background-color: #fec107; } .label-danger { background-color: #fb9678; } .label-megna { background-color: #01c0c8; } .label-primary { background-color: #ab8ce4; } .label-purple { background-color: #9675ce; } .label-red { background-color: #fb3a3a; } .label-inverse { background-color: #4c5667; } .label-white { background-color: #ffffff; } .label-default { background-color: #e4e7ea; } /*Bootstrap overight*/ .dropdown-menu { border: 1px solid rgba(120, 130, 140, 0.13); border-radius: 0px; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05) !important; -webkit-box-shadow: 0px!important; -moz-box-shadow: 0px!important; padding-bottom: 8px; margin-top: 0px; } .dropdown-menu > li > a { padding: 9px 20px; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background: #f7fafc; } .navbar-top-links .progress { margin-bottom: 6px; } label { font-weight: 500; } .btn { border-radius: 0px; } .form-control { background-color: #ffffff; border: 1px solid #e4e7ea; border-radius: 0px; box-shadow: none; color: #565656; height: 38px; max-width: 100%; padding: 7px 12px; transition: all 300ms linear 0s; } .form-control:focus { box-shadow: none; border-color: #2b2b2b; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 44px; padding: 5px 10px; font-size: 18px; } .bootstrap-tagsinput { border: 1px solid #e4e7ea; border-radius: 0px; box-shadow: none; display: block; padding: 7px 12px; } .bootstrap-touchspin .input-group-btn-vertical > .btn { padding: 9px 10px; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up, .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { border-radius: 0px; } .input-group-btn .btn { padding: 8px 12px; } .form-horizontal .form-group { margin-left: -7.5px; margin-right: -7.5px; margin-bottom: 25px; } .form-group { margin-bottom: 25px; } .select2-container-multi .select2-choices { border: 1px solid #e4e7ea; } .list-group-item, .list-group-item:first-child, .list-group-item:last-child { border-radius: 0px; border-color: rgba(120, 130, 140, 0.13); } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { background: #03a9f3; border-color: #03a9f3; } .list-task .list-group-item, .list-task .list-group-item:first-child { border-radius: 0px; border: 0px; } .list-task .list-group-item:last-child { border-radius: 0px; border: 0px; } .media { border: 1px solid rgba(120, 130, 140, 0.13); margin-bottom: 10px; padding: 15px; } .media .media-heading { font-weight: 500; } .well, pre { background: #ffffff; border-radius: 0px; } .nav-tabs > li > a { border-radius: 0px; color: #2b2b2b; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { background: #ffffff; } .modal-content { border-radius: 0px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); } .alert { border-radius: 0px; } .carousel-control { width: 8%; } .carousel-control span { position: absolute; top: 50%; /* pushes the icon in the middle of the height */ z-index: 5; display: inline-block; font-size: 30px; } .popover { border-radius: 0px; } .popover-title { padding: 5px 14px; } .container-fluid { padding-left: 25px; padding-right: 25px; padding-bottom: 15px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-left: 7.5px; padding-right: 7.5px; } .row { margin-right: -7.5px; margin-left: -7.5px; } .btn-group-vertical > .btn:first-child:not(:last-child), .btn-group-vertical > .btn:last-child:not(:first-child) { border-radius: 0px; } .table-responsive { overflow-y: hidden; } /* Pagination/ Pager */ .pagination > li:first-child > a, .pagination > li:first-child > span { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .pagination > li > a, .pagination > li > span { color: #2b2b2b; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #e4e7ea; } .pagination-split li { margin-left: 5px; display: inline-block; float: left; } .pagination-split li:first-child { margin-left: 0; } .pagination-split li a { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #ff6849; border-color: #ff6849; } .pager li > a, .pager li > span { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; color: #2b2b2b; } .table-box { display: table; width: 100%; } .cell { display: table-cell; vertical-align: middle; } .jqstooltip { width: auto !important; height: auto !important; } #wrapper { width: 100%; } #page-wrapper { padding: 0px; min-height: 568px; background: #edf1f5; padding-bottom: 60px; } .footer { bottom: 0; color: #58666e; left: 0px; padding: 20px 30px; position: absolute; right: 0; background: #ffffff; } .bg-title { background: #ffffff; overflow: hidden; padding: 15px 15px 10px; margin-bottom: 25px; margin-left: -25.5px; margin-right: -25.5px; } .bg-title h4 { color: rgba(0, 0, 0, 0.5); font-weight: 600; margin-top: 6px; } .bg-title .breadcrumb { background: none; margin-bottom: 0px; float: right; padding: 0; margin-top: 8px; } .bg-title .breadcrumb a { color: rgba(0, 0, 0, 0.5); } .bg-title .breadcrumb a:hover { color: #000000; } .bg-title .breadcrumb .active { color: #ff6849; } .logo b { /*background:@themecolor;*/ height: 60px; display: inline-block; width: 60px; line-height: 60px; text-align: center; } .logo i { color: #ffffff; } .top-left-part { width: 220px; float: left; } .top-left-part a { color: #ffffff; font-size: 18px; padding-left: 0px; text-transform: uppercase; } .navbar-header { width: 100%; background: #3c4451; border: 0px; } .navbar-default { border: 0px; } .navbar-top-links { margin-right: 0; } .navbar-top-links .badge { position: absolute; right: 6px; top: 15px; } .navbar-top-links > li { float: left; } .navbar-top-links > li > a { color: #ffffff; padding: 0 12px; line-height: 60px; min-height: 60px; } .navbar-top-links > li > a:hover { background: rgba(0, 0, 0, 0.1); } .navbar-top-links > li > a:focus { background: rgba(0, 0, 0, 0); } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background: rgba(255, 255, 255, 0.2); } .navbar-top-links .dropdown-menu li { display: block; } .navbar-top-links .dropdown-menu li:last-child { margin-right: 0; } .navbar-top-links .dropdown-menu li a div { white-space: normal; } .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts { width: 310px; min-width: 0; } .navbar-top-links .dropdown-messages { margin-left: 5px; } .navbar-top-links .dropdown-tasks { margin-left: -59px; } .navbar-top-links .dropdown-alerts { margin-left: -123px; } .navbar-top-links .dropdown-user { right: 0; left: auto; } .navbar-header .navbar-toggle { float: none; padding: 0 15px; line-height: 60px; border: 0px; color: rgba(255, 255, 255, 0.5); margin: 0px; display: inline-block; border-radius: 0px; } .navbar-header .navbar-toggle:hover, .navbar-header .navbar-toggle:focus { background: rgba(0, 0, 0, 0.3); color: #ffffff; } /*Search*/ .app-search { position: relative; margin: 0px; } .app-search a { position: absolute; top: 20px; right: 10px; color: #4c5667; } .app-search .form-control, .app-search .form-control:focus { border: none; font-size: 13px; color: #4c5667; padding-left: 20px; padding-right: 40px; background: rgba(255, 255, 255, 0.9); box-shadow: none; height: 30px; font-weight: 600; width: 180px; display: inline-block; line-height: 30px; margin-top: 15px; border-radius: 40px; transition: 0.5s ease-out; } .app-search .form-control::-moz-placeholder { color: #4c5667; opacity: 0.5; } .app-search .form-control::-webkit-input-placeholder { color: #4c5667; opacity: 0.5; } .app-search .form-control::-ms-placeholder { color: #4c5667; opacity: 0.5; } .nav-small-cap { color: #a6afbb; cursor: default; font-weight: 500; text-transform: uppercase; font-size: 13px; letter-spacing: 0.035em; padding: 12px 15px !important; pointer-events: none; margin: 20px 0 0 -15px; } .profile-pic { padding: 0px 20px; line-height: 50px; } .profile-pic img { margin-right: 10px; } .drop-title { border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #2b2b2b; font-size: 15px; font-weight: 600; padding: 11px 20px 15px; } .btn-outline { color: inherit; background-color: transparent; transition: all .5s; } .btn-rounded { border-radius: 60px; } .btn-custom, .btn-custom.disabled { background: #ff6849; border: 1px solid #ff6849; color: #ffffff; } .btn-custom:hover, .btn-custom.disabled:hover, .btn-custom:focus, .btn-custom.disabled:focus, .btn-custom.focus, .btn-custom.disabled.focus { background: #ff6849; opacity: 0.8; color: #ffffff; border: 1px solid #ff6849; } .btn-primary, .btn-primary.disabled { background: #ab8ce4; border: 1px solid #ab8ce4; } .btn-primary:hover, .btn-primary.disabled:hover, .btn-primary:focus, .btn-primary.disabled:focus, .btn-primary.focus, .btn-primary.disabled.focus { background: #ab8ce4; opacity: 0.8; border: 1px solid #ab8ce4; } .btn-success, .btn-success.disabled { background: #00c292; border: 1px solid #00c292; } .btn-success:hover, .btn-success.disabled:hover, .btn-success:focus, .btn-success.disabled:focus, .btn-success.focus, .btn-success.disabled.focus { background: #00c292; opacity: 0.8; border: 1px solid #00c292; } .btn-info, .btn-info.disabled { background: #03a9f3; border: 1px solid #03a9f3; } .btn-info:hover, .btn-info.disabled:hover, .btn-info:focus, .btn-info.disabled:focus, .btn-info.focus, .btn-info.disabled.focus { background: #03a9f3; opacity: 0.8; border: 1px solid #03a9f3; } .btn-warning, .btn-warning.disabled { background: #fec107; border: 1px solid #fec107; } .btn-warning:hover, .btn-warning.disabled:hover, .btn-warning:focus, .btn-warning.disabled:focus, .btn-warning.focus, .btn-warning.disabled.focus { background: #fec107; opacity: 0.8; border: 1px solid #fec107; } .btn-danger, .btn-danger.disabled { background: #fb9678; border: 1px solid #fb9678; } .btn-danger:hover, .btn-danger.disabled:hover, .btn-danger:focus, .btn-danger.disabled:focus, .btn-danger.focus, .btn-danger.disabled.focus { background: #fb9678; opacity: 0.8; border: 1px solid #fb9678; } .btn-default, .btn-default.disabled { background: #e4e7ea; border: 1px solid #e4e7ea; } .btn-default:hover, .btn-default.disabled:hover, .btn-default:focus, .btn-default.disabled:focus, .btn-default.focus, .btn-default.disabled.focus { opacity: 0.8; border: 1px solid #e4e7ea; background: #e4e7ea; } .btn-default.btn-outline { background-color: #ffffff; } .btn-default.btn-outline:hover, .btn-default.btn-outline:focus, .btn-default.btn-outline.focus { background: #e4e7ea; } .btn-primary.btn-outline { color: #ab8ce4; background-color: #ffffff; } .btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline.focus { background: #ab8ce4; color: #ffffff; } .btn-success.btn-outline { color: #00c292; background-color: transparent; } .btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline.focus { background: #00c292; color: #ffffff; } .btn-info.btn-outline { color: #03a9f3; background-color: transparent; } .btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline.focus { background: #03a9f3; color: #ffffff; } .btn-warning.btn-outline { color: #fec107; background-color: transparent; } .btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline.focus { background: #fec107; color: #ffffff; } .btn-danger.btn-outline { color: #fb9678; background-color: transparent; } .btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline.focus { background: #fb9678; color: #ffffff; } .button-box .btn { margin: 0 8px 8px 0px; } .btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-info.btn-outline:hover, .btn-warning.btn-outline:hover, .btn-danger.btn-outline:hover { color: white; } .btn-label { background: rgba(0, 0, 0, 0.05); display: inline-block; margin: -6px 12px -6px -14px; padding: 7px 15px; } .btn-facebook { color: #ffffff !important; background-color: #3b5998 !important; } .btn-twitter { color: #ffffff !important; background-color: #55acee !important; } .btn-linkedin { color: #ffffff !important; background-color: #007bb6 !important; } .btn-dribbble { color: #ffffff !important; background-color: #ea4c89 !important; } .btn-googleplus { color: #ffffff !important; background-color: #dd4b39 !important; } .btn-instagram { color: #ffffff !important; background-color: #3f729b !important; } .btn-pinterest { color: #ffffff !important; background-color: #cb2027 !important; } .btn-dropbox { color: #ffffff !important; background-color: #007ee5 !important; } .btn-flickr { color: #ffffff !important; background-color: #ff0084 !important; } .btn-tumblr { color: #ffffff !important; background-color: #32506d !important; } .btn-skype { color: #ffffff !important; background-color: #00aff0 !important; } .btn-youtube { color: #ffffff !important; background-color: #bb0000 !important; } .btn-github { color: #ffffff !important; background-color: #171515 !important; } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover, .btn-primary.focus, .btn-primary:focus { background-color: #ab8ce4; border: 1px solid #ab8ce4; } .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success.focus:active, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover, .btn-success.focus, .btn-success:focus { background-color: #00c292; border: 1px solid #00c292; } .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover, .btn-info.focus, .btn-info:focus { background-color: #03a9f3; border: 1px solid #03a9f3; } .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning.focus:active, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover, .btn-warning.focus, .btn-warning:focus { background-color: #fec107; border: 1px solid #fec107; } .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger.focus:active, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover, .btn-danger.focus, .btn-danger:focus { background-color: #fb9678; border: 1px solid #fb9678; } .btn-inverse, .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.focus, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .open > .dropdown-toggle.btn-inverse { background-color: #4c5667; border: 1px solid #4c5667; color: #ffffff; } .chat { margin: 0; padding: 0; list-style: none; } .chat li { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted rgba(120, 130, 140, 0.13); } .chat li.left .chat-body { margin-left: 60px; } .chat li.right .chat-body { margin-right: 60px; } .chat li .chat-body p { margin: 0; } .panel .slidedown .glyphicon, .chat .glyphicon { margin-right: 5px; } .chat-panel .panel-body { height: 350px; overflow-y: scroll; } .login-panel { margin-top: 25%; } .flot-chart { display: block; height: 400px; } .flot-chart-content { width: 100%; height: 100%; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background: transparent; } table.dataTable thead .sorting_asc:after { content: "\f0de"; float: right; font-family: fontawesome; } table.dataTable thead .sorting_desc:after { content: "\f0dd"; float: right; font-family: fontawesome; } table.dataTable thead .sorting:after { content: "\f0dc"; float: right; font-family: fontawesome; color: rgba(50, 50, 50, 0.5); } .btn-circle { width: 30px; height: 30px; padding: 6px 0; border-radius: 15px; text-align: center; font-size: 12px; line-height: 1.428571429; } .btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 16px; border-radius: 25px; font-size: 18px; line-height: 1.33; } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; border-radius: 35px; font-size: 24px; line-height: 1.33; } .show-grid [class^="col-"] { padding-top: 10px; padding-bottom: 10px; border: 1px solid rgba(120, 130, 140, 0.13); background-color: #f7fafc; } .show-grid { margin: 15px 0; } .huge { font-size: 40px; } .white-box { background: #ffffff; padding: 25px; margin-bottom: 15px; } .white-box .box-title { margin: 0px 0px 12px; font-weight: 500; text-transform: uppercase; font-size: 14px; } .panel { border-radius: 0px; margin-bottom: 15px; border: 0px; } .panel .panel-heading { border-radius: 0px; font-weight: 600; text-transform: uppercase; padding: 20px 25px; } .panel .panel-heading .panel-title { font-size: 14px; color: #2b2b2b; } .panel .panel-heading a i { font-size: 12px; margin-left: 8px; } .panel .panel-action { float: right; } .panel .panel-action a { opacity: 0.5; } .panel .panel-action a:hover { opacity: 1; } .panel .panel-body { padding: 25px; } .panel .panel-body:first-child h3 { margin-top: 0px; font-weight: 600; font-family: 'Poppins', sans-serif; font-size: 14px; text-transform: uppercase; } .panel .panel-footer { background: #ffffff; border-radius: 0px; padding: 20px 25px; } .panel-green, .panel-success { border-color: #00c292; } .panel-green .panel-heading, .panel-success .panel-heading { border-color: #00c292; color: white; background-color: #00c292; } .panel-green .panel-heading a, .panel-success .panel-heading a { color: #ffffff; } .panel-green .panel-heading a:hover, .panel-success .panel-heading a:hover { color: rgba(255, 255, 255, 0.5); } .panel-green a, .panel-success a { color: #00c292; } .panel-green a:hover, .panel-success a:hover { color: #007658; } .panel-black, .panel-inverse { border-color: #4c5667; } .panel-black .panel-heading, .panel-inverse .panel-heading { border-color: #4c5667; color: white; background-color: #4c5667; } .panel-black .panel-heading a, .panel-inverse .panel-heading a { color: #ffffff; } .panel-black .panel-heading a:hover, .panel-inverse .panel-heading a:hover { color: rgba(255, 255, 255, 0.5); } .panel-black a, .panel-inverse a { color: #4c5667; } .panel-black a:hover, .panel-inverse a:hover { color: #2c313b; } .panel-darkblue, .panel-primary { border-color: #ab8ce4; } .panel-darkblue .panel-heading, .panel-primary .panel-heading { border-color: #ab8ce4; color: white; background-color: #ab8ce4; } .panel-darkblue .panel-heading a, .panel-primary .panel-heading a { color: #ffffff; } .panel-darkblue .panel-heading a:hover, .panel-primary .panel-heading a:hover { color: rgba(255, 255, 255, 0.5); } .panel-darkblue a, .panel-primary a { color: #ab8ce4; } .panel-darkblue a:hover, .panel-primary a:hover { color: #7e4ed5; } .panel-blue, .panel-info { border-color: #03a9f3; } .panel-blue .panel-heading, .panel-info .panel-heading { border-color: #03a9f3; color: white; background-color: #03a9f3; } .panel-blue .panel-heading a, .panel-info .panel-heading a { color: #ffffff; } .panel-blue .panel-heading a:hover, .panel-info .panel-heading a:hover { color: rgba(255, 255, 255, 0.5); } .panel-blue a, .panel-info a { color: #03a9f3; } .panel-blue a:hover, .panel-info a:hover { color: #0274a7; } .panel-red, .panel-danger { border-color: #fb9678; } .panel-red .panel-heading, .panel-danger .panel-heading { border-color: #fb9678; color: white; background-color: #fb9678; } .panel-red .panel-heading a, .panel-danger .panel-heading a { color: #ffffff; } .panel-red .panel-heading a:hover, .panel-danger .panel-heading a:hover { color: rgba(255, 255, 255, 0.5); } .panel-red a, .panel-danger a { color: #fb9678; } .panel-red a:hover, .panel-danger a:hover { color: #f95c2e; } .panel-yellow, .panel-warning { border-color: #fec107; } .panel-yellow .panel-heading, .panel-warning .panel-heading { border-color: #fec107; color: white; background-color: #fec107; } .panel-yellow .panel-heading a, .panel-warning .panel-heading a { color: #ffffff; } .panel-yellow .panel-heading a:hover, .panel-warning .panel-heading a:hover { color: rgba(255, 255, 255, 0.5); } .panel-yellow a, .panel-warning a { color: #fec107; } .panel-yellow a:hover, .panel-warning a:hover { color: #b88b01; } .panel-white, .panel-default { border-color: rgba(120, 130, 140, 0.13); } .panel-white .panel-heading, .panel-default .panel-heading { color: #2b2b2b; background-color: #ffffff; border-bottom: 1px solid rgba(120, 130, 140, 0.13); } .panel-white .panel-body, .panel-default .panel-body { color: #2b2b2b; } .panel-white .panel-action a, .panel-default .panel-action a { color: #2b2b2b; opacity: 0.5; } .panel-white .panel-action a:hover, .panel-default .panel-action a:hover { opacity: 1; color: #2b2b2b; } .panel-white .panel-footer, .panel-default .panel-footer { background: #ffffff; color: #2b2b2b; border-top: 1px solid rgba(120, 130, 140, 0.13); } .full-panel-info { border-color: #03a9f3; } .full-panel-info .panel-heading { border-color: #03a9f3; color: white; background-color: #03a9f3; border-bottom: 1px solid rgba(120, 130, 140, 0.13); } .full-panel-info .panel-body { background: #03a9f3; color: #ffffff; } .full-panel-info .panel-footer { background: #03a9f3; color: #ffffff; border-top: 1px solid rgba(120, 130, 140, 0.13); } .full-panel-info a { color: #03a9f3; } .full-panel-info a:hover { color: #0274a7; } .full-panel-warning { border-color: #fec107; } .full-panel-warning .panel-heading { border-color: #fec107; color: white; background-color: #fec107; border-bottom: 1px solid rgba(120, 130, 140, 0.13); } .full-panel-warning .panel-body { background: #fec107; color: #ffffff; } .full-panel-warning .panel-footer { background: #fec107; color: #ffffff; border-top: 1px solid rgba(120, 130, 140, 0.13); } .full-panel-warning a { color: #fec107; } .full-panel-warning a:hover { color: #b88b01; } .full-panel-success { border-color: #00c292; } .full-panel-success .panel-heading { border-color: #00c292; color: white; background-color: #00c292; border-bottom: 1px solid rgba(120, 130, 140, 0.13); } .full-panel-success .panel-body { background: #00c292; color: #ffffff; } .full-panel-success .panel-footer { background: #00c292; color: #ffffff; border-top: 1px solid rgba(120, 130, 140, 0.13); } .full-panel-success a { color: #00c292; } .full-panel-success a:hover { color: #007658; } .full-panel-purple { border-color: #9675ce; } .full-panel-purple .panel-heading { color: white; background-color: #9675ce; border-bottom: 1px solid rgba(120, 130, 140, 0.13); } .full-panel-purple .panel-body { background: #9675ce; color: #ffffff; } .full-panel-purple .panel-footer { background: #9675ce; color: #ffffff; border-top: 1px solid rgba(120, 130, 140, 0.13); } .full-panel-purple a { color: #9675ce; } .full-panel-purple a:hover { color: #6c41b6; } .full-panel-danger { border-color: #fb9678; } .full-panel-danger .panel-heading { border-color: #fb9678; color: white; background-color: #fb9678; border-bottom: 1px solid rgba(120, 130, 140, 0.13); } .full-panel-danger .panel-body { background: #fb9678; color: #ffffff; } .full-panel-danger .panel-footer { background: #fb9678; color: #ffffff; border-top: 1px solid rgba(120, 130, 140, 0.13); } .full-panel-danger a { color: #fb9678; } .full-panel-danger a:hover { color: #f95c2e; } .full-panel-inverse { border-color: #4c5667; } .full-panel-inverse .panel-heading { border-color: #4c5667; color: white; background-color: #4c5667; border-bottom: 1px solid rgba(120, 130, 140, 0.13); } .full-panel-inverse .panel-body { background: #4c5667; color: #ffffff; } .full-panel-inverse .panel-footer { background: #4c5667; color: #ffffff; border-top: 1px solid rgba(120, 130, 140, 0.13); } .full-panel-inverse a { color: #4c5667; } .full-panel-inverse a:hover { color: #2c313b; } .full-panel-default { border-color: rgba(120, 130, 140, 0.13); } .full-panel-default .panel-heading { color: #2b2b2b; background-color: #ffffff; border-bottom: 1px solid rgba(120, 130, 140, 0.13); } .full-panel-default .panel-body { color: #2b2b2b; } .full-panel-default .panel-footer { background: #ffffff; color: #2b2b2b; border-top: 1px solid rgba(120, 130, 140, 0.13); } .full-panel-default a { color: #2b2b2b; } .full-panel-default a:hover { color: #2c313b; } .panel-opcl { float: right; } .panel-opcl i { margin-left: 8px; font-size: 10px; cursor: pointer; } .fa-fw { width: 20px!important; display: inline-block !important; text-align: left !important; } /*Wave Effeects*/ .waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; opacity: 0; background: rgba(0, 0, 0, 0.08); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; -webkit-transform: scale(0) translate(0, 0); -moz-transform: scale(0) translate(0, 0); -ms-transform: scale(0) translate(0, 0); -o-transform: scale(0) translate(0, 0); transform: scale(0) translate(0, 0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); pointer-events: none; } .waves-effect.waves-light .waves-ripple { background: rgba(255, 255, 255, 0.4); background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); } .waves-effect.waves-classic .waves-ripple { background: rgba(0, 0, 0, 0.2); } .waves-effect.waves-classic.waves-light .waves-ripple { background: rgba(255, 255, 255, 0.4); } .waves-notransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } .waves-button, .waves-circle { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); } .waves-button, .waves-button:hover, .waves-button:visited, .waves-button-input { white-space: nowrap; vertical-align: middle; cursor: pointer; border: none; outline: none; color: inherit; background-color: rgba(0, 0, 0, 0); font-size: 1em; line-height: 1em; text-align: center; text-decoration: none; z-index: 1; } .waves-button { padding: 0.85em 1.1em; border-radius: 0.2em; } .waves-button-input { margin: 0; padding: 0.85em 1.1em; } .waves-input-wrapper { border-radius: 0.2em; vertical-align: bottom; } .waves-input-wrapper.waves-button { padding: 0; } .waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1; } .waves-circle { text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; } .waves-float { -webkit-mask-image: none; -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .waves-float:active { -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); } .waves-block { display: block; } /* ============= Checkbox and Radios ============= */ .checkbox { padding-left: 20px; } .checkbox label { display: inline-block; padding-left: 5px; position: relative; } .checkbox label::before { -o-transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; background-color: #ffffff; border-radius: 1px; border: 1px solid rgba(120, 130, 140, 0.13); content: ""; display: inline-block; height: 17px; left: 0; margin-left: -20px; position: absolute; transition: 0.3s ease-in-out; width: 17px; outline: none !important; } .checkbox label::after { color: #2b2b2b; display: inline-block; font-size: 11px; height: 16px; left: 0; margin-left: -20px; padding-left: 3px; padding-top: 1px; position: absolute; top: 0; width: 16px; } .checkbox input[type="checkbox"] { cursor: pointer; opacity: 0; z-index: 1; outline: none !important; } .checkbox input[type="checkbox"]:disabled + label { opacity: 0.65; } .checkbox input[type="checkbox"]:focus + label::before { outline-offset: -2px; outline: none; outline: thin dotted; } .checkbox input[type="checkbox"]:checked + label::after { content: "\f00c"; font-family: 'FontAwesome'; } .checkbox input[type="checkbox"]:disabled + label::before { background-color: #e4e7ea; cursor: not-allowed; } .checkbox.checkbox-circle label::before { border-radius: 50%; } .checkbox.checkbox-inline { margin-top: 0; } .checkbox.checkbox-single label { height: 17px; } .checkbox-primary input[type="checkbox"]:checked + label::before { background-color: #ab8ce4; border-color: #ab8ce4; } .checkbox-primary input[type="checkbox"]:checked + label::after { color: #ffffff; } .checkbox-danger input[type="checkbox"]:checked + label::before { background-color: #fb9678; border-color: #fb9678; } .checkbox-danger input[type="checkbox"]:checked + label::after { color: #ffffff; } .checkbox-info input[type="checkbox"]:checked + label::before { background-color: #03a9f3; border-color: #03a9f3; } .checkbox-info input[type="checkbox"]:checked + label::after { color: #ffffff; } .checkbox-warning input[type="checkbox"]:checked + label::before { background-color: #fec107; border-color: #fec107; } .checkbox-warning input[type="checkbox"]:checked + label::after { color: #ffffff; } .checkbox-success input[type="checkbox"]:checked + label::before { background-color: #00c292; border-color: #00c292; } .checkbox-success input[type="checkbox"]:checked + label::after { color: #ffffff; } .checkbox-purple input[type="checkbox"]:checked + label::before { background-color: #9675ce; border-color: #9675ce; } .checkbox-purple input[type="checkbox"]:checked + label::after { color: #ffffff; } .checkbox-red input[type="checkbox"]:checked + label::before { background-color: #fb9678; border-color: #fb9678; } .checkbox-red input[type="checkbox"]:checked + label::after { color: #ffffff; } .checkbox-inverse input[type="checkbox"]:checked + label::before { background-color: #4c5667; border-color: #4c5667; } .checkbox-inverse input[type="checkbox"]:checked + label::after { color: #ffffff; } /* Radios */ .radio { padding-left: 20px; } .radio label { display: inline-block; padding-left: 5px; position: relative; } .radio label::before { -o-transition: border 0.5s ease-in-out; -webkit-transition: border 0.5s ease-in-out; background-color: #ffffff; border-radius: 50%; border: 1px solid rgba(120, 130, 140, 0.13); content: ""; display: inline-block; height: 17px; left: 0; margin-left: -20px; position: absolute; transition: border 0.5s ease-in-out; width: 17px; outline: none !important; } .radio label::after { -moz-transition: -moz-transform 0.3s cubic-bezier(0.8, -0.33, 0.2, 1.33); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); -o-transition: -o-transform 0.3s cubic-bezier(0.8, -0.33, 0.2, 1.33); -webkit-transform: scale(0, 0); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.8, -0.33, 0.2, 1.33); background-color: #2b2b2b; border-radius: 50%; content: " "; display: inline-block; height: 7px; left: 5px; margin-left: -20px; position: absolute; top: 5px; transform: scale(0, 0); transition: transform 0.3s cubic-bezier(0.8, -0.33, 0.2, 1.33); width: 7px; } .radio input[type="radio"] { cursor: pointer; opacity: 0; z-index: 1; outline: none !important; } .radio input[type="radio"]:disabled + label { opacity: 0.65; } .radio input[type="radio"]:focus + label::before { outline-offset: -2px; outline: 5px auto -webkit-focus-ring-color; outline: thin dotted; } .radio input[type="radio"]:checked + label::after { -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } .radio input[type="radio"]:disabled + label::before { cursor: not-allowed; } .radio.radio-inline { margin-top: 0; } .radio.radio-single label { height: 17px; } .radio-primary input[type="radio"] + label::after { background-color: #ab8ce4; } .radio-primary input[type="radio"]:checked + label::before { border-color: #ab8ce4; } .radio-primary input[type="radio"]:checked + label::after { background-color: #ab8ce4; } .radio-danger input[type="radio"] + label::after { background-color: #fb9678; } .radio-danger input[type="radio"]:checked + label::before { border-color: #fb9678; } .radio-danger input[type="radio"]:checked + label::after { background-color: #fb9678; } .radio-info input[type="radio"] + label::after { background-color: #03a9f3; } .radio-info input[type="radio"]:checked + label::before { border-color: #03a9f3; } .radio-info input[type="radio"]:checked + label::after { background-color: #03a9f3; } .radio-warning input[type="radio"] + label::after { background-color: #fec107; } .radio-warning input[type="radio"]:checked + label::before { border-color: #fec107; } .radio-warning input[type="radio"]:checked + label::after { background-color: #fec107; } .radio-success input[type="radio"] + label::after { background-color: #00c292; } .radio-success input[type="radio"]:checked + label::before { border-color: #00c292; } .radio-success input[type="radio"]:checked + label::after { background-color: #00c292; } .radio-purple input[type="radio"] + label::after { background-color: #9675ce; } .radio-purple input[type="radio"]:checked + label::before { border-color: #9675ce; } .radio-purple input[type="radio"]:checked + label::after { background-color: #9675ce; } .radio-red input[type="radio"] + label::after { background-color: #fb9678; } .radio-red input[type="radio"]:checked + label::before { border-color: #fb9678; } .radio-red input[type="radio"]:checked + label::after { background-color: #fb9678; } /* File Upload */ .fileupload { overflow: hidden; position: relative; } .fileupload input.upload { cursor: pointer; filter: alpha(opacity=0); font-size: 20px; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0; } /** Models **/ .model_img { cursor: pointer; } /*Nestable*/ .myadmin-dd .dd-list .dd-item .dd-handle { background: #ffffff; border: 1px solid rgba(120, 130, 140, 0.13); padding: 8px 16px; height: auto; font-weight: 600; border-radius: 0px; } .myadmin-dd .dd-list .dd-item .dd-handle:hover { color: #03a9f3; } .myadmin-dd .dd-list .dd-item button { height: auto; font-size: 17px; margin: 8px auto; color: #2b2b2b; width: 30px; } .myadmin-dd-empty .dd-list .dd3-handle { border: 1px solid rgba(120, 130, 140, 0.13); border-bottom: 0px; background: #ffffff; height: 36px; width: 36px; } .myadmin-dd-empty .dd-list .dd3-handle:before { color: inherit; top: 7px; } .myadmin-dd-empty .dd-list .dd3-handle:hover { color: #03a9f3; } .myadmin-dd-empty .dd-list .dd3-content { height: auto; border: 1px solid rgba(120, 130, 140, 0.13); padding: 8px 16px 8px 46px; background: #ffffff; font-weight: 600; } .myadmin-dd-empty .dd-list .dd3-content:hover { color: #03a9f3; } .myadmin-dd-empty .dd-list button { width: 26px; height: 26px; font-size: 16px; font-weight: 600; } /*Setting box*/ .settings_box { position: absolute; top: 75px; right: 0px; z-index: 100; } .settings_box a { background: #ffffff; padding: 15px; display: inline-block; vertical-align: top; } .settings_box a i { display: block; -webkit-animation-name: rotate; -webkit-animation-duration: 2s; -moz-animation-name: rotate; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; animation-name: rotate; font-size: 16px; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear; } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotate { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .theme_color { margin: 0px; padding: 0px; display: inline-block; overflow: hidden; width: 0px; transition: 0.5s ease-out; background: #ffffff; } .theme_color li { list-style: none; width: 30%; float: left; margin: 0 1.5%; } .theme_color li a { padding: 5px; height: 50px; display: block; } .theme_color li a.theme-green { background: #00c292; } .theme_color li a.theme-red { background: #fb9678; } .theme_color li a.theme-dark { background: #4c5667; } .theme_block { width: 200px; padding: 30px; } /*Common Ul*/ ul.common li { display: inline-block; line-height: 40px; list-style: outside none none; width: 48%; } ul.common li a { color: #686868; } ul.common li a:hover { color: #03a9f3; } /*ROW -IN*/ .row-in i { font-size: 24px; } /*Inbox widgets*/ .mailbox { width: 280px; overflow: auto; padding-bottom: 0px; } .message-center a { border-bottom: 1px solid rgba(120, 130, 140, 0.13); display: block; padding: 9px 15px; } .message-center a:hover { background: #f7fafc; } .message-center .user-img { width: 40px; float: left; position: relative; margin: 0 10px 15px 0px; } .message-center .user-img img { width: 100%; } .message-center .user-img .profile-status { border: 2px solid #ffffff; border-radius: 50%; display: inline-block; height: 10px; left: 30px; position: absolute; top: 1px; width: 10px; } .message-center .user-img .online { background: #00c292; } .message-center .user-img .busy { background: #fb9678; } .message-center .user-img .away { background: #fec107; } .message-center .user-img .offline { background: #fec107; } .message-center .mail-contnet h5 { margin: 0px; font-weight: 400; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .message-center .mail-contnet .mail-desc { font-size: 12px; display: block; margin: 5px 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #2b2b2b; } .message-center .mail-contnet .time { display: block; font-size: 10px; color: #2b2b2b; } .mail-contnet a.action { margin-left: 10px; font-size: 12px; visibility: hidden; } .mail-contnet:hover a.action { visibility: visible; } /*Inbox Center*/ .inbox-center .unread td { font-weight: 600; } .inbox-center a { color: #686868; padding: 2px 0 3px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } /*Comment center*/ .comment-center { margin: 0 -25px; } .comment-center .comment-body { border-bottom: 1px solid rgba(120, 130, 140, 0.13); display: table; padding: 20px 25px; } .comment-center .comment-body:hover { background: #f7fafc; } .comment-center .user-img { width: 40px; display: table-cell; position: relative; margin: 0 10px 0px 0px; } .comment-center .user-img img { width: 100%; } .comment-center .mail-contnet { display: table-cell; padding-left: 15px; vertical-align: top; } .comment-center .mail-contnet h5 { margin: 0px; font-weight: 400; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .comment-center .mail-contnet .mail-desc { font-size: 14px; display: block; margin: 8px 0; line-height: 25px; color: #848a96; height: 50px; overflow: hidden; } .comment-center .mail-contnet .time { display: block; font-size: 10px; color: #2b2b2b; } /*Sales report*/ .sales-report { background: #f7fafc; margin: 12px -25px; padding: 15px; } /*Task*/ .dropdown-tasks, .dropdown-alerts { padding: 0px; } .dropdown-tasks li a, .dropdown-alerts li a, .mailbox li > a { padding: 15px 20px; } .dropdown-tasks li.divider, .dropdown-alerts li.divider { margin: 0px; } /*col-in*/ .row-in-br { border-right: 1px solid rgba(120, 130, 140, 0.13); } .col-in { padding: 20px; } .col-in h3 { font-size: 48px; font-weight: 100; } /* Basic List */ .basic-list { padding: 0px; } .basic-list li { display: block; padding: 15px 0px; border-bottom: 1px solid rgba(120, 130, 140, 0.13); line-height: 27px; } .basic-list li:last-child { border-bottom: 0px; } /* Steam line widget */ .steamline { position: relative; border-left: 1px solid rgba(120, 130, 140, 0.13); margin-left: 20px; } .steamline .sl-left { float: left; margin-left: -20px; z-index: 1; margin-right: 15px; } .steamline .sl-left img { max-width: 40px; } .steamline .sl-right { padding-left: 35px; } .steamline .sl-item { margin-top: 8px; margin-bottom: 30px; } .sl-date { font-size: 10px; color: #98a6ad; } .time-item { border-color: rgba(120, 130, 140, 0.13); padding-bottom: 1px; position: relative; } .time-item:before { content: " "; display: table; } .time-item:after { background-color: #ffffff; border-color: rgba(120, 130, 140, 0.13); border-radius: 10px; border-style: solid; border-width: 2px; bottom: 0; content: ''; height: 14px; left: 0; margin-left: -8px; position: absolute; top: 5px; width: 14px; } .time-item-item:after { content: " "; display: table; } .item-info { margin-bottom: 15px; margin-left: 15px; } .item-info p { margin-bottom: 10px !important; } /*User-box*/ .user-bg { margin: -25px; height: 230px; overflow: hidden; position: relative; } .user-bg .overlay-box { background: #9675ce; opacity: 0.9; position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; text-align: center; } .user-bg .overlay-box .user-content { padding: 15px; margin-top: 30px; } .user-btm-box { padding: 40px 0 10px; clear: both; overflow: hidden; } /* Vertical Carousel */ .vertical .carousel-inner { height: 100%; position: relative; } .carousel.vertical .item { -webkit-transition: 0.6s ease-in-out top; -moz-transition: 0.6s ease-in-out top; -ms-transition: 0.6s ease-in-out top; -o-transition: 0.6s ease-in-out top; transition: 0.6s ease-in-out top; } .carousel.vertical .active { top: 0; } .carousel.vertical .next { top: 400px; } .carousel.vertical .prev { top: -400px; } .carousel.vertical .next.left, .carousel.vertical .prev.right { top: 0; } .carousel.vertical .active.left { top: -400px; } .carousel.vertical .active.right { top: 400px; } .carousel.vertical .item { left: 0; } .twi-user img { margin-right: 20px; width: 50px; } .twi-user { margin: 18px 0; } .carousel-inner h3 { height: 112px; overflow: hidden; } /*Chart Box*/ .chart-box { margin: 25px -15px -17px -17px; } /*Todo list*/ .list-task .task-done span { text-decoration: line-through; } /* Chat widget */ .chat-list { list-style: none; max-height: 332px; padding: 0px 20px; } .chat-list li { margin-bottom: 24px; overflow: auto; } .chat-list .chat-image { display: inline-block; float: left; text-align: center; width: 50px; } .chat-list .chat-image img { border-radius: 100%; width: 100%; } .chat-list .chat-text { background: #f7fafc; border-radius: 0px; display: inline-block; padding: 15px; position: relative; } .chat-list .chat-text h4 { color: #1a2942; display: block; font-size: 12px; font-style: normal; font-weight: bold; margin: 0; line-height: 15px; position: relative; } .chat-list .chat-text p { margin: 0px; padding-top: 3px; } .chat-list .chat-text b { font-size: 10px; opacity: 0.8; } .chat-list .chat-body { display: inline-block; float: left; font-size: 12px; margin-left: 12px; width: 65%; } .chat-list .odd .chat-image { float: right !important; } .chat-list .odd .chat-body { float: right !important; margin-right: 12px; text-align: right; color: #ffffff; } .chat-list .odd .chat-text { background: #ff6849; } .chat-list .odd .chat-text h4 { color: #ffffff; } .chat-send { padding-left: 0px; padding-right: 30px; } .chat-send button { width: 100%; } /*Weather*/ .weather-box .weather-top { overflow: hidden; padding: 10px 25px; margin: 0 -25px; background: #f7fafc; } .weather-box .weather-top h2 { line-height: 24px; } .weather-box .weather-top h2 small { font-size: 13px; } .weather-box .weather-top .today_crnt { font-size: 45px; font-weight: 100; } .weather-box .weather-top .today_crnt canvas { display: inline-block; margin-right: 10px; vertical-align: middle; } .weather-box .weather-info { padding: 10px 0; } .weather-box .weather-time { overflow: hidden; text-align: center; padding-top: 15px; } .weather-box .weather-time li span { display: block; } .weather-box .weather-time li canvas { font-size: 20px; margin: 10px 0; } .demo-container { width: 100%; height: 350px; } .demo-placeholder { width: 100%; height: 100%; font-size: 14px; line-height: 1.2em; } /*Notification alert*/ .myadmin-alert { border-radius: 0px; color: #fff; padding: 12px 30px 12px 12px; position: relative; text-align: left; } .myadmin-alert a { color: inherit; font-weight: 600; text-decoration: underline; } .myadmin-alert h4 { color: inherit; font-size: 14px; font-weight: 600; line-height: normal; margin: 0; } .myadmin-alert .img { border-radius: 3px; height: 40px; left: 12px; position: absolute; top: 12px; width: 40px; } .myadmin-alert-img { min-height: 64px; padding-left: 65px; } .myadmin-alert-icon { padding-left: 20px; } .myadmin-alert-icon i { padding-right: 10px; } .myadmin-alert .closed { color: rgba(255, 255, 255, 0.5); font-size: 20px; font-weight: bold; padding: 4px; position: absolute; right: 3px; text-decoration: none; top: 0; } .myadmin-alert .closed:hover { color: #fff; } .myadmin-alert-click { cursor: pointer; padding-right: 12px; } .myadmin-alert .primary { background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0; border: medium none; border-radius: 3px; color: inherit; outline: 0 none; padding: 4px 10px; } .myadmin-alert .cancel { background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0; border: medium none; border-radius: 3px; color: rgba(0, 0, 0, 0.8); outline: 0 none; padding: 4px 10px; } .myadmin-alert .primary:hover, .myadmin-alert .cancel:hover { opacity: 0.9; } .myadmin-alert-top, .myadmin-alert-bottom, .myadmin-alert-top-left, .myadmin-alert-top-right, .myadmin-alert-bottom-left, .myadmin-alert-bottom-right, .myadmin-alert-fullscreen { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); display: none; position: fixed; z-index: 1000; } .myadmin-alert-top { left: 0; right: 0; top: 0; } .myadmin-alert-bottom { bottom: 0; left: 0; right: 0; } .myadmin-alert-top-left { left: 20px; top: 80px; } .myadmin-alert-top-right { right: 20px; top: 80px; } .myadmin-alert-bottom-left { bottom: 20px; left: 20px; } .myadmin-alert-bottom-right { bottom: 20px; right: 20px; } .myadmin-alert-fullsize { left: 50%; margin: -20px; top: 50%; } .alert-custom { background: #ff6849; color: #ffffff; border-color: #ff6849; } .alert-inverse { background: #4c5667; color: #ffffff; border-color: #4c5667; } .alert-success { background: #00c292; color: #ffffff; border-color: #00c292; } .alert-dark { background: #686868; color: #ffffff; border-color: #686868; } .alert-warning { background: #fec107; color: #ffffff; border-color: #fec107; } .alert-danger { background: #fb9678; color: #ffffff; border-color: #fb9678; } .alert-primary { background: #9675ce; color: #ffffff; border-color: #9675ce; } .alert-info { background: #03a9f3; color: #ffffff; border-color: #03a9f3; } .alert-info .closed { color: inherit; } .alert-info a.closed:hover { color: inherit; } /*custom tab*/ .tab-content { margin-top: 30px; } .customtab { border-bottom: 2px solid #f7fafc; } .customtab li.active a, .customtab li.active a:hover, .customtab li.active a:focus { background: #ffffff; border: 0px; border-bottom: 2px solid #ff6849; margin-bottom: -1px; color: #ff6849; } .customtab li a, .customtab li a:hover, .customtab li a:focus { border: 0px; } /*custom tab2*/ .customtab2 { border-bottom: 1px solid #f7fafc; border-top: 1px solid #f7fafc; padding: 10px 0; } .customtab2 li.active a, .customtab2 li.active a:hover, .customtab2 li.active a:focus { background: #ff6849; border: 1px solid #ff6849; color: #ffffff; } .customtab2 li a, .customtab2 li a:hover, .customtab2 li a:focus { border: 0px; } /*Vertical tabs*/ .vtabs { display: table; } .vtabs .tabs-vertical { width: 150px; border-right: 1px solid rgba(120, 130, 140, 0.13); display: table-cell; vertical-align: top; } .vtabs .tabs-vertical li a { color: #2b2b2b; margin-bottom: 10px; } .vtabs .tab-content { display: table-cell; padding: 20px; vertical-align: top; } .tabs-vertical li.active a, .tabs-vertical li.active a:hover, .tabs-vertical li.active a:focus { background: #ff6849; border: 0px; border-right: 2px solid #ff6849; margin-right: -1px; color: #ffffff; } /*Custom vertical tab*/ .customvtab .tabs-vertical li.active a, .customvtab .tabs-vertical li.active a:hover, .customvtab .tabs-vertical li.active a:focus { background: #ffffff; border: 0px; border-right: 2px solid #ff6849; margin-right: -1px; color: #2b2b2b; } /*Nav pills*/ .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { background: #ff6849; color: #ffffff; } .nav-pills > li > a { color: #2b2b2b; border-radius: 0px; } /*Accordion*/ .panel-group .panel .panel-heading a[data-toggle=collapse].collapsed:before { content: '\e64b'; } .panel-group .panel .panel-heading .accordion-toggle.collapsed:before { content: '\e64b'; } .panel-group .panel .panel-heading a[data-toggle=collapse] { display: block; } .panel-group .panel .panel-heading a[data-toggle=collapse]:before { content: '\e648'; display: block; float: right; font-family: 'themify'; font-size: 14px; text-align: right; width: 25px; } .panel-group .panel .panel-heading .accordion-toggle { display: block; } .panel-group .panel .panel-heading .accordion-toggle:before { content: '\e648'; display: block; float: right; font-family: 'themify'; font-size: 14px; text-align: right; width: 25px; } .panel-group .panel .panel-heading + .panel-collapse .panel-body { border-top: none; } .panel-group .panel-heading { padding: 12px 20px; } /*Progressbars*/ .progress { -webkit-box-shadow: none !important; background-color: rgba(120, 130, 140, 0.13); box-shadow: none !important; height: 4px; border-radius: 0px; margin-bottom: 18px; overflow: hidden; } .progress-bar { box-shadow: none; font-size: 8px; font-weight: 600; line-height: 12px; } .progress.progress-sm { height: 8px !important; } .progress.progress-sm .progress-bar { font-size: 8px; line-height: 5px; } .progress.progress-md { height: 15px !important; } .progress.progress-md .progress-bar { font-size: 10.8px; line-height: 14.4px; } .progress.progress-lg { height: 20px !important; } .progress.progress-lg .progress-bar { font-size: 12px; line-height: 20px; } .progress-bar-primary { background-color: #ab8ce4; } .progress-bar-success { background-color: #00c292; } .progress-bar-info { background-color: #03a9f3; } .progress-bar-megna { background-color: #01c0c8; } .progress-bar-warning { background-color: #fec107; } .progress-bar-danger { background-color: #fb9678; } .progress-bar-inverse { background-color: #4c5667; } .progress-bar-purple { background-color: #9675ce; } .progress-bar-custom { background-color: #03a9f3; } .progress-animated { -webkit-animation-duration: 5s; -webkit-animation-name: myanimation; -webkit-transition: 5s all; animation-duration: 5s; animation-name: myanimation; transition: 5s all; } /* Progressbar Animated */ @-webkit-keyframes myanimation { from { width: 0; } } @keyframes myanimation { from { width: 0; } } /* Progressbar Vertical */ .progress-vertical { min-height: 250px; height: 250px; width: 4px; position: relative; display: inline-block; margin-bottom: 0; margin-right: 20px; } .progress-vertical .progress-bar { width: 100%; } .progress-vertical-bottom { min-height: 250px; height: 250px; position: relative; width: 4px; display: inline-block; margin-bottom: 0; margin-right: 20px; } .progress-vertical-bottom .progress-bar { width: 100%; position: absolute; bottom: 0; } .progress-vertical.progress-sm, .progress-vertical-bottom.progress-sm { width: 8px !important; } .progress-vertical.progress-sm .progress-bar, .progress-vertical-bottom.progress-sm .progress-bar { font-size: 8px; line-height: 5px; } .progress-vertical.progress-md, .progress-vertical-bottom.progress-md { width: 15px !important; } .progress-vertical.progress-md .progress-bar, .progress-vertical-bottom.progress-md .progress-bar { font-size: 10.8px; line-height: 14.4px; } .progress-vertical.progress-lg, .progress-vertical-bottom.progress-lg { width: 20px !important; } .progress-vertical.progress-lg .progress-bar, .progress-vertical-bottom.progress-lg .progress-bar { font-size: 12px; line-height: 20px; } /*Timeline*/ .timeline { position: relative; padding: 20px 0 20px; list-style: none; max-width: 1200px; margin: 0 auto; } .timeline:before { content: " "; position: absolute; top: 0; bottom: 0; left: 50%; width: 3px; margin-left: -1.5px; background-color: #eeeeee; } .timeline > li { position: relative; margin-bottom: 20px; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li > .timeline-panel { float: left; position: relative; width: 46%; padding: 20px; border: 1px solid rgba(120, 130, 140, 0.13); border-radius: 0px; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05); } .timeline > li > .timeline-panel:before { content: " "; display: inline-block; position: absolute; top: 26px; right: -8px; border-top: 8px solid transparent; border-right: 0 solid rgba(120, 130, 140, 0.13); border-bottom: 8px solid transparent; border-left: 8px solid rgba(120, 130, 140, 0.13); } .timeline > li > .timeline-panel:after { content: " "; display: inline-block; position: absolute; top: 27px; right: -7px; border-top: 7px solid transparent; border-right: 0 solid #fff; border-bottom: 7px solid transparent; border-left: 7px solid #fff; } .timeline > li > .timeline-badge { z-index: 100; position: absolute; top: 16px; left: 50%; width: 50px; height: 50px; margin-left: -25px; border-radius: 50% 50% 50% 50%; text-align: center; font-size: 1.4em; line-height: 50px; color: #fff; overflow: hidden; background-color: #4c5667; } .timeline > li.timeline-inverted > .timeline-panel { float: right; } .timeline > li.timeline-inverted > .timeline-panel:before { right: auto; left: -8px; border-right-width: 8px; border-left-width: 0; } .timeline > li.timeline-inverted > .timeline-panel:after { right: auto; left: -7px; border-right-width: 7px; border-left-width: 0; } .timeline-badge.primary { background-color: #ab8ce4 !important; } .timeline-badge.success { background-color: #00c292 !important; } .timeline-badge.warning { background-color: #fec107 !important; } .timeline-badge.danger { background-color: #fb9678 !important; } .timeline-badge.info { background-color: #03a9f3 !important; } .timeline-title { margin-top: 0; color: inherit; font-weight: 400; } .timeline-body > p, .timeline-body > ul { margin-bottom: 0; } .timeline-body > p + p { margin-top: 5px; } /*Easy Pie charts*/ .chart { position: relative; display: inline-block; width: 100px; height: 100px; margin-top: 20px; margin-bottom: 20px; text-align: center; } .chart canvas { position: absolute; top: 0; left: 0; } .chart.chart-widget-pie { margin-top: 5px; margin-bottom: 5px; } .pie-chart > span { left: 0; margin-top: -2px; position: absolute; right: 0; text-align: center; top: 50%; transform: translateY(-50%); } .chart > span > img { left: 0; margin-top: -2px; position: absolute; right: 0; text-align: center; top: 50%; width: 60%; height: 60%; transform: translateY(-50%); margin: 0 auto; } .percent { display: inline-block; line-height: 100px; z-index: 2; font-weight: 600; font-size: 18px; color: #2b2b2b; } .percent:after { content: '%'; margin-left: 0.1em; font-size: .8em; } /*Tables*/ .table { margin-bottom: 10px; } .table-striped > tbody > tr:nth-of-type(odd), .table-hover > tbody > tr:hover, .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f7fafc !important; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td, .table > thead > tr > th, .table-bordered { border-top: 1px solid #e4e7ea; } .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: 15px 8px; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #e4e7ea; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 1px solid #e4e7ea; } tbody { color: #797979; } th { color: #666666; font-weight: 500; } .table-bordered { border: 1px solid #e4e7ea; } table.focus-on tbody tr.focused th { background-color: #ff6849; color: #ffffff; } table.focus-on tbody tr.focused td { background-color: #ff6849; color: #ffffff; } .table-rep-plugin .table-responsive { border: none !important; } .table-rep-plugin tbody th { font-size: 14px; font-weight: normal; } .jsgrid .jsgrid-table { margin-bottom: 0px; } .jsgrid-selected-row > td { background: #f7fafc; border-color: #f7fafc; } .jsgrid-header-row > th { background: #ffffff; } .footable-odd { background-color: #f7fafc; } /*Inputs*/ .form-control-line { border-left: 0 none; border-radius: 0; border-right: 0 none; border-top: 0 none; box-shadow: none; padding-left: 0; } .has-success .form-control { border-color: #00c292; box-shadow: none !important; } .has-warning .form-control { border-color: #fec107; box-shadow: none !important; } .has-error .form-control { border-color: #fb9678; box-shadow: none !important; } .input-group-addon { border-radius: 2px; border: 1px solid rgba(120, 130, 140, 0.13); } .input-daterange input:first-child, .input-daterange input:last-child { border-radius: 0px; } /*Material inputs*/ .form-material .form-group { overflow: hidden; } .form-material .form-control { background-color: rgba(0, 0, 0, 0); background-position: center bottom, center calc(99%); background-repeat: no-repeat; background-size: 0 2px, 100% 1px; padding: 0; transition: background 0s ease-out 0s; } .form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus { background-image: linear-gradient(#9675ce, #9675ce), linear-gradient(rgba(120, 130, 140, 0.13), rgba(120, 130, 140, 0.13)); border: 0 none; border-radius: 0; box-shadow: none; float: none; } .form-material .form-control.focus, .form-material .form-control:focus { background-size: 100% 2px, 100% 1px; outline: 0 none; transition-duration: 0.3s; } .form-bordered .form-group { border-bottom: 1px solid rgba(120, 130, 140, 0.13); padding-bottom: 20px; } /*Select 2*/ .select2-container .select2-choice { background-image: none !important; border: none !important; height: auto !important; padding: 0px !important; line-height: 22px !important; background-color: transparent !important; box-shadow: none !important; } .select2-container .select2-choice .select2-arrow { background-image: none !important; background: transparent; border: none; width: 14px; top: -2px; } .select2-container .select2-container-multi.form-control { height: auto; } .select2-results .select2-highlighted { color: #ffffff; background-color: #03a9f3; } .select2-drop-active { border: 1px solid #e3e3e3 !important; padding-top: 5px; } .select2-search input { border: 1px solid rgba(120, 130, 140, 0.13); } .select2-container-multi { width: 100%; } .select2-container-multi .select2-choices { border: 1px solid #border !important; box-shadow: none !important; background-image: none !important; border-radius: 0px !important; min-height: 38px; } .select2-container-multi .select2-choices .select2-search-choice { padding: 4px 7px 4px 18px; margin: 5px 0 3px 5px; color: #555555; background: #f5f5f5; border-color: rgba(120, 130, 140, 0.13); -webkit-box-shadow: none; box-shadow: none; } .select2-container-multi .select2-choices .select2-search-field input { padding: 7px 7px 7px 10px; font-family: inherit; } /*Icons*/ .icon-list-demo div { cursor: pointer; line-height: 60px; white-space: nowrap; color: #686868; } .icon-list-demo div:hover { color: #2b2b2b; } .icon-list-demo div p { margin: 10px 0; padding: 5px 0; } .icon-list-demo i { -webkit-transition: all 0.2s; -webkit-transition: font-size 0.2s; display: inline-block; font-size: 18px; margin: 0 15px 0 10px; text-align: left; transition: all 0.2s; transition: font-size 0.2s; vertical-align: middle; width: auto; transition: all 0.3s ease 0s; } .icon-list-demo .col-md-4 { border-radius: 0px; } .icon-list-demo .col-md-4:hover { background-color: #f7fafc; } .icon-list-demo .col-md-4:hover i { font-size: 2em; } /*Google map*/ .gmaps, .gmaps-panaroma { height: 300px; } .gmaps, .gmaps-panaroma { height: 300px; background: #e4e7ea; border-radius: 3px; } .gmaps-overlay { display: block; text-align: center; color: #ffffff; font-size: 16px; line-height: 40px; background: #ab8ce4; border-radius: 4px; padding: 10px 20px; } .gmaps-overlay_arrow { left: 50%; margin-left: -16px; width: 0; height: 0; position: absolute; } .gmaps-overlay_arrow.above { bottom: -15px; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 16px solid #ab8ce4; } .gmaps-overlay_arrow.below { top: -15px; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 16px solid #ab8ce4; } .jvectormap-zoomin, .jvectormap-zoomout { width: 10px; height: 10px; line-height: 10px; } .jvectormap-zoomout { top: 40px; } /*Error Page*/ .error-box { height: 100%; position: fixed; background: url(../../plugins/images/error-bg.jpg) no-repeat center center #fff !important; width: 100%; } .error-box .footer { width: 100%; left: 0px; right: 0px; } .error-body { padding-top: 5%; } .error-body h1 { font-size: 210px; font-weight: 900; line-height: 210px; } /* Login- register pages */ .login-register { background: url(../../plugins/images/login-register.jpg) no-repeat center center / cover !important; height: 100%; position: fixed; } .login-box { background: #ffffff; width: 400px; margin: 0 auto; margin-top: 10%; } .login-box .footer { width: 100%; left: 0px; right: 0px; } .login-box .social { display: block; margin-bottom: 30px; } #recoverform { display: none; } /*Pricing*/ .pricing-box { position: relative; text-align: center; margin-top: 30px; } .featured-plan { margin-top: 0px; } .featured-plan .pricing-body { padding: 60px 0; background: #f7fafc; border: 1px solid #ddd; } .featured-plan .price-table-content .price-row { border-top: 1px solid rgba(120, 130, 140, 0.13); } .pricing-body { border-radius: 0px; border-top: 1px solid rgba(120, 130, 140, 0.13); border-bottom: 5px solid rgba(120, 130, 140, 0.13); vertical-align: middle; padding: 30px 0; position: relative; } .pricing-body h2 { position: relative; font-size: 56px; margin: 20px 0 10px; font-weight: bold; } .pricing-body h2 span { position: absolute; font-size: 15px; top: -10px; margin-left: -10px; } .price-table-content .price-row { padding: 20px 0; border-top: 1px solid rgba(120, 130, 140, 0.13); } .pricing-plan { padding: 0 15px; } .pricing-plan .no-padding { padding: 0px; } .price-lable { position: absolute; top: -10px; padding: 5px 10px; margin: 0 auto; display: inline-block; width: 100px; left: 0px; right: 0px; } /*Inbox*/ .mails a { color: #2b2b2b; } .mails td { vertical-align: middle !important; position: relative; } .mails td:last-of-type { width: 100px; padding-right: 20px; } .mails tr:hover .text-white { display: none; } .mails .mail-select { padding: 12px 20px; min-width: 134px; } .mails .checkbox { margin-bottom: 0px; margin-top: 0px; vertical-align: middle; display: inline-block; height: 17px; } .mails .checkbox label { min-height: 16px; } .mail-list .list-group-item { background-color: transparent; border: 0px; border-left: 3px solid #ffffff; border-radius: 0px; } .mail-list .list-group-item:hover { background: #f7fafc; border-left: 3px solid #f7fafc; } .mail-list .list-group-item:focus { border-left: 3px solid #f7fafc; } .mail-list .list-group-item.active:focus { background: #f7fafc; border-left: 3px solid #fb9678; } .mail-list .list-group-item.active { border-left: 3px solid #fb9678; border-radius: 0px; color: #2b2b2b !important; } .mail_listing { min-height: 500px; } .inbox_listing .inbox-item:hover { background: #f7fafc; } .inbox_listing .inbox-item { padding-left: 20px; } .inbox-widget.inbox_listing .inbox-item .inbox-item-text { height: 19px; overflow: hidden; } .message-center .unread .mail-contnet h5, .message-center .unread .mail-contnet .mail-desc { font-weight: 600; color: #2b2b2b !important; } /*Calendar*/ .calendar { float: left; margin-bottom: 0px; } .fc-view { margin-top: 30px; } .none-border .modal-footer { border-top: none; } .fc-toolbar { margin-bottom: 5px; margin-top: 15px; } .fc-toolbar h2 { font-size: 18px; font-weight: 600; line-height: 30px; text-transform: uppercase; } .fc-day { background: #ffffff; } .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active, .fc-toolbar button:focus, .fc-toolbar button:hover, .fc-toolbar .ui-state-hover { z-index: 0; } .fc-widget-header { border: 0px !important; } .fc-widget-content { border-color: rgba(120, 130, 140, 0.13) !important; } .fc th.fc-widget-header { background: #9675ce; color: #ffffff; font-size: 14px; line-height: 20px; padding: 7px 0px; text-transform: uppercase; } .fc-button { background: #ffffff; border: 1px solid rgba(120, 130, 140, 0.13); color: #555555; text-transform: capitalize; } .fc-text-arrow { font-family: inherit; font-size: 16px; } .fc-state-hover { background: #F5F5F5; } .fc-unthemed .fc-today { border: 1px solid #fb9678; background: #fcf8e3!important; } .fc-state-highlight { background: #f0f0f0; } .fc-cell-overlay { background: #f0f0f0; } .fc-unthemed .fc-today { background: #ffffff; } .fc-event { border-radius: 0px; border: none; cursor: move; font-size: 13px; margin: 1px -1px 0 -1px; padding: 5px 5px; text-align: center; background: #03a9f3; } .calendar-event { cursor: move; margin: 10px 5px 0 0; padding: 6px 10px; display: inline-block; color: #ffffff; min-width: 140px; text-align: center; background: #03a9f3; } .calendar-event a { float: right; opacity: 0.6; font-size: 10px; margin: 4px 0 0 10px; color: #ffffff; } .fc-basic-view td.fc-week-number span { padding-right: 5px; } .fc-basic-view td.fc-day-number { padding-right: 5px; } /*Weather small widget*/ .weather h1 { color: #ffffff; font-size: 50px; font-weight: 100; } .weather i { color: #ffffff; font-size: 40px; } .weather .w-title-sub { color: rgba(255, 255, 255, 0.6); } /*Right sidebar*/ .navbar-top-links > li.right-side-toggle a:focus { background: #4F5467; } .right-sidebar { position: fixed; right: -240px; width: 240px; display: none; z-index: 1000; background: #ffffff; top: 0px; height: 100%; box-shadow: 5px 1px 40px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } .right-sidebar .rpanel-title { display: block; padding: 21px; color: #fff; text-transform: uppercase; font-size: 13px; background: #ff6849; } .right-sidebar .rpanel-title span { float: right; cursor: pointer; font-size: 11px; } .right-sidebar .rpanel-title span:hover { color: #2b2b2b; } .right-sidebar .r-panel-body { padding: 20px; } .right-sidebar .r-panel-body ul { margin: 0px; padding: 0px; } .right-sidebar .r-panel-body ul li { list-style: none; padding: 5px 0; } .shw-rside { right: 0px; width: 240px; display: block; } /*Chat online*/ .chatonline img { margin-right: 10px; float: left; width: 30px; } .chatonline li a { padding: 15px 0; float: left; width: 100%; } .chatonline li a span { color: #686868; } .chatonline li a span small { display: block; font-size: 10px; } /*Style switcher*/ ul#themecolors { display: block; } ul#themecolors li { display: inline-block; } ul#themecolors li:first-child { display: block; } #themecolors li a { width: 50px; height: 50px; display: inline-block; margin: 5px; color: transparent; position: relative; } #themecolors li a.working:before { content: "\f00c"; font-family: "FontAwesome"; font-size: 18px; line-height: 50px; width: 50px; height: 50px; position: absolute; top: 0; left: 0; color: #fff; text-align: center; } .default-theme { background: #fb9678; } .green-theme { background: #00c292; } .yellow-theme { background: #a0aec4; } .blue-theme { background: #03a9f3; } .purple-theme { background: #9675ce; } .megna-theme { background: #01c0c8; } .default-dark-theme { background: #4f5467; /* Old browsers */ background: -moz-linear-gradient(left, #4f5467 0%, #4f5467 23%, #fb9678 23%, #fb9678 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #4f5467 0%, #4f5467 23%, #fb9678 23%, #fb9678 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #4f5467 0%, #4f5467 23%, #fb9678 23%, #fb9678 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f5467', endColorstr='#fb9678', GradientType=1); /* IE6-9 */ } .green-dark-theme { background: #4f5467; /* Old browsers */ background: -moz-linear-gradient(left, #4f5467 0%, #4f5467 23%, #00c292 23%, #00c292 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #4f5467 0%, #4f5467 23%, #00c292 23%, #00c292 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #4f5467 0%, #4f5467 23%, #00c292 23%, #00c292 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f5467', endColorstr='#00c292', GradientType=1); /* IE6-9 */ } .yellow-dark-theme { background: #4f5467; /* Old browsers */ background: -moz-linear-gradient(left, #4f5467 0%, #4f5467 23%, #a0aec4 23%, #a0aec4 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #4f5467 0%, #4f5467 23%, #a0aec4 23%, #a0aec4 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #4f5467 0%, #4f5467 23%, #a0aec4 23%, #a0aec4 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f5467', endColorstr='#a0aec4', GradientType=1); /* IE6-9 */ } .blue-dark-theme { background: #4f5467; /* Old browsers */ background: -moz-linear-gradient(left, #4f5467 0%, #4f5467 23%, #03a9f3 23%, #03a9f3 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #4f5467 0%, #4f5467 23%, #03a9f3 23%, #03a9f3 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #4f5467 0%, #4f5467 23%, #03a9f3 23%, #03a9f3 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f5467', endColorstr='@info', GradientType=1); /* IE6-9 */ } .purple-dark-theme { background: #4f5467; /* Old browsers */ background: -moz-linear-gradient(left, #4f5467 0%, #4f5467 23%, #9675ce 23%, #9675ce 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #4f5467 0%, #4f5467 23%, #9675ce 23%, #9675ce 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #4f5467 0%, #4f5467 23%, #9675ce 23%, #9675ce 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f5467', endColorstr='@purple', GradientType=1); /* IE6-9 */ } .megna-dark-theme { background: #4f5467; /* Old browsers */ background: -moz-linear-gradient(left, #4f5467 0%, #4f5467 23%, #01c0c8 23%, #01c0c8 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #4f5467 0%, #4f5467 23%, #01c0c8 23%, #01c0c8 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #4f5467 0%, #4f5467 23%, #01c0c8 23%, #01c0c8 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f5467', endColorstr='@megna', GradientType=1); /* IE6-9 */ } /*visited ul li*/ .visited li a { color: #686868; } .visited li.active a { color: #ff6849; } /*Stats Row*/ .stats-row { margin-bottom: 20px; } .stat-item { display: inline-block; padding-right: 15px; } .stat-item + .stat-item { padding-left: 15px; border-left: 1px solid #eee; } /*country-state*/ .country-state { list-style: none; margin: 0px; padding: 0px 0 0 10px; } .country-state h2 { margin: 0px; } .country-state .progress { margin-top: 8px; } /*Two part*/ .two-part li { width: 48.8%; } .two-part li i { font-size: 50px; } .two-part li span { font-size: 50px; font-weight: 100; font-family: 'Poppins', sans-serif; } /*News Slides*/ .news-slide { position: relative; } .news-slide .overlaybg { height: 360px; overflow: hidden; } .news-slide .overlaybg img { width: 100%; height: 100%; } .news-slide .news-content { position: absolute; height: 360px; background: rgba(0, 0, 0, 0.5); z-index: 10; width: 100%; top: 0px; padding: 30px; } .news-slide .news-content h2 { height: 240px; overflow: hidden; color: #ffffff; } .news-slide .news-content a { color: #ffffff; opacity: 0.6; text-transform: uppercase; } .news-slide .news-content a:hover { opacity: 1; } /*Nav pill rounded*/ .nav-pills-rounded li { display: inline-block; float: none; } .nav-pills-rounded li a { border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; color: #686868; padding: 10px 25px; } .nav-pills-rounded li.active a, .nav-pills-rounded li.active a:focus, .nav-pills-rounded li.active a:hover { background: #ff6849; color: #ffffff; } /*analytics-info*/ .analytics-info .list-inline { margin-bottom: 0px; } .analytics-info .list-inline li { vertical-align: middle; } .analytics-info .list-inline li span { font-size: 24px; } .analytics-info .list-inline li i { font-size: 20px; } /*Feeds*/ .feeds { margin: 0px; padding: 0px; } .feeds li { list-style: none; padding: 10px; display: block; } .feeds li:hover { background: #f7fafc; } .feeds li > div { width: 40px; height: 40px; margin-right: 5px; display: inline-block; text-align: center; vertical-align: middle; border-radius: 100%; } .feeds li > div i { line-height: 40px; } .feeds li span { float: right; width: auto; font-size: 12px; } /*Jquery toaster*/ .jq-icon-info { background-color: #01c0c8; color: #ffffff; } .jq-icon-success { background-color: #00c292; color: #ffffff; } .jq-icon-error { background-color: #fb9678; color: #ffffff; } .jq-icon-warning { background-color: #fec107; color: #ffffff; } /*Dropzone*/ .dropzone { border-style: dashed; border-width: 1px; } /*sales boxes*/ .weather h1 sup { font-size: 20px; top: -1.2em; } /* Button 1c */ .fcbtn { position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; padding: 8px 20px; } .fcbtn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* Button 1b */ .btn-1b:after { width: 100%; height: 0; top: 0; left: 0; } .btn-1b:hover, .btn-1b:active { color: #fff; } .btn-1b:hover:after, .btn-1b:active:after { height: 100%; } .btn-1b.btn-info:after, .btn-1c.btn-info:after, .btn-1d.btn-info:after, .btn-1e.btn-info:after, .btn-1f.btn-info:after { background: #03a9f3; } .btn-1b.btn-warning:after, .btn-1c.btn-warning:after, .btn-1d.btn-warning:after, .btn-1e.btn-warning:after, .btn-1f.btn-warning:after { background: #fec107; } .btn-1b.btn-danger:after, .btn-1c.btn-danger:after, .btn-1d.btn-danger:after, .btn-1e.btn-danger:after, .btn-1f.btn-danger:after { background: #fb9678; } .btn-1b.btn-primary:after, .btn-1c.btn-primary:after, .btn-1d.btn-primary:after, .btn-1e.btn-primary:after, .btn-1f.btn-primary:after { background: #9675ce; } .btn-1b.btn-success:after, .btn-1c.btn-success:after, .btn-1d.btn-success:after, .btn-1e.btn-success:after, .btn-1f.btn-success:after { background: #00c292; } .btn-1b.btn-inverse:after, .btn-1c.btn-inverse:after, .btn-1d.btn-inverse:after, .btn-1e.btn-inverse:after, .btn-1f.btn-inverse:after { background: #4c5667; } /* Button 1c */ .btn-1c:after { width: 0%; height: 100%; top: 0; left: 0; } .btn-1c:hover, .btn-1c:active { color: #000; } .btn-1c:hover:after, .btn-1c:active:after { width: 100%; } /* Button 1d */ .btn-1d { overflow: hidden; } .btn-1d:after { width: 0; height: 103%; top: 50%; left: 50%; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .btn-1d:hover:after { width: 100%; opacity: 1; } /* Button 1e */ .btn-1e { overflow: hidden; } .btn-1e:after { width: 100%; height: 0; top: 50%; left: 50%; background: #fff; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .btn-1e:hover:after { height: 260%; opacity: 1; } .btn-1e:active:after { height: 400%; opacity: 1; } /* Button 1f */ .btn-1f { overflow: hidden; } .btn-1f:after { width: 101%; height: 0; top: 50%; left: 50%; background: #fff; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .btn-1f:hover:after { height: 100%; opacity: 1; } .btn-1f:active:after { height: 130%; opacity: 1; } /*sweat Aleart*/ .sweet-alert { padding: 25px; } .sweet-alert h2 { margin-top: 0px; } .sweet-alert p { line-height: 30px; } /*List icon*/ ul.list-icons { margin: 0px; padding: 0px; } ul.list-icons li { list-style: none; line-height: 40px; } ul.list-icons li i { font-size: 12px; margin-right: 5px; } /*Tooltip*/ .demo-tooltip .tooltip, .demo-popover .popover { position: relative; margin-right: 25px; opacity: 1; display: inline-block; } .tooltip-inner { border-radius: 3px; padding: 5px 10px; } .tooltip.in { opacity: 1; } .tooltip-primary.tooltip .tooltip-inner, .tooltip-primary + .tooltip .tooltip-inner { color: #ffffff; background-color: #ab8ce4; } .tooltip-primary.tooltip.top .tooltip-arrow, .tooltip-primary + .tooltip.top .tooltip-arrow { border-top-color: #ab8ce4; } .tooltip-primary.tooltip.right .tooltip-arrow, .tooltip-primary + .tooltip.right .tooltip-arrow { border-right-color: #ab8ce4; } .tooltip-primary.tooltip.bottom .tooltip-arrow, .tooltip-primary + .tooltip.bottom .tooltip-arrow { border-bottom-color: #ab8ce4; } .tooltip-primary.tooltip.left .tooltip-arrow, .tooltip-primary + .tooltip.left .tooltip-arrow { border-left-color: #ab8ce4; } .tooltip-success.tooltip .tooltip-inner, .tooltip-success + .tooltip .tooltip-inner { color: #ffffff; background-color: #00c292; } .tooltip-success.tooltip.top .tooltip-arrow, .tooltip-success + .tooltip.top .tooltip-arrow { border-top-color: #00c292; } .tooltip-success.tooltip.right .tooltip-arrow, .tooltip-success + .tooltip.right .tooltip-arrow { border-right-color: #00c292; } .tooltip-success.tooltip.bottom .tooltip-arrow, .tooltip-success + .tooltip.bottom .tooltip-arrow { border-bottom-color: #00c292; } .tooltip-success.tooltip.left .tooltip-arrow, .tooltip-success + .tooltip.left .tooltip-arrow { border-left-color: #00c292; } .tooltip-warning.tooltip .tooltip-inner, .tooltip-warning + .tooltip .tooltip-inner { color: #ffffff; background-color: #fec107; } .tooltip-warning.tooltip.top .tooltip-arrow, .tooltip-warning + .tooltip.top .tooltip-arrow { border-top-color: #fec107; } .tooltip-warning.tooltip.right .tooltip-arrow, .tooltip-warning + .tooltip.right .tooltip-arrow { border-right-color: #fec107; } .tooltip-warning.tooltip.bottom .tooltip-arrow, .tooltip-warning + .tooltip.bottom .tooltip-arrow { border-bottom-color: #fec107; } .tooltip-warning.tooltip.left .tooltip-arrow, .tooltip-warning + .tooltip.left .tooltip-arrow { border-left-color: #fec107; } .tooltip-info.tooltip .tooltip-inner, .tooltip-info + .tooltip .tooltip-inner { color: #ffffff; background-color: #03a9f3; } .tooltip-info.tooltip.top .tooltip-arrow, .tooltip-info + .tooltip.top .tooltip-arrow { border-top-color: #03a9f3; } .tooltip-info.tooltip.right .tooltip-arrow, .tooltip-info + .tooltip.right .tooltip-arrow { border-right-color: #03a9f3; } .tooltip-info.tooltip.bottom .tooltip-arrow, .tooltip-info + tooltip.bottom .tooltip-arrow { border-bottom-color: #03a9f3; } .tooltip-info.tooltip.left .tooltip-arrow, .tooltip-info + .tooltip.left .tooltip-arrow { border-left-color: #03a9f3; } .tooltip-danger.tooltip .tooltip-inner, .tooltip-danger + .tooltip .tooltip-inner { color: #ffffff; background-color: #fb9678; } .tooltip-danger.tooltip.top .tooltip-arrow, .tooltip-danger + .tooltip.top .tooltip-arrow { border-top-color: #fb9678; } .tooltip-danger.tooltip.right .tooltip-arrow, .tooltip-danger + .tooltip.right .tooltip-arrow { border-right-color: #fb9678; } .tooltip-danger.tooltip.bottom .tooltip-arrow, .tooltip-danger + .tooltip.bottom .tooltip-arrow { border-bottom-color: #fb9678; } .tooltip-danger.tooltip.left .tooltip-arrow, .tooltip-danger + .tooltip.left .tooltip-arrow { border-left-color: #fb9678; } .flotTip { padding: 8px 12px; background-color: #2b2b2b; z-index: 100; color: #ffffff; opacity: 0.9; font-size: 13px; } /*Popover*/ .popover { -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); } .popover .popover-title { border-radius: 0px; } .popover-primary + .popover .popover-title { color: #ffffff; background-color: #ab8ce4; border-color: #ab8ce4; } .popover-primary + .popover.bottom .arrow { border-bottom-color: #ab8ce4; } .popover-primary + .popover.bottom .arrow:after { border-bottom-color: #ab8ce4; } .popover-success + .popover .popover-title { color: #ffffff; background-color: #00c292; border-color: #00c292; } .popover-success + .popover.bottom .arrow { border-bottom-color: #00c292; } .popover-success + .popover.bottom .arrow:after { border-bottom-color: #00c292; } .popover-info + .popover .popover-title { color: #ffffff; background-color: #03a9f3; border-color: #03a9f3; } .popover-info + .popover.bottom .arrow { border-bottom-color: #03a9f3; } .popover-info + .popover.bottom .arrow:after { border-bottom-color: #03a9f3; } .popover-warning + .popover .popover-title { color: #ffffff; background-color: #fec107; border-color: #fec107; } .popover-warning + .popover.bottom .arrow { border-bottom-color: #fec107; } .popover-warning + .popover.bottom .arrow:after { border-bottom-color: #fec107; } .popover-danger + .popover .popover-title { color: #ffffff; background-color: #fb9678; border-color: #fb9678; } .popover-danger + .popover.bottom .arrow { border-bottom-color: #fb9678; } .popover-danger + .popover.bottom .arrow:after { border-bottom-color: #fb9678; } /*File Upload*/ .btn-file { overflow: hidden; position: relative; vertical-align: middle; } .btn-file > input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; filter: alpha(opacity=0); font-size: 23px; height: 100%; width: 100%; direction: ltr; cursor: pointer; border-radius: 0px; } .fileinput { margin-bottom: 9px; display: inline-block; } .fileinput .form-control { padding-top: 7px; padding-bottom: 5px; display: inline-block; margin-bottom: 0px; vertical-align: middle; cursor: text; } .fileinput .thumbnail { overflow: hidden; display: inline-block; margin-bottom: 5px; vertical-align: middle; text-align: center; } .fileinput .thumbnail > img { max-height: 100%; } .fileinput .btn { vertical-align: middle; } .fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists { display: none; } .fileinput-inline .fileinput-controls { display: inline; } .fileinput-filename { vertical-align: middle; display: inline-block; overflow: hidden; } .form-control .fileinput-filename { vertical-align: bottom; } .fileinput.input-group { display: table; } .fileinput.input-group > * { position: relative; z-index: 2; } .fileinput.input-group > .btn-file { z-index: 1; } /*Bootstrap select*/ .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; } .ms-container .ms-list { border-radius: 0px; box-shadow: none; } .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection { padding: 6px 10px; } .ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover { background: #03a9f3; } /*Dropzone*/ .dropzone .dz-message { text-align: center; margin: 10% 0; } /*xeditable*/ .editable-input .form-control { height: 30px; } /*ascolorpicker*/ .asColorPicker-trigger { position: absolute; top: 0; right: -35px; height: 38px; width: 37px; border: 0px; } .asColorPicker-dropdown { max-width: 260px; } .asColorPicker-clear { top: 7px; right: 16px; } /*Datepicker*/ .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { background-image: none; background: #ff6849; color: #ffffff; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { background-image: none; background: #03a9f3; color: #ffffff; } /*Datatable*/ .editable-table + input.error { border: 1px solid #danger; outline: 0; outline-offset: 0; } .editable-table + input, .editable-table + input:focus, #editable-datatable_wrapper + input:focus { border: 1px solid #03a9f3 !important; outline: 0!important; outline-offset: 0 !important; } .editable-table td:focus { outline: 0; } /*Form-Wizard*/ .wizard-steps { display: table; width: 100%; } .wizard-steps > li { display: table-cell; padding: 10px 20px; background: #f7fafc; } .wizard-steps > li span { border-radius: 100%; border: 1px solid rgba(120, 130, 140, 0.13); width: 40px; height: 40px; display: inline-block; vertical-align: middle; padding-top: 9px; margin-right: 8px; text-align: center; } .wizard-content { padding: 25px; border-color: rgba(120, 130, 140, 0.13); margin-bottom: 30px; } .wizard-steps > li.current, .wizard-steps > li.done { background: #03a9f3; color: #ffffff; } .wizard-steps > li.current span, .wizard-steps > li.done span { border-color: #ffffff; color: #ffffff; } .wizard-steps > li.current h4, .wizard-steps > li.done h4 { color: #ffffff; } .wizard-steps > li.done { background: #00c292; } .wizard-steps > li.error { background: #fb9678; } .wiz-aco .pager { margin: 0px; } .sidebar { overflow-y: auto; } .sidebar .sidebar-nav.navbar-collapse { padding-left: 0; padding-right: 0; } .sidebar .fa-fw { width: 20px; text-align: left!important; display: inline-block; font-size: 16px; vertical-align: middle; } .sidebar .label { font-size: 10px; border-radius: 60px; padding: 6px 8px; min-width: 30px; height: 20px; } .sidebar #side-menu .user-pro { /*background:url(../../plugins/images/profile-menu.png) no-repeat center center / cover;*/ } .sidebar #side-menu .user-pro a { padding-left: 20px; } .sidebar #side-menu .user-pro .nav-second-level a:hover { color: #ff6849; } .sidebar #side-menu .user-pro .arrow { top: 23px; right: 20px; } .sidebar #side-menu .user-pro > a { padding: 17px 30px 16px 15px!important; } .sidebar #side-menu .user-pro .img-circle { width: 30px; margin-right: 10px; } .sidebar #side-menu .user-pro .nav-second-level li i { margin-right: 5px; } .sidebar .sidebar-search { padding: 15px; } #side-menu li.active > a { background: rgba(0, 0, 0, 0.02); } #side-menu li a { color: #54667a; border-right: 3px solid #4F5467; } #side-menu > li > a { padding: 15px 30px 15px 15px; } #side-menu > li > a:hover, #side-menu > li > a:focus { background: rgba(0, 0, 0, 0.1); } #side-menu > li > a.active { border-right: 3px solid #ff6849; color: #ffffff; background: rgba(0, 0, 0, 0); } #side-menu ul > li > a:hover { color: #ff6849; background: none; } #side-menu ul > li > a.active { color: #ff6849; } .sidebar .arrow { position: absolute; right: 15px; top: 18px; } .sidebar .nav-second-level .arrow { left: 15px; top: 12px; } .sidebar .fa.arrow:before { content: "\f105"; } .sidebar .active > a > span > .fa.arrow:before { content: "\f107"; } .sidebar .nav-second-level li, .sidebar .nav-third-level li { border-bottom: none !important; } .sidebar .nav-second-level li a { padding-left: 43px; } .sidebar .nav-third-level li a { padding-left: 52px; } .content-wrapper .nicescroll-rails { display: none!important; } .fix-sidebar .top-left-part { background: #ff6849; } /*! * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('../less/icons/font-awesome/fonts/fontawesome-webfont.eot?v=4.5.0'); src: url('../less/icons/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../less/icons/font-awesome/fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../less/icons/font-awesome/fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../less/icons/font-awesome/fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../less/icons/font-awesome/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } @font-face { font-family: 'themify'; src: url('../less/icons/themify-icons/fonts/themify.eot?-fvbane'); src: url('../less/icons/themify-icons/fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'), url('../less/icons/themify-icons/fonts/themify.woff?-fvbane') format('woff'), url('../less/icons/themify-icons/fonts/themify.ttf?-fvbane') format('truetype'), url('../less/icons/themify-icons/fonts/themify.svg?-fvbane#themify') format('svg'); font-weight: normal; font-style: normal; } [class^="ti-"], [class*=" ti-"] { font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ti-wand:before { content: "\e600"; } .ti-volume:before { content: "\e601"; } .ti-user:before { content: "\e602"; } .ti-unlock:before { content: "\e603"; } .ti-unlink:before { content: "\e604"; } .ti-trash:before { content: "\e605"; } .ti-thought:before { content: "\e606"; } .ti-target:before { content: "\e607"; } .ti-tag:before { content: "\e608"; } .ti-tablet:before { content: "\e609"; } .ti-star:before { content: "\e60a"; } .ti-spray:before { content: "\e60b"; } .ti-signal:before { content: "\e60c"; } .ti-shopping-cart:before { content: "\e60d"; } .ti-shopping-cart-full:before { content: "\e60e"; } .ti-settings:before { content: "\e60f"; } .ti-search:before { content: "\e610"; } .ti-zoom-in:before { content: "\e611"; } .ti-zoom-out:before { content: "\e612"; } .ti-cut:before { content: "\e613"; } .ti-ruler:before { content: "\e614"; } .ti-ruler-pencil:before { content: "\e615"; } .ti-ruler-alt:before { content: "\e616"; } .ti-bookmark:before { content: "\e617"; } .ti-bookmark-alt:before { content: "\e618"; } .ti-reload:before { content: "\e619"; } .ti-plus:before { content: "\e61a"; } .ti-pin:before { content: "\e61b"; } .ti-pencil:before { content: "\e61c"; } .ti-pencil-alt:before { content: "\e61d"; } .ti-paint-roller:before { content: "\e61e"; } .ti-paint-bucket:before { content: "\e61f"; } .ti-na:before { content: "\e620"; } .ti-mobile:before { content: "\e621"; } .ti-minus:before { content: "\e622"; } .ti-medall:before { content: "\e623"; } .ti-medall-alt:before { content: "\e624"; } .ti-marker:before { content: "\e625"; } .ti-marker-alt:before { content: "\e626"; } .ti-arrow-up:before { content: "\e627"; } .ti-arrow-right:before { content: "\e628"; } .ti-arrow-left:before { content: "\e629"; } .ti-arrow-down:before { content: "\e62a"; } .ti-lock:before { content: "\e62b"; } .ti-location-arrow:before { content: "\e62c"; } .ti-link:before { content: "\e62d"; } .ti-layout:before { content: "\e62e"; } .ti-layers:before { content: "\e62f"; } .ti-layers-alt:before { content: "\e630"; } .ti-key:before { content: "\e631"; } .ti-import:before { content: "\e632"; } .ti-image:before { content: "\e633"; } .ti-heart:before { content: "\e634"; } .ti-heart-broken:before { content: "\e635"; } .ti-hand-stop:before { content: "\e636"; } .ti-hand-open:before { content: "\e637"; } .ti-hand-drag:before { content: "\e638"; } .ti-folder:before { content: "\e639"; } .ti-flag:before { content: "\e63a"; } .ti-flag-alt:before { content: "\e63b"; } .ti-flag-alt-2:before { content: "\e63c"; } .ti-eye:before { content: "\e63d"; } .ti-export:before { content: "\e63e"; } .ti-exchange-vertical:before { content: "\e63f"; } .ti-desktop:before { content: "\e640"; } .ti-cup:before { content: "\e641"; } .ti-crown:before { content: "\e642"; } .ti-comments:before { content: "\e643"; } .ti-comment:before { content: "\e644"; } .ti-comment-alt:before { content: "\e645"; } .ti-close:before { content: "\e646"; } .ti-clip:before { content: "\e647"; } .ti-angle-up:before { content: "\e648"; } .ti-angle-right:before { content: "\e649"; } .ti-angle-left:before { content: "\e64a"; } .ti-angle-down:before { content: "\e64b"; } .ti-check:before { content: "\e64c"; } .ti-check-box:before { content: "\e64d"; } .ti-camera:before { content: "\e64e"; } .ti-announcement:before { content: "\e64f"; } .ti-brush:before { content: "\e650"; } .ti-briefcase:before { content: "\e651"; } .ti-bolt:before { content: "\e652"; } .ti-bolt-alt:before { content: "\e653"; } .ti-blackboard:before { content: "\e654"; } .ti-bag:before { content: "\e655"; } .ti-move:before { content: "\e656"; } .ti-arrows-vertical:before { content: "\e657"; } .ti-arrows-horizontal:before { content: "\e658"; } .ti-fullscreen:before { content: "\e659"; } .ti-arrow-top-right:before { content: "\e65a"; } .ti-arrow-top-left:before { content: "\e65b"; } .ti-arrow-circle-up:before { content: "\e65c"; } .ti-arrow-circle-right:before { content: "\e65d"; } .ti-arrow-circle-left:before { content: "\e65e"; } .ti-arrow-circle-down:before { content: "\e65f"; } .ti-angle-double-up:before { content: "\e660"; } .ti-angle-double-right:before { content: "\e661"; } .ti-angle-double-left:before { content: "\e662"; } .ti-angle-double-down:before { content: "\e663"; } .ti-zip:before { content: "\e664"; } .ti-world:before { content: "\e665"; } .ti-wheelchair:before { content: "\e666"; } .ti-view-list:before { content: "\e667"; } .ti-view-list-alt:before { content: "\e668"; } .ti-view-grid:before { content: "\e669"; } .ti-uppercase:before { content: "\e66a"; } .ti-upload:before { content: "\e66b"; } .ti-underline:before { content: "\e66c"; } .ti-truck:before { content: "\e66d"; } .ti-timer:before { content: "\e66e"; } .ti-ticket:before { content: "\e66f"; } .ti-thumb-up:before { content: "\e670"; } .ti-thumb-down:before { content: "\e671"; } .ti-text:before { content: "\e672"; } .ti-stats-up:before { content: "\e673"; } .ti-stats-down:before { content: "\e674"; } .ti-split-v:before { content: "\e675"; } .ti-split-h:before { content: "\e676"; } .ti-smallcap:before { content: "\e677"; } .ti-shine:before { content: "\e678"; } .ti-shift-right:before { content: "\e679"; } .ti-shift-left:before { content: "\e67a"; } .ti-shield:before { content: "\e67b"; } .ti-notepad:before { content: "\e67c"; } .ti-server:before { content: "\e67d"; } .ti-quote-right:before { content: "\e67e"; } .ti-quote-left:before { content: "\e67f"; } .ti-pulse:before { content: "\e680"; } .ti-printer:before { content: "\e681"; } .ti-power-off:before { content: "\e682"; } .ti-plug:before { content: "\e683"; } .ti-pie-chart:before { content: "\e684"; } .ti-paragraph:before { content: "\e685"; } .ti-panel:before { content: "\e686"; } .ti-package:before { content: "\e687"; } .ti-music:before { content: "\e688"; } .ti-music-alt:before { content: "\e689"; } .ti-mouse:before { content: "\e68a"; } .ti-mouse-alt:before { content: "\e68b"; } .ti-money:before { content: "\e68c"; } .ti-microphone:before { content: "\e68d"; } .ti-menu:before { content: "\e68e"; } .ti-menu-alt:before { content: "\e68f"; } .ti-map:before { content: "\e690"; } .ti-map-alt:before { content: "\e691"; } .ti-loop:before { content: "\e692"; } .ti-location-pin:before { content: "\e693"; } .ti-list:before { content: "\e694"; } .ti-light-bulb:before { content: "\e695"; } .ti-Italic:before { content: "\e696"; } .ti-info:before { content: "\e697"; } .ti-infinite:before { content: "\e698"; } .ti-id-badge:before { content: "\e699"; } .ti-hummer:before { content: "\e69a"; } .ti-home:before { content: "\e69b"; } .ti-help:before { content: "\e69c"; } .ti-headphone:before { content: "\e69d"; } .ti-harddrives:before { content: "\e69e"; } .ti-harddrive:before { content: "\e69f"; } .ti-gift:before { content: "\e6a0"; } .ti-game:before { content: "\e6a1"; } .ti-filter:before { content: "\e6a2"; } .ti-files:before { content: "\e6a3"; } .ti-file:before { content: "\e6a4"; } .ti-eraser:before { content: "\e6a5"; } .ti-envelope:before { content: "\e6a6"; } .ti-download:before { content: "\e6a7"; } .ti-direction:before { content: "\e6a8"; } .ti-direction-alt:before { content: "\e6a9"; } .ti-dashboard:before { content: "\e6aa"; } .ti-control-stop:before { content: "\e6ab"; } .ti-control-shuffle:before { content: "\e6ac"; } .ti-control-play:before { content: "\e6ad"; } .ti-control-pause:before { content: "\e6ae"; } .ti-control-forward:before { content: "\e6af"; } .ti-control-backward:before { content: "\e6b0"; } .ti-cloud:before { content: "\e6b1"; } .ti-cloud-up:before { content: "\e6b2"; } .ti-cloud-down:before { content: "\e6b3"; } .ti-clipboard:before { content: "\e6b4"; } .ti-car:before { content: "\e6b5"; } .ti-calendar:before { content: "\e6b6"; } .ti-book:before { content: "\e6b7"; } .ti-bell:before { content: "\e6b8"; } .ti-basketball:before { content: "\e6b9"; } .ti-bar-chart:before { content: "\e6ba"; } .ti-bar-chart-alt:before { content: "\e6bb"; } .ti-back-right:before { content: "\e6bc"; } .ti-back-left:before { content: "\e6bd"; } .ti-arrows-corner:before { content: "\e6be"; } .ti-archive:before { content: "\e6bf"; } .ti-anchor:before { content: "\e6c0"; } .ti-align-right:before { content: "\e6c1"; } .ti-align-left:before { content: "\e6c2"; } .ti-align-justify:before { content: "\e6c3"; } .ti-align-center:before { content: "\e6c4"; } .ti-alert:before { content: "\e6c5"; } .ti-alarm-clock:before { content: "\e6c6"; } .ti-agenda:before { content: "\e6c7"; } .ti-write:before { content: "\e6c8"; } .ti-window:before { content: "\e6c9"; } .ti-widgetized:before { content: "\e6ca"; } .ti-widget:before { content: "\e6cb"; } .ti-widget-alt:before { content: "\e6cc"; } .ti-wallet:before { content: "\e6cd"; } .ti-video-clapper:before { content: "\e6ce"; } .ti-video-camera:before { content: "\e6cf"; } .ti-vector:before { content: "\e6d0"; } .ti-themify-logo:before { content: "\e6d1"; } .ti-themify-favicon:before { content: "\e6d2"; } .ti-themify-favicon-alt:before { content: "\e6d3"; } .ti-support:before { content: "\e6d4"; } .ti-stamp:before { content: "\e6d5"; } .ti-split-v-alt:before { content: "\e6d6"; } .ti-slice:before { content: "\e6d7"; } .ti-shortcode:before { content: "\e6d8"; } .ti-shift-right-alt:before { content: "\e6d9"; } .ti-shift-left-alt:before { content: "\e6da"; } .ti-ruler-alt-2:before { content: "\e6db"; } .ti-receipt:before { content: "\e6dc"; } .ti-pin2:before { content: "\e6dd"; } .ti-pin-alt:before { content: "\e6de"; } .ti-pencil-alt2:before { content: "\e6df"; } .ti-palette:before { content: "\e6e0"; } .ti-more:before { content: "\e6e1"; } .ti-more-alt:before { content: "\e6e2"; } .ti-microphone-alt:before { content: "\e6e3"; } .ti-magnet:before { content: "\e6e4"; } .ti-line-double:before { content: "\e6e5"; } .ti-line-dotted:before { content: "\e6e6"; } .ti-line-dashed:before { content: "\e6e7"; } .ti-layout-width-full:before { content: "\e6e8"; } .ti-layout-width-default:before { content: "\e6e9"; } .ti-layout-width-default-alt:before { content: "\e6ea"; } .ti-layout-tab:before { content: "\e6eb"; } .ti-layout-tab-window:before { content: "\e6ec"; } .ti-layout-tab-v:before { content: "\e6ed"; } .ti-layout-tab-min:before { content: "\e6ee"; } .ti-layout-slider:before { content: "\e6ef"; } .ti-layout-slider-alt:before { content: "\e6f0"; } .ti-layout-sidebar-right:before { content: "\e6f1"; } .ti-layout-sidebar-none:before { content: "\e6f2"; } .ti-layout-sidebar-left:before { content: "\e6f3"; } .ti-layout-placeholder:before { content: "\e6f4"; } .ti-layout-menu:before { content: "\e6f5"; } .ti-layout-menu-v:before { content: "\e6f6"; } .ti-layout-menu-separated:before { content: "\e6f7"; } .ti-layout-menu-full:before { content: "\e6f8"; } .ti-layout-media-right-alt:before { content: "\e6f9"; } .ti-layout-media-right:before { content: "\e6fa"; } .ti-layout-media-overlay:before { content: "\e6fb"; } .ti-layout-media-overlay-alt:before { content: "\e6fc"; } .ti-layout-media-overlay-alt-2:before { content: "\e6fd"; } .ti-layout-media-left-alt:before { content: "\e6fe"; } .ti-layout-media-left:before { content: "\e6ff"; } .ti-layout-media-center-alt:before { content: "\e700"; } .ti-layout-media-center:before { content: "\e701"; } .ti-layout-list-thumb:before { content: "\e702"; } .ti-layout-list-thumb-alt:before { content: "\e703"; } .ti-layout-list-post:before { content: "\e704"; } .ti-layout-list-large-image:before { content: "\e705"; } .ti-layout-line-solid:before { content: "\e706"; } .ti-layout-grid4:before { content: "\e707"; } .ti-layout-grid3:before { content: "\e708"; } .ti-layout-grid2:before { content: "\e709"; } .ti-layout-grid2-thumb:before { content: "\e70a"; } .ti-layout-cta-right:before { content: "\e70b"; } .ti-layout-cta-left:before { content: "\e70c"; } .ti-layout-cta-center:before { content: "\e70d"; } .ti-layout-cta-btn-right:before { content: "\e70e"; } .ti-layout-cta-btn-left:before { content: "\e70f"; } .ti-layout-column4:before { content: "\e710"; } .ti-layout-column3:before { content: "\e711"; } .ti-layout-column2:before { content: "\e712"; } .ti-layout-accordion-separated:before { content: "\e713"; } .ti-layout-accordion-merged:before { content: "\e714"; } .ti-layout-accordion-list:before { content: "\e715"; } .ti-ink-pen:before { content: "\e716"; } .ti-info-alt:before { content: "\e717"; } .ti-help-alt:before { content: "\e718"; } .ti-headphone-alt:before { content: "\e719"; } .ti-hand-point-up:before { content: "\e71a"; } .ti-hand-point-right:before { content: "\e71b"; } .ti-hand-point-left:before { content: "\e71c"; } .ti-hand-point-down:before { content: "\e71d"; } .ti-gallery:before { content: "\e71e"; } .ti-face-smile:before { content: "\e71f"; } .ti-face-sad:before { content: "\e720"; } .ti-credit-card:before { content: "\e721"; } .ti-control-skip-forward:before { content: "\e722"; } .ti-control-skip-backward:before { content: "\e723"; } .ti-control-record:before { content: "\e724"; } .ti-control-eject:before { content: "\e725"; } .ti-comments-smiley:before { content: "\e726"; } .ti-brush-alt:before { content: "\e727"; } .ti-youtube:before { content: "\e728"; } .ti-vimeo:before { content: "\e729"; } .ti-twitter:before { content: "\e72a"; } .ti-time:before { content: "\e72b"; } .ti-tumblr:before { content: "\e72c"; } .ti-skype:before { content: "\e72d"; } .ti-share:before { content: "\e72e"; } .ti-share-alt:before { content: "\e72f"; } .ti-rocket:before { content: "\e730"; } .ti-pinterest:before { content: "\e731"; } .ti-new-window:before { content: "\e732"; } .ti-microsoft:before { content: "\e733"; } .ti-list-ol:before { content: "\e734"; } .ti-linkedin:before { content: "\e735"; } .ti-layout-sidebar-2:before { content: "\e736"; } .ti-layout-grid4-alt:before { content: "\e737"; } .ti-layout-grid3-alt:before { content: "\e738"; } .ti-layout-grid2-alt:before { content: "\e739"; } .ti-layout-column4-alt:before { content: "\e73a"; } .ti-layout-column3-alt:before { content: "\e73b"; } .ti-layout-column2-alt:before { content: "\e73c"; } .ti-instagram:before { content: "\e73d"; } .ti-google:before { content: "\e73e"; } .ti-github:before { content: "\e73f"; } .ti-flickr:before { content: "\e740"; } .ti-facebook:before { content: "\e741"; } .ti-dropbox:before { content: "\e742"; } .ti-dribbble:before { content: "\e743"; } .ti-apple:before { content: "\e744"; } .ti-android:before { content: "\e745"; } .ti-save:before { content: "\e746"; } .ti-save-alt:before { content: "\e747"; } .ti-yahoo:before { content: "\e748"; } .ti-wordpress:before { content: "\e749"; } .ti-vimeo-alt:before { content: "\e74a"; } .ti-twitter-alt:before { content: "\e74b"; } .ti-tumblr-alt:before { content: "\e74c"; } .ti-trello:before { content: "\e74d"; } .ti-stack-overflow:before { content: "\e74e"; } .ti-soundcloud:before { content: "\e74f"; } .ti-sharethis:before { content: "\e750"; } .ti-sharethis-alt:before { content: "\e751"; } .ti-reddit:before { content: "\e752"; } .ti-pinterest-alt:before { content: "\e753"; } .ti-microsoft-alt:before { content: "\e754"; } .ti-linux:before { content: "\e755"; } .ti-jsfiddle:before { content: "\e756"; } .ti-joomla:before { content: "\e757"; } .ti-html5:before { content: "\e758"; } .ti-flickr-alt:before { content: "\e759"; } .ti-email:before { content: "\e75a"; } .ti-drupal:before { content: "\e75b"; } .ti-dropbox-alt:before { content: "\e75c"; } .ti-css3:before { content: "\e75d"; } .ti-rss:before { content: "\e75e"; } .ti-rss-alt:before { content: "\e75f"; } @font-face { font-family: 'simple-line-icons'; src: url('../less/icons/simple-line-icons/fonts/Simple-Line-Icons.eot?-i3a2kk'); src: url('../less/icons/simple-line-icons/fonts/Simple-Line-Icons.eot?#iefix-i3a2kk') format('embedded-opentype'), url('../less/icons/simple-line-icons/fonts/Simple-Line-Icons.ttf?-i3a2kk') format('truetype'), url('../less/icons/simple-line-icons/fonts/Simple-Line-Icons.woff2?-i3a2kk') format('woff2'), url('../less/icons/simple-line-icons/fonts/Simple-Line-Icons.woff?-i3a2kk') format('woff'), url('../less/icons/simple-line-icons/fonts/Simple-Line-Icons.svg?-i3a2kk#simple-line-icons') format('svg'); font-weight: normal; font-style: normal; } /* Use the following CSS code if you want to have a class per icon. Instead of a list of all class selectors, you can use the generic [class*="icon-"] selector, but it's slower: */ .icon-user, .icon-people, .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-login, .icon-logout, .icon-emotsmile, .icon-phone, .icon-call-end, .icon-call-in, .icon-call-out, .icon-map, .icon-location-pin, .icon-direction, .icon-directions, .icon-compass, .icon-layers, .icon-menu, .icon-list, .icon-options-vertical, .icon-options, .icon-arrow-down, .icon-arrow-left, .icon-arrow-right, .icon-arrow-up, .icon-arrow-up-circle, .icon-arrow-left-circle, .icon-arrow-right-circle, .icon-arrow-down-circle, .icon-check, .icon-clock, .icon-plus, .icon-close, .icon-trophy, .icon-screen-smartphone, .icon-screen-desktop, .icon-plane, .icon-notebook, .icon-mustache, .icon-mouse, .icon-magnet, .icon-energy, .icon-disc, .icon-cursor, .icon-cursor-move, .icon-crop, .icon-chemistry, .icon-speedometer, .icon-shield, .icon-screen-tablet, .icon-magic-wand, .icon-hourglass, .icon-graduation, .icon-ghost, .icon-game-controller, .icon-fire, .icon-eyeglass, .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-handbag, .icon-globe-alt, .icon-globe, .icon-folder-alt, .icon-folder, .icon-film, .icon-feed, .icon-drop, .icon-drawar, .icon-docs, .icon-doc, .icon-diamond, .icon-cup, .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-frame, .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-loop, .icon-home, .icon-grid, .icon-graph, .icon-microphone, .icon-music-tone-alt, .icon-music-tone, .icon-earphones-alt, .icon-earphones, .icon-equalizer, .icon-like, .icon-dislike, .icon-control-start, .icon-control-rewind, .icon-control-play, .icon-control-pause, .icon-control-forward, .icon-control-end, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-calender, .icon-bulb, .icon-chart, .icon-ban, .icon-bubble, .icon-camrecorder, .icon-camera, .icon-cloud-download, .icon-cloud-upload, .icon-envelope, .icon-eye, .icon-flag, .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-power, .icon-refresh, .icon-reload, .icon-settings, .icon-star, .icon-symble-female, .icon-symbol-male, .icon-target, .icon-credit-card, .icon-paypal, .icon-social-tumblr, .icon-social-twitter, .icon-social-facebook, .icon-social-instagram, .icon-social-linkedin, .icon-social-pintarest, .icon-social-github, .icon-social-gplus, .icon-social-reddit, .icon-social-skype, .icon-social-dribbble, .icon-social-behance, .icon-social-foursqare, .icon-social-soundcloud, .icon-social-spotify, .icon-social-stumbleupon, .icon-social-youtube, .icon-social-dropbox { font-family: 'simple-line-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-user:before { content: "\e005"; } .icon-people:before { content: "\e001"; } .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-login:before { content: "\e066"; } .icon-logout:before { content: "\e065"; } .icon-emotsmile:before { content: "\e021"; } .icon-phone:before { content: "\e600"; } .icon-call-end:before { content: "\e048"; } .icon-call-in:before { content: "\e047"; } .icon-call-out:before { content: "\e046"; } .icon-map:before { content: "\e033"; } .icon-location-pin:before { content: "\e096"; } .icon-direction:before { content: "\e042"; } .icon-directions:before { content: "\e041"; } .icon-compass:before { content: "\e045"; } .icon-layers:before { content: "\e034"; } .icon-menu:before { content: "\e601"; } .icon-list:before { content: "\e067"; } .icon-options-vertical:before { content: "\e602"; } .icon-options:before { content: "\e603"; } .icon-arrow-down:before { content: "\e604"; } .icon-arrow-left:before { content: "\e605"; } .icon-arrow-right:before { content: "\e606"; } .icon-arrow-up:before { content: "\e607"; } .icon-arrow-up-circle:before { content: "\e078"; } .icon-arrow-left-circle:before { content: "\e07a"; } .icon-arrow-right-circle:before { content: "\e079"; } .icon-arrow-down-circle:before { content: "\e07b"; } .icon-check:before { content: "\e080"; } .icon-clock:before { content: "\e081"; } .icon-plus:before { content: "\e095"; } .icon-close:before { content: "\e082"; } .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-mustache:before { content: "\e014"; } .icon-mouse:before { content: "\e015"; } .icon-magnet:before { content: "\e016"; } .icon-energy:before { content: "\e020"; } .icon-disc:before { content: "\e022"; } .icon-cursor:before { content: "\e06e"; } .icon-cursor-move:before { content: "\e023"; } .icon-crop:before { content: "\e024"; } .icon-chemistry:before { content: "\e026"; } .icon-speedometer:before { content: "\e007"; } .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-eyeglass: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-handbag:before { content: "\e035"; } .icon-globe-alt:before { content: "\e036"; } .icon-globe:before { content: "\e037"; } .icon-folder-alt:before { content: "\e039"; } .icon-folder:before { content: "\e089"; } .icon-film:before { content: "\e03a"; } .icon-feed:before { content: "\e03b"; } .icon-drop:before { content: "\e03e"; } .icon-drawar:before { content: "\e03f"; } .icon-docs:before { content: "\e040"; } .icon-doc:before { content: "\e085"; } .icon-diamond:before { content: "\e043"; } .icon-cup:before { content: "\e044"; } .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-frame:before { content: "\e038"; } .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-loop:before { content: "\e064"; } .icon-home:before { content: "\e069"; } .icon-grid:before { content: "\e06a"; } .icon-graph:before { content: "\e06b"; } .icon-microphone:before { content: "\e063"; } .icon-music-tone-alt:before { content: "\e061"; } .icon-music-tone:before { content: "\e062"; } .icon-earphones-alt:before { content: "\e03c"; } .icon-earphones:before { content: "\e03d"; } .icon-equalizer:before { content: "\e06c"; } .icon-like:before { content: "\e068"; } .icon-dislike:before { content: "\e06d"; } .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-volume-1:before { content: "\e09f"; } .icon-volume-2:before { content: "\e0a0"; } .icon-volume-off:before { content: "\e0a1"; } .icon-calender:before { content: "\e075"; } .icon-bulb:before { content: "\e076"; } .icon-chart:before { content: "\e077"; } .icon-ban:before { content: "\e07c"; } .icon-bubble:before { content: "\e07d"; } .icon-camrecorder:before { content: "\e07e"; } .icon-camera:before { content: "\e07f"; } .icon-cloud-download:before { content: "\e083"; } .icon-cloud-upload:before { content: "\e084"; } .icon-envelope:before { content: "\e086"; } .icon-eye:before { content: "\e087"; } .icon-flag:before { content: "\e088"; } .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-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-symble-female:before { content: "\e09c"; } .icon-symbol-male:before { content: "\e09d"; } .icon-target:before { content: "\e09e"; } .icon-credit-card:before { content: "\e025"; } .icon-paypal:before { content: "\e608"; } .icon-social-tumblr:before { content: "\e00a"; } .icon-social-twitter:before { content: "\e009"; } .icon-social-facebook:before { content: "\e00b"; } .icon-social-instagram:before { content: "\e609"; } .icon-social-linkedin:before { content: "\e60a"; } .icon-social-pintarest:before { content: "\e60b"; } .icon-social-github:before { content: "\e60c"; } .icon-social-gplus:before { content: "\e60d"; } .icon-social-reddit:before { content: "\e60e"; } .icon-social-skype:before { content: "\e60f"; } .icon-social-dribbble:before { content: "\e00d"; } .icon-social-behance:before { content: "\e610"; } .icon-social-foursqare:before { content: "\e611"; } .icon-social-soundcloud:before { content: "\e612"; } .icon-social-spotify:before { content: "\e613"; } .icon-social-stumbleupon:before { content: "\e614"; } .icon-social-youtube:before { content: "\e008"; } .icon-social-dropbox:before { content: "\e00c"; } /*! * Weather Icons 2.0 * Updated August 1, 2015 * Weather themed icons for Bootstrap * Author - Erik Flowers - erik@helloerik.com * Email: erik@helloerik.com * Twitter: http://twitter.com/Erik_UX * ------------------------------------------------------------------------------ * Maintained at http://erikflowers.github.io/weather-icons * * License * ------------------------------------------------------------------------------ * - Font licensed under SIL OFL 1.1 - * http://scripts.sil.org/OFL * - CSS, SCSS and LESS are licensed under MIT License - * http://opensource.org/licenses/mit-license.html * - Documentation licensed under CC BY 3.0 - * http://creativecommons.org/licenses/by/3.0/ * - Inspired by and works great as a companion with Font Awesome * "Font Awesome by Dave Gandy - http://fontawesome.io" */ @font-face { font-family: 'weathericons'; src: url('../less/icons/weather-icons/font/weathericons-regular-webfont.eot'); src: url('../less/icons/weather-icons/font/weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../less/icons/weather-icons/font/weathericons-regular-webfont.woff2') format('woff2'), url('../less/icons/weather-icons/font/weathericons-regular-webfont.woff') format('woff'), url('../less/icons/weather-icons/font/weathericons-regular-webfont.ttf') format('truetype'), url('../less/icons/weather-icons/font/weathericons-regular-webfont.svg#weather_iconsregular') format('svg'); font-weight: normal; font-style: normal; } .wi { display: inline-block; font-family: 'weathericons'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .wi-fw { text-align: center; width: 1.4em; } .wi-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .wi-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .wi-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .wi-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .wi-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } .wi-day-sunny:before { content: "\f00d"; } .wi-day-cloudy:before { content: "\f002"; } .wi-day-cloudy-gusts:before { content: "\f000"; } .wi-day-cloudy-windy:before { content: "\f001"; } .wi-day-fog:before { content: "\f003"; } .wi-day-hail:before { content: "\f004"; } .wi-day-haze:before { content: "\f0b6"; } .wi-day-lightning:before { content: "\f005"; } .wi-day-rain:before { content: "\f008"; } .wi-day-rain-mix:before { content: "\f006"; } .wi-day-rain-wind:before { content: "\f007"; } .wi-day-showers:before { content: "\f009"; } .wi-day-sleet:before { content: "\f0b2"; } .wi-day-sleet-storm:before { content: "\f068"; } .wi-day-snow:before { content: "\f00a"; } .wi-day-snow-thunderstorm:before { content: "\f06b"; } .wi-day-snow-wind:before { content: "\f065"; } .wi-day-sprinkle:before { content: "\f00b"; } .wi-day-storm-showers:before { content: "\f00e"; } .wi-day-sunny-overcast:before { content: "\f00c"; } .wi-day-thunderstorm:before { content: "\f010"; } .wi-day-windy:before { content: "\f085"; } .wi-solar-eclipse:before { content: "\f06e"; } .wi-hot:before { content: "\f072"; } .wi-day-cloudy-high:before { content: "\f07d"; } .wi-day-light-wind:before { content: "\f0c4"; } .wi-night-clear:before { content: "\f02e"; } .wi-night-alt-cloudy:before { content: "\f086"; } .wi-night-alt-cloudy-gusts:before { content: "\f022"; } .wi-night-alt-cloudy-windy:before { content: "\f023"; } .wi-night-alt-hail:before { content: "\f024"; } .wi-night-alt-lightning:before { content: "\f025"; } .wi-night-alt-rain:before { content: "\f028"; } .wi-night-alt-rain-mix:before { content: "\f026"; } .wi-night-alt-rain-wind:before { content: "\f027"; } .wi-night-alt-showers:before { content: "\f029"; } .wi-night-alt-sleet:before { content: "\f0b4"; } .wi-night-alt-sleet-storm:before { content: "\f06a"; } .wi-night-alt-snow:before { content: "\f02a"; } .wi-night-alt-snow-thunderstorm:before { content: "\f06d"; } .wi-night-alt-snow-wind:before { content: "\f067"; } .wi-night-alt-sprinkle:before { content: "\f02b"; } .wi-night-alt-storm-showers:before { content: "\f02c"; } .wi-night-alt-thunderstorm:before { content: "\f02d"; } .wi-night-cloudy:before { content: "\f031"; } .wi-night-cloudy-gusts:before { content: "\f02f"; } .wi-night-cloudy-windy:before { content: "\f030"; } .wi-night-fog:before { content: "\f04a"; } .wi-night-hail:before { content: "\f032"; } .wi-night-lightning:before { content: "\f033"; } .wi-night-partly-cloudy:before { content: "\f083"; } .wi-night-rain:before { content: "\f036"; } .wi-night-rain-mix:before { content: "\f034"; } .wi-night-rain-wind:before { content: "\f035"; } .wi-night-showers:before { content: "\f037"; } .wi-night-sleet:before { content: "\f0b3"; } .wi-night-sleet-storm:before { content: "\f069"; } .wi-night-snow:before { content: "\f038"; } .wi-night-snow-thunderstorm:before { content: "\f06c"; } .wi-night-snow-wind:before { content: "\f066"; } .wi-night-sprinkle:before { content: "\f039"; } .wi-night-storm-showers:before { content: "\f03a"; } .wi-night-thunderstorm:before { content: "\f03b"; } .wi-lunar-eclipse:before { content: "\f070"; } .wi-stars:before { content: "\f077"; } .wi-storm-showers:before { content: "\f01d"; } .wi-thunderstorm:before { content: "\f01e"; } .wi-night-alt-cloudy-high:before { content: "\f07e"; } .wi-night-cloudy-high:before { content: "\f080"; } .wi-night-alt-partly-cloudy:before { content: "\f081"; } .wi-cloud:before { content: "\f041"; } .wi-cloudy:before { content: "\f013"; } .wi-cloudy-gusts:before { content: "\f011"; } .wi-cloudy-windy:before { content: "\f012"; } .wi-fog:before { content: "\f014"; } .wi-hail:before { content: "\f015"; } .wi-rain:before { content: "\f019"; } .wi-rain-mix:before { content: "\f017"; } .wi-rain-wind:before { content: "\f018"; } .wi-showers:before { content: "\f01a"; } .wi-sleet:before { content: "\f0b5"; } .wi-snow:before { content: "\f01b"; } .wi-sprinkle:before { content: "\f01c"; } .wi-storm-showers:before { content: "\f01d"; } .wi-thunderstorm:before { content: "\f01e"; } .wi-snow-wind:before { content: "\f064"; } .wi-snow:before { content: "\f01b"; } .wi-smog:before { content: "\f074"; } .wi-smoke:before { content: "\f062"; } .wi-lightning:before { content: "\f016"; } .wi-raindrops:before { content: "\f04e"; } .wi-raindrop:before { content: "\f078"; } .wi-dust:before { content: "\f063"; } .wi-snowflake-cold:before { content: "\f076"; } .wi-windy:before { content: "\f021"; } .wi-strong-wind:before { content: "\f050"; } .wi-sandstorm:before { content: "\f082"; } .wi-earthquake:before { content: "\f0c6"; } .wi-fire:before { content: "\f0c7"; } .wi-flood:before { content: "\f07c"; } .wi-meteor:before { content: "\f071"; } .wi-tsunami:before { content: "\f0c5"; } .wi-volcano:before { content: "\f0c8"; } .wi-hurricane:before { content: "\f073"; } .wi-tornado:before { content: "\f056"; } .wi-small-craft-advisory:before { content: "\f0cc"; } .wi-gale-warning:before { content: "\f0cd"; } .wi-storm-warning:before { content: "\f0ce"; } .wi-hurricane-warning:before { content: "\f0cf"; } .wi-wind-direction:before { content: "\f0b1"; } .wi-alien:before { content: "\f075"; } .wi-celsius:before { content: "\f03c"; } .wi-fahrenheit:before { content: "\f045"; } .wi-degrees:before { content: "\f042"; } .wi-thermometer:before { content: "\f055"; } .wi-thermometer-exterior:before { content: "\f053"; } .wi-thermometer-internal:before { content: "\f054"; } .wi-cloud-down:before { content: "\f03d"; } .wi-cloud-up:before { content: "\f040"; } .wi-cloud-refresh:before { content: "\f03e"; } .wi-horizon:before { content: "\f047"; } .wi-horizon-alt:before { content: "\f046"; } .wi-sunrise:before { content: "\f051"; } .wi-sunset:before { content: "\f052"; } .wi-moonrise:before { content: "\f0c9"; } .wi-moonset:before { content: "\f0ca"; } .wi-refresh:before { content: "\f04c"; } .wi-refresh-alt:before { content: "\f04b"; } .wi-umbrella:before { content: "\f084"; } .wi-barometer:before { content: "\f079"; } .wi-humidity:before { content: "\f07a"; } .wi-na:before { content: "\f07b"; } .wi-train:before { content: "\f0cb"; } .wi-moon-new:before { content: "\f095"; } .wi-moon-waxing-cresent-1:before { content: "\f096"; } .wi-moon-waxing-cresent-2:before { content: "\f097"; } .wi-moon-waxing-cresent-3:before { content: "\f098"; } .wi-moon-waxing-cresent-4:before { content: "\f099"; } .wi-moon-waxing-cresent-5:before { content: "\f09a"; } .wi-moon-waxing-cresent-6:before { content: "\f09b"; } .wi-moon-first-quarter:before { content: "\f09c"; } .wi-moon-waxing-gibbous-1:before { content: "\f09d"; } .wi-moon-waxing-gibbous-2:before { content: "\f09e"; } .wi-moon-waxing-gibbous-3:before { content: "\f09f"; } .wi-moon-waxing-gibbous-4:before { content: "\f0a0"; } .wi-moon-waxing-gibbous-5:before { content: "\f0a1"; } .wi-moon-waxing-gibbous-6:before { content: "\f0a2"; } .wi-moon-full:before { content: "\f0a3"; } .wi-moon-waning-gibbous-1:before { content: "\f0a4"; } .wi-moon-waning-gibbous-2:before { content: "\f0a5"; } .wi-moon-waning-gibbous-3:before { content: "\f0a6"; } .wi-moon-waning-gibbous-4:before { content: "\f0a7"; } .wi-moon-waning-gibbous-5:before { content: "\f0a8"; } .wi-moon-waning-gibbous-6:before { content: "\f0a9"; } .wi-moon-third-quarter:before { content: "\f0aa"; } .wi-moon-waning-crescent-1:before { content: "\f0ab"; } .wi-moon-waning-crescent-2:before { content: "\f0ac"; } .wi-moon-waning-crescent-3:before { content: "\f0ad"; } .wi-moon-waning-crescent-4:before { content: "\f0ae"; } .wi-moon-waning-crescent-5:before { content: "\f0af"; } .wi-moon-waning-crescent-6:before { content: "\f0b0"; } .wi-moon-alt-new:before { content: "\f0eb"; } .wi-moon-alt-waxing-cresent-1:before { content: "\f0d0"; } .wi-moon-alt-waxing-cresent-2:before { content: "\f0d1"; } .wi-moon-alt-waxing-cresent-3:before { content: "\f0d2"; } .wi-moon-alt-waxing-cresent-4:before { content: "\f0d3"; } .wi-moon-alt-waxing-cresent-5:before { content: "\f0d4"; } .wi-moon-alt-waxing-cresent-6:before { content: "\f0d5"; } .wi-moon-alt-first-quarter:before { content: "\f0d6"; } .wi-moon-alt-waxing-gibbous-1:before { content: "\f0d7"; } .wi-moon-alt-waxing-gibbous-2:before { content: "\f0d8"; } .wi-moon-alt-waxing-gibbous-3:before { content: "\f0d9"; } .wi-moon-alt-waxing-gibbous-4:before { content: "\f0da"; } .wi-moon-alt-waxing-gibbous-5:before { content: "\f0db"; } .wi-moon-alt-waxing-gibbous-6:before { content: "\f0dc"; } .wi-moon-alt-full:before { content: "\f0dd"; } .wi-moon-alt-waning-gibbous-1:before { content: "\f0de"; } .wi-moon-alt-waning-gibbous-2:before { content: "\f0df"; } .wi-moon-alt-waning-gibbous-3:before { content: "\f0e0"; } .wi-moon-alt-waning-gibbous-4:before { content: "\f0e1"; } .wi-moon-alt-waning-gibbous-5:before { content: "\f0e2"; } .wi-moon-alt-waning-gibbous-6:before { content: "\f0e3"; } .wi-moon-alt-third-quarter:before { content: "\f0e4"; } .wi-moon-alt-waning-crescent-1:before { content: "\f0e5"; } .wi-moon-alt-waning-crescent-2:before { content: "\f0e6"; } .wi-moon-alt-waning-crescent-3:before { content: "\f0e7"; } .wi-moon-alt-waning-crescent-4:before { content: "\f0e8"; } .wi-moon-alt-waning-crescent-5:before { content: "\f0e9"; } .wi-moon-alt-waning-crescent-6:before { content: "\f0ea"; } .wi-moon-0:before { content: "\f095"; } .wi-moon-1:before { content: "\f096"; } .wi-moon-2:before { content: "\f097"; } .wi-moon-3:before { content: "\f098"; } .wi-moon-4:before { content: "\f099"; } .wi-moon-5:before { content: "\f09a"; } .wi-moon-6:before { content: "\f09b"; } .wi-moon-7:before { content: "\f09c"; } .wi-moon-8:before { content: "\f09d"; } .wi-moon-9:before { content: "\f09e"; } .wi-moon-10:before { content: "\f09f"; } .wi-moon-11:before { content: "\f0a0"; } .wi-moon-12:before { content: "\f0a1"; } .wi-moon-13:before { content: "\f0a2"; } .wi-moon-14:before { content: "\f0a3"; } .wi-moon-15:before { content: "\f0a4"; } .wi-moon-16:before { content: "\f0a5"; } .wi-moon-17:before { content: "\f0a6"; } .wi-moon-18:before { content: "\f0a7"; } .wi-moon-19:before { content: "\f0a8"; } .wi-moon-20:before { content: "\f0a9"; } .wi-moon-21:before { content: "\f0aa"; } .wi-moon-22:before { content: "\f0ab"; } .wi-moon-23:before { content: "\f0ac"; } .wi-moon-24:before { content: "\f0ad"; } .wi-moon-25:before { content: "\f0ae"; } .wi-moon-26:before { content: "\f0af"; } .wi-moon-27:before { content: "\f0b0"; } .wi-time-1:before { content: "\f08a"; } .wi-time-2:before { content: "\f08b"; } .wi-time-3:before { content: "\f08c"; } .wi-time-4:before { content: "\f08d"; } .wi-time-5:before { content: "\f08e"; } .wi-time-6:before { content: "\f08f"; } .wi-time-7:before { content: "\f090"; } .wi-time-8:before { content: "\f091"; } .wi-time-9:before { content: "\f092"; } .wi-time-10:before { content: "\f093"; } .wi-time-11:before { content: "\f094"; } .wi-time-12:before { content: "\f089"; } .wi-direction-up:before { content: "\f058"; } .wi-direction-up-right:before { content: "\f057"; } .wi-direction-right:before { content: "\f04d"; } .wi-direction-down-right:before { content: "\f088"; } .wi-direction-down:before { content: "\f044"; } .wi-direction-down-left:before { content: "\f043"; } .wi-direction-left:before { content: "\f048"; } .wi-direction-up-left:before { content: "\f087"; } .wi-wind-beaufort-0:before { content: "\f0b7"; } .wi-wind-beaufort-1:before { content: "\f0b8"; } .wi-wind-beaufort-2:before { content: "\f0b9"; } .wi-wind-beaufort-3:before { content: "\f0ba"; } .wi-wind-beaufort-4:before { content: "\f0bb"; } .wi-wind-beaufort-5:before { content: "\f0bc"; } .wi-wind-beaufort-6:before { content: "\f0bd"; } .wi-wind-beaufort-7:before { content: "\f0be"; } .wi-wind-beaufort-8:before { content: "\f0bf"; } .wi-wind-beaufort-9:before { content: "\f0c0"; } .wi-wind-beaufort-10:before { content: "\f0c1"; } .wi-wind-beaufort-11:before { content: "\f0c2"; } .wi-wind-beaufort-12:before { content: "\f0c3"; } .wi-yahoo-0:before { content: "\f056"; } .wi-yahoo-1:before { content: "\f00e"; } .wi-yahoo-2:before { content: "\f073"; } .wi-yahoo-3:before { content: "\f01e"; } .wi-yahoo-4:before { content: "\f01e"; } .wi-yahoo-5:before { content: "\f017"; } .wi-yahoo-6:before { content: "\f017"; } .wi-yahoo-7:before { content: "\f017"; } .wi-yahoo-8:before { content: "\f015"; } .wi-yahoo-9:before { content: "\f01a"; } .wi-yahoo-10:before { content: "\f015"; } .wi-yahoo-11:before { content: "\f01a"; } .wi-yahoo-12:before { content: "\f01a"; } .wi-yahoo-13:before { content: "\f01b"; } .wi-yahoo-14:before { content: "\f00a"; } .wi-yahoo-15:before { content: "\f064"; } .wi-yahoo-16:before { content: "\f01b"; } .wi-yahoo-17:before { content: "\f015"; } .wi-yahoo-18:before { content: "\f017"; } .wi-yahoo-19:before { content: "\f063"; } .wi-yahoo-20:before { content: "\f014"; } .wi-yahoo-21:before { content: "\f021"; } .wi-yahoo-22:before { content: "\f062"; } .wi-yahoo-23:before { content: "\f050"; } .wi-yahoo-24:before { content: "\f050"; } .wi-yahoo-25:before { content: "\f076"; } .wi-yahoo-26:before { content: "\f013"; } .wi-yahoo-27:before { content: "\f031"; } .wi-yahoo-28:before { content: "\f002"; } .wi-yahoo-29:before { content: "\f031"; } .wi-yahoo-30:before { content: "\f002"; } .wi-yahoo-31:before { content: "\f02e"; } .wi-yahoo-32:before { content: "\f00d"; } .wi-yahoo-33:before { content: "\f083"; } .wi-yahoo-34:before { content: "\f00c"; } .wi-yahoo-35:before { content: "\f017"; } .wi-yahoo-36:before { content: "\f072"; } .wi-yahoo-37:before { content: "\f00e"; } .wi-yahoo-38:before { content: "\f00e"; } .wi-yahoo-39:before { content: "\f00e"; } .wi-yahoo-40:before { content: "\f01a"; } .wi-yahoo-41:before { content: "\f064"; } .wi-yahoo-42:before { content: "\f01b"; } .wi-yahoo-43:before { content: "\f064"; } .wi-yahoo-44:before { content: "\f00c"; } .wi-yahoo-45:before { content: "\f00e"; } .wi-yahoo-46:before { content: "\f01b"; } .wi-yahoo-47:before { content: "\f00e"; } .wi-yahoo-3200:before { content: "\f077"; } .wi-forecast-io-clear-day:before { content: "\f00d"; } .wi-forecast-io-clear-night:before { content: "\f02e"; } .wi-forecast-io-rain:before { content: "\f019"; } .wi-forecast-io-snow:before { content: "\f01b"; } .wi-forecast-io-sleet:before { content: "\f0b5"; } .wi-forecast-io-wind:before { content: "\f050"; } .wi-forecast-io-fog:before { content: "\f014"; } .wi-forecast-io-cloudy:before { content: "\f013"; } .wi-forecast-io-partly-cloudy-day:before { content: "\f002"; } .wi-forecast-io-partly-cloudy-night:before { content: "\f031"; } .wi-forecast-io-hail:before { content: "\f015"; } .wi-forecast-io-thunderstorm:before { content: "\f01e"; } .wi-forecast-io-tornado:before { content: "\f056"; } .wi-wmo4680-0:before, .wi-wmo4680-00:before { content: "\f055"; } .wi-wmo4680-1:before, .wi-wmo4680-01:before { content: "\f013"; } .wi-wmo4680-2:before, .wi-wmo4680-02:before { content: "\f055"; } .wi-wmo4680-3:before, .wi-wmo4680-03:before { content: "\f013"; } .wi-wmo4680-4:before, .wi-wmo4680-04:before { content: "\f014"; } .wi-wmo4680-5:before, .wi-wmo4680-05:before { content: "\f014"; } .wi-wmo4680-10:before { content: "\f014"; } .wi-wmo4680-11:before { content: "\f014"; } .wi-wmo4680-12:before { content: "\f016"; } .wi-wmo4680-18:before { content: "\f050"; } .wi-wmo4680-20:before { content: "\f014"; } .wi-wmo4680-21:before { content: "\f017"; } .wi-wmo4680-22:before { content: "\f017"; } .wi-wmo4680-23:before { content: "\f019"; } .wi-wmo4680-24:before { content: "\f01b"; } .wi-wmo4680-25:before { content: "\f015"; } .wi-wmo4680-26:before { content: "\f01e"; } .wi-wmo4680-27:before { content: "\f063"; } .wi-wmo4680-28:before { content: "\f063"; } .wi-wmo4680-29:before { content: "\f063"; } .wi-wmo4680-30:before { content: "\f014"; } .wi-wmo4680-31:before { content: "\f014"; } .wi-wmo4680-32:before { content: "\f014"; } .wi-wmo4680-33:before { content: "\f014"; } .wi-wmo4680-34:before { content: "\f014"; } .wi-wmo4680-35:before { content: "\f014"; } .wi-wmo4680-40:before { content: "\f017"; } .wi-wmo4680-41:before { content: "\f01c"; } .wi-wmo4680-42:before { content: "\f019"; } .wi-wmo4680-43:before { content: "\f01c"; } .wi-wmo4680-44:before { content: "\f019"; } .wi-wmo4680-45:before { content: "\f015"; } .wi-wmo4680-46:before { content: "\f015"; } .wi-wmo4680-47:before { content: "\f01b"; } .wi-wmo4680-48:before { content: "\f01b"; } .wi-wmo4680-50:before { content: "\f01c"; } .wi-wmo4680-51:before { content: "\f01c"; } .wi-wmo4680-52:before { content: "\f019"; } .wi-wmo4680-53:before { content: "\f019"; } .wi-wmo4680-54:before { content: "\f076"; } .wi-wmo4680-55:before { content: "\f076"; } .wi-wmo4680-56:before { content: "\f076"; } .wi-wmo4680-57:before { content: "\f01c"; } .wi-wmo4680-58:before { content: "\f019"; } .wi-wmo4680-60:before { content: "\f01c"; } .wi-wmo4680-61:before { content: "\f01c"; } .wi-wmo4680-62:before { content: "\f019"; } .wi-wmo4680-63:before { content: "\f019"; } .wi-wmo4680-64:before { content: "\f015"; } .wi-wmo4680-65:before { content: "\f015"; } .wi-wmo4680-66:before { content: "\f015"; } .wi-wmo4680-67:before { content: "\f017"; } .wi-wmo4680-68:before { content: "\f017"; } .wi-wmo4680-70:before { content: "\f01b"; } .wi-wmo4680-71:before { content: "\f01b"; } .wi-wmo4680-72:before { content: "\f01b"; } .wi-wmo4680-73:before { content: "\f01b"; } .wi-wmo4680-74:before { content: "\f076"; } .wi-wmo4680-75:before { content: "\f076"; } .wi-wmo4680-76:before { content: "\f076"; } .wi-wmo4680-77:before { content: "\f01b"; } .wi-wmo4680-78:before { content: "\f076"; } .wi-wmo4680-80:before { content: "\f019"; } .wi-wmo4680-81:before { content: "\f01c"; } .wi-wmo4680-82:before { content: "\f019"; } .wi-wmo4680-83:before { content: "\f019"; } .wi-wmo4680-84:before { content: "\f01d"; } .wi-wmo4680-85:before { content: "\f017"; } .wi-wmo4680-86:before { content: "\f017"; } .wi-wmo4680-87:before { content: "\f017"; } .wi-wmo4680-89:before { content: "\f015"; } .wi-wmo4680-90:before { content: "\f016"; } .wi-wmo4680-91:before { content: "\f01d"; } .wi-wmo4680-92:before { content: "\f01e"; } .wi-wmo4680-93:before { content: "\f01e"; } .wi-wmo4680-94:before { content: "\f016"; } .wi-wmo4680-95:before { content: "\f01e"; } .wi-wmo4680-96:before { content: "\f01e"; } .wi-wmo4680-99:before { content: "\f056"; } .wi-owm-200:before { content: "\f01e"; } .wi-owm-201:before { content: "\f01e"; } .wi-owm-202:before { content: "\f01e"; } .wi-owm-210:before { content: "\f016"; } .wi-owm-211:before { content: "\f016"; } .wi-owm-212:before { content: "\f016"; } .wi-owm-221:before { content: "\f016"; } .wi-owm-230:before { content: "\f01e"; } .wi-owm-231:before { content: "\f01e"; } .wi-owm-232:before { content: "\f01e"; } .wi-owm-300:before { content: "\f01c"; } .wi-owm-301:before { content: "\f01c"; } .wi-owm-302:before { content: "\f019"; } .wi-owm-310:before { content: "\f017"; } .wi-owm-311:before { content: "\f019"; } .wi-owm-312:before { content: "\f019"; } .wi-owm-313:before { content: "\f01a"; } .wi-owm-314:before { content: "\f019"; } .wi-owm-321:before { content: "\f01c"; } .wi-owm-500:before { content: "\f01c"; } .wi-owm-501:before { content: "\f019"; } .wi-owm-502:before { content: "\f019"; } .wi-owm-503:before { content: "\f019"; } .wi-owm-504:before { content: "\f019"; } .wi-owm-511:before { content: "\f017"; } .wi-owm-520:before { content: "\f01a"; } .wi-owm-521:before { content: "\f01a"; } .wi-owm-522:before { content: "\f01a"; } .wi-owm-531:before { content: "\f01d"; } .wi-owm-600:before { content: "\f01b"; } .wi-owm-601:before { content: "\f01b"; } .wi-owm-602:before { content: "\f0b5"; } .wi-owm-611:before { content: "\f017"; } .wi-owm-612:before { content: "\f017"; } .wi-owm-615:before { content: "\f017"; } .wi-owm-616:before { content: "\f017"; } .wi-owm-620:before { content: "\f017"; } .wi-owm-621:before { content: "\f01b"; } .wi-owm-622:before { content: "\f01b"; } .wi-owm-701:before { content: "\f01a"; } .wi-owm-711:before { content: "\f062"; } .wi-owm-721:before { content: "\f0b6"; } .wi-owm-731:before { content: "\f063"; } .wi-owm-741:before { content: "\f014"; } .wi-owm-761:before { content: "\f063"; } .wi-owm-762:before { content: "\f063"; } .wi-owm-771:before { content: "\f011"; } .wi-owm-781:before { content: "\f056"; } .wi-owm-800:before { content: "\f00d"; } .wi-owm-801:before { content: "\f011"; } .wi-owm-802:before { content: "\f011"; } .wi-owm-803:before { content: "\f011"; } .wi-owm-803:before { content: "\f012"; } .wi-owm-804:before { content: "\f013"; } .wi-owm-900:before { content: "\f056"; } .wi-owm-901:before { content: "\f01d"; } .wi-owm-902:before { content: "\f073"; } .wi-owm-903:before { content: "\f076"; } .wi-owm-904:before { content: "\f072"; } .wi-owm-905:before { content: "\f021"; } .wi-owm-906:before { content: "\f015"; } .wi-owm-957:before { content: "\f050"; } .wi-owm-day-200:before { content: "\f010"; } .wi-owm-day-201:before { content: "\f010"; } .wi-owm-day-202:before { content: "\f010"; } .wi-owm-day-210:before { content: "\f005"; } .wi-owm-day-211:before { content: "\f005"; } .wi-owm-day-212:before { content: "\f005"; } .wi-owm-day-221:before { content: "\f005"; } .wi-owm-day-230:before { content: "\f010"; } .wi-owm-day-231:before { content: "\f010"; } .wi-owm-day-232:before { content: "\f010"; } .wi-owm-day-300:before { content: "\f00b"; } .wi-owm-day-301:before { content: "\f00b"; } .wi-owm-day-302:before { content: "\f008"; } .wi-owm-day-310:before { content: "\f008"; } .wi-owm-day-311:before { content: "\f008"; } .wi-owm-day-312:before { content: "\f008"; } .wi-owm-day-313:before { content: "\f008"; } .wi-owm-day-314:before { content: "\f008"; } .wi-owm-day-321:before { content: "\f00b"; } .wi-owm-day-500:before { content: "\f00b"; } .wi-owm-day-501:before { content: "\f008"; } .wi-owm-day-502:before { content: "\f008"; } .wi-owm-day-503:before { content: "\f008"; } .wi-owm-day-504:before { content: "\f008"; } .wi-owm-day-511:before { content: "\f006"; } .wi-owm-day-520:before { content: "\f009"; } .wi-owm-day-521:before { content: "\f009"; } .wi-owm-day-522:before { content: "\f009"; } .wi-owm-day-531:before { content: "\f00e"; } .wi-owm-day-600:before { content: "\f00a"; } .wi-owm-day-601:before { content: "\f0b2"; } .wi-owm-day-602:before { content: "\f00a"; } .wi-owm-day-611:before { content: "\f006"; } .wi-owm-day-612:before { content: "\f006"; } .wi-owm-day-615:before { content: "\f006"; } .wi-owm-day-616:before { content: "\f006"; } .wi-owm-day-620:before { content: "\f006"; } .wi-owm-day-621:before { content: "\f00a"; } .wi-owm-day-622:before { content: "\f00a"; } .wi-owm-day-701:before { content: "\f009"; } .wi-owm-day-711:before { content: "\f062"; } .wi-owm-day-721:before { content: "\f0b6"; } .wi-owm-day-731:before { content: "\f063"; } .wi-owm-day-741:before { content: "\f003"; } .wi-owm-day-761:before { content: "\f063"; } .wi-owm-day-762:before { content: "\f063"; } .wi-owm-day-781:before { content: "\f056"; } .wi-owm-day-800:before { content: "\f00d"; } .wi-owm-day-801:before { content: "\f000"; } .wi-owm-day-802:before { content: "\f000"; } .wi-owm-day-803:before { content: "\f000"; } .wi-owm-day-804:before { content: "\f00c"; } .wi-owm-day-900:before { content: "\f056"; } .wi-owm-day-902:before { content: "\f073"; } .wi-owm-day-903:before { content: "\f076"; } .wi-owm-day-904:before { content: "\f072"; } .wi-owm-day-906:before { content: "\f004"; } .wi-owm-day-957:before { content: "\f050"; } .wi-owm-night-200:before { content: "\f02d"; } .wi-owm-night-201:before { content: "\f02d"; } .wi-owm-night-202:before { content: "\f02d"; } .wi-owm-night-210:before { content: "\f025"; } .wi-owm-night-211:before { content: "\f025"; } .wi-owm-night-212:before { content: "\f025"; } .wi-owm-night-221:before { content: "\f025"; } .wi-owm-night-230:before { content: "\f02d"; } .wi-owm-night-231:before { content: "\f02d"; } .wi-owm-night-232:before { content: "\f02d"; } .wi-owm-night-300:before { content: "\f02b"; } .wi-owm-night-301:before { content: "\f02b"; } .wi-owm-night-302:before { content: "\f028"; } .wi-owm-night-310:before { content: "\f028"; } .wi-owm-night-311:before { content: "\f028"; } .wi-owm-night-312:before { content: "\f028"; } .wi-owm-night-313:before { content: "\f028"; } .wi-owm-night-314:before { content: "\f028"; } .wi-owm-night-321:before { content: "\f02b"; } .wi-owm-night-500:before { content: "\f02b"; } .wi-owm-night-501:before { content: "\f028"; } .wi-owm-night-502:before { content: "\f028"; } .wi-owm-night-503:before { content: "\f028"; } .wi-owm-night-504:before { content: "\f028"; } .wi-owm-night-511:before { content: "\f026"; } .wi-owm-night-520:before { content: "\f029"; } .wi-owm-night-521:before { content: "\f029"; } .wi-owm-night-522:before { content: "\f029"; } .wi-owm-night-531:before { content: "\f02c"; } .wi-owm-night-600:before { content: "\f02a"; } .wi-owm-night-601:before { content: "\f0b4"; } .wi-owm-night-602:before { content: "\f02a"; } .wi-owm-night-611:before { content: "\f026"; } .wi-owm-night-612:before { content: "\f026"; } .wi-owm-night-615:before { content: "\f026"; } .wi-owm-night-616:before { content: "\f026"; } .wi-owm-night-620:before { content: "\f026"; } .wi-owm-night-621:before { content: "\f02a"; } .wi-owm-night-622:before { content: "\f02a"; } .wi-owm-night-701:before { content: "\f029"; } .wi-owm-night-711:before { content: "\f062"; } .wi-owm-night-721:before { content: "\f0b6"; } .wi-owm-night-731:before { content: "\f063"; } .wi-owm-night-741:before { content: "\f04a"; } .wi-owm-night-761:before { content: "\f063"; } .wi-owm-night-762:before { content: "\f063"; } .wi-owm-night-781:before { content: "\f056"; } .wi-owm-night-800:before { content: "\f02e"; } .wi-owm-night-801:before { content: "\f022"; } .wi-owm-night-802:before { content: "\f022"; } .wi-owm-night-803:before { content: "\f022"; } .wi-owm-night-804:before { content: "\f086"; } .wi-owm-night-900:before { content: "\f056"; } .wi-owm-night-902:before { content: "\f073"; } .wi-owm-night-903:before { content: "\f076"; } .wi-owm-night-904:before { content: "\f072"; } .wi-owm-night-906:before { content: "\f024"; } .wi-owm-night-957:before { content: "\f050"; } .glyphs.character-mapping { margin: 0 0 20px 0; padding: 20px 0 20px 30px; color: rgba(0, 0, 0, 0.5); border: 1px solid #d8e0e5; -webkit-border-radius: 3px; border-radius: 3px; } .glyphs.character-mapping li { margin: 0 30px 20px 0; display: inline-block; width: 90px; text-align: center; font-size: 24px; color: #2b2b2b; } .linea-icon { position: relative; } .linea-icon svg { fill: #000; } .glyphs.character-mapping input { margin: 0; padding: 5px 0; line-height: 12px; font-size: 12px; display: block; width: 100%; border: 1px solid #d8e0e5; text-align: center; outline: 0; } .glyphs.character-mapping input:focus { border: 1px solid #fbde4a; -webkit-box-shadow: inset 0 0 3px #fbde4a; box-shadow: inset 0 0 3px #fbde4a; } .glyphs.character-mapping input:hover { -webkit-box-shadow: inset 0 0 3px #fbde4a; box-shadow: inset 0 0 3px #fbde4a; } @font-face { font-family: "linea-arrows-10"; src: url("../less/icons/linea-icons/fonts/linea-arrows-10.eot"); src: url("../less/icons/linea-icons/fonts/linea-arrows-10.eot?#iefix") format("embedded-opentype"), url("../less/icons/linea-icons/fonts/linea-arrows-10.woff") format("woff"), url("../less/icons/linea-icons/fonts/linea-arrows-10.ttf") format("truetype"), url("../less/icons/linea-icons/fonts/linea-arrows-10.svg#linea-arrows-10") format("svg"); font-weight: normal; font-style: normal; } .linea-aerrow[data-icon]:before { font-family: "linea-arrows-10" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="linea-icon-"]:before, [class*="linea- icon-"]:before { font-family: "linea-arrows-10" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrows-anticlockwise:before { content: "\e000"; } .icon-arrows-anticlockwise-dashed:before { content: "\e001"; } .icon-arrows-button-down:before { content: "\e002"; } .icon-arrows-button-off:before { content: "\e003"; } .icon-arrows-button-on:before { content: "\e004"; } .icon-arrows-button-up:before { content: "\e005"; } .icon-arrows-check:before { content: "\e006"; } .icon-arrows-circle-check:before { content: "\e007"; } .icon-arrows-circle-down:before { content: "\e008"; } .icon-arrows-circle-downleft:before { content: "\e009"; } .icon-arrows-circle-downright:before { content: "\e00a"; } .icon-arrows-circle-left:before { content: "\e00b"; } .icon-arrows-circle-minus:before { content: "\e00c"; } .icon-arrows-circle-plus:before { content: "\e00d"; } .icon-arrows-circle-remove:before { content: "\e00e"; } .icon-arrows-circle-right:before { content: "\e00f"; } .icon-arrows-circle-up:before { content: "\e010"; } .icon-arrows-circle-upleft:before { content: "\e011"; } .icon-arrows-circle-upright:before { content: "\e012"; } .icon-arrows-clockwise:before { content: "\e013"; } .icon-arrows-clockwise-dashed:before { content: "\e014"; } .icon-arrows-compress:before { content: "\e015"; } .icon-arrows-deny:before { content: "\e016"; } .icon-arrows-diagonal:before { content: "\e017"; } .icon-arrows-diagonal2:before { content: "\e018"; } .icon-arrows-down:before { content: "\e019"; } .icon-arrows-down-double:before { content: "\e01a"; } .icon-arrows-downleft:before { content: "\e01b"; } .icon-arrows-downright:before { content: "\e01c"; } .icon-arrows-drag-down:before { content: "\e01d"; } .icon-arrows-drag-down-dashed:before { content: "\e01e"; } .icon-arrows-drag-horiz:before { content: "\e01f"; } .icon-arrows-drag-left:before { content: "\e020"; } .icon-arrows-drag-left-dashed:before { content: "\e021"; } .icon-arrows-drag-right:before { content: "\e022"; } .icon-arrows-drag-right-dashed:before { content: "\e023"; } .icon-arrows-drag-up:before { content: "\e024"; } .icon-arrows-drag-up-dashed:before { content: "\e025"; } .icon-arrows-drag-vert:before { content: "\e026"; } .icon-arrows-exclamation:before { content: "\e027"; } .icon-arrows-expand:before { content: "\e028"; } .icon-arrows-expand-diagonal1:before { content: "\e029"; } .icon-arrows-expand-horizontal1:before { content: "\e02a"; } .icon-arrows-expand-vertical1:before { content: "\e02b"; } .icon-arrows-fit-horizontal:before { content: "\e02c"; } .icon-arrows-fit-vertical:before { content: "\e02d"; } .icon-arrows-glide:before { content: "\e02e"; } .icon-arrows-glide-horizontal:before { content: "\e02f"; } .icon-arrows-glide-vertical:before { content: "\e030"; } .icon-arrows-hamburger1:before { content: "\e031"; } .icon-arrows-hamburger-2:before { content: "\e032"; } .icon-arrows-horizontal:before { content: "\e033"; } .icon-arrows-info:before { content: "\e034"; } .icon-arrows-keyboard-alt:before { content: "\e035"; } .icon-arrows-keyboard-cmd:before { content: "\e036"; } .icon-arrows-keyboard-delete:before { content: "\e037"; } .icon-arrows-keyboard-down:before { content: "\e038"; } .icon-arrows-keyboard-left:before { content: "\e039"; } .icon-arrows-keyboard-return:before { content: "\e03a"; } .icon-arrows-keyboard-right:before { content: "\e03b"; } .icon-arrows-keyboard-shift:before { content: "\e03c"; } .icon-arrows-keyboard-tab:before { content: "\e03d"; } .icon-arrows-keyboard-up:before { content: "\e03e"; } .icon-arrows-left:before { content: "\e03f"; } .icon-arrows-left-double-32:before { content: "\e040"; } .icon-arrows-minus:before { content: "\e041"; } .icon-arrows-move:before { content: "\e042"; } .icon-arrows-move2:before { content: "\e043"; } .icon-arrows-move-bottom:before { content: "\e044"; } .icon-arrows-move-left:before { content: "\e045"; } .icon-arrows-move-right:before { content: "\e046"; } .icon-arrows-move-top:before { content: "\e047"; } .icon-arrows-plus:before { content: "\e048"; } .icon-arrows-question:before { content: "\e049"; } .icon-arrows-remove:before { content: "\e04a"; } .icon-arrows-right:before { content: "\e04b"; } .icon-arrows-right-double:before { content: "\e04c"; } .icon-arrows-rotate:before { content: "\e04d"; } .icon-arrows-rotate-anti:before { content: "\e04e"; } .icon-arrows-rotate-anti-dashed:before { content: "\e04f"; } .icon-arrows-rotate-dashed:before { content: "\e050"; } .icon-arrows-shrink:before { content: "\e051"; } .icon-arrows-shrink-diagonal1:before { content: "\e052"; } .icon-arrows-shrink-diagonal2:before { content: "\e053"; } .icon-arrows-shrink-horizonal2:before { content: "\e054"; } .icon-arrows-shrink-horizontal1:before { content: "\e055"; } .icon-arrows-shrink-vertical1:before { content: "\e056"; } .icon-arrows-shrink-vertical2:before { content: "\e057"; } .icon-arrows-sign-down:before { content: "\e058"; } .icon-arrows-sign-left:before { content: "\e059"; } .icon-arrows-sign-right:before { content: "\e05a"; } .icon-arrows-sign-up:before { content: "\e05b"; } .icon-arrows-slide-down1:before { content: "\e05c"; } .icon-arrows-slide-down2:before { content: "\e05d"; } .icon-arrows-slide-left1:before { content: "\e05e"; } .icon-arrows-slide-left2:before { content: "\e05f"; } .icon-arrows-slide-right1:before { content: "\e060"; } .icon-arrows-slide-right2:before { content: "\e061"; } .icon-arrows-slide-up1:before { content: "\e062"; } .icon-arrows-slide-up2:before { content: "\e063"; } .icon-arrows-slim-down:before { content: "\e064"; } .icon-arrows-slim-down-dashed:before { content: "\e065"; } .icon-arrows-slim-left:before { content: "\e066"; } .icon-arrows-slim-left-dashed:before { content: "\e067"; } .icon-arrows-slim-right:before { content: "\e068"; } .icon-arrows-slim-right-dashed:before { content: "\e069"; } .icon-arrows-slim-up:before { content: "\e06a"; } .icon-arrows-slim-up-dashed:before { content: "\e06b"; } .icon-arrows-square-check:before { content: "\e06c"; } .icon-arrows-square-down:before { content: "\e06d"; } .icon-arrows-square-downleft:before { content: "\e06e"; } .icon-arrows-square-downright:before { content: "\e06f"; } .icon-arrows-square-left:before { content: "\e070"; } .icon-arrows-square-minus:before { content: "\e071"; } .icon-arrows-square-plus:before { content: "\e072"; } .icon-arrows-square-remove:before { content: "\e073"; } .icon-arrows-square-right:before { content: "\e074"; } .icon-arrows-square-up:before { content: "\e075"; } .icon-arrows-square-upleft:before { content: "\e076"; } .icon-arrows-square-upright:before { content: "\e077"; } .icon-arrows-squares:before { content: "\e078"; } .icon-arrows-stretch-diagonal1:before { content: "\e079"; } .icon-arrows-stretch-diagonal2:before { content: "\e07a"; } .icon-arrows-stretch-diagonal3:before { content: "\e07b"; } .icon-arrows-stretch-diagonal4:before { content: "\e07c"; } .icon-arrows-stretch-horizontal1:before { content: "\e07d"; } .icon-arrows-stretch-horizontal2:before { content: "\e07e"; } .icon-arrows-stretch-vertical1:before { content: "\e07f"; } .icon-arrows-stretch-vertical2:before { content: "\e080"; } .icon-arrows-switch-horizontal:before { content: "\e081"; } .icon-arrows-switch-vertical:before { content: "\e082"; } .icon-arrows-up:before { content: "\e083"; } .icon-arrows-up-double-33:before { content: "\e084"; } .icon-arrows-upleft:before { content: "\e085"; } .icon-arrows-upright:before { content: "\e086"; } .icon-arrows-vertical:before { content: "\e087"; } /*Basic icon*/ @font-face { font-family: "linea-basic-10"; src: url("../less/icons/linea-icons/fonts/linea-basic-10.eot"); src: url("../less/icons/linea-icons/fonts/linea-basic-10.eot?#iefix") format("embedded-opentype"), url("../less/icons/linea-icons/fonts/linea-basic-10.woff") format("woff"), url("../less/icons/linea-icons/fonts/linea-basic-10.ttf") format("truetype"), url("../less/icons/linea-icons/fonts/linea-basic-10.svg#linea-basic-10") format("svg"); font-weight: normal; font-style: normal; } .linea-basic[data-icon]:before { font-family: "linea-basic-10" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="linea-icon-"]:before, [class*="linea- icon-"]:before { font-family: "linea-basic-10" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-basic-accelerator:before { content: "a"; } .icon-basic-alarm:before { content: "b"; } .icon-basic-anchor:before { content: "c"; } .icon-basic-anticlockwise:before { content: "d"; } .icon-basic-archive:before { content: "e"; } .icon-basic-archive-full:before { content: "f"; } .icon-basic-ban:before { content: "g"; } .icon-basic-battery-charge:before { content: "h"; } .icon-basic-battery-empty:before { content: "i"; } .icon-basic-battery-full:before { content: "j"; } .icon-basic-battery-half:before { content: "k"; } .icon-basic-bolt:before { content: "l"; } .icon-basic-book:before { content: "m"; } .icon-basic-book-pen:before { content: "n"; } .icon-basic-book-pencil:before { content: "o"; } .icon-basic-bookmark:before { content: "p"; } .icon-basic-calculator:before { content: "q"; } .icon-basic-calendar:before { content: "r"; } .icon-basic-cards-diamonds:before { content: "s"; } .icon-basic-cards-hearts:before { content: "t"; } .icon-basic-case:before { content: "u"; } .icon-basic-chronometer:before { content: "v"; } .icon-basic-clessidre:before { content: "w"; } .icon-basic-clock:before { content: "x"; } .icon-basic-clockwise:before { content: "y"; } .icon-basic-cloud:before { content: "z"; } .icon-basic-clubs:before { content: "A"; } .icon-basic-compass:before { content: "B"; } .icon-basic-cup:before { content: "C"; } .icon-basic-diamonds:before { content: "D"; } .icon-basic-display:before { content: "E"; } .icon-basic-download:before { content: "F"; } .icon-basic-exclamation:before { content: "G"; } .icon-basic-eye:before { content: "H"; } .icon-basic-eye-closed:before { content: "I"; } .icon-basic-female:before { content: "J"; } .icon-basic-flag1:before { content: "K"; } .icon-basic-flag2:before { content: "L"; } .icon-basic-floppydisk:before { content: "M"; } .icon-basic-folder:before { content: "N"; } .icon-basic-folder-multiple:before { content: "O"; } .icon-basic-gear:before { content: "P"; } .icon-basic-geolocalize-01:before { content: "Q"; } .icon-basic-geolocalize-05:before { content: "R"; } .icon-basic-globe:before { content: "S"; } .icon-basic-gunsight:before { content: "T"; } .icon-basic-hammer:before { content: "U"; } .icon-basic-headset:before { content: "V"; } .icon-basic-heart:before { content: "W"; } .icon-basic-heart-broken:before { content: "X"; } .icon-basic-helm:before { content: "Y"; } .icon-basic-home:before { content: "Z"; } .icon-basic-info:before { content: "0"; } .icon-basic-ipod:before { content: "1"; } .icon-basic-joypad:before { content: "2"; } .icon-basic-key:before { content: "3"; } .icon-basic-keyboard:before { content: "4"; } .icon-basic-laptop:before { content: "5"; } .icon-basic-life-buoy:before { content: "6"; } .icon-basic-lightbulb:before { content: "7"; } .icon-basic-link:before { content: "8"; } .icon-basic-lock:before { content: "9"; } .icon-basic-lock-open:before { content: "!"; } .icon-basic-magic-mouse:before { content: "\""; } .icon-basic-magnifier:before { content: "#"; } .icon-basic-magnifier-minus:before { content: "$"; } .icon-basic-magnifier-plus:before { content: "%"; } .icon-basic-mail:before { content: "&"; } .icon-basic-mail-multiple:before { content: "'"; } .icon-basic-mail-open:before { content: "("; } .icon-basic-mail-open-text:before { content: ")"; } .icon-basic-male:before { content: "*"; } .icon-basic-map:before { content: "+"; } .icon-basic-message:before { content: ","; } .icon-basic-message-multiple:before { content: "-"; } .icon-basic-message-txt:before { content: "."; } .icon-basic-mixer2:before { content: "/"; } .icon-basic-mouse:before { content: ":"; } .icon-basic-notebook:before { content: ";"; } .icon-basic-notebook-pen:before { content: "<"; } .icon-basic-notebook-pencil:before { content: "="; } .icon-basic-paperplane:before { content: ">"; } .icon-basic-pencil-ruler:before { content: "?"; } .icon-basic-pencil-ruler-pen:before { content: "@"; } .icon-basic-photo:before { content: "["; } .icon-basic-picture:before { content: "]"; } .icon-basic-picture-multiple:before { content: "^"; } .icon-basic-pin1:before { content: "_"; } .icon-basic-pin2:before { content: "`"; } .icon-basic-postcard:before { content: "{"; } .icon-basic-postcard-multiple:before { content: "|"; } .icon-basic-printer:before { content: "}"; } .icon-basic-question:before { content: "~"; } .icon-basic-rss:before { content: "\\"; } .icon-basic-server:before { content: "\e000"; } .icon-basic-server2:before { content: "\e001"; } .icon-basic-server-cloud:before { content: "\e002"; } .icon-basic-server-download:before { content: "\e003"; } .icon-basic-server-upload:before { content: "\e004"; } .icon-basic-settings:before { content: "\e005"; } .icon-basic-share:before { content: "\e006"; } .icon-basic-sheet:before { content: "\e007"; } .icon-basic-sheet-multiple:before { content: "\e008"; } .icon-basic-sheet-pen:before { content: "\e009"; } .icon-basic-sheet-pencil:before { content: "\e00a"; } .icon-basic-sheet-txt:before { content: "\e00b"; } .icon-basic-signs:before { content: "\e00c"; } .icon-basic-smartphone:before { content: "\e00d"; } .icon-basic-spades:before { content: "\e00e"; } .icon-basic-spread:before { content: "\e00f"; } .icon-basic-spread-bookmark:before { content: "\e010"; } .icon-basic-spread-text:before { content: "\e011"; } .icon-basic-spread-text-bookmark:before { content: "\e012"; } .icon-basic-star:before { content: "\e013"; } .icon-basic-tablet:before { content: "\e014"; } .icon-basic-target:before { content: "\e015"; } .icon-basic-todo:before { content: "\e016"; } .icon-basic-todo-pen:before { content: "\e017"; } .icon-basic-todo-pencil:before { content: "\e018"; } .icon-basic-todo-txt:before { content: "\e019"; } .icon-basic-todolist-pen:before { content: "\e01a"; } .icon-basic-todolist-pencil:before { content: "\e01b"; } .icon-basic-trashcan:before { content: "\e01c"; } .icon-basic-trashcan-full:before { content: "\e01d"; } .icon-basic-trashcan-refresh:before { content: "\e01e"; } .icon-basic-trashcan-remove:before { content: "\e01f"; } .icon-basic-upload:before { content: "\e020"; } .icon-basic-usb:before { content: "\e021"; } .icon-basic-video:before { content: "\e022"; } .icon-basic-watch:before { content: "\e023"; } .icon-basic-webpage:before { content: "\e024"; } .icon-basic-webpage-img-txt:before { content: "\e025"; } .icon-basic-webpage-multiple:before { content: "\e026"; } .icon-basic-webpage-txt:before { content: "\e027"; } .icon-basic-world:before { content: "\e028"; } /*Basic elaboration*/ @font-face { font-family: "linea-basic-elaboration-10"; src: url("../less/icons/linea-icons/fonts/linea-basic-elaboration-10.eot"); src: url("../less/icons/linea-icons/fonts/linea-basic-elaboration-10.eot?#iefix") format("embedded-opentype"), url("../less/icons/linea-icons/fonts/linea-basic-elaboration-10.woff") format("woff"), url("../less/icons/linea-icons/fonts/linea-basic-elaboration-10.ttf") format("truetype"), url("../less/icons/linea-icons/fonts/linea-basic-elaboration-10.svg#linea-basic-elaboration-10") format("svg"); font-weight: normal; font-style: normal; } .linea-elaborate[data-icon]:before { font-family: "linea-basic-elaboration-10" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="linea-icon-"]:before, [class*="linea- icon-"]:before { font-family: "linea-basic-elaboration-10" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-basic-elaboration-bookmark-checck:before { content: "a"; } .icon-basic-elaboration-bookmark-minus:before { content: "b"; } .icon-basic-elaboration-bookmark-plus:before { content: "c"; } .icon-basic-elaboration-bookmark-remove:before { content: "d"; } .icon-basic-elaboration-briefcase-check:before { content: "e"; } .icon-basic-elaboration-briefcase-download:before { content: "f"; } .icon-basic-elaboration-briefcase-flagged:before { content: "g"; } .icon-basic-elaboration-briefcase-minus:before { content: "h"; } .icon-basic-elaboration-briefcase-plus:before { content: "i"; } .icon-basic-elaboration-briefcase-refresh:before { content: "j"; } .icon-basic-elaboration-briefcase-remove:before { content: "k"; } .icon-basic-elaboration-briefcase-search:before { content: "l"; } .icon-basic-elaboration-briefcase-star:before { content: "m"; } .icon-basic-elaboration-briefcase-upload:before { content: "n"; } .icon-basic-elaboration-browser-check:before { content: "o"; } .icon-basic-elaboration-browser-download:before { content: "p"; } .icon-basic-elaboration-browser-minus:before { content: "q"; } .icon-basic-elaboration-browser-plus:before { content: "r"; } .icon-basic-elaboration-browser-refresh:before { content: "s"; } .icon-basic-elaboration-browser-remove:before { content: "t"; } .icon-basic-elaboration-browser-search:before { content: "u"; } .icon-basic-elaboration-browser-star:before { content: "v"; } .icon-basic-elaboration-browser-upload:before { content: "w"; } .icon-basic-elaboration-calendar-check:before { content: "x"; } .icon-basic-elaboration-calendar-cloud:before { content: "y"; } .icon-basic-elaboration-calendar-download:before { content: "z"; } .icon-basic-elaboration-calendar-empty:before { content: "A"; } .icon-basic-elaboration-calendar-flagged:before { content: "B"; } .icon-basic-elaboration-calendar-heart:before { content: "C"; } .icon-basic-elaboration-calendar-minus:before { content: "D"; } .icon-basic-elaboration-calendar-next:before { content: "E"; } .icon-basic-elaboration-calendar-noaccess:before { content: "F"; } .icon-basic-elaboration-calendar-pencil:before { content: "G"; } .icon-basic-elaboration-calendar-plus:before { content: "H"; } .icon-basic-elaboration-calendar-previous:before { content: "I"; } .icon-basic-elaboration-calendar-refresh:before { content: "J"; } .icon-basic-elaboration-calendar-remove:before { content: "K"; } .icon-basic-elaboration-calendar-search:before { content: "L"; } .icon-basic-elaboration-calendar-star:before { content: "M"; } .icon-basic-elaboration-calendar-upload:before { content: "N"; } .icon-basic-elaboration-cloud-check:before { content: "O"; } .icon-basic-elaboration-cloud-download:before { content: "P"; } .icon-basic-elaboration-cloud-minus:before { content: "Q"; } .icon-basic-elaboration-cloud-noaccess:before { content: "R"; } .icon-basic-elaboration-cloud-plus:before { content: "S"; } .icon-basic-elaboration-cloud-refresh:before { content: "T"; } .icon-basic-elaboration-cloud-remove:before { content: "U"; } .icon-basic-elaboration-cloud-search:before { content: "V"; } .icon-basic-elaboration-cloud-upload:before { content: "W"; } .icon-basic-elaboration-document-check:before { content: "X"; } .icon-basic-elaboration-document-cloud:before { content: "Y"; } .icon-basic-elaboration-document-download:before { content: "Z"; } .icon-basic-elaboration-document-flagged:before { content: "0"; } .icon-basic-elaboration-document-graph:before { content: "1"; } .icon-basic-elaboration-document-heart:before { content: "2"; } .icon-basic-elaboration-document-minus:before { content: "3"; } .icon-basic-elaboration-document-next:before { content: "4"; } .icon-basic-elaboration-document-noaccess:before { content: "5"; } .icon-basic-elaboration-document-note:before { content: "6"; } .icon-basic-elaboration-document-pencil:before { content: "7"; } .icon-basic-elaboration-document-picture:before { content: "8"; } .icon-basic-elaboration-document-plus:before { content: "9"; } .icon-basic-elaboration-document-previous:before { content: "!"; } .icon-basic-elaboration-document-refresh:before { content: "\""; } .icon-basic-elaboration-document-remove:before { content: "#"; } .icon-basic-elaboration-document-search:before { content: "$"; } .icon-basic-elaboration-document-star:before { content: "%"; } .icon-basic-elaboration-document-upload:before { content: "&"; } .icon-basic-elaboration-folder-check:before { content: "'"; } .icon-basic-elaboration-folder-cloud:before { content: "("; } .icon-basic-elaboration-folder-document:before { content: ")"; } .icon-basic-elaboration-folder-download:before { content: "*"; } .icon-basic-elaboration-folder-flagged:before { content: "+"; } .icon-basic-elaboration-folder-graph:before { content: ","; } .icon-basic-elaboration-folder-heart:before { content: "-"; } .icon-basic-elaboration-folder-minus:before { content: "."; } .icon-basic-elaboration-folder-next:before { content: "/"; } .icon-basic-elaboration-folder-noaccess:before { content: ":"; } .icon-basic-elaboration-folder-note:before { content: ";"; } .icon-basic-elaboration-folder-pencil:before { content: "<"; } .icon-basic-elaboration-folder-picture:before { content: "="; } .icon-basic-elaboration-folder-plus:before { content: ">"; } .icon-basic-elaboration-folder-previous:before { content: "?"; } .icon-basic-elaboration-folder-refresh:before { content: "@"; } .icon-basic-elaboration-folder-remove:before { content: "["; } .icon-basic-elaboration-folder-search:before { content: "]"; } .icon-basic-elaboration-folder-star:before { content: "^"; } .icon-basic-elaboration-folder-upload:before { content: "_"; } .icon-basic-elaboration-mail-check:before { content: "`"; } .icon-basic-elaboration-mail-cloud:before { content: "{"; } .icon-basic-elaboration-mail-document:before { content: "|"; } .icon-basic-elaboration-mail-download:before { content: "}"; } .icon-basic-elaboration-mail-flagged:before { content: "~"; } .icon-basic-elaboration-mail-heart:before { content: "\\"; } .icon-basic-elaboration-mail-next:before { content: "\e000"; } .icon-basic-elaboration-mail-noaccess:before { content: "\e001"; } .icon-basic-elaboration-mail-note:before { content: "\e002"; } .icon-basic-elaboration-mail-pencil:before { content: "\e003"; } .icon-basic-elaboration-mail-picture:before { content: "\e004"; } .icon-basic-elaboration-mail-previous:before { content: "\e005"; } .icon-basic-elaboration-mail-refresh:before { content: "\e006"; } .icon-basic-elaboration-mail-remove:before { content: "\e007"; } .icon-basic-elaboration-mail-search:before { content: "\e008"; } .icon-basic-elaboration-mail-star:before { content: "\e009"; } .icon-basic-elaboration-mail-upload:before { content: "\e00a"; } .icon-basic-elaboration-message-check:before { content: "\e00b"; } .icon-basic-elaboration-message-dots:before { content: "\e00c"; } .icon-basic-elaboration-message-happy:before { content: "\e00d"; } .icon-basic-elaboration-message-heart:before { content: "\e00e"; } .icon-basic-elaboration-message-minus:before { content: "\e00f"; } .icon-basic-elaboration-message-note:before { content: "\e010"; } .icon-basic-elaboration-message-plus:before { content: "\e011"; } .icon-basic-elaboration-message-refresh:before { content: "\e012"; } .icon-basic-elaboration-message-remove:before { content: "\e013"; } .icon-basic-elaboration-message-sad:before { content: "\e014"; } .icon-basic-elaboration-smartphone-cloud:before { content: "\e015"; } .icon-basic-elaboration-smartphone-heart:before { content: "\e016"; } .icon-basic-elaboration-smartphone-noaccess:before { content: "\e017"; } .icon-basic-elaboration-smartphone-note:before { content: "\e018"; } .icon-basic-elaboration-smartphone-pencil:before { content: "\e019"; } .icon-basic-elaboration-smartphone-picture:before { content: "\e01a"; } .icon-basic-elaboration-smartphone-refresh:before { content: "\e01b"; } .icon-basic-elaboration-smartphone-search:before { content: "\e01c"; } .icon-basic-elaboration-tablet-cloud:before { content: "\e01d"; } .icon-basic-elaboration-tablet-heart:before { content: "\e01e"; } .icon-basic-elaboration-tablet-noaccess:before { content: "\e01f"; } .icon-basic-elaboration-tablet-note:before { content: "\e020"; } .icon-basic-elaboration-tablet-pencil:before { content: "\e021"; } .icon-basic-elaboration-tablet-picture:before { content: "\e022"; } .icon-basic-elaboration-tablet-refresh:before { content: "\e023"; } .icon-basic-elaboration-tablet-search:before { content: "\e024"; } .icon-basic-elaboration-todolist-2:before { content: "\e025"; } .icon-basic-elaboration-todolist-check:before { content: "\e026"; } .icon-basic-elaboration-todolist-cloud:before { content: "\e027"; } .icon-basic-elaboration-todolist-download:before { content: "\e028"; } .icon-basic-elaboration-todolist-flagged:before { content: "\e029"; } .icon-basic-elaboration-todolist-minus:before { content: "\e02a"; } .icon-basic-elaboration-todolist-noaccess:before { content: "\e02b"; } .icon-basic-elaboration-todolist-pencil:before { content: "\e02c"; } .icon-basic-elaboration-todolist-plus:before { content: "\e02d"; } .icon-basic-elaboration-todolist-refresh:before { content: "\e02e"; } .icon-basic-elaboration-todolist-remove:before { content: "\e02f"; } .icon-basic-elaboration-todolist-search:before { content: "\e030"; } .icon-basic-elaboration-todolist-star:before { content: "\e031"; } .icon-basic-elaboration-todolist-upload:before { content: "\e032"; } /*Ecommerce*/ @font-face { font-family: "linea-ecommerce-10"; src: url("../less/icons/linea-icons/fonts/linea-ecommerce-10.eot"); src: url("../less/icons/linea-icons/fonts/linea-ecommerce-10.eot?#iefix") format("embedded-opentype"), url("../less/icons/linea-icons/fonts/linea-ecommerce-10.woff") format("woff"), url("../less/icons/linea-icons/fonts/linea-ecommerce-10.ttf") format("truetype"), url("../less/icons/linea-icons/fonts/linea-ecommerce-10.svg#linea-ecommerce-10") format("svg"); font-weight: normal; font-style: normal; } .linea-ecommerce[data-icon]:before { font-family: "linea-ecommerce-10" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="linea-icon-"]:before, [class*="linea- icon-"]:before { font-family: "linea-ecommerce-10" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-ecommerce-bag:before { content: "a"; } .icon-ecommerce-bag-check:before { content: "b"; } .icon-ecommerce-bag-cloud:before { content: "c"; } .icon-ecommerce-bag-download:before { content: "d"; } .icon-ecommerce-bag-minus:before { content: "e"; } .icon-ecommerce-bag-plus:before { content: "f"; } .icon-ecommerce-bag-refresh:before { content: "g"; } .icon-ecommerce-bag-remove:before { content: "h"; } .icon-ecommerce-bag-search:before { content: "i"; } .icon-ecommerce-bag-upload:before { content: "j"; } .icon-ecommerce-banknote:before { content: "k"; } .icon-ecommerce-banknotes:before { content: "l"; } .icon-ecommerce-basket:before { content: "m"; } .icon-ecommerce-basket-check:before { content: "n"; } .icon-ecommerce-basket-cloud:before { content: "o"; } .icon-ecommerce-basket-download:before { content: "p"; } .icon-ecommerce-basket-minus:before { content: "q"; } .icon-ecommerce-basket-plus:before { content: "r"; } .icon-ecommerce-basket-refresh:before { content: "s"; } .icon-ecommerce-basket-remove:before { content: "t"; } .icon-ecommerce-basket-search:before { content: "u"; } .icon-ecommerce-basket-upload:before { content: "v"; } .icon-ecommerce-bath:before { content: "w"; } .icon-ecommerce-cart:before { content: "x"; } .icon-ecommerce-cart-check:before { content: "y"; } .icon-ecommerce-cart-cloud:before { content: "z"; } .icon-ecommerce-cart-content:before { content: "A"; } .icon-ecommerce-cart-download:before { content: "B"; } .icon-ecommerce-cart-minus:before { content: "C"; } .icon-ecommerce-cart-plus:before { content: "D"; } .icon-ecommerce-cart-refresh:before { content: "E"; } .icon-ecommerce-cart-remove:before { content: "F"; } .icon-ecommerce-cart-search:before { content: "G"; } .icon-ecommerce-cart-upload:before { content: "H"; } .icon-ecommerce-cent:before { content: "I"; } .icon-ecommerce-colon:before { content: "J"; } .icon-ecommerce-creditcard:before { content: "K"; } .icon-ecommerce-diamond:before { content: "L"; } .icon-ecommerce-dollar:before { content: "M"; } .icon-ecommerce-euro:before { content: "N"; } .icon-ecommerce-franc:before { content: "O"; } .icon-ecommerce-gift:before { content: "P"; } .icon-ecommerce-graph1:before { content: "Q"; } .icon-ecommerce-graph2:before { content: "R"; } .icon-ecommerce-graph3:before { content: "S"; } .icon-ecommerce-graph-decrease:before { content: "T"; } .icon-ecommerce-graph-increase:before { content: "U"; } .icon-ecommerce-guarani:before { content: "V"; } .icon-ecommerce-kips:before { content: "W"; } .icon-ecommerce-lira:before { content: "X"; } .icon-ecommerce-megaphone:before { content: "Y"; } .icon-ecommerce-money:before { content: "Z"; } .icon-ecommerce-naira:before { content: "0"; } .icon-ecommerce-pesos:before { content: "1"; } .icon-ecommerce-pound:before { content: "2"; } .icon-ecommerce-receipt:before { content: "3"; } .icon-ecommerce-receipt-bath:before { content: "4"; } .icon-ecommerce-receipt-cent:before { content: "5"; } .icon-ecommerce-receipt-dollar:before { content: "6"; } .icon-ecommerce-receipt-euro:before { content: "7"; } .icon-ecommerce-receipt-franc:before { content: "8"; } .icon-ecommerce-receipt-guarani:before { content: "9"; } .icon-ecommerce-receipt-kips:before { content: "!"; } .icon-ecommerce-receipt-lira:before { content: "\""; } .icon-ecommerce-receipt-naira:before { content: "#"; } .icon-ecommerce-receipt-pesos:before { content: "$"; } .icon-ecommerce-receipt-pound:before { content: "%"; } .icon-ecommerce-receipt-rublo:before { content: "&"; } .icon-ecommerce-receipt-rupee:before { content: "'"; } .icon-ecommerce-receipt-tugrik:before { content: "("; } .icon-ecommerce-receipt-won:before { content: ")"; } .icon-ecommerce-receipt-yen:before { content: "*"; } .icon-ecommerce-receipt-yen2:before { content: "+"; } .icon-ecommerce-recept-colon:before { content: ","; } .icon-ecommerce-rublo:before { content: "-"; } .icon-ecommerce-rupee:before { content: "."; } .icon-ecommerce-safe:before { content: "/"; } .icon-ecommerce-sale:before { content: ":"; } .icon-ecommerce-sales:before { content: ";"; } .icon-ecommerce-ticket:before { content: "<"; } .icon-ecommerce-tugriks:before { content: "="; } .icon-ecommerce-wallet:before { content: ">"; } .icon-ecommerce-won:before { content: "?"; } .icon-ecommerce-yen:before { content: "@"; } .icon-ecommerce-yen2:before { content: "["; } /*Music */ @font-face { font-family: "linea-music-10"; src: url("../less/icons/linea-icons/fonts/linea-music-10.eot"); src: url("../less/icons/linea-icons/fonts/linea-music-10.eot?#iefix") format("embedded-opentype"), url("../less/icons/linea-icons/fonts/linea-music-10.woff") format("woff"), url("../less/icons/linea-icons/fonts/linea-music-10.ttf") format("truetype"), url("../less/icons/linea-icons/fonts/linea-music-10.svg#linea-music-10") format("svg"); font-weight: normal; font-style: normal; } .linea-music[data-icon]:before { font-family: "linea-music-10" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="linea-icon-"]:before, [class*="linea- icon-"]:before { font-family: "linea-music-10" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-music-beginning-button:before { content: "a"; } .icon-music-bell:before { content: "b"; } .icon-music-cd:before { content: "c"; } .icon-music-diapason:before { content: "d"; } .icon-music-eject-button:before { content: "e"; } .icon-music-end-button:before { content: "f"; } .icon-music-fastforward-button:before { content: "g"; } .icon-music-headphones:before { content: "h"; } .icon-music-ipod:before { content: "i"; } .icon-music-loudspeaker:before { content: "j"; } .icon-music-microphone:before { content: "k"; } .icon-music-microphone-old:before { content: "l"; } .icon-music-mixer:before { content: "m"; } .icon-music-mute:before { content: "n"; } .icon-music-note-multiple:before { content: "o"; } .icon-music-note-single:before { content: "p"; } .icon-music-pause-button:before { content: "q"; } .icon-music-play-button:before { content: "r"; } .icon-music-playlist:before { content: "s"; } .icon-music-radio-ghettoblaster:before { content: "t"; } .icon-music-radio-portable:before { content: "u"; } .icon-music-record:before { content: "v"; } .icon-music-recordplayer:before { content: "w"; } .icon-music-repeat-button:before { content: "x"; } .icon-music-rewind-button:before { content: "y"; } .icon-music-shuffle-button:before { content: "z"; } .icon-music-stop-button:before { content: "A"; } .icon-music-tape:before { content: "B"; } .icon-music-volume-down:before { content: "C"; } .icon-music-volume-up:before { content: "D"; } /*Software*/ @font-face { font-family: "linea-software-10"; src: url("../less/icons/linea-icons/fonts/linea-software-10.eot"); src: url("../less/icons/linea-icons/fonts/linea-software-10.eot?#iefix") format("embedded-opentype"), url("../less/icons/linea-icons/fonts/linea-software-10.woff") format("woff"), url("../less/icons/linea-icons/fonts/linea-software-10.ttf") format("truetype"), url("../less/icons/linea-icons/fonts/linea-software-10.svg#linea-software-10") format("svg"); font-weight: normal; font-style: normal; } .linea-software[data-icon]:before { font-family: "linea-software-10" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="linea-icon-"]:before, [class*="linea- icon-"]:before { font-family: "linea-software-10" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-software-add-vectorpoint:before { content: "a"; } .icon-software-box-oval:before { content: "b"; } .icon-software-box-polygon:before { content: "c"; } .icon-software-box-rectangle:before { content: "d"; } .icon-software-box-roundedrectangle:before { content: "e"; } .icon-software-character:before { content: "f"; } .icon-software-crop:before { content: "g"; } .icon-software-eyedropper:before { content: "h"; } .icon-software-font-allcaps:before { content: "i"; } .icon-software-font-baseline-shift:before { content: "j"; } .icon-software-font-horizontal-scale:before { content: "k"; } .icon-software-font-kerning:before { content: "l"; } .icon-software-font-leading:before { content: "m"; } .icon-software-font-size:before { content: "n"; } .icon-software-font-smallcapital:before { content: "o"; } .icon-software-font-smallcaps:before { content: "p"; } .icon-software-font-strikethrough:before { content: "q"; } .icon-software-font-tracking:before { content: "r"; } .icon-software-font-underline:before { content: "s"; } .icon-software-font-vertical-scale:before { content: "t"; } .icon-software-horizontal-align-center:before { content: "u"; } .icon-software-horizontal-align-left:before { content: "v"; } .icon-software-horizontal-align-right:before { content: "w"; } .icon-software-horizontal-distribute-center:before { content: "x"; } .icon-software-horizontal-distribute-left:before { content: "y"; } .icon-software-horizontal-distribute-right:before { content: "z"; } .icon-software-indent-firstline:before { content: "A"; } .icon-software-indent-left:before { content: "B"; } .icon-software-indent-right:before { content: "C"; } .icon-software-lasso:before { content: "D"; } .icon-software-layers1:before { content: "E"; } .icon-software-layers2:before { content: "F"; } .icon-software-layout:before { content: "G"; } .icon-software-layout-2columns:before { content: "H"; } .icon-software-layout-3columns:before { content: "I"; } .icon-software-layout-4boxes:before { content: "J"; } .icon-software-layout-4columns:before { content: "K"; } .icon-software-layout-4lines:before { content: "L"; } .icon-software-layout-8boxes:before { content: "M"; } .icon-software-layout-header:before { content: "N"; } .icon-software-layout-header-2columns:before { content: "O"; } .icon-software-layout-header-3columns:before { content: "P"; } .icon-software-layout-header-4boxes:before { content: "Q"; } .icon-software-layout-header-4columns:before { content: "R"; } .icon-software-layout-header-complex:before { content: "S"; } .icon-software-layout-header-complex2:before { content: "T"; } .icon-software-layout-header-complex3:before { content: "U"; } .icon-software-layout-header-complex4:before { content: "V"; } .icon-software-layout-header-sideleft:before { content: "W"; } .icon-software-layout-header-sideright:before { content: "X"; } .icon-software-layout-sidebar-left:before { content: "Y"; } .icon-software-layout-sidebar-right:before { content: "Z"; } .icon-software-magnete:before { content: "0"; } .icon-software-pages:before { content: "1"; } .icon-software-paintbrush:before { content: "2"; } .icon-software-paintbucket:before { content: "3"; } .icon-software-paintroller:before { content: "4"; } .icon-software-paragraph:before { content: "5"; } .icon-software-paragraph-align-left:before { content: "6"; } .icon-software-paragraph-align-right:before { content: "7"; } .icon-software-paragraph-center:before { content: "8"; } .icon-software-paragraph-justify-all:before { content: "9"; } .icon-software-paragraph-justify-center:before { content: "!"; } .icon-software-paragraph-justify-left:before { content: "\""; } .icon-software-paragraph-justify-right:before { content: "#"; } .icon-software-paragraph-space-after:before { content: "$"; } .icon-software-paragraph-space-before:before { content: "%"; } .icon-software-pathfinder-exclude:before { content: "&"; } .icon-software-pathfinder-intersect:before { content: "'"; } .icon-software-pathfinder-subtract:before { content: "("; } .icon-software-pathfinder-unite:before { content: ")"; } .icon-software-pen:before { content: "*"; } .icon-software-pen-add:before { content: "+"; } .icon-software-pen-remove:before { content: ","; } .icon-software-pencil:before { content: "-"; } .icon-software-polygonallasso:before { content: "."; } .icon-software-reflect-horizontal:before { content: "/"; } .icon-software-reflect-vertical:before { content: ":"; } .icon-software-remove-vectorpoint:before { content: ";"; } .icon-software-scale-expand:before { content: "<"; } .icon-software-scale-reduce:before { content: "="; } .icon-software-selection-oval:before { content: ">"; } .icon-software-selection-polygon:before { content: "?"; } .icon-software-selection-rectangle:before { content: "@"; } .icon-software-selection-roundedrectangle:before { content: "["; } .icon-software-shape-oval:before { content: "]"; } .icon-software-shape-polygon:before { content: "^"; } .icon-software-shape-rectangle:before { content: "_"; } .icon-software-shape-roundedrectangle:before { content: "`"; } .icon-software-slice:before { content: "{"; } .icon-software-transform-bezier:before { content: "|"; } .icon-software-vector-box:before { content: "}"; } .icon-software-vector-composite:before { content: "~"; } .icon-software-vector-line:before { content: "\\"; } .icon-software-vertical-align-bottom:before { content: "\e000"; } .icon-software-vertical-align-center:before { content: "\e001"; } .icon-software-vertical-align-top:before { content: "\e002"; } .icon-software-vertical-distribute-bottom:before { content: "\e003"; } .icon-software-vertical-distribute-center:before { content: "\e004"; } .icon-software-vertical-distribute-top:before { content: "\e005"; } /*Weather*/ @font-face { font-family: "linea-weather-10"; src: url("../less/icons/linea-icons/fonts/linea-weather-10.eot"); src: url("../less/icons/linea-icons/fonts/linea-weather-10.eot?#iefix") format("embedded-opentype"), url("../less/icons/linea-icons/fonts/linea-weather-10.woff") format("woff"), url("../less/icons/linea-icons/fonts/linea-weather-10.ttf") format("truetype"), url("../less/icons/linea-icons/fonts/linea-weather-10.svg#linea-weather-10") format("svg"); font-weight: normal; font-style: normal; } .linea-weather[data-icon]:before { font-family: "linea-weather-10" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="linea-icon-"]:before, [class*="linea- icon-"]:before { font-family: "linea-weather-10" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-weather-aquarius:before { content: "\e000"; } .icon-weather-aries:before { content: "\e001"; } .icon-weather-cancer:before { content: "\e002"; } .icon-weather-capricorn:before { content: "\e003"; } .icon-weather-cloud:before { content: "\e004"; } .icon-weather-cloud-drop:before { content: "\e005"; } .icon-weather-cloud-lightning:before { content: "\e006"; } .icon-weather-cloud-snowflake:before { content: "\e007"; } .icon-weather-downpour-fullmoon:before { content: "\e008"; } .icon-weather-downpour-halfmoon:before { content: "\e009"; } .icon-weather-downpour-sun:before { content: "\e00a"; } .icon-weather-drop:before { content: "\e00b"; } .icon-weather-first-quarter:before { content: "\e00c"; } .icon-weather-fog:before { content: "\e00d"; } .icon-weather-fog-fullmoon:before { content: "\e00e"; } .icon-weather-fog-halfmoon:before { content: "\e00f"; } .icon-weather-fog-sun:before { content: "\e010"; } .icon-weather-fullmoon:before { content: "\e011"; } .icon-weather-gemini:before { content: "\e012"; } .icon-weather-hail:before { content: "\e013"; } .icon-weather-hail-fullmoon:before { content: "\e014"; } .icon-weather-hail-halfmoon:before { content: "\e015"; } .icon-weather-hail-sun:before { content: "\e016"; } .icon-weather-last-quarter:before { content: "\e017"; } .icon-weather-leo:before { content: "\e018"; } .icon-weather-libra:before { content: "\e019"; } .icon-weather-lightning:before { content: "\e01a"; } .icon-weather-mistyrain:before { content: "\e01b"; } .icon-weather-mistyrain-fullmoon:before { content: "\e01c"; } .icon-weather-mistyrain-halfmoon:before { content: "\e01d"; } .icon-weather-mistyrain-sun:before { content: "\e01e"; } .icon-weather-moon:before { content: "\e01f"; } .icon-weather-moondown-full:before { content: "\e020"; } .icon-weather-moondown-half:before { content: "\e021"; } .icon-weather-moonset-full:before { content: "\e022"; } .icon-weather-moonset-half:before { content: "\e023"; } .icon-weather-move2:before { content: "\e024"; } .icon-weather-newmoon:before { content: "\e025"; } .icon-weather-pisces:before { content: "\e026"; } .icon-weather-rain:before { content: "\e027"; } .icon-weather-rain-fullmoon:before { content: "\e028"; } .icon-weather-rain-halfmoon:before { content: "\e029"; } .icon-weather-rain-sun:before { content: "\e02a"; } .icon-weather-sagittarius:before { content: "\e02b"; } .icon-weather-scorpio:before { content: "\e02c"; } .icon-weather-snow:before { content: "\e02d"; } .icon-weather-snow-fullmoon:before { content: "\e02e"; } .icon-weather-snow-halfmoon:before { content: "\e02f"; } .icon-weather-snow-sun:before { content: "\e030"; } .icon-weather-snowflake:before { content: "\e031"; } .icon-weather-star:before { content: "\e032"; } .icon-weather-storm-11:before { content: "\e033"; } .icon-weather-storm-32:before { content: "\e034"; } .icon-weather-storm-fullmoon:before { content: "\e035"; } .icon-weather-storm-halfmoon:before { content: "\e036"; } .icon-weather-storm-sun:before { content: "\e037"; } .icon-weather-sun:before { content: "\e038"; } .icon-weather-sundown:before { content: "\e039"; } .icon-weather-sunset:before { content: "\e03a"; } .icon-weather-taurus:before { content: "\e03b"; } .icon-weather-tempest:before { content: "\e03c"; } .icon-weather-tempest-fullmoon:before { content: "\e03d"; } .icon-weather-tempest-halfmoon:before { content: "\e03e"; } .icon-weather-tempest-sun:before { content: "\e03f"; } .icon-weather-variable-fullmoon:before { content: "\e040"; } .icon-weather-variable-halfmoon:before { content: "\e041"; } .icon-weather-variable-sun:before { content: "\e042"; } .icon-weather-virgo:before { content: "\e043"; } .icon-weather-waning-cresent:before { content: "\e044"; } .icon-weather-waning-gibbous:before { content: "\e045"; } .icon-weather-waxing-cresent:before { content: "\e046"; } .icon-weather-waxing-gibbous:before { content: "\e047"; } .icon-weather-wind:before { content: "\e048"; } .icon-weather-wind-e:before { content: "\e049"; } .icon-weather-wind-fullmoon:before { content: "\e04a"; } .icon-weather-wind-halfmoon:before { content: "\e04b"; } .icon-weather-wind-n:before { content: "\e04c"; } .icon-weather-wind-ne:before { content: "\e04d"; } .icon-weather-wind-nw:before { content: "\e04e"; } .icon-weather-wind-s:before { content: "\e04f"; } .icon-weather-wind-se:before { content: "\e050"; } .icon-weather-wind-sun:before { content: "\e051"; } .icon-weather-wind-sw:before { content: "\e052"; } .icon-weather-wind-w:before { content: "\e053"; } .icon-weather-windgust:before { content: "\e054"; } /*------------------ Style tabs ------------------*/ .sttabs { position: relative; overflow: hidden; margin: 0 auto; width: 100%; font-weight: 300; } .sticon::before { display: inline-block; margin: 0 0.4em 0 0; vertical-align: middle; font-size: 20px; speak: none; -webkit-backface-visibility: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sttabs nav { text-align: center; } .sttabs nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; font-family: 'Poppins', sans-serif; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .sttabs nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .sttabs nav a { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 2.5; } .sttabs nav a span { vertical-align: middle; font-wight: 500; font-size: 14px; font-family: 'Poppins', sans-serif; } .sttabs nav a:focus { outline: none; } .sttabs nav li.tab-current a { color: #fb9678; } /* Individual tab styles */ /*****************************/ /* Bar */ /*****************************/ .tabs-style-bar nav ul li a { margin: 0 2px; background-color: #f7fafc; color: #686868; padding: 5px 0; transition: background-color 0.2s, color 0.2s; } .tabs-style-bar nav ul li a:hover, .tabs-style-bar nav ul li a:focus { color: #fb9678; } .tabs-style-bar nav ul li a span { text-transform: uppercase; letter-spacing: 1px; font-size: 14px; font-family: 'Poppins', sans-serif; } .tabs-style-bar nav ul li.tab-current a { background: #fb9678; color: #fff; } /*****************************/ /* Icon box */ /*****************************/ .tabs-style-iconbox nav { background: #f7fafc; } .tabs-style-iconbox nav ul li a { overflow: visible; padding: 35px 0; line-height: 1; -webkit-transition: color 0.2s; transition: color 0.2s; color: #2b2b2b; } .tabs-style-iconbox nav ul li.tab-current { z-index: 1; } .tabs-style-iconbox nav ul li.tab-current a { background: #fb9678; color: #ffffff; box-shadow: -1px 0 0 #ffffff; } .tabs-style-iconbox nav ul li.tab-current a::after { position: absolute; top: 100%; left: 50%; margin-left: -10px; width: 0; height: 0; border: solid transparent; border-width: 10px; border-top-color: #fb9678; content: ''; pointer-events: none; } .tabs-style-iconbox nav ul li:first-child::before, .tabs-style-iconbox nav ul li::after { position: absolute; top: 20%; right: 0; z-index: -1; width: 1px; height: 60%; content: ''; } .tabs-style-iconbox nav ul li:first-child::before { right: auto; left: 0; } .tabs-style-iconbox .sticon::before { display: block; margin: 0 0 0.25em 0; } /*****************************/ /* Underline */ /*****************************/ .tabs-style-underline nav { border: 1px solid rgba(120, 130, 140, 0.13); } .tabs-style-underline nav a { padding: 20px 0; border-left: 1px solid rgba(120, 130, 140, 0.13); -webkit-transition: color 0.2s; transition: color 0.2s; color: #2b2b2b; } .tabs-style-underline nav li:last-child a { border-right: 1px solid rgba(120, 130, 140, 0.13); } .tabs-style-underline nav li a::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background: #fb9678; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: translate3d(0, 150%, 0); transform: translate3d(0, 150%, 0); } .tabs-style-underline nav li.tab-current a::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /*****************************/ /* Triangle and line */ /*****************************/ .tabs-style-linetriangle nav a { overflow: visible; border-bottom: 1px solid rgba(0, 0, 0, 0.2); -webkit-transition: color 0.2s; transition: color 0.2s; } .tabs-style-linetriangle nav a span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; padding: 15px 0; color: #2b2b2b; } .tabs-style-linetriangle nav li.tab-current a:after, .tabs-style-linetriangle nav li.tab-current a:before { position: absolute; top: 100%; left: 50%; width: 0; height: 0; border: solid transparent; content: ''; pointer-events: none; } .tabs-style-linetriangle nav li.tab-current a:after { margin-left: -10px; border-width: 10px; border-top-color: #ffffff; } .tabs-style-linetriangle nav li.tab-current a span { color: #fb9678; } .tabs-style-linetriangle nav li.tab-current a:before { margin-left: -11px; border-width: 11px; border-top-color: rgba(0, 0, 0, 0.2); } /*****************************/ /* Falling Icon, from http://vintageproductions.eu/grid/interactivity/ */ /*****************************/ .tabs-style-iconfall { overflow: visible; } .tabs-style-iconfall nav { max-width: 1200px; margin: 0 auto; } .tabs-style-iconfall nav a { display: inline-block; overflow: visible; padding: 1em 0 2em; color: #2b2b2b; line-height: 1; -webkit-transition: color 0.3s cubic-bezier(0.7, 0, 0.3, 1); transition: color 0.3s cubic-bezier(0.7, 0, 0.3, 1); } .tabs-style-iconfall nav a:hover, .tabs-style-iconfall nav a:focus { color: #fb9678; } .tabs-style-iconfall nav li.tab-current a { color: #fb9678; } .tabs-style-iconfall nav li::before { position: absolute; bottom: 1em; left: 50%; margin-left: -20px; width: 40px; height: 4px; background: #fb9678; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.2s ease-in; transition: transform 0.2s ease-in; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); } .tabs-style-iconfall nav li.tab-current::before { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .tabs-style-iconfall nav li.tab-current .sticon::before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .tabs-style-iconfall .sticon::before { display: block; margin: 0 0 0.35em; opacity: 0; font-size: 24px; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); pointer-events: none; } @media screen and (max-width: 58em) { .tabs-style-iconfall nav li .sticon::before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /*****************************/ /* Moving Line */ /*****************************/ .tabs-style-linemove nav { background: #f7fafc; } .tabs-style-linemove nav li:last-child::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: #fb9678; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .tabs-style-linemove nav li:first-child.tab-current ~ li:last-child::before { -webkit-transform: translate3d(-400%, 0, 0); transform: translate3d(-400%, 0, 0); } .tabs-style-linemove nav li:nth-child(2).tab-current ~ li:last-child::before { -webkit-transform: translate3d(-300%, 0, 0); transform: translate3d(-300%, 0, 0); } .tabs-style-linemove nav li:nth-child(3).tab-current ~ li:last-child::before { -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0); } .tabs-style-linemove nav li:nth-child(4).tab-current ~ li:last-child::before { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .tabs-style-linemove nav a { padding: 30px 0; color: #2b2b2b; line-height: 1; -webkit-transition: color 0.3s, -webkit-transform 0.3s; transition: color 0.3s, transform 0.3s; } .tabs-style-linemove nav li.tab-current a { color: #fb9678; } /*****************************/ /* Line */ /*****************************/ .tabs-style-line nav a { padding: 20px 10px; box-shadow: inset 0 -2px #d1d3d2; color: #686868; text-align: left; text-transform: uppercase; letter-spacing: 1px; line-height: 1; -webkit-transition: color 0.3s, box-shadow 0.3s; transition: color 0.3s, box-shadow 0.3s; } .tabs-style-line nav a:hover, .tabs-style-line nav a:focus { box-shadow: inset 0 -2px #74777b; } .tabs-style-line nav li.tab-current a { box-shadow: inset 0 -2px #fb9678; color: #fb9678; } @media screen and (max-width: 58em) { .tabs-style-line nav ul { display: block; box-shadow: none; } .tabs-style-line nav ul li { display: block; -webkit-flex: none; flex: none; } } /*****************************/ /* Circle */ /*****************************/ .tabs-style-circle { overflow: visible; } .tabs-style-circle nav li { margin-top: 60px!important; margin-bottom: 60px!important; } .tabs-style-circle nav li::before { position: absolute; top: 50%; left: 50%; margin: -60px 0 0 -60px; width: 120px; height: 120px; border: 1px solid #fb9678; border-radius: 50%; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } .tabs-style-circle nav a { overflow: visible; color: #2b2b2b; font-weight: 500; font-size: 14; line-height: 1.1; -webkit-transition: color 0.3s cubic-bezier(0.7, 0, 0.3, 1); transition: color 0.3s cubic-bezier(0.7, 0, 0.3, 1); } .tabs-style-circle nav a span { display: inline-block; } .tabs-style-circle nav a:hover, .tabs-style-circle nav a:focus { color: #fb9678; } .tabs-style-circle nav li.tab-current a { color: #fb9678; } .tabs-style-circle nav li.tab-current a span { -webkit-transform: translate3d(0, 4px, 0); transform: translate3d(0, 4px, 0); } @media screen and (max-width: 58em) { .tabs-style-circle nav li::before { margin: -40px 0 0 -40px; width: 80px; height: 80px; } } .tabs-style-circle nav li.tab-current::before { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .tabs-style-circle nav a span, .tabs-style-circle .icon::before { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 0.3s cubic-bezier(0.7, 0, 0.3, 1); } .tabs-style-circle .sticon::before { display: block; margin: 0; pointer-events: none; } .tabs-style-circle nav li.tab-current .sticon::before { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } /*****************************/ /* Shape */ /*****************************/ .tabs-style-shape { max-width: 1200px; margin: 0 auto; } .tabs-style-shape nav ul li { margin: 0 3em; } .tabs-style-shape nav ul li:first-child { margin-left: 0; } .tabs-style-shape nav ul li.tab-current { z-index: 1; } .tabs-style-shape nav li a { overflow: visible; margin: 0 -3em 0 0; padding: 0; color: #fff; font-weight: 500; } .tabs-style-shape nav li a svg { position: absolute; left: 100%; margin: 0; width: 3em; height: 100%; fill: #bdc2c9; } .tabs-style-shape nav li:first-child a span { padding-left: 2em; border-radius: 30px 0 0 0; } .tabs-style-shape nav li:last-child a span { padding-right: 2em; border-radius: 0 30px 0 0; } .tabs-style-shape nav li a svg:nth-child(2), .tabs-style-shape nav li:last-child a svg { right: 100%; left: auto; -webkit-transform: scale3d(-1, 1, 1); transform: scale3d(-1, 1, 1); } .tabs-style-shape nav li a span { display: block; overflow: hidden; padding: 0.65em 0; background-color: #bdc2c9; text-overflow: ellipsis; white-space: nowrap; } .tabs-style-shape nav li a:hover span { background-color: #fb9678; } .tabs-style-shape nav li a:hover svg { fill: #fb9678; } .tabs-style-shape nav li a svg { pointer-events: none; } .tabs-style-shape nav li a svg use { pointer-events: auto; } .tabs-style-shape nav li.tab-current a span, .tabs-style-shape nav li.tab-current a svg { -webkit-transition: none; transition: none; } .tabs-style-shape nav li.tab-current a span { background: #f7fafc; } .tabs-style-shape nav li.tab-current a svg { fill: #f7fafc; } .tabs-style-shape .content-wrap { background: #f7fafc; } @media screen and (max-width: 58em) { .tabs-style-shape nav ul { display: block; padding-top: 1.5em; } .tabs-style-shape nav ul li { display: block; margin: -1.25em 0 0; -webkit-flex: none; flex: none; } .tabs-style-shape nav ul li a { margin: 0; } .tabs-style-shape nav ul li svg { display: none; } .tabs-style-shape nav ul li a span { padding: 1.25em 0 2em !important; border-radius: 30px 30px 0 0 !important; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.1); line-height: 1; } .tabs-style-shape nav ul li:last-child a span { padding: 1.25em 0 !important; } .tabs-style-shape nav ul li.tab-current { z-index: 1; } } /*****************************/ /* Line Box */ /*****************************/ .tabs-style-linebox nav ul li { margin: 0 0.5em; -webkit-flex: none; flex: none; } .tabs-style-linebox nav a { padding: 0 1.5em; color: #2b2b2b; font-weight: 500; -webkit-transition: color 0.3s; transition: color 0.3s; } .tabs-style-linebox nav a:hover, .tabs-style-linebox nav a:focus { color: #fb9678; } .tabs-style-linebox nav li.tab-current a { color: #ffffff; } .tabs-style-linebox nav a::after { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #d2d8d6; content: ''; -webkit-transition: background-color 0.3s, -webkit-transform 0.3s; transition: background-color 0.3s, transform 0.3s; -webkit-transition-timing-function: ease, cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: ease, cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0); transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0); } .tabs-style-linebox nav li.tab-current a::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .tabs-style-linebox nav a:hover::after, .tabs-style-linebox nav a:focus::after, .tabs-style-linebox nav li.tab-current a::after { background: #fb9678; } @media screen and (max-width: 58em) { .tabs-style-linebox nav ul { display: block; box-shadow: none; } .tabs-style-linebox nav ul li { display: block; -webkit-flex: none; flex: none; } } /*****************************/ /* Flip */ /*****************************/ .tabs-style-flip { max-width: 1200px; margin: 0 auto; } .tabs-style-flip nav a { padding: 0.5em 0; color: #2b2b2b; -webkit-transition: color 0.3s; transition: color 0.3s; } .tabs-style-flip nav a:hover, .tabs-style-flip nav a:focus { color: #fb9678; } .tabs-style-flip nav a span { text-transform: uppercase; letter-spacing: 1px; } .tabs-style-flip nav a::after { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #f0f0f0; content: ''; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s; transition: transform 0.3s, background-color 0.3s; -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 90deg); transform: perspective(900px) rotate3d(1, 0, 0, 90deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-perspective-origin: 50% 100%; perspective-origin: 50% 100%; } .tabs-style-flip nav li.tab-current a { color: #fb9678; } .tabs-style-flip nav li.tab-current a::after { background-color: #f7fafc; -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 0deg); transform: perspective(900px) rotate3d(1, 0, 0, 0deg); } .tabs-style-flip .content-wrap { background: #f7fafc; } /*****************************/ /* Circle fill */ /*****************************/ .tabs-style-circlefill { max-width: 800px; border: 1px solid #fb9678; margin: 0 auto; } .tabs-style-circlefill nav ul li { overflow: hidden; border-right: 1px solid #fb9678; } .tabs-style-circlefill nav li a { padding: 1.5em 0; color: #fff; font-size: 1.25em; } .tabs-style-circlefill nav li:first-child { border-left: none; } .tabs-style-circlefill nav li:last-child { border: none; } .tabs-style-circlefill nav li::before { position: absolute; top: 50%; left: 50%; margin: -40px 0 0 -40px; width: 80px; height: 80px; border: 1px solid #fb9678; border-radius: 50%; background: #fb9678; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .tabs-style-circlefill nav li.tab-current::before { -webkit-transform: scale3d(2.5, 2.5, 1); transform: scale3d(2.5, 2.5, 1); } .tabs-style-circlefill nav a { -webkit-transition: color 0.3s; transition: color 0.3s; } .tabs-style-circlefill nav a span { display: none; } .tabs-style-circlefill nav li.tab-current a { color: #ffffff; } .tabs-style-circlefill .icon::before { display: block; margin: 0; pointer-events: none; } .tabs-style-circlefill .content-wrap { border-top: 1px solid #fb9678; } /* Content */ .content-wrap { position: relative; } .content-wrap section { display: none; margin: 0 auto; padding: 25px; min-height: 150px; } .content-wrap section p { margin: 0; padding: 0.75em 0; } .content-wrap section.content-current { display: block; } /* Fallback */ .no-js .content-wrap section { display: block; padding-bottom: 2em; border-bottom: 1px solid rgba(255, 255, 255, 0.6); } .no-flexbox nav ul { display: block; } .no-flexbox nav ul li { min-width: 15%; display: inline-block; } @media screen and (max-width: 58em) { .sttabs nav a span { display: none; } .sttabs nav a:before { margin-right: 0; } } /*--------------------Tooltip---------------------*/ .mytooltip { display: inline; position: relative; z-index: 1; } /* Trigger text */ .tooltip-item { background: rgba(0, 0, 0, 0.1); cursor: pointer; display: inline-block; font-weight: 500; padding: 0 10px; } /* Gap filler */ .tooltip-item::after { content: ''; position: absolute; width: 360px; height: 20px; bottom: 100%; left: 50%; pointer-events: none; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mytooltip:hover .tooltip-item::after { pointer-events: auto; } /* Tooltip */ .tooltip-content { position: absolute; z-index: 9999; width: 360px; left: 50%; margin: 0 0 20px -180px; bottom: 100%; text-align: left; font-size: 14px; line-height: 30px; box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2); background: #2b2b2b; opacity: 0; cursor: default; pointer-events: none; } .tooltip-effect-1 .tooltip-content { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; color: #ffffff; } .tooltip-effect-2 .tooltip-content { -webkit-transform-origin: 50% calc(110%); transform-origin: 50% calc(110%); -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 45deg); transform: perspective(1000px) rotate3d(1, 0, 0, 45deg); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; } .tooltip-effect-3 .tooltip-content { -webkit-transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg); transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-effect-4 .tooltip-content { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale3d(0.7, 0.3, 1); transform: scale3d(0.7, 0.3, 1); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; } .tooltip-effect-5 .tooltip-content { width: 180px; margin-left: -90px; -webkit-transform-origin: 50% calc(106%); transform-origin: 50% calc(106%); -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; -webkit-transition-timing-function: ease, cubic-bezier(0.17, 0.67, 0.4, 1.39); transition-timing-function: ease, cubic-bezier(0.17, 0.67, 0.4, 1.39); } .mytooltip:hover .tooltip-content { pointer-events: auto; opacity: 1; -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); } .tooltip.tooltip-effect-2:hover .tooltip-content { -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); } /* Arrow */ .tooltip-content::after { content: ''; top: 100%; left: 50%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-top-color: #2a3035; border-width: 10px; margin-left: -10px; } /* Tooltip content*/ .tooltip-content img { position: relative; height: 140px; display: block; float: left; margin-right: 1em; } .tooltip-text { font-size: 14px; line-height: 24px; display: block; padding: 1.31em 1.21em 1.21em 0; color: #fff; } .tooltip-effect-5 .tooltip-text { padding: 1.4em; } a.mytooltip { font-weight: 500; color: #fb9678; } /* Tooltip 6 to 9 */ .tooltip-content2 { position: absolute; z-index: 9999; width: 80px; height: 80px; padding-top: 25px; left: 50%; margin-left: -40px; bottom: 100%; border-radius: 50%; text-align: center; background: #fb9678; color: #ffffff; opacity: 0; margin-bottom: 20px; cursor: default; pointer-events: none; } .tooltip-content2 i { opacity: 0; } .mytooltip:hover .tooltip-content2, .mytooltip:hover .tooltip-content2 i { opacity: 1; font-size: 18px; } .tooltip-effect-6 .tooltip-content2 { -webkit-transform: translate3d(0, 10px, 0) rotate3d(1, 1, 1, 45deg); transform: translate3d(0, 10px, 0) rotate3d(1, 1, 1, 45deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-effect-6 .tooltip-content2 i { -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-effect-7 .tooltip-content2 { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-effect-7 .tooltip-content2 i { -webkit-transform: translate3d(0, 15px, 0); transform: translate3d(0, 15px, 0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-effect-8 .tooltip-content2 { -webkit-transform: translate3d(0, 10px, 0) rotate3d(0, 1, 0, 90deg); transform: translate3d(0, 10px, 0) rotate3d(0, 1, 0, 90deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-effect-8 .tooltip-content2 i { -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-effect-9 .tooltip-content2 { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-effect-9 .tooltip-content2 i { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .mytooltip:hover .tooltip-content2, .mytooltip:hover .tooltip-content2 i { pointer-events: auto; -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } .tooltip-effect-6:hover .tooltip-content2 i { -webkit-transform: rotate3d(1, 1, 1, 0); transform: rotate3d(1, 1, 1, 0); } .tooltip-content2::after { content: ''; position: absolute; top: 100%; left: 50%; margin: -7px 0 0 -15px; width: 30px; height: 20px; background: url(../../plugins/images/tooltip/tooltip1.svg) no-repeat center center; background-size: 100%; } /***********Bloated Tooltip ***********/ .tooltip-content3 { position: absolute; background: url(../../plugins/images/tooltip/shape1.svg) no-repeat center bottom; background-size: 100% 100%; z-index: 9999; width: 200px; bottom: 100%; left: 50%; margin-left: -100px; padding: 50px 30px; text-align: center; color: #fff; opacity: 0; cursor: default; font-size: 14; line-height: 27px; pointer-events: none; -webkit-transform: scale3d(0.1, 0.2, 1); transform: scale3d(0.1, 0.2, 1); -webkit-transform-origin: 50% 120%; transform-origin: 50% 120%; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, transform 0.4s; -webkit-transition-timing-function: ease, cubic-bezier(0.6, 0, 0.4, 1); transition-timing-function: ease, cubic-bezier(0.6, 0, 0.4, 1); } .mytooltip:hover .tooltip-content3 { opacity: 1; pointer-events: auto; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* Arrow */ .tooltip-content3::after { content: ''; position: absolute; width: 16px; height: 16px; left: 50%; margin-left: -8px; top: 100%; background: #00AEEF; -webkit-transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg); transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg); } /*************Box Tooltip *************/ /* Trigger text */ .tooltip-item2 { color: #03a9f3; cursor: pointer; z-index: 100; position: relative; display: inline-block; font-weight: 500; -webkit-transition: background-color 0.3s, color 0.3s, -webkit-transform 0.3s; transition: background-color 0.3s, color 0.3s, transform 0.3s; } .mytooltip:hover .tooltip-item2 { color: #ffffff; -webkit-transform: translate3d(0, -0.5em, 0); transform: translate3d(0, -0.5em, 0); } /******************** Tooltip box ********************/ .tooltip-content4 { position: absolute; z-index: 99; width: 360px; left: 50%; margin-left: -180px; bottom: -5px; text-align: left; background: #03a9f3; opacity: 0; font-size: 14px; line-height: 27px; padding: 1.5em; color: #ffffff; border-bottom: 55px solid #2b2b2b; cursor: default; pointer-events: none; border-radius: 5px; -webkit-transform: translate3d(0, -0.5em, 0); transform: translate3d(0, -0.5em, 0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-content4 a { color: #2b2b2b; } .tooltip-text2 { opacity: 0; -webkit-transform: translate3d(0, 1.5em, 0); transform: translate3d(0, 1.5em, 0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .mytooltip:hover .tooltip-content4, .mytooltip:hover .tooltip-text2 { pointer-events: auto; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /*******Tooltip Line********/ .tooltip-content5 { position: absolute; z-index: 9999; width: 300px; left: 50%; bottom: 100%; font-size: 20px; line-height: 1.4; text-align: center; font-weight: 400; color: #ffffff; background: transparent; opacity: 0; margin: 0 0 20px -150px; cursor: default; pointer-events: none; -webkit-font-smoothing: antialiased; -webkit-transition: opacity 0.3s 0.3s; transition: opacity 0.3s 0.3s; } .mytooltip:hover .tooltip-content5 { opacity: 1; pointer-events: auto; -webkit-transition-delay: 0s; transition-delay: 0s; } .tooltip-content5 span { display: block; } .tooltip-text3 { border-bottom: 10px solid #fb9678; overflow: hidden; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transition: -webkit-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; } .mytooltip:hover .tooltip-text3 { -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .tooltip-inner2 { background: #2b2b2b; padding: 40px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .mytooltip:hover .tooltip-inner2 { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* Arrow */ .tooltip-content5::after { content: ''; bottom: -20px; left: 50%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-top-color: #fb9678; border-width: 10px; margin-left: -10px; } /*For Laptop (1280px)*/ @media (max-width: 1350px) { .carousel .item h3 { font-size: 17px; height: 90px; } .inbox-center a { width: 400px; } } /********* Search Result Page**********/ .search-listing { padding: 0px; margin: 0px; } .search-listing li { list-style: none; padding: 15px 0; border-bottom: 1px solid rgba(120, 130, 140, 0.13); } .search-listing li h3 { margin: 0px; font-size: 18px; } .search-listing li h3 a { color: #03a9f3; } .search-listing li h3 a:hover { text-decoration: underline; } .search-listing li a { color: #00c292; } /********* Treeview Page**********/ .treeview span.icon { margin-left: 5px; } /********* Megamenu Page**********/ .megamenu { left: 0px; right: 0px; width: 100%; } .mega-dropdown { position: static !important; } .mega-dropdown-menu { padding: 20px; width: 100%; box-shadow: none; -webkit-box-shadow: none; border: 0px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2) !important; } .mega-dropdown-menu > li > ul { padding: 0; margin: 0; } .mega-dropdown-menu > li > ul > li { list-style: none; } .mega-dropdown-menu > li > ul > li > a { display: block; padding: 8px 0px; clear: both; line-height: 1.428571429; color: #686868; white-space: normal; } .mega-dropdown-menu > li > ul > li > a:hover, .mega-dropdown-menu > li > ul > li > a:focus { text-decoration: none; color: #ff6849; } .mega-dropdown-menu .dropdown-header { font-size: 16px; font-weight: 500; padding: 8px 0; margin-top: 12px; } .mega-dropdown-menu li.demo-box a { color: #ffffff; display: block; } .mega-dropdown-menu li.demo-box a:hover { opacity: 0.8; } /*Data tables*/ button.dt-button, div.dt-button, a.dt-button { background: #03a9f3; color: #ffffff; border-color: #03a9f3; } button.dt-button:hover, div.dt-button:hover, a.dt-button:hover { background: #03a9f3; } button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled) { background: #f7fafc; color: #2b2b2b; border-color: rgba(120, 130, 140, 0.13); } .dataTables_filter input { border: 1px solid rgba(120, 130, 140, 0.13); } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1, table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background: none; } /*Summernote*/ .note-editor { border: 1px solid rgba(120, 130, 140, 0.13); } .note-editor .panel-heading { padding: 6px 10px 10px; } /*-------------------------------------------------------------- Update 1.6 --------------------------------------------------------------*/ /*left-right-aside-column*/ .page-aside { position: relative; } /*left-aside-column*/ .left-aside { position: absolute; background: #ffffff; border-left: 1px solid rgba(120, 130, 140, 0.13); padding: 20px; width: 250px; height: 100%; } .right-aside { padding: 20px; margin-right: 250px; } .right-aside .contact-list td { vertical-align: middle; padding: 25px 10px; } .right-aside .contact-list td img { width: 30px; } .list-style-none { margin: 0px; padding: 0px; } .list-style-none li { list-style: none; margin: 0px; } .list-style-none li.box-label a { font-weight: 500; } .list-style-none li.divider { margin: 10px 0; height: 1px; background: rgba(120, 130, 140, 0.13); } .list-style-none li a { padding: 15px 10px; display: block; color: #686868; } .list-style-none li a:hover { color: #ff6849; } .list-style-none li a span { float: left; } /*Chat-box*/ .chat-main-box { position: relative; background: #ffffff; overflow: hidden; } .chat-main-box .chat-left-aside { position: absolute; width: 250px; z-index: 9; top: 0px; border-left: 1px solid rgba(120, 130, 140, 0.13); } .chat-main-box .chat-left-aside .open-panel { display: none; cursor: pointer; position: absolute; left: -webkit-calc(99%); top: 50%; z-index: 100; background-color: #fff; -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.2); box-shadow: 1px 0 3px rgba(0, 0, 0, 0.2); border-radius: 0 100px 100px 0; line-height: 1; padding: 15px 8px 15px 4px; } .chat-main-box .chat-left-aside .chat-left-inner .form-control { height: 60px; } .chat-main-box .chat-left-aside .chat-left-inner .style-none { padding: 0px; } .chat-main-box .chat-left-aside .chat-left-inner .style-none li { list-style: none; overflow: hidden; } .chat-main-box .chat-left-aside .chat-left-inner .style-none li a { padding: 20px; } .chat-main-box .chat-left-aside .chat-left-inner .style-none li a:hover, .chat-main-box .chat-left-aside .chat-left-inner .style-none li a.active { background: #f7fafc; } .chat-main-box .chat-right-aside { margin-right: 250px; } .chat-main-box .chat-right-aside .chat-list { max-height: none; height: 100%; padding-top: 40px; } .chat-main-box .chat-right-aside .chat-list .chat-text { border-radius: 6px; } .chat-main-box .chat-right-aside .send-chat-box { position: relative; } .chat-main-box .chat-right-aside .send-chat-box .form-control { border: none; border-top: 1px solid rgba(120, 130, 140, 0.13); resize: none; height: 80px; padding-left: 180px; } .chat-main-box .chat-right-aside .send-chat-box .form-control:focus { border-color: rgba(120, 130, 140, 0.13); } .chat-main-box .chat-right-aside .send-chat-box .custom-send { position: absolute; left: 20px; bottom: 10px; } .chat-main-box .chat-right-aside .send-chat-box .custom-send .cst-icon { color: #686868; margin-right: 10px; } /*User Cards*/ .el-element-overlay .white-box { padding: 0px; } .el-element-overlay .el-card-item { position: relative; padding-bottom: 25px; } .el-element-overlay .el-card-item .el-card-avatar { margin-bottom: 15px; } .el-element-overlay .el-card-item .el-card-content { text-align: center; } .el-element-overlay .el-card-item .el-card-content h3 { margin: 0px; } .el-element-overlay .el-card-item .el-card-content a { color: #686868; } .el-element-overlay .el-card-item .el-card-content a:hover { color: #ff6849; } .el-element-overlay .el-card-item .el-overlay-1 { width: 100%; height: 100%; overflow: hidden; position: relative; text-align: center; cursor: default; } .el-element-overlay .el-card-item .el-overlay-1 img { display: block; position: relative; -webkit-transition: all .4s linear; transition: all .4s linear; width: 100%; height: auto; } .el-element-overlay .el-card-item .el-overlay-1:hover img { -ms-transform: scale(1.2) translateZ(0); -webkit-transform: scale(1.2) translateZ(0); /* transform: scale(1.2) translateZ(0); */ } .el-element-overlay .el-card-item .el-overlay-1 .el-info { text-decoration: none; display: inline-block; text-transform: uppercase; color: #ffffff; background-color: transparent; filter: alpha(opacity=0); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding: 0; margin: auto; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%) translateZ(0); -webkit-transform: translateY(-50%) translateZ(0); -ms-transform: translateY(-50%) translateZ(0); } .el-element-overlay .el-card-item .el-overlay-1 .el-info > li { list-style: none; display: inline-block; margin: 0 3px; } .el-element-overlay .el-card-item .el-overlay-1 .el-info > li a { border-color: #ffffff; color: #ffffff; padding: 12px 15px 10px; } .el-element-overlay .el-card-item .el-overlay-1 .el-info > li a:hover { background: #fb9678; border-color: #fb9678; } .el-element-overlay .el-card-item .el-overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; opacity: 0; background-color: rgba(0, 0, 0, 0.7); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .el-element-overlay .el-card-item .el-overlay-1:hover .el-overlay { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .el-element-overlay .el-card-item .el-overlay-1 .scrl-dwn { top: -100%; } .el-element-overlay .el-card-item .el-overlay-1 .scrl-up { top: 100%; height: 0px; } .el-element-overlay .el-card-item .el-overlay-1:hover .scrl-dwn { top: 0px; } .el-element-overlay .el-card-item .el-overlay-1:hover .scrl-up { top: 0px; height: 100%; } /*Login sidebar*/ .login-sidebar { position: absolute; right: 0px; margin-top: 0px; height: 100%; } /*Listing*/ .common-list { margin: 0px; padding: 0px; } .common-list li { list-style: none; display: block; } .common-list li a { padding: 12px 0px; color: #686868; display: block; } .common-list li a:hover { color: #ff6849; } /*table layouts*/ .color-table.primary-table thead th { background-color: #ab8ce4; color: #ffffff; } .color-table.success-table thead th { background-color: #00c292; color: #ffffff; } .color-table.info-table thead th { background-color: #03a9f3; color: #ffffff; } .color-table.warning-table thead th { background-color: #fec107; color: #ffffff; } .color-table.danger-table thead th { background-color: #fb9678; color: #ffffff; } .color-table.inverse-table thead th { background-color: #4c5667; color: #ffffff; } .color-table.dark-table thead th { background-color: #2b2b2b; color: #ffffff; } .color-table.red-table thead th { background-color: #fb3a3a; color: #ffffff; } .color-table.purple-table thead th { background-color: #9675ce; color: #ffffff; } .color-table.muted-table thead th { background-color: #98a6ad; color: #ffffff; } .color-bordered-table.primary-bordered-table { border: 2px solid #ab8ce4; } .color-bordered-table.primary-bordered-table thead th { background-color: #ab8ce4; color: #ffffff; } .color-bordered-table.success-bordered-table { border: 2px solid #00c292; } .color-bordered-table.success-bordered-table thead th { background-color: #00c292; color: #ffffff; } .color-bordered-table.info-bordered-table { border: 2px solid #03a9f3; } .color-bordered-table.info-bordered-table thead th { background-color: #03a9f3; color: #ffffff; } .color-bordered-table.warning-bordered-table { border: 2px solid #fec107; } .color-bordered-table.warning-bordered-table thead th { background-color: #fec107; color: #ffffff; } .color-bordered-table.danger-bordered-table { border: 2px solid #fb9678; } .color-bordered-table.danger-bordered-table thead th { background-color: #fb9678; color: #ffffff; } .color-bordered-table.inverse-bordered-table { border: 2px solid #4c5667; } .color-bordered-table.inverse-bordered-table thead th { background-color: #4c5667; color: #ffffff; } .color-bordered-table.dark-bordered-table { border: 2px solid #2b2b2b; } .color-bordered-table.dark-bordered-table thead th { background-color: #2b2b2b; color: #ffffff; } .color-bordered-table.red-bordered-table { border: 2px solid #fb3a3a; } .color-bordered-table.red-bordered-table thead th { background-color: #fb3a3a; color: #ffffff; } .color-bordered-table.purple-bordered-table { border: 2px solid #9675ce; } .color-bordered-table.purple-bordered-table thead th { background-color: #9675ce; color: #ffffff; } .color-bordered-table.muted-bordered-table { border: 2px solid #98a6ad; } .color-bordered-table.muted-bordered-table thead th { background-color: #98a6ad; color: #ffffff; } .full-color-table.full-primary-table { background-color: rgba(171, 140, 228, 0.8); } .full-color-table.full-primary-table thead th { background-color: #ab8ce4; border: 0 !important; color: #ffffff; } .full-color-table.full-primary-table tbody td { border: 0 !important; color: #ffffff; } .full-color-table.full-primary-table tr:hover { background-color: #ab8ce4; } .full-color-table.full-success-table { background-color: rgba(0, 194, 146, 0.8); } .full-color-table.full-success-table thead th { background-color: #00c292; border: 0 !important; color: #ffffff; } .full-color-table.full-success-table tbody td { border: 0 !important; color: #ffffff; } .full-color-table.full-success-table tr:hover { background-color: #00c292; } .full-color-table.full-info-table { background-color: rgba(3, 169, 243, 0.8); } .full-color-table.full-info-table thead th { background-color: #03a9f3; border: 0 !important; color: #ffffff; } .full-color-table.full-info-table tbody td { border: 0 !important; color: #ffffff; } .full-color-table.full-info-table tr:hover { background-color: #03a9f3; } .full-color-table.full-warning-table { background-color: rgba(254, 193, 7, 0.8); } .full-color-table.full-warning-table thead th { background-color: #fec107; border: 0 !important; color: #ffffff; } .full-color-table.full-warning-table tbody td { border: 0 !important; color: #ffffff; } .full-color-table.full-warning-table tr:hover { background-color: #fec107; } .full-color-table.full-danger-table { background-color: rgba(251, 150, 120, 0.8); } .full-color-table.full-danger-table thead th { background-color: #fb9678; border: 0 !important; color: #ffffff; } .full-color-table.full-danger-table tbody td { border: 0 !important; color: #ffffff; } .full-color-table.full-danger-table tr:hover { background-color: #fb9678; } .full-color-table.full-inverse-table { background-color: rgba(76, 86, 103, 0.8); } .full-color-table.full-inverse-table thead th { background-color: #4c5667; border: 0 !important; color: #ffffff; } .full-color-table.full-inverse-table tbody td { border: 0 !important; color: #ffffff; } .full-color-table.full-inverse-table tr:hover { background-color: #4c5667; } .full-color-table.full-dark-table { background-color: rgba(43, 43, 43, 0.8); } .full-color-table.full-dark-table thead th { background-color: #2b2b2b; border: 0 !important; color: #ffffff; } .full-color-table.full-dark-table tbody td { border: 0 !important; color: #ffffff; } .full-color-table.full-dark-table tr:hover { background-color: #2b2b2b; } .full-color-table.full-red-table { background-color: rgba(251, 58, 58, 0.8); } .full-color-table.full-red-table thead th { background-color: #fb3a3a; border: 0 !important; color: #ffffff; } .full-color-table.full-red-table tbody td { border: 0 !important; color: #ffffff; } .full-color-table.full-red-table tr:hover { background-color: #fb3a3a; } .full-color-table.full-purple-table { background-color: rgba(150, 117, 206, 0.8); } .full-color-table.full-purple-table thead th { background-color: #9675ce; border: 0 !important; color: #ffffff; } .full-color-table.full-purple-table tbody td { border: 0 !important; color: #ffffff; } .full-color-table.full-purple-table tr:hover { background-color: #9675ce; } .full-color-table.full-muted-table { background-color: rgba(152, 166, 173, 0.8); } .full-color-table.full-muted-table thead th { background-color: #98a6ad; border: 0 !important; color: #ffffff; } .full-color-table.full-muted-table tbody td { border: 0 !important; color: #ffffff; } .full-color-table.full-muted-table tr:hover { background-color: #98a6ad; } /* Material Form Input Elements */ .floating-labels .form-group { position: relative; } .floating-labels .form-control { font-size: 20px; padding: 10px 10px 10px 0; display: block; border: none; border-bottom: 1px solid #e4e7ea; } .floating-labels select.form-control > option { font-size: 14px; } .has-error .form-control { border-bottom: 1px solid #fb9678; } .has-warning .form-control { border-bottom: 1px solid #fec107; } .has-success .form-control { border-bottom: 1px solid #00c292; } .floating-labels .form-control:focus { outline: none; border: none; } .floating-labels label { color: #686868; font-size: 16px; position: absolute; cursor: auto; top: 10px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .floating-labels .form-control:focus ~ label, .floating-labels .form-control:valid ~ label { top: -20px; font-size: 12px; color: #ab8ce4; } .floating-labels .bar { position: relative; display: block; } .floating-labels .bar:before, .floating-labels .bar:after { content: ''; height: 2px; width: 0; bottom: 1px; position: absolute; background: #ab8ce4; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .floating-labels .bar:before { left: 50%; } .floating-labels .bar:after { right: 50%; } .floating-labels .form-control:focus ~ .bar:before, .floating-labels .form-control:focus ~ .bar:after { width: 50%; } .floating-labels .highlight { position: absolute; height: 60%; width: 100px; top: 25%; left: 0; pointer-events: none; opacity: 0.5; } .floating-labels .input-lg ~ label, .floating-labels .input-lg { font-size: 24px; } .floating-labels .input-sm ~ label, .floating-labels .input-sm { font-size: 16px; } .has-warning .bar:before, .has-warning .bar:after { background: #fec107; } .has-success .bar:before, .has-success .bar:after { background: #00c292; } .has-error .bar:before, .has-error .bar:after { background: #fb9678; } .has-warning .form-control:focus ~ label, .has-warning .form-control:valid ~ label { color: #fec107; } .has-success .form-control:focus ~ label, .has-success .form-control:valid ~ label { color: #00c292; } .has-error .form-control:focus ~ label, .has-error .form-control:valid ~ label { color: #fb9678; } .has-feedback label ~ .t-0 { top: 0; } /* Update 2.5 */ .table.dataTable, table.dataTable { width: calc(98%) !important; } table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting::after, table.dataTable thead .sorting_desc::after { float: none; padding-left: 10px; } /* style for realestate pages */ .re ul.two-part li i, .re ul.two-part li span { font-size: 36px; } .bg-light h4 { font-weight: bold; } .agent-contact, .pro-desc { font-size: 12px; } .form-agent-inq .form-group { margin-bottom: 10px; } .agent-info { max-height: 358px; height: 358px; background: #f7fafc; } .pro-list { margin-top: 15px; } .pro-img, .pro-detail { display: table-cell; vertical-align: top; } .pro-detail h5 a { color: #686868; line-height: 20px; font-weight: 500; } .pro-box .pro-list-img { display: block; height: 210px; position: relative; overflow: hidden; } .pro-box .pro-label { position: absolute; text-transform: uppercase; top: 0; right: 0; border-radius: 2px; padding: 5px; font-size: 80%; } .pro-col-label { padding: 7px; width: 26%; display: block; margin-top: -15px; margin-right: 37%; border: 1px solid rgba(120, 130, 140, 0.13); text-transform: uppercase; } .pro-box .pro-label-img { position: absolute; top: 30px; right: 30px; } .pro-box.pro-horizontal pro-content { width: 100%; height: 210px; } .pro-content .pro-list-details { height: 138px; max-height: 142px; border-bottom: 1px solid rgba(120, 130, 140, 0.13); border-left: 1px solid rgba(120, 130, 140, 0.13); } .pro-content .pro-list-info { border-bottom: 1px solid rgba(120, 130, 140, 0.13); } .pro-content .pro-list-details h3, .pro-content .pro-list-details h4, .pro-list-info ul.pro-info li, .pro-agent .agent-name h5, .pro-agent .agent-name small, ul.pro-info li span.label, .pro-location span, .pro-list-info-3-col ul.pro-info li, .pro-content-3-col .pro-list-details h3, .pro-content-3-col .pro-list-details h4, .pro-content-3-col .pro-list-details h4 small, .pro-agent-col-3 .agent-name h5, .pro-agent-col-3 .agent-name small { font-weight: 500; } .pro-list-info ul.pro-info, .pro-list-info-3-col ul.pro-info { padding: 16px 10px 10px 10px; list-style: none; } .pro-list-info ul.pro-info li { padding: 10px 0px 10px 20px; font-size: 12px; } ul.pro-info li span.label { width: 25px; height: 25px; padding: 8px; border-radius: 50%; margin-top: -4px; margin-right: 15px; font-size: 12px; } ul.pro-info li span img, ul.pro-amenities li span img { margin-top: -8px; padding-left: 12px; } .pro-agent .agent-img a img, .pro-agent-col-3 .agent-img a img { border: 3px solid #ffffff; box-shadow: 1px 1px 1px rgba(120, 130, 140, 0.13); /*width: 60px; height: 60px;*/ } .pro-agent .agent-img, .pro-agent .agent-name, .pro-agent-col-3 .agent-img, .pro-agent-col-3 .agent-name { float: left; } .pro-agent .agent-img { padding-top: 12px; } .pro-agent .agent-name { padding: 10px 0 0 15px; } .pro-location span { padding-top: 27px; } .pro-content-3-col { padding: 15px; background: #f7fafc; } .pro-content-3-col .pro-list-details h4 small { color: #fb9678; } .pro-list-info-3-col ul.pro-info li { padding: 10px 5px; } .pro-agent-col-3 .agent-img { padding: 15px; } .pro-agent-col-3 .agent-name { padding: 15px 15px 15px 5px; } ul.pro-amenities { list-style: none; padding: 8px 0; } ul.pro-amenities li { padding: 10px 0 10px 0; font-size: 12px; } ul.pro-amenities li span i { padding-left: 12px; } .pro-rd .table > tbody > tr > td:first-child { font-weight: 500; } .pro-rd .table > tbody > tr > td, .pro-rd .table > tbody > tr > th { border: none; padding: 8px 8px 8px 0; font-size: 12px; } .pd-agent-info { max-height: 200px; height: 200px; background: #f7fafc; margin-top: 15px; } .pd-agent-contact, .pd-agent-inq { padding: 25px; } .pro-add-form .radio label, .pro-add-form .checkbox label { font-weight: 100; } /*For Laptop (1280px)*/ @media (max-width: 1350px) { .carousel .item h3 { font-size: 17px; height: 90px; } .inbox-center a { width: 400px; } } /*Small Desktop*/ @media (min-width: 1024px) { .app-search .form-control:focus { width: 300px; } } /*Ipad*/ @media (min-width: 768px) { #page-wrapper { position: inherit; margin: 0px 0 0px 220px; } .navbar-default { position: relative; width: 100%; top: 0px; } .fix-header .navbar-static-top { position: fixed; } .fix-header #page-wrapper { margin-top: 60px; } .sidebar { z-index: 10; position: absolute; width: 220px; padding-top: 60px; height: 100%; } /*If body has fix sidebar class*/ .fix-sidebar .sidebar { position: fixed; overflow: hidden; } .fix-sidebar .top-left-part { position: fixed; width: 220px; } .fix-sidebar .navbar-left { margin-left: 220px; } .footer { left: 220px; } /*If body has content-wrapper*/ .content-wrapper #page-wrapper { margin-left: 60px; } .content-wrapper .navbar-left { margin-left: 0px; } .content-wrapper .footer { left: 60px; } .content-wrapper .sidebar { width: 60px; } .content-wrapper .sidebar .hide-menu { display: none; width: 180px; left: 60px; } .content-wrapper .sidebar .sidebar-nav { position: absolute; overflow: hidden; } .content-wrapper .sidebar .sidebar-nav .nav-second-level { position: absolute; z-index: 999999; } .content-wrapper .sidebar .nav-small-cap, .content-wrapper .sidebar li span span { display: none; } .content-wrapper .sidebar #side-menu > li:hover { width: 300px; background: #f7fafc; } .content-wrapper .sidebar li:hover .hide-menu { display: inline; } .content-wrapper .sidebar #side-menu > li > a { padding: 15px 30px 15px 20px; } .content-wrapper .sidebar li:hover .nav-second-level.in, .content-wrapper .sidebar li:hover .nav-second-level, .content-wrapper .sidebar li:hover .nav-second-level.collapse li { display: block; } .content-wrapper .sidebar .nav-second-level { position: absolute; left: 60px; background: #f7fafc; width: 240px; opacity: 1; padding-bottom: 20px; display: none; } .content-wrapper .sidebar .nav-second-level li { background: #f7fafc; } .content-wrapper .top-left-part { width: 60px; transition: 0.5s ease-out; } .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts { margin-left: auto; } .mail_listing { border-left: 1px solid rgba(120, 130, 140, 0.13); padding-left: 20px; } .inbox-panel { padding-right: 20px; } .top-minus { margin-top: -62px; float: right; } .fix-sidebar.content-wrapper .navbar-left, .content-wrapper.fix-sidebar .navbar-left { margin-left: 60px!important; } .fix-sidebar.content-wrapper .sidebar, .content-wrapper.fix-sidebar .sidebar { position: fixed; } .fix-sidebar.content-wrapper .sidebar .sidebar-nav, .content-wrapper.fix-sidebar .sidebar .sidebar-nav { position: absolute; } .fix-sidebar.content-wrapper .sidebar .sidebar-nav .nav-second-level, .content-wrapper.fix-sidebar .sidebar .sidebar-nav .nav-second-level { position: absolute; z-index: 99999; } } @media (max-width: 1024px) { .b-r-none { border-right: 0px; } .carousel-inner h3 { height: 90px; overflow: hidden; } .inbox-center a { width: 300px; } } /*Phone*/ @media (max-width: 767px) { .navbar-top-links { display: inline-block; } .navbar-top-links .profile-pic img { margin-right: 0px; } .top-left-part { width: 60px; } .navbar-top-links li:last-child { margin-right: 0px; } .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts { width: 260px; } .row-in-br { border-right: 0px; border-bottom: 1px solid rgba(120, 130, 140, 0.13); } .bg-title .breadcrumb { float: left; margin-top: 0px; margin-bottom: 10px; } /*Timeline*/ ul.timeline:before { left: 40px; } ul.timeline > li > .timeline-panel { width: calc(10%); width: -moz-calc(10%); width: -webkit-calc(10%); } ul.timeline > li > .timeline-badge { top: 16px; left: 15px; margin-left: 0; } ul.timeline > li > .timeline-panel { float: right; } ul.timeline > li > .timeline-panel:before { right: auto; left: -15px; border-right-width: 15px; border-left-width: 0; } ul.timeline > li > .timeline-panel:after { right: auto; left: -14px; border-right-width: 14px; border-left-width: 0; } .wizard-steps > li { display: block; } .dropdown .mailbox, .dropdown .dropdown-tasks { left: -134px; } /***** Start Update 1.5 *****/ .fix-header .navbar-static-top { position: fixed; top: 0px; width: 100%; } .fix-header #page-wrapper { margin-top: 60px; } .fix-header .sidebar { position: fixed; height: 350px; top: 60px; z-index: 100; overflow: auto!important; box-shadow: 0 10px 35px rgba(0, 0, 0, 0.2); } .mega-dropdown-menu { height: 340px; overflow: auto; } .left-aside { position: relative; width: 100%; border: 0px; } .right-aside { margin-right: 0px; } .chat-main-box .chat-left-aside { right: -250px; transition: 0.5s ease-in; background: #ffffff; } .chat-main-box .chat-left-aside.open-pnl { right: 0px; } .chat-main-box .chat-left-aside .open-panel { display: block; } .chat-main-box .chat-right-aside { margin: 0px; } /***** Close Update 1.5 *****/ .table-responsive.pro-rd { border: none; } } @media (max-width: 480px) { .vtabs .tabs-vertical { width: auto; } .stat-item { padding-right: 0px; } .login-box { width: 100%; } .pro-content .pro-list-details { height: 100px; border-right: none; } .pro-list-info ul.pro-info li { padding: 10px 0 10px 0; } .pro-list-info ul.pro-info { padding-left: 0; } .pro-agent .agent-img { padding-top: 3px; } .pro-agent .agent-name { padding: 2px 0 10px 15px; } } .text-left { text-align: right; } .text-right { text-align: left; } .pull-left, .navbar-left, .navbar-top-links > li { float: right !important; } .pull-right, .navbar-right { float: left !important; } .m-r-5 { margin-left: 5px !important; } .m-r-10 { margin-left: 10px !important; } .m-r-15 { margin-left: 15px !important; } .m-r-20 { margin-left: 20px !important; } .m-r-30 { margin-left: 30px !important; } .m-r-40 { margin-left: 40px !important; } .m-l-5 { margin-right: 5px !important; } .m-l-10 { margin-right: 10px !important; } .m-l-15 { margin-right: 15px !important; } .m-l-20 { margin-right: 20px !important; } .m-l-30 { margin-right: 30px !important; } .m-l-40 { margin-right: 40px !important; } /*Header*/ .nav, .navbar-top-links { padding-right: 0px; } .bg-title .breadcrumb { float: left; } .dropdown-tasks li a div p { text-align: right; } .message-center .user-img { float: right; margin: 0 0px 15px 10px; } .message-center .mail-contnet { text-align: right; } .drop-title { text-align: center; } .top-left-part { float: right; } .profile-pic img { margin-right: 0px; margin-left: 10px; } /*Navigation*/ #side-menu > li > a { padding: 15px 15px 15px 30px; } .sidebar #side-menu .user-pro > a { padding: 17px 15px 16px 30px !important; } .sidebar #side-menu .user-pro .img-circle { margin-right: 0px; margin-left: 10px; } .sidebar .nav-second-level li a { padding-left: 0px; padding-right: 39px; } .sidebar #side-menu .user-pro .arrow { left: 20px ; right: inherit; } .sidebar .arrow { left: 15px; right: inherit; } .nav-small-cap { margin: 20px -15px 0 0px; } .dropdown-menu li a i { display: inline-block; } .sidebar #side-menu .user-pro .nav-second-level li i { display: inline-block; } /*----Widgets----*/ /* .col-in-row */ .row-in-br { border-right: 0px; border-left: 1px solid rgba(120, 130, 140, 0.13); } /*Comment section*/ .comment-center .mail-contnet { padding-left: 0px; padding-right: 15px; } .mail-contnet a.action { display: inline-block; margin-right: 10px; margin-left: 0px; } /*Chat*/ .chat-list .chat-body { text-align: left; } /*slider*/ .twi-user img { margin-right: 0px; margin-left: 20px; } /*Task list*/ .list-task li div label span:first-child { float: right; margin-left: 5px; } /*Checkbox*/ .checkbox { padding-left: 20px; } .checkbox label { display: inline-block; padding-left: 5px; position: relative; } .checkbox label::before { right: 10px; margin-right: -10px; } .checkbox label::after { right: 10px; margin-right: -10px; padding-right: 3px; } .radio label::before { right: 0px; margin-right: -1px; } .radio label::after { right: 5px; margin-right: -1px; } /*Feeds*/ .feeds li span { float: left; } .feeds li > div { margin-right: 0px; margin-left: 5px; } /*Activity*/ .steamline { border-left: 0px; border-right: 1px solid rgba(120, 130, 140, 0.13); margin-left: 0px; margin-right: 20px; } .steamline .sl-left { margin-left: 15px; margin-right: -20px; float: right; } /*Panels*/ .panel .panel-action { float: left; } .panel .panel-action a { display: inline-block; } .panel .panel-heading a i { margin-left: 0px; margin-right: 8px; } /*Buttons*/ .btn-label { margin: -6px -14px -6px 12px; } /*tabs*/ .vtabs .tabs-vertical { border-right: 0px; border-left: 1px solid rgba(120, 130, 140, 0.13); } .customvtab .tabs-vertical li.active a, .customvtab .tabs-vertical li.active a:hover, .customvtab .tabs-vertical li.active a:focus { border-right: 0px; border-left: 2px solid #ff6849; margin-left: -1px; margin-right: 0px; } /*Carousel*/ .owl-carousel.owl-loaded { direction: ltr; } .carousel-control.left { left: 0px; right: auto; } /*Dropdown menu*/ .navbar-right .dropdown-menu, .navbar-top-links .dropdown-user, .dropdown-menu-right { right: auto; left: 0px; } /*popover*/ .demo-tooltip .tooltip, .demo-popover .popover { margin-right: 0px; margin-left: 25px; } /*Color Picker*/ .asColorPicker-trigger { right: inherit; left: -35px; } .datepicker-dropdown { right: auto; } /*wizard*/ .wizard-steps > li span { margin-left: 8px; } /*Pricing*/ .pricing-body h2 span { margin-right: -15px; } /*Side panel*/ .shw-rside { left: 0px; right: inherit; } .chatonline img { float: right; margin-left: 10px; margin-right: 0px; } .right-sidebar .rpanel-title span { float: left; } /*----bootstrap----*/ h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { display: inline-block; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { margin-left: 0px; margin-right: -20px; } .bootstrap-select.btn-group .dropdown-toggle .filter-option { text-align: right; } .bootstrap-select > .dropdown-toggle { padding-left: 25px; padding-right: 15px; } .bootstrap-select.btn-group .dropdown-toggle .caret { left: 12px; right: auto; } .popover { direction: rtl; left: 0; right: auto; } /*Ipad*/ @media (min-width: 768px) { #page-wrapper { position: inherit; margin: 0px 220px 0px 0px; } /*If body has fix sidebar class*/ .fix-sidebar .navbar-left { margin-right: 220px; } .footer { right: 220px; left: 0; } .content-wrapper .sidebar #side-menu > li > a { padding: 15px 20px 15px 20px; } .navbar-right .dropdown-menu { left: 0; right: auto; } /*If body has content-wrapper*/ .content-wrapper #page-wrapper { margin-right: 60px; margin-left: 0px; } .content-wrapper .navbar-left { margin-right: 0px; } .content-wrapper .footer { right: 60px; left: 0px; } .content-wrapper .sidebar { width: 60px; } .content-wrapper .sidebar .hide-menu { display: none; width: 180px; right: 60px; } .content-wrapper .sidebar .nav-second-level { position: absolute; right: 60px; background: #f7fafc; width: 240px; opacity: 1; padding-bottom: 20px; display: none; } .content-wrapper .sidebar .nav-second-level > li > a { padding-right: 30px; } .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts { margin-right: auto; } .mail_listing { border-left: 1px solid rgba(120, 130, 140, 0.13); padding-right: 20px; } .inbox-panel { padding-left: 20px; } .top-minus { margin-top: -62px; float: left; } .fix-sidebar.content-wrapper .navbar-left, .content-wrapper.fix-sidebar .navbar-left { margin-right: 60px!important; } } @media (max-width: 1024px) { .b-r-none { border-left: 0px; } } /*Phone*/ @media (max-width: 767px) { .navbar-top-links { display: inline-block; } .navbar-top-links .profile-pic img { margin-left: 0px; } .top-left-part { width: 60px; } .navbar-top-links li:last-child { margin-left: 0px; } .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts { width: 260px; } .row-in-br { border-right: 0px; border-bottom: 1px solid rgba(120, 130, 140, 0.13); } .bg-title .breadcrumb { float: right; margin-top: 0px; margin-bottom: 10px; } /*Timeline*/ ul.timeline:before { right: 40px; } ul.timeline > li > .timeline-panel { width: calc(10%); width: -moz-calc(10%); width: -webkit-calc(10%); } ul.timeline > li > .timeline-badge { top: 16px; right: 15px; margin-right: 0; } ul.timeline > li > .timeline-panel { float: left; } ul.timeline > li > .timeline-panel:before { right: auto; right: -15px; border-left-width: 15px; border-right-width: 0; } ul.timeline > li > .timeline-panel:after { right: auto; right: -14px; border-left-width: 14px; border-right-width: 0; } .wizard-steps > li { display: block; } .dropdown .mailbox, .dropdown .dropdown-tasks { right: -134px; } }