html{margin:0px; padding:0px; height:100%; overflow:auto;}
body{margin:0px; padding:0px; height:100%; font-size:15px; font-family: 'Roboto', sans-serif!important; font-weight:300!important; outline: none; color:#53575a!important; background:#f1f1f3; } //overflow:auto;}

/* === COMMON STYLES === */
#jacit-master-container{margin:0px; padding:0px; height:100%;}
.clear {clear:both; height:0px; overflow:hidden;}
.break{clear:both; width:100%; height:10px; display:block; border-bottom:1px solid #d3d3d3;}
.dash-break{clear:both; width:100%; height:10px; display:block; border-bottom:1px dashed #d3d3d3;}
.left{float:left;}
.right{float:right;}
.remove{display:none;}
.pointer{cursor: pointer;}
a img{border:0;}
img{max-width:100%; height:auto;}
a:focus, button:focus{outline:0;}
a.sd-txt-link{color:#3a79a9;}
.bolder-text{font-weight:700;}
.bold-text{font-weight:600;}
.semibold-text{font-weight:500;} 
.center-text{text-align:center;}
.reg-text{font-weight:400;}
.thin-text{font-weight:300;}
.thinner-text{font-weight:100;}
.italic{font-style:italic;}
.line-through{text-decoration:line-through;}
.underline{text-decoration:underline;}
.blur{-webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px);}
.site-wrapper{margin:0 auto; position:relative; zoom: 1; overflow:auto;}  
h1, h2, h3, h4{font-weight:300;}
p{font-weight:300; font-size:15px;}
.mob-show{display:none;}
#site-overlay{background:url('/img/backgrounds/black-40.png') repeat; position:fixed; top:0px; left:0px; height:100%; width:100%; z-index:999; display:none; /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;*/}
.white-box-container{background:#fff; padding:20px 0px 30px 0px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.24); -webkit-border-radius: 2px; border-radius: 2px;}
.inner-container{margin:0px 30px;}
p.page-title, h1.page-title, h2.page-title{font-size: 30px; margin: 0px; font-weight: 100;}
a.stand-butt, button.stand-butt, input[type="submit"].stand-butt{background: #ffffff; text-decoration: none; color: #6b6a6a; border:none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.24); margin: 0px 0px 0px 10px; padding: 8px 10px; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
a.stand-butt:hover, button.stand-butt:hover, input[type="submit"].stand-butt:hover{box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); transform: translateY(-3px);} 
a.create-butt, button.create-butt, input[type="submit"].create-butt{background: #16a085; color: #fff; text-decoration: none; font-size: 14px; padding: 8px 10px; margin: 0px 0px 0px 10px; border:none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
a.create-butt:hover, button.create-butt:hover, input[type="submit"].create-butt:hover{box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); transform: translateY(-3px);}
a.save-butt, button.save-butt, input[type="submit"].save-butt{background: #e74c3c; color: #fff; text-decoration: none; font-size: 14px; padding: 8px 30px; margin: 0px 0px 0px 10px; border:none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
a.save-butt:hover, button.save-butt:hover, input[type="submit"].save-butt:hover{box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); transform: translateY(-3px);}
a.cancel-butt, button.cancel-butt, input[type="submit"].cancel-butt{background: #bfbfbf; color: #fff; text-decoration: none; font-size: 16px; padding: 8px 35px; margin: 0px 0px 0px 10px; border:none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
a.cancel-butt:hover, button.cancel-butt:hover, input[type="submit"].cancel-butt:hover{box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); transform: translateY(-3px);}
a.circle-butt{height:32px; width:32px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; background:#fff; text-decoration: none; padding-top:4px; text-align: center; margin-right:15px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.24);}
a.circle-butt i{font-size:25px; color:#53575a;}
a.circle-butt:hover{box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); transform: translateY(-3px);}
.flat-butt {margin-top:5px; margin-left:10px;}
.flat-butt .btn-default{-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-image:none;}
.flat-butt .btn-default:active{border-color:#adadad;}
.flat-butt .btn-default:hover, .flat-butt .btn-default.dropdown-toggle{background-color:#fff;}
.card{background:#fff; border-top:1px solid #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.24); overflow:visible; margin-bottom:30px;}
.left-2{float:left; position:relative; width:calc(100% - 380px); margin:20px 0px 0px 0px; }
.right-1{float: right; position: relative; max-width: 350px; width: 100%; margin: 20px 0px 0px 0px;}
.left-50{width:calc(50% - 20px); float:left;}
.right-50{width:calc(50% - 20px); float:right;}
.content{position: relative; padding: 30px;}
.card .content h3{margin-top: 0; margin-bottom: 0;}

/* === DATEPICKER === */
.datetimepicker-today:before{content: "Today";}
.datetimepicker-time:before{content: "Time";}
.datetimepicker-clear:before{content: "Clear";}
.datetimepicker-date:before{content: "Date";}
.bootstrap-datetimepicker-widget .disabled{background:#f7f7f7!important;}

/* === BUTTONS === */
.form-button{background:#fff; color:#6b6a6a; cursor:pointer; text-decoration: none; font-size: 14px; padding: 8px 20px; margin: 0px 0px 0px 10px; border: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;   box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.24); -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
.button{background:#fff; color:#6b6a6a; cursor:pointer; text-decoration: none; font-size: 14px; padding: 8px 10px; margin: 0px 0px 0px 10px; border: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
.button.white, .form-button.white{background:#fff; color:#6b6a6a;}
.button.grey, .form-button.grey{background:#bfbfbf; color:#fff;}
.button.green, .form-button.green{background:#16a085; color:#fff;}
.button.blue, .form-button.blue{background:#428bca; color:#fff;}
.button.red, .form-button.red{background:#e74c3c; color:#fff;}
.button:hover, .form-button:hover, .button:active, .form-button:active{text-decoration:none; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); transform: translateY(-3px);}

.standard-list{padding-left:20px;}
.standard-list li{margin-bottom:10px;}

.alert-container{position:fixed; top:90px;  left:320px; right:55px; z-index:99999; }
.label-error{margin-bottom: 2px; color: #bb3122; font-weight: 400; font-size: 14px;}

/* === LOADING CONTAINER === */
.loading-container{background: #fff; max-width: 400px; border-radius:5px; text-align: center; position: fixed; z-index: 9991; width: 100%; display: block; left: 50%; top: 50%; margin: -82px 0px 0px -200px; webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);}
.loading-container .inner{padding:20px;}
.loading-container .inner img{margin:10px auto 20px auto;}

/* === BREADCRUMBS === */
.breadcrumbs a{color:#53575a; text-decoration: none; font-weight:400; cursor:pointer;}
.breadcrumbs i{position:relative; top:2px;}

/* === DATATABLES STYLES === */
input.datatables-searchbox{max-width:200px; padding:7px 12px; border-radius:2px; margin:0 0 0 10px!important;}
select.datatables-dropdown{max-width:200px; padding:9px 12px; height:40px; border-radius:2px; margin:0 0 0 10px;}
.table-responsive.cms .dataTables_filter{margin-top:15px; }
.table-responsive.cms .data-table.responsive.dataTable{margin-top:20px;}
.dataTables_wrapper{clear:none;}
.data-table{margin-top:20px; float:left;}
.dataTables_filter input{border:1px solid #c3c3c3; background:#fff; font-family: 'Roboto', sans-serif!important; font-weight:300!important; padding:5px 8px;}
table.dataTable thead th, table.dataTable thead td{padding:0; border:none;}
table.dataTable tbody th, table.dataTable tbody td{padding:0;}
table.dataTable.no-footer{border:none;}
.dataTables_wrapper .dataTables_paginate{padding-top:25px}
.dataTables_info{margin-top:15px;}
.dataTables_wrapper .dataTables_paginate .paginate_button{height:35px; min-width:35px; line-height: 35px; padding:0px 8px; margin:0px; color: #2a68b1!important; background: #fff; border: 1px solid #ddd; border-left:none;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:#2a68b1!important; background:#eee; border-color:#ddd;} 
.dataTables_wrapper .dataTables_paginate .paginate_button.previous{border-left: 1px solid #ddd; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.next{border-left: 1px solid #ddd; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{color: #428bca; cursor:default; background: #fff; border: 1px solid #ddd;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background:#428bca; cursor:default; border-color: #428bca; color:#fff!important;}
tr td p .tag.status, .blog-archive-posts tr td p .tag.status{text-transform: uppercase; font-size: 12px; line-height:12px; margin:0px; padding:5px 7px;}
tr td p .tag.status.open, .blog-archive-posts tr td p .tag.status.open{background: #16a085;}
tr td p .tag.status.open, .blog-archive-posts tr td p .tag.status.deleted{background: #e74c3c;}
tr td p .tag.status.spam, .blog-archive-posts tr td p .tag.status.spam, tr td p .tag.status.spam, .blog-archive-posts tr td p .tag.status.scheduled{background: #fcd633; color:#857013;}
table.dataTable thead .sorting_asc{background-image:url('/img/backgrounds/sort_asc.png');}
table.dataTable thead .sorting_desc{background-image:url('/img/backgrounds/sort_desc.png');}
table.dataTable thead .sorting{background-image:url('/img/backgrounds/sort_both.png');}
table.dataTable td.dataTables_empty{padding:20px 0px;}

/* === BOOTSTRAP OVERWRITES === */
/*.modal-backdrop{z-index:9991!important;}*/
/*.bootstrap-modal-window{z-index:99992!important; margin-top:100px!important;}*/
.modal-content{border-radius: 1px!important;}
.modal-content .ng-scope{margin:30px;}
.modal-content .ng-scope h1{font-family: 'Roboto', sans-serif!important; font-weight:100!important; color:#53575a!important;}
.form-control{border-radius: 0px;}

/* === LIGHTBOX === */
#jacitbox {position:fixed; top:0; left:0; width:100%; height:100%; background:url('/img/backgrounds/black-50.png') repeat; text-align:center; z-index:1000;}
#jacitbox-container{background:#fff; display:block; width:auto; max-width:90%; margin:8% auto 0px auto; overflow:auto; text-align:left; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.4);}
#close-jacitbox{margin-top:4px; margin-right:5px;}
#jacitbox-contents{margin:20px; display:block;}

/* === HIDE === */
.show-1290{display:none!important;}

/* === EXPAND/COLLAPSE === */
.expand-link{background:url('/img/icons/expand-close-ic.png') center right no-repeat; cursor:pointer;}
.expand-link.expand-link-open{background:url('/img/icons/expand-open-ic.png') center right no-repeat;}
.expand-link-open{background:url('/img/icons/expand-open-ic.png') center right no-repeat; cursor:pointer;}
.expand-link-open.expand-link-closed{background:url('/img/icons/expand-close-ic.png') center right no-repeat;}

/* === NOTIFY === */
.notify-ic{font-size: 10px; min-width: 10px; text-align: center; white-space: nowrap; vertical-align: baseline; line-height: 1; border-radius: 10px; background-color: #e74c3c; color: #fff; padding: 3px 3px; margin: 7px 0px 0px 8px;}

/* === DEFAUT FORM === */
form{width:100%; display:block; margin-top:20px;}
input[type=text], input[type=password], textarea, select, .modal-content .ng-scope input[type=text], .modal-content .ng-scope textarea, .modal-content .ng-scope select{border:1px solid #c3c3c3; font-family: 'Roboto', sans-serif!important; font-weight:300!important;}
input[type='text']:focus, input[type='password']:focus, input[type='email']:focus, select:focus, textarea:focus, input:focus{outline: none !important; border:1px solid #727272; box-shadow: 0px;}
select{font-size: 16px; padding: 8px 12px; height:40px; margin-bottom: 12px; background:#fff;}
select option{font-family: 'Roboto', sans-serif; font-weight:300;}
input[type=text], input[type=password], select, textarea{width: 100%; font-size: 16px; padding: 8px 12px; margin-bottom: 12px;}
textarea{min-height:160px; resize:none;}
input[type='submit'], input[type='submit']:focus, input[type='submit']:active{border:none; cursor: pointer;}
input[type='submit'].send, input[type='submit'].save, input[type='submit'].cancel{font-size: 16px; padding: 8px 0px; margin: 0px 0px 0px 12px; width: 180px; -webkit-border-radius: 2px;-moz-border-radius: 2px; border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.24);}
input[type='submit'].send:hover, input[type='submit'].save:hover, input[type='submit'].cancel:hover{box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); transform: translateY(-3px);}
.form-group input:focus, .form-group textarea:focus{-webkit-box-shadow: none; box-shadow: none; border:1px solid #727272; }
.url-input .protocol{width:110px;}
.url-input .url{width:calc(100% - 125px);}

.inline-input{position:relative;display:table;border-collapse:separate; margin-bottom: 12px;}
.inline-input .input-addon:first-child{border-right: 0;}
.inline-input .input-addon:last-child{border-left: 0;}
.input-addon{padding:6px 12px; text-align:center; background-color: #eee; border:1px solid #ccc;}
.input-addon{width:1%; white-space:nowrap; vertical-align:middle;}
.input-addon{display:table-cell;}
.inline-input input{display: table-cell; position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0;}

.clickable{cursor: pointer;}

/* === ALERTS === */
.alert{padding: 15px 20px; border-radius: 0px; text-shadow:none; box-shadow:none; -webkit-box-shadow:none;}
.alert-success{background: #16a085; border-color: #15947b;}
.alert-danger{background: #e74c3c; border-color: #db493a;}
.alert-warning{background: #fcd633; border-color: #f4c600;}
.alert-warning.alert h4{color:#857013;}
.alert-info{background: #428bca; border-color: #3e81ba;}
.alert-dismissable .close{position:relative; top:0; right:0; float: right; font-size: 30px; font-weight: bold; line-height: 18px; color: #fff; text-shadow: 0; opacity: .6; filter: alpha(opacity=60);}
.alert-dismissable .close:hover{opacity: .9; filter: alpha(opacity=90);}
.alert h4{margin:0px; font-size:16px; color:#fff;}
.alert hr a{color:#fff; text-decoration: underline;}
.alert hr a:hover{text-decoration:none;}

/* === TEXT COLOURS === */
.black-text{color:#000;}
.default-text{color:#53575a;}
.maroon-text{color:#9c190b;}
.red-text{color:#e74c3c;}
.white-text{color:#fff;}
.pink-text{color:#c05db3;}
.purple-text{color:#8e44ad;}
.pale-blue-text{color:#3498db;}
.blue-text{color:#2980b9;}
.pale-green-text{color:#2ecc71;}
.green-text{color:#27ae60;}
.yellow-text{color:#f1c40f;}
.orange-text{color:#e67e22;}

/* === BACKGROUND COLOURS === */
.black-bg{background-color:#000;}
.grey-bg{background-color:#53575a;}
.default-bg{background-color:#53575a;}
.maroon-bg{background-color:#9c190b;}
.red-bg{background-color:#e74c3c;}
.white-bg{background-color:#fff;}
.pink-bg{background-color:#c05db3;}
.purple-bg{background-color:#8e44ad;}
.pale-blue-bg{background-color:#3498db;}
.blue-bg{background-color:#2980b9;}
.pale-green-bg{background-color:#2ecc71;}
.green-bg{background-color:#27ae60;}
.yellow-bg{background-color:#f1c40f;}
.orange-bg{background-color:#e67e22;}

/* === BUTTON COLOURS === */
.black-button{background-color:#000; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
.grey-button{background-color:#bfbfbf; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
.grey-button:hover{background-color:#ababab;}
.maroon-button{background-color:#9c190b; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
.red-button{background-color:#e74c3c; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
.red-button:hover{background-color:#c0392b;}
.white-button{background-color:#fff; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
.pink-button{background-color:#c05db3; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
.purple-button{background-color:#8e44ad; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
.pale-blue-button{background-color:#3498db; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
.blue-button{background-color:#2980b9; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
.green-button{background-color:#16a085; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
.green-button:hover{background-color:#128b73;}
.yellow-button{background-color:#f1c40f; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
.orange-button{background-color:#e67e22; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}

/* === LOGIN === */
.login-header .jacit-logo img{margin-left:25px;}
#login-container{max-width:390px; width:100%; margin:-195px 0px 0px -195px; position:absolute; top:50%; left:50%; background:#fff; border:1px solid #d3d3d3; box-shadow:0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);}#login-container p{text-align:center;}
#login-container #user-img{margin: 40px auto 0px auto; width: 101px; display: block;}
.login-form{margin:30px 40px 40px 40px; width:auto;}
.login-form input[type='email'], .login-form input[type='password'], .login-form input[type='text']{border:1px solid #c3c3c3!important; font-family: 'Roboto', sans-serif!important; font-weight:300!important; width:100%; font-size:18px; background:#f1f1f1; padding:8px 3.22%; margin-bottom:10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.login-form input.login, .login-form a.login{background:#e74c3c; color:#fff; text-align:center; text-decoration:none; font-size:18px; font-family: 'Roboto', sans-serif!important; font-weight:300!important; border:1px solid #e74c3c; display:block; padding:8px 0px; width:100%; margin-bottom:10px; cursor:pointer; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
.login-form input.login:hover, .login-form a.login:hover{background:#db4839; text-decoration:none;}
.login-form a.cancel{background:#bfbfbf; color:#fff; text-align:center; text-decoration:none; font-size:18px; font-family: 'Roboto', sans-serif!important; font-weight:300!important; border:1px solid #bfbfbf; display:block; padding:8px 0px; width:100%; margin-bottom:0px; cursor:pointer; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
.login-form a.cancel:hover{background:#a9a9a9; text-decoration:none;}
.login-form .checkbox{font-size:15px; margin-top:0px;}
.login-form .checkbox input{margin-right:6px; width:auto;}
.login-form a{font-size:15px; text-decoration:none; color:#53575a;}
.login-form a:hover{text-decoration:underline;}
#login-footer{position: absolute; bottom: 15px; right: 20px;}
#login-footer p{color:#9b9b9b; font-size: 14px; font-weight: 300; margin: 0px;}
#login-footer p a{color:#9b9b9b; font-size: 14px; font-weight: 300; margin: 0px; text-decoration:none; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
#login-footer p a:hover{color:#686868;}

/* === HEADER === */
header{height:70px; background:#fff; border-bottom:1px solid #d3d3d3; width:100%; position:fixed; top:0px; z-index:999;}
header .site-wrapper{height:100%; margin:0px; position:static; overflow:visible;}
header a#menu-butt{height:70px; width:70px; display:block; background:url('/img/buttons/menu-butt.png') center center no-repeat #e74c3c; margin-right:20px;}
.jacit-logo img{width:118px; height:auto; margin:18px 10px 0px 0px;}

.website-changer-container{float:left; margin-left:20px; position:relative;}

.website-changer-container .current-website {height:69px; padding:12px 20px; border:none; border-left:1px solid #e3e3e3; background:#fff; -webkit-border-radius: 0px; border-radius: 0px; box-shadow:none; -webkit-box-shadow:none;}
.website-changer-container .current-website:focus{outline: none;}
.website-changer-container .current-website.dropdown-toggle{background:#fff; border-left:1px solid #e3e3e3;}
.website-changer-container .current-website p{margin:1px 0px; font-size:14px; text-align:left;}

.website-changer-container .current-website p i{margin-left:5px; margin-top:2px; font-size:15px; position:relative; top:2px;}

.website-changer-container .dropdown-menu{padding:0px; -webkit-border-radius: 2px; border-radius: 2px; min-width:250px;}
.website-changer-container .dropdown-menu .divider{margin:0px;}
.website-changer-container .dropdown-menu>li>a{padding:8px 20px; color:#53575a; font-weight:300;}
.website-changer-container .dropdown-menu>li>a:focus{outline: none;}
.website-changer-container .dropdown-menu>li>a:hover{color:#53575a; background:#f2f2f2;}
.website-changer-container .dropdown-menu>li>a p{margin-bottom: 0px; font-size: 14px;}
.website-changer-container .dropdown-menu>li>a i{margin:4px 0px 0px 15px; color:#53575a;}
.website-changer-container .dropdown-menu>li.seperate a, .website-changer-container .dropdown-menu>li.seperate a:hover{background:#f8f8f8}

.website-changer-container .drop-box{margin-left:-60px;}
.website-changer-container .drop-box .drop-box-bottom:before, .drop-box .drop-box-bottom:after{left:50%;}
.website-changer-container .drop-box ul{padding:0px; margin:10px; min-width:300px;}
.website-changer-container .drop-box ul li{list-style: none; padding:0px; cursor:pointer;}
.website-changer-container .drop-box ul li a{text-decoration:none; color:#53575a; padding:7px 8px; display:block; -webkit-border-radius: 2px; border-radius: 2px;}
.website-changer-container .drop-box ul li a:hover{background-color:#f2f2f2;}
.website-changer-container .drop-box ul li a i{margin-top:4px; color:#53575a;}
.website-changer-container .drop-box .break{height:0px;}
.website-changer-container .drop-box .logout-container{background:#f8f8f8; padding:5px 0px;}
.website-changer-container .drop-box .logout-container ul{margin:0px 10px;}
.website-changer-container .drop-box .logout-container ul li a:hover{background-color:transparent;}


/* === TOP NAV === */
nav {margin-top:18px;}
nav ul#top-menu{ margin:0px; padding:0px; height:100%;}
nav ul#top-menu > li{display:inline-block; zoom: 1; *display: inline; overflow:hidden; list-style: none; padding:0px; margin:0px; float:left; height:32px; min-width:51px; border-right:1px solid #e3e3e3;}
nav ul#top-menu > li:first-child{border-left:1px solid #e3e3e3;}
nav ul#top-menu > li .notify-ic{margin-right:5px; margin-top:-25px; position:relative;}
nav ul#top-menu > li#settings-butt{position: relative; overflow: visible;}
nav ul#top-menu > li#settings-butt .dropdown-menu-right{right:5px; padding:0px; -webkit-border-radius: 2px; border-radius: 2px;}
nav ul#top-menu > li#settings-butt .dropdown-menu>li a{font-weight:300; padding: 6px 20px; color: #53575a; font-size:14px;}
nav ul#top-menu > li#settings-butt .dropdown-menu>li a:hover{background:#f2f2f2}
nav ul#top-menu > li#settings-butt .dropdown-menu>li.divider{margin:0px;}
nav ul#top-menu > li#settings-butt .dropdown-menu>li.seperate a, nav ul#top-menu > li#settings-butt .dropdown-menu>li.seperate a:hover{background:#f8f8f8;}
nav ul#top-menu > li > a{text-decoration:none; text-align:center; color:#53575a; font-size:23px; margin-top:5px;}
nav ul#top-menu > li > a{height:32px; width:51px; display:block;}

.drop-box.settings-container{margin-left:-60px;}
.drop-box.settings-container .drop-box-bottom:before, .drop-box.settings-container .drop-box-bottom:after{left:85px;}
.drop-box.settings-container ul{padding:0px; margin:10px; width:180px;}
.drop-box.settings-container ul li{list-style: none; padding:0px; cursor:pointer;}
.drop-box.settings-container ul li a{text-decoration:none; color:#53575a; padding:4px 8px; display:block; -webkit-border-radius: 2px; border-radius: 2px;}
.drop-box.settings-container ul li a:hover{background-color:#f2f2f2;}
.drop-box.settings-container .break{height:0px;}
.drop-box.settings-container .logout-container{background:#f8f8f8; padding:5px 0px;}
.drop-box.settings-container .logout-container ul{margin:0px 10px;}
.drop-box.settings-container .logout-container ul li a:hover{background-color:transparent;}

.drop-box.notifications-container{margin-left:-205px;}
.drop-box.notifications-container .drop-box-bottom:before, .drop-box.notifications-container .drop-box-bottom:after{left:230px;}
.drop-box.notifications-container ul{padding:0px; margin:10px; width:320px;}
.drop-box.notifications-container ul li{list-style: none; padding:7px; margin-bottom:10px;}
.drop-box.notifications-container ul li.new{background:#e6f5f2;}
/*
.drop-box.notifications-container ul li a{text-decoration:none; color:#53575a; padding:4px 8px; display:block; -webkit-border-radius: 2px; border-radius: 2px;}
.drop-box.notifications-container ul li a:hover{background-color:#f2f2f2;}
*/
.drop-box.notifications-container ul li a.view-all{text-decoration:none; color:#53575a; padding:4px 8px; display:block; -webkit-border-radius: 2px; border-radius: 2px;}
.drop-box.notifications-container ul li a.view-all:hover{text-decoration:underline; background-color:#e7e7e7;}
.drop-box.notifications-container .break{height:0px;}
.drop-box.notifications-container .all-notifications-container{background:#f8f8f8; padding:0px;}
.drop-box.notifications-container .all-notifications-container ul{margin:0px 10px;}
.drop-box.notifications-container .all-notifications-container ul li{margin-bottom:0px;}
.drop-box.notifications-container .all-notifications-container ul li a{text-align:center;}
.drop-box.notifications-container .all-notifications-container ul li a:hover{background-color:transparent;}
.drop-box.notifications-container ul li a.user-pic{width:45px; display:block; padding:0px; margin-right:10px;}
.drop-box.notifications-container ul li a.user-pic img{width:100%; height:auto; display:block; -moz-border-radius: 36px; -webkit-border-radius: 36px; -khtml-border-radius: 36px; border-radius: 36px;}
.drop-box.notifications-container ul li a.text-link{text-decoration:none; color:#53575a;}
.drop-box.notifications-container ul li a.text-link:hover{text-decoration:underline;}
.drop-box.notifications-container ul li p{margin:0px; }
.drop-box.notifications-container ul li .time-stamp{font-size:12px; margin-top:5px; color:#6f7275;}

/* == SEARCH FIELD == */
#search-container{width:0px;}
nav ul li#search-butt input{width:95%; padding:5px 1.11%; border:1px solid #c3c3c3; outline: none; }

/* === DATE PICKER === */
#ui-datepicker-div{width:207px; background:#fff; border:1px solid #dadada; z-index:1000!important; display:none;}
.ui-datepicker-header{background:#ededed;}
.ui-datepicker-next{cursor:pointer; background:url('/img/backgrounds/datepicker-next-ic.png') top left no-repeat; width:30px; height:30px; display:block; border-bottom:1px solid #dadada; border-left:1px solid #dadada; float:right;}
.ui-datepicker-prev{cursor:pointer; background:url('/img/backgrounds/datepicker-prev-ic.png') top left no-repeat; width:30px; height:30px; display:block; border-bottom:1px solid #dadada; border-right:1px solid #dadada; float:left;}
.ui-datepicker-prev:hover{background:url('/img/backgrounds/datepicker-prev-ic.png') bottom left no-repeat #b3b3b3; border-color:#b3b3b3;}
.ui-datepicker-next:hover{background:url('/img/backgrounds/datepicker-next-ic.png') bottom left no-repeat #b3b3b3; border-color:#b3b3b3;}
.ui-datepicker-next span, .ui-datepicker-prev span{display:none;}
.ui-datepicker-title{height:28px; border-bottom:1px solid #dadada; text-align:center; padding-top:2px;}
.ui-datepicker-title span{font-size:14px; color:#888888; margin-top:2px;}
#ui-datepicker-div table{width:197px; margin:5px;}
#ui-datepicker-div table, #ui-datepicker-div table a{color:#888888; font-size:14px; text-decoration: none; }
#ui-datepicker-div table th, #ui-datepicker-div table td{width:14.28%; border:1px solid #fff; text-align: center; }
#ui-datepicker-div table td.ui-datepicker-current-day{background:#ededed; border:1px solid #dadada;}
#ui-datepicker-div table td.ui-datepicker-current-day:hover{border-color: #dadada;}
#ui-datepicker-div table td.ui-datepicker-unselectable{color:#cecece;}
#ui-datepicker-div table td.ui-datepicker-unselectable:hover{border-color:#fff;}
#ui-datepicker-div table td.ui-datepicker-other-month:hover{border-color:#fff;}
#ui-datepicker-div table th span{font-weight:600;}
#ui-datepicker-div table td:hover{border:1px solid #bdbdbd;}

/* == DROP BOX == */
.drop-link{cursor:pointer;}
.drop-box{position:absolute; margin-right: -6px; margin-top: 10px; z-index:995; display:none;}
.drop-box-bottom {position: relative; background: #ffffff; border: 1px solid #d3d3d3;}
.drop-box-bottom:after, .drop-box-bottom:before {bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.drop-box-bottom:after {border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 8px; margin-left: -8px;}
.drop-box-bottom:before {border-color: rgba(211, 211, 211, 0); border-bottom-color: #d3d3d3; border-width: 9px;	margin-left: -9px;}

/* === LEFT BAR === */
#left-bar{background:#363b3f; width:280px; border-right:1px solid #2e3235; height:100%; padding:0px; overflow:hidden; position:fixed; left:0px; z-index:998;}
#left-bar.closed-bar{left:-281px;}
.sidebar-content{margin:0px 20px 0px 20px;}
#user-info{margin-top:90px;}
#user-info .user-pic img{border:1px solid #2e3235; -moz-border-radius: 36px; -webkit-border-radius: 36px; -khtml-border-radius: 36px; border-radius: 36px; display:block; width:68px; height:auto;}
.user-cont{margin-left:15px; width:155px;}
.user-cont .user-name{font-size:20px; line-height:26px; font-weight:300; margin:0px 0px 2px 0px; display:block; color:#AEB2B7; text-decoration:none; -webkit-transition: color 150ms linear; -moz-transition: color 150ms linear; -ms-transition: color 150ms linear; -o-transition: color 150ms linear; transition: color 150ms linear;}
/*.user-cont .user-name:hover{color:#e3e3e3;}*/
.user-cont .user-status{background:url('/img/icons/status-ic.png')right no-repeat; margin-top:0px; font-weight:400; font-size:14px; display:inline; padding-right:18px; color:#AEB2B7;}
.user-cont .user-status.online{background-position:top right;}
.user-cont .user-status.busy{background-position:center right;}
.user-cont .user-status.offline{background-position:bottom right;}

.drop-box.user-status-container{margin-left:-20px;}
.drop-box.user-status-container .drop-box-bottom:before, .drop-box.user-status-container .drop-box-bottom:after{left:45px;}
.drop-box.user-status-container ul{padding:0px; margin:10px; width:150px;}
.drop-box.user-status-container ul li{list-style: none; padding:0px; cursor:pointer;}
.drop-box.user-status-container ul li p{text-decoration:none; color:#53575a; padding:4px 8px; margin:0px; display:block; -webkit-border-radius: 2px; border-radius: 2px;}
.drop-box.user-status-container ul li p:hover{background-color:#f2f2f2;}
.drop-box.user-status-container ul li p.online{background:url('/img/icons/status-ic.png')131px 5px no-repeat #fff;}
.drop-box.user-status-container ul li p.online:hover{background:url('/img/icons/status-ic.png')131px 5px no-repeat #f2f2f2;}
.drop-box.user-status-container ul li p.busy{background:url('/img/icons/status-ic.png')131px -34px no-repeat #fff;}
.drop-box.user-status-container ul li p.busy:hover{background:url('/img/icons/status-ic.png')131px -34px no-repeat #f2f2f2;}
.drop-box.user-status-container ul li p.offline{background:url('/img/icons/status-ic.png')131px -73px no-repeat #fff;}
.drop-box.user-status-container ul li p.offline:hover{background:url('/img/icons/status-ic.png')131px -73px no-repeat #f2f2f2;}

#applications{margin-top:20px;}
#applications ul{padding:0px; margin:0px;}
#applications ul li:first-child .sidebar-content{border-top:1px solid #3e4549; margin:0px;}
#applications ul li{list-style: none; padding:0px; cursor:pointer;}
#applications ul li > .sidebar-content{padding:13px 20px; border-bottom: 1px solid #3e4549; color:#AEB2B7; margin:0px; -webkit-transition: background-color 150ms linear; -moz-transition: background-color 150ms linear; -ms-transition: background-color 150ms linear; -o-transition: background-color 150ms linear; transition: background-color 150ms linear;}
#applications ul li > .sidebar-content:hover{background:#424a4d;}
#applications ul li > .sidebar-content:hover i.icon, #applications ul li > .sidebar-content:hover p, #applications ul li > .sidebar-content:hover i.arrow{color:#fff;}
#applications ul li .sidebar-content i.icon, #applications ul li .sidebar-content p, #applications ul li .sidebar-content i.arrow{-webkit-transition: color 150ms linear; -moz-transition: color 150ms linear; -ms-transition: color 150ms linear; -o-transition: color 150ms linear; transition: color 150ms linear;}
#applications ul li .sidebar-content i.icon{margin-right:10px; margin-top:1px; font-size:18px; color:#AEB2B7;}
#applications ul li .sidebar-content p{margin:0px; color:#AEB2B7; font-size:15px;}
#applications ul li .sidebar-content i.arrow{margin-top:3px; color:#AEB2B7;}

#applications ul li .sub-links{background:#2a2f33; display:none;}
#applications ul li .sub-links .sidebar-content{border:none; padding:0px; margin:0px;}
#applications ul li .sub-links .sidebar-content ul li{padding:0px; margin:0px; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
#applications ul li .sub-links .sidebar-content ul li:last-child{border:none;}
#applications ul li .sub-links .sidebar-content ul li a{color:#AEB2B7; text-decoration:none; font-weight:300; font-size:15px; display:block; padding:10px 0px 10px 48px; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
#applications ul li .sub-links .sidebar-content ul li:hover{background:#2e3438;}
#applications ul li .sub-links .sidebar-content ul li:hover a{color:#ccd1d7;}

/* === RIGHT BAR === */
#right-bar{background:#363b3f; width:280px; border-left:1px solid #2e3235; height:100%; padding:0px; overflow:auto; right:-281px; position:fixed; z-index:998;}
#contact-search{margin-top: 90px; height:37px; width:100%; background:#fff; border:1px solid #d3d3d3;}
#contact-search input{font-size: 16px; width: 190px; padding: 5px 0px; margin-left: 10px; border: none!important;}
#contact-search input:focus{outline: none;}
#contact-search .chat-settings{display:block; width:37px; height:37px; background:url('/img/icons/grey-settings-ic.png') center center no-repeat;}
.drop-box.chat-settings-container{margin-top:42px; margin-left:72px;}
.drop-box.chat-settings-container .drop-box-bottom:before, .drop-box.chat-settings-container .drop-box-bottom:after{left:148px;}

.drop-box.chat-settings-container ul{padding:0px; margin:10px; width:150px;}
.drop-box.chat-settings-container ul li{list-style: none; padding:0px; cursor:pointer;}
.drop-box.chat-settings-container ul li p{text-decoration:none; color:#53575a; padding:4px 8px; margin:0px; display:block; -webkit-border-radius: 2px; border-radius: 2px;}
.drop-box.chat-settings-container ul li p:hover{background-color:#f2f2f2;}
.drop-box.chat-settings-container ul li p.online{background:url('/img/icons/status-ic.png')131px 5px no-repeat #fff;}
.drop-box.chat-settings-container ul li p.online:hover{background:url('/img/icons/status-ic.png')131px 5px no-repeat #f2f2f2;}
.drop-box.chat-settings-container ul li p.busy{background:url('/img/icons/status-ic.png')131px -34px no-repeat #fff;}
.drop-box.chat-settings-container ul li p.busy:hover{background:url('/img/icons/status-ic.png')131px -34px no-repeat #f2f2f2;}
.drop-box.chat-settings-container ul li p.offline{background:url('/img/icons/status-ic.png')131px -73px no-repeat #fff;}
.drop-box.chat-settings-container ul li p.offline:hover{background:url('/img/icons/status-ic.png')131px -73px no-repeat #f2f2f2;}
#contact-search .drop-box.chat-settings-container ul li p#mute-sound{padding:4px 4px 4px 8px;}
#contact-search .drop-box.chat-settings-container ul li p#mute-sound input[type='checkbox']{width:auto; margin-top:5px;}

#conversations{margin-top:20px;}
#conversations ul{padding:0px; margin:0px;}
#conversations ul li:first-child .sidebar-content{border-top:1px solid #3e4549; margin:0px;}
#conversations ul li{list-style: none; padding:0px; cursor:pointer;}
#conversations ul li .sidebar-content{padding:13px 20px; border-bottom: 1px solid #3e4549; margin:0px; color:#AEB2B7; -webkit-transition: background-color 150ms linear; -moz-transition: background-color 150ms linear; -ms-transition: background-color 150ms linear; -o-transition: background-color 150ms linear; transition: background-color 150ms linear;}
#conversations ul li > .sidebar-content:hover{background:#424a4d;}
#conversations ul li > .sidebar-content:hover p, #conversations ul li > .sidebar-content:hover i.arrow{color:#fff;}
#conversations ul li .sidebar-content p, #conversations ul li .sidebar-content i.arrow{-webkit-transition: color 150ms linear; -moz-transition: color 150ms linear; -ms-transition: color 150ms linear; -o-transition: color 150ms linear; transition: color 150ms linear;}
#conversations ul li .sidebar-content > .notify-ic{margin-top:3px;}
#conversations ul li .sidebar-content p{margin:0px; color:#AEB2B7; font-size:15px;}
#conversations ul li .sidebar-content i.arrow{margin-top:3px; color:#AEB2B7;}

#conversations ul li .sub-links{background:#2a2f33; display:none;}
#conversations ul li .sub-links .sidebar-content{border:none; padding:0px;}
#conversations ul li .sub-links .sidebar-content ul li{padding:0px;}
#conversations ul li .sub-links .sidebar-content ul li:last-child{border:none;}
#conversations ul li .sub-links .sidebar-content ul li a{color:#53575a; text-decoration:none; font-weight:300; height:27px; padding:12px 20px; display:block; overflow:auto; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
#conversations ul li .sub-links .sidebar-content ul li a:hover{background-color:#2e3438;}
#conversations ul li .sub-links .sidebar-content ul li a.online{background:url('/img/icons/status-ic.png') 221px 15px no-repeat;}
#conversations ul li .sub-links .sidebar-content ul li a.online:hover{background:url('/img/icons/status-ic.png') 221px 15px no-repeat #2e3438;}
#conversations ul li .sub-links .sidebar-content ul li a.busy{background:url('/img/icons/status-ic.png') 221px -24px no-repeat;}
#conversations ul li .sub-links .sidebar-content ul li a.busy:hover{background:url('/img/icons/status-ic.png') 221px -24px no-repeat #2e3438;}
#conversations ul li .sub-links .sidebar-content ul li a.offline{background:url('/img/icons/status-ic.png') 221px -63px no-repeat;}
#conversations ul li .sub-links .sidebar-content ul li a.offline:hover{background:url('/img/icons/status-ic.png') 221px -63px no-repeat #2e3438;}
#conversations ul li .sub-links .sidebar-content ul li a.new-mess{background-color:#3d3033;}
#conversations ul li .sub-links .sidebar-content ul li a.new-mess:hover{background-color:#493033;}
#conversations ul li .sub-links .sidebar-content ul li a:hover p{color:#ccd1d7;}
#conversations ul li .sub-links .sidebar-content ul li a p{margin-top:4px; margin-left:10px; font-size:15px; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
#conversations ul li .sub-links .sidebar-content.group-convo ul li a p{margin-left:0px; font-size:15px;}
#conversations ul li .sub-links .sidebar-content ul li a .profile-pic{width:27px; height:auto; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;}

/* === MAIN CONTENT AREA === */
#main-container{}
#main-inner-container{/*overflow:auto;*/ margin-left:280px;}
#main-content{margin: 100px 40px 20px 40px; float: none; width: auto; max-width: none; position:relative;}
#main-content-half{margin:0px 40px 20px 40px; width: calc(50% - 52px); display: block;}
#main-content-half.left{margin:0px 0px 20px 40px;}
#main-content-half.right{margin:0px 40px 20px 0px;}
#main-content-half .account-settings-container{margin-bottom:20px;}

/* === STATS === */
.stats{padding-bottom:40px;}

.top-stats{width:100%;}
.top-stats .stats-box{width:22%; width:calc(25% - 15px); display:block; float:left; margin-right:20px;}
.top-stats .stats-box.last{margin-right:0px;}
.top-stats .stats-box.blue{background:#5aa7db;}
.top-stats .stats-box.green{background:#46a08e;}
.top-stats .stats-box.purple{background:#a06bb5;}
.top-stats .stats-box.red{background:#e76558;}
.top-stats .stats-box .stats-inner{margin:10px; color:#fff;}
.top-stats .stats-box .stats-inner p.title{margin-top:0px; margin-bottom:0px; font-size:14px; font-weight:300;}
.top-stats .stats-box .stats-inner p.stats-figure{margin-top:5px; margin-bottom:5px; font-size:28px; font-weight:300;}

.top-stats .stats-box .stats-inner p.stats-last-month{font-size:13px; margin:5px 0px 0px 0px; float:right;}
.top-stats .stats-box.blue .stats-inner p.stats-last-month{color:#2b6184;}
.top-stats .stats-box.green .stats-inner p.stats-last-month{color:#286054;}
.top-stats .stats-box.purple .stats-inner p.stats-last-month{color:#543560;}
.top-stats .stats-box.red .stats-inner p.stats-last-month{color:#91382f;}
.top-stats .stats-box .stats-inner p.stats-last-month .white{color:#fff;}


/* === PROGRESS BAR === */
.top-stats .stats-box.blue .ui-progressbar{background:#408ec2;}
.top-stats .stats-box.green .ui-progressbar{background:#378676;}
.top-stats .stats-box.purple .ui-progressbar{background:#845397;}
.top-stats .stats-box.red .ui-progressbar{background:#c0473b;}
.ui-progressbar{width:100%; display:block; height:4px; background:#408ec2;}
.ui-progressbar-value{background:#fff; display:block; height:4px; -webkit-transition: width 1s ease-in-out; -moz-transition: width 1s ease-in-out; -o-transition: width 1s ease-in-out; transition: width 1s ease-in-out;}


/* === MID STATS === */
.left-stats{margin-top:20px; width:calc(75% - 7px); float:left;}
#graph-tabs{width:100%; display:block; background:#fff; border:1px solid #d3d3d3;}
#graph-tabs ul{margin:0px; padding:0px; list-style: none;}
#graph-tabs ul li{margin:0px; list-style: none; display:inline-block; zoom: 1; *display: inline; float:left; width:50%; text-align: center;}
#graph-tabs ul li a:focus { outline: none; }
#graph-tabs ul li:last-of-type{border-left:1px solid #d3d3d3; width:calc(50% - 1px);}
#graph-tabs ul li.active-tab a{background:#fff; border-bottom:1px solid #fff;}
#graph-tabs ul li a{padding:20px 0px; width:100%; display:block; background:#f0f0f0; cursor:pointer; border-bottom:1px solid #d3d3d3; text-decoration: none; color:#53575a; font-size:20px;}
#graph-tabs #visitors, #graph-tabs #enquiries{padding:20px;}
#visitors-line-graph{width:100%; height:350px;}
#enquiries-line-graph{width:100%; height:350px;}

#product-tabs{width:100%; display:block; background:#fff; border:1px solid #d3d3d3; margin-top:20px;}
#product-tabs ul{margin:0px; padding:0px; list-style: none;}
#product-tabs ul li{margin:0px; list-style: none; display:inline-block; zoom: 1; *display: inline; float:left; width:33.33%; text-align: center;}
#product-tabs ul li a:focus { outline: none; }
#product-tabs ul li.mid{border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; width:calc(33.33% - 2px);}
#product-tabs ul li.ui-tabs-active a{background:#fff; border-bottom:1px solid #fff;}
#product-tabs ul li a{padding:20px 0px; width:100%; display:block; background:#f0f0f0; border-bottom:1px solid #d3d3d3; text-decoration: none; color:#53575a; font-size:20px;}
#product-tabs .inner{padding:20px;}
#product-tabs table{width:100%; border-collapse: collapse; border:none;}
#product-tabs table tr{border-bottom:1px solid #dedede;}
#product-tabs table tr td p{font-size:14px; margin:8px 5px;}
#product-tabs table tr.head td p{font-weight:600;}
#product-tabs table tr p.bold{font-weight:600;}
#product-tabs table tr p.center{text-align: center;}
#product-tabs table tr p.green{color:#46a08e;}
#product-tabs table tr p.red{color:#e76558;}
#product-tabs table tr p.online span{background:#46a08e; color:#fff; display:inline-block; padding:1px 8px;}
#product-tabs table tr p.offline span{background:#848484; color:#fff; display:inline-block; padding:1px 8px;}
#product-tabs table tr p.awaiting span{background:#5aa7db; color:#fff; display:inline-block; padding:1px 8px;}
#product-tabs table tr p.fraud span{background:#e3a44a; color:#fff; display:inline-block; padding:1px 8px;}


.right-stats{margin-top:20px; width:calc(25% - 17px); float:right;}
#search-terms-container{width:100%; display:block; background:#fff; border:1px solid #d3d3d3; margin-bottom:20px;}
#search-terms-container ul{margin:0px; padding:0px; list-style: none;}
#search-terms-container ul li{margin:0px; list-style: none; display:inline-block; zoom: 1; *display: inline; float:left; width:50%; text-align: center;}
#search-terms-container ul li a:focus { outline: none; }
#search-terms-container ul li:last-of-type{border-left:1px solid #d3d3d3; width:calc(50% - 1px);}
#search-terms-container ul li.ui-tabs-active a{background:#fff; border-bottom:1px solid #fff;}
#search-terms-container ul li a{padding:20px 0px; width:100%; display:block; background:#f0f0f0; border-bottom:1px solid #d3d3d3; text-decoration: none; color:#53575a; font-size:20px;}
#search-terms-container #most-pop, #search-terms-container #least-pop{padding:20px;}
#search-terms-container #most-pop table, #search-terms-container #least-pop table{width:100%; border-collapse: collapse; border:none;}
#search-terms-container #most-pop table tr.head, #search-terms-container #least-pop table tr.head{background:#e5e5e5; border-bottom: none;}
#search-terms-container #most-pop table tr.head p, #search-terms-container #least-pop table tr.head p{font-weight:400; margin:7px 10px; font-size: 14px;}
#search-terms-container #most-pop table tr, #search-terms-container #least-pop table tr{border-bottom:1px solid #dedede;}
#search-terms-container #most-pop table tr p, #search-terms-container #least-pop table tr p{font-weight:300; margin:7px 10px; font-size: 14px;}
#search-terms-container #most-pop table tr td.center, #search-terms-container #least-pop table tr td.center{text-align:center;}

#bowser-usage-container{width:100%; display:block; background:#fff; border:1px solid #d3d3d3;}
#bowser-usage-container .inner{padding:20px;}
#bowser-usage-container .inner h2{font-weight:300!important; text-align: center; margin-top:0px;}
#browser-chart{width:100%; height:300px; margin:0 auto;}

/* === SETTINGS === */
#main-content.account-settings-container{margin-bottom:20px;}
.account-settings-container{background:#fff; border:1px solid #d3d3d3; -webkit-border-radius: 2px; border-radius: 2px;}
.account-settings-inner-container{margin:20px 30px;}
.account-settings-inner-container form{margin-bottom:30px;}
.account-settings-inner-container .jac-label{margin-bottom:5px;}
.account-settings-inner-container .jac-label .example{color:#929292; font-size:14px; font-weight:300; margin-left:8px;}
.account-settings-inner-container input.save{font-size:18px; width:140px; float:right; padding:6px; margin-top:15px; cursor:pointer; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
.account-settings-inner-container input.save:hover{border:1px solid #727272;}
.account-settings-inner-container input[type='text'], .account-settings-inner-container input[type='password']{width: 100%; font-size: 18px; padding: 8px 1%;}
.account-settings-inner-container textarea{width: 98%; font-size: 18px; padding: 8px 1%;}
.account-settings-inner-container .dropdown-input.date-dropdown-day, .account-settings-inner-container .dropdown-input.date-dropdown-month, .account-settings-inner-container .dropdown-input.date-dropdown-year{width:31.5%}
.account-settings-inner-container .date-dropdown-month{margin-left:2.75%; margin-right:2.75%}
.account-settings-inner-container .dropdown-input{width: 100%; font-size: 18px; padding: 8px 1%;}
.account-settings-inner-container .dropdown-input.areacode{width:31%; float:left;}
.account-settings-inner-container input.phone{width:63.75%; margin-left:2.75%;}
.account-settings-inner-container input#vaction-from, .account-settings-inner-container input#vaction-to{margin-bottom:10px;}
.account-settings-inner-container textarea.vacation-response{height:80px;}
.settings-header{font-size: 30px; margin: 0px; font-weight: 100;}
.personal-container form .left, .personal-container form .right{width: calc(50% - 10px); display: block;}
.personal-container form .center-div{width:20px; float: left; display: block;}
#labs-container{margin-bottom:20px;}
#labs-container .settings-sub-header{margin-top:5px; padding-bottom:10px;}

/* === MESSAGE INBOX == */
.inbox-container{background:#fff; border:1px solid #d3d3d3; -webkit-border-radius: 2px; border-radius: 2px;}
.inbox-inner-container{margin:20px 30px;}
#inbox-controls #inbox-view p.current{font-size:30px; margin:0px; font-weight:100;}
#inbox-controls #inbox-view a.drop-link{color:#707375; border:1px solid #b1b1b1; width:33px; height:13px; display:block; margin:3px 0px 0px 12px; padding:10px 0px; text-decoration:none; text-align:center; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
#inbox-controls a#compose-message{background:#16a085; color:#fff; text-decoration:none; font-size:14px; padding:8px 25px; margin:3px 0px 0px 15px; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
#inbox-controls a#compose-message:hover{background:#128b73;}

.drop-box.view-type-container{margin:50px 0px 0px -2px;}
.drop-box.view-type-container ul{padding:0px; margin:10px; width:180px;}
.drop-box.view-type-container ul li{list-style: none; padding:0px; cursor:pointer;}
.drop-box.view-type-container ul li a{text-decoration:none; color:#53575a; padding:4px 8px; display:block; -webkit-border-radius: 2px; border-radius: 2px;}
.drop-box.view-type-container ul li a:hover{background-color:#f2f2f2;}
.drop-box.view-type-container ul.view-folder{border-top:1px solid #e3e3e3; padding-top:10px;}
.drop-box.view-type-container ul.view-folder li a.folder{background:url('/img/icons/folder-ic.png') 157px center no-repeat #fff;}
.drop-box.view-type-container ul.view-folder li a.folder:hover{background-color:#f2f2f2;}
.drop-box.view-type-container .break{height:0px;}
.drop-box.view-type-container .create-folder-container{background:#f8f8f8; padding:5px 0px;}
.drop-box.view-type-container .create-folder-container ul{margin:0px 10px;}
.drop-box.view-type-container .create-folder-container ul li a.add{background:url('/img/icons/add-ic.png') 162px center no-repeat;}
.drop-box.view-type-container .create-folder-container p{font-size:11px; text-align:center; margin:0px auto 5px auto; padding-bottom:2px; border-bottom:1px solid #d3d3d3; width:50px;}

#inbox-action-buttons a{background:url('/img/buttons/inbox-action-butt.png') no-repeat; border:1px solid #b1b1b1; width:33px; height:33px; display:block; margin:3px 0px 0px 10px; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
#inbox-action-buttons a#refresh{background-position: -132px 0px;}
#inbox-action-buttons a#archive{background-position: -99px 0px;}
#inbox-action-buttons a#block{background-position: -66px 0px;}
#inbox-action-buttons a#delete{background-position: -33px 0px;}
#inbox-controls #inbox-view a.drop-link:hover, #inbox-action-buttons a:hover{border-color:#727272;}

#inbox-messages{margin-top:20px;}
#inbox-messages tr{-webkit-transition: all 80ms linear; -moz-transition: all 80ms linear; -ms-transition: all 80ms linear; -o-transition: all 80ms linear; transition: all 80ms linear;}
#inbox-messages tr.odd{background:#f2f2f2;}
#inbox-messages tr.even{background:#fff;}
#inbox-messages tr.even.new, #inbox-messages tr.odd.new{background:#f4e2e2;}
#inbox-messages tr.even.new:hover, #inbox-messages tr.odd.new:hover{background:#e8d6d6;}
#inbox-messages tr:hover{background:#e3e3e3;}
#inbox-messages tr p{margin:13px 0px;}
#inbox-messages tr td.check{width:40px;}
#inbox-messages tr td.check input{margin:0px 10px 0px 20px;}
#inbox-messages tr td.star{width:50px;}
#inbox-messages .favourite{width:18px; height:18px; display:block; background:url('/img/buttons/star.png') no-repeat; margin-left:10px; cursor:pointer;}
#inbox-messages .favourite.unselected{background-position: top left;}
#inbox-messages .favourite.selected{background-position: bottom left;}
#inbox-messages tr td.name{max-width:150px;}
#inbox-messages .urgent{color:#fff; font-size:14px; background:url('/img/backgrounds/urgent-bg.png') top left no-repeat; width:65px; height:20px; display:block; padding-left:5px; margin-right:10px;}
#inbox-messages tr td a{width:100%; height:100%; display:block; text-decoration: none;}
#inbox-messages tr td a p{text-decoration: none; color:#53575a;}
#inbox-messages tr td a p .notify-ic{position:absolute; margin-top:3px;}

/* === READ MESSAGE === */
.view-message-container{margin-bottom:50px;}
.read-message{margin-bottom:5px;}
.message-nav{border:1px solid #c3c3c3; width:33px; padding:7px 0px; font-size:20px; color:#707375; text-decoration:none; text-align:center; display:block; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
.message-nav.prev-message{margin-right:10px;}
.message-nav:hover{border-color:#727272;}
.read-message #back-to-inbox{text-decoration: none; color: #6b6a6a; border:1px solid #c3c3c3; margin-top:3px; margin-left:10px; padding:6px 8px; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
.read-message #back-to-inbox:hover{border-color:#727272;} 

.message-window{/*overflow:hidden; height:300px; min-height:200px;*/}
.conversation-message{padding:15px 0px; border-bottom:1px dashed #d3d3d3;}
.conversation-message .user-img img{width:59px; height:auto; display:block;}
.conversation-message .time-sent{margin-top:0px;  margin-right:00px; font-size:14px;}
.conversation-message .sender-details{margin-left:69px; margin-right:10px;}
.conversation-message .user-details{margin-left:0px; margin-top:0px; margin-bottom:8px; width:100%; display:block;}
.conversation-message .message-contents{margin-left:0px; margin-top:0px; margin-bottom:0px;}
.conversation-message .message-contents p{margin:0px;}
.conversation-message .user-details .user-name{font-size:18px; text-decoration:none; margin-top:0px;}
.conversation-message .user-details .user-address{font-size:14px; color:#959696;}

.user-action{padding:15px 0px; border-bottom:1px dashed #d3d3d3;}

.conversation-actions form{margin-top:15px;}
.conversation-actions label{margin-right:5px; margin-bottom:10px; font-weight:500;}
.conversation-actions input[type='checkbox']{margin-right:15px; margin-bottom:10px; }

.older-message{margin-top:10px;}
.older-message .reciever-message, .older-message .sender-message{ padding-top:10px;}
.older-message .reciever-message{background-color:#f1f1f1;}

.more-message-butt{background:url('/img/icons/read-more-red-ic.png') center center no-repeat #fff; border:1px solid #c3c3c3; display:block; height:21px; width:42px; cursor:pointer; margin-top:10px;}

.reply .break{margin-bottom:20px;}
.reply .user-img {margin-right:10px;}
.reply .user-img img{width:59px; height:auto; display:block;}
.reply #compose-message{margin-left:74px;}
.reply #compose-options{margin-bottom:0px;}
.reply #compose-message .message-input{min-height:200px;}

/* === RESPONSIVE REPLY === */
.responsive-reply{height:50px; width:100%; background:#fff; border-top:1px solid #d3d3d3; position:fixed; bottom:0px; left:0px; display:none;}
.responsive-reply form#repsonsive-reply-message {margin:10px;}
.responsive-reply form#repsonsive-reply-message .message-input-container{margin-right:40px;}
.responsive-reply form#repsonsive-reply-message .message-input-container textarea{border:none; font-size:15px; width:100%; resize: none; }
.responsive-reply form#repsonsive-reply-message button.send{border: none; background: #fff; font-size: 24px; color: #53575a; cursor: pointer;}

/* === JAC EDITOR === */
.jac-editor-toolbar {margin-bottom:12px;}
.jac-editor-toolbar > .jac-editor-tool{border:1px solid #c3c3c3;}
.jac-editor-toolbar > a, .jac-editor-toolbar > p {border:1px solid #c3c3c3;}
.jac-editor-toolbar > .jac-editor-tool{cursor:pointer;}
.jac-editor-toolbar > .jac-editor-tool:hover{border-color:#727272;}
.jac-editor-toolbar > .drop-link {text-decoration: none; color: #6b6a6a; padding: 9px 12px 9px 12px; width: 110px; background: url('/img/icons/arrow-down-ic.png') 112px center no-repeat;}
.jac-editor-toolbar > .drop-box{margin:55px 0px 0px -30px;}
.jac-editor-toolbar > .drop-box.font-size-container{margin:55px 0px 0px 110px;}
.jac-editor-toolbar > .drop-box ul {padding: 0px; margin: 10px; width: 180px;}
.jac-editor-toolbar > .drop-box ul li{list-style: none; padding: 0px;}
.jac-editor-toolbar > .drop-box ul li a{text-decoration: none; color: #53575a; padding: 4px 8px; display: block; -webkit-border-radius: 2px; border-radius: 2px;}
.jac-editor-toolbar > .drop-box ul li a:hover{background-color:#f2f2f2;}
.jac-editor-toolbar > .drop-box ul li a.jac-editor-tool-colour-item span .color-sample{width: 19px; height: 19px; margin-top: 1px; display: block;}


.jac-editor-toolbar > .jac-editor-tool-size{margin-left:12px;}
.jac-editor-toolbar > .jac-editor-tool-square{width: 39px; height: 39px; background: url('/img/buttons/compose-option-butt.png') no-repeat #fff; margin-left: 10px; border: 1px solid #c3c3c3;}
.jac-editor-toolbar > .jac-editor-tool-size{margin-left:12px;}
.jac-editor-toolbar > .jac-editor-tool-bold{background-position: 0px 0px;}
.jac-editor-toolbar > .jac-editor-tool-italic{background-position: -39px 0px;}
.jac-editor-toolbar > .jac-editor-tool-underline{background-position: -78px 0px;}
.jac-editor-toolbar > .jac-editor-tool-list{background-position: -429px 0px;}
.jac-editor-toolbar > .jac-editor-tool-bullets{background-position: -117px 0px;}
.jac-editor-toolbar > .jac-editor-tool-align-left{background-position: -156px 0px;}
.jac-editor-toolbar > .jac-editor-tool-align-center{background-position: -195px 0px;}
.jac-editor-toolbar > .jac-editor-tool-align-right{background-position: -234px 0px;}
.jac-editor-toolbar > .jac-editor-tool-link{background-position: -273px 0px;}
.jac-editor-toolbar > .jac-editor-tool-attachment{background-position: -312px 0px;}
.jac-editor-toolbar > .jac-editor-tool-map{background-position: -351px 0px;}
.jac-editor-toolbar > .jac-editor-tool-event{background-position: -390px 0px;}
.jac-editor-area{width:98%; min-height:160px; font-size:18px; padding:8px 1%; margin-bottom:12px; border:1px solid #c3c3c3;}


/* === COMPOSE MESSAGE === */
.compose-message .drop-box.view-type-container{margin-left:238px;}
.compose-message #back-to-inbox{text-decoration: none; color: #6b6a6a; border:1px solid #c3c3c3; margin-top:3px; margin-left:10px; padding:6px 8px; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
.compose-message #back-to-inbox:hover{border-color:#727272;}
#compose-message {margin-top:20px;}
#compose-message input{width:100%; font-size:18px; padding:8px 1%; margin-bottom:12px;}
#compose-message .message-input{width:98%; min-height:270px; font-size:18px; padding:8px 1%; margin-bottom:12px; border:1px solid #c3c3c3;}
#compose-message .send{font-size:18px; padding:8px 0px; margin:0px 0px 0px 12px; width:180px; cursor:pointer; border-color:#e74c3c;}
#compose-message .save{font-size:18px; padding:8px 0px; margin:0px; width:180px; border-color #bababa; cursor:pointer;}
#compose-message input:focus, #compose-message .message-input:focus{outline: none !important; border:1px solid #727272; box-shadow: 0px;}

/* === REVISIONS === */
#revision-container{max-height:310px; overflow-y: scroll;}
.revision{border-bottom:1px dashed #d3d3d3; padding:10px 0px;}
.revision p{margin:0px;}

/* === PROFILE === */
.profile-inner-container{margin:30px;}
.profile-inner-container .edit-butt{text-decoration:none; font-size:14px; color:#53575a; background:#ededed; border:1px solid #dddddd; padding:3px 8px;}
#profile-top{position:relative;}
#profile-top #cover-img{width:100%; height:auto;}
#profile-top #cover-img.blur{-webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px);}
#profile-top .edit-butt{position:absolute; top:10px; right:10px;}
#profile-top #profile-user-info{position:absolute; left:30px; bottom:-30px;}
#profile-top #profile-user-info #profile-image{width:165px; height:165px; padding:8px; border:1px solid #c3c3c3; background:#fff;}
#profile-top #profile-user-info #profile-image a{display:block;  position:relative;}
#profile-top #profile-user-info #profile-image a #profile-image-overlay{width:100%; height:100%; display:block; background:url('/img/backgrounds/black-50.png') top left repeat; position:absolute; top:0; left:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0;  opacity: 0; -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -ms-transition: all 250ms linear; -o-transition: all 250ms linear; transition: all 250ms linear;}
#profile-top #profile-user-info #profile-image a #profile-image-overlay:hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1;  opacity: 1;}
#profile-top #profile-user-info #profile-image a #profile-image-overlay img{max-width:75px; height:auto; margin:50px auto 0px auto; display:block;}
#profile-top #profile-user-info #profile-image img{width:100%; height:auto; display:block;}
#profile-top #profile-user-info h1{font-size: 60px; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); margin:-20px 0px 0px 20px;}

#change-cover-img{display:none;}
#jacitbox-contents #change-cover-img{display:block;}
#change-cover-img p{font-size:30px; font-weight:100; margin:10px 0px 20px 7px;}
#change-cover-img a.preview.selected{border-color:#727272;}
#change-cover-img a.preview {background: #fff; border: 1px solid #c3c3c3; overflow: hidden; display: block; width: 160px; height: 100px; padding: 10px; margin:0px 7px 14px 7px; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
#change-cover-img a.preview:hover{border-color:#727272;}
#change-cover-img a.preview > div{background: #fff; width: 160px; height: 100px; position: relative; overflow:hidden;}
#change-cover-img a.preview > div img{width:auto; height:100%; position:absolute; left:-80%;}
#change-cover-img a.preview > div img.selected-tick{z-index:2; left:50%; top:50%; margin:-37px 0px 0px -37px; max-height:75px; display:none;}
#change-cover-img a.preview.selected > div img.selected-tick{display:block;}
#change-cover-img a.controls{width: 130px; height: auto; text-align: center; text-decoration: none; padding: 8px 0px; margin:10px 0px 20px 10px;}


/* === CHANGE PROFILE IMG === */
#change-profile-img{display:none; }
#jacitbox-contents #change-profile-img{display:block;}
#change-profile-img p{font-size:30px; font-weight:100; margin:10px 0px 20px 7px;}

#preview-img-container{position:relative;}
.preview-overlay{width:100%; height:100%; background:url('/img/backgrounds/black-50.png') top left repeat; position:absolute;}

.stage-cropper{position:absolute; top:0px; left:0px;}
.stage-viewport{position:absolute; top:0px; left:0px; cursor:move;}

.stage-highlight{position:absolute;}
.stage-viewport-nw, .stage-viewport-ne, .stage-viewport-se, .stage-viewport-sw{display:block; width:10px; height:10px; background:#fff; position:absolute;}
.stage-viewport-nw{cursor:nw-resize; top:-5px; left:-5px;}
.stage-viewport-ne{cursor:ne-resize; top:-5px; right:-5px;}
.stage-viewport-se{cursor:se-resize; bottom:-5px; right:-5px;}
.stage-viewport-sw{cursor:sw-resize; bottom:-5px; left:-5px;}


.img-sample{width:112px; height:112px; padding:5px; display:block; border:1px solid #d4d4d4;}
.img-sample img{width:100%; height:auto; display:block;}

.profile-inner-container .user-status{background: url('/img/icons/status-ic.png')right no-repeat; margin: 5px 0px 0px 239px; font-weight: 400; padding-right: 18px;}
.profile-inner-container .user-status.online{background-position:top right; width:45px;}
.profile-inner-container .user-status.busy{background-position:center right; width:35px;}
.profile-inner-container .user-status.offline{background-position:bottom right; width:45px;}
.profile-inner-container .profile-act-butt{font-size:18px; text-align:center; text-decoration:none; color:#000; padding:5px 8px; background:#f0f0f0; border: 1px solid #c3c3c3; margin:10px 0px 0px 15px; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
.profile-inner-container .profile-act-butt:hover{border-color:#727272;}

#profile-content{margin-top:15px;}
#profile-content .center-divide{width: 20px; float:left; display:block;}
#profile-content .left{width: calc(50% - 10px); float:left; display:block;}
#profile-content .right{width: calc(50% - 10px); float:right; display:block;}
#profile-content .profile-content{width:100%;  margin-bottom:20px; display:block; background:#fff; border:1px solid #c3c3c3; overflow:auto; position:relative;}
#profile-content .profile-content .profile-content-info{margin:10px 20px 20px 20px;}
#profile-content .profile-content .profile-content-info .edit-butt{position:absolute; top:10px; right:10px;}
#profile-content .profile-content .profile-content-info h2{font-size:30px; margin:0px;}
#profile-content .profile-content .profile-content-info p.header{font-size:20px; margin:20px 0px 0px 0px; width:auto;}
#profile-content .profile-content .profile-content-info p.header:nth-child(2){margin-top:10px;}
#profile-content .profile-content .profile-content-info .break{height:5px; margin-bottom:10px;}
#profile-content .profile-content .profile-content-info .contact-details{margin:0px 0px 7px 0px;}
#profile-content .profile-content .profile-content-info.contacts{}
#profile-content .profile-content .profile-content-info.contacts a.all-contacts{text-align:right; margin-top:20px; text-decoration:none; width:auto;}
#profile-content .profile-content .profile-content-info.contacts a.all-contacts:hover{text-decoration:underline;}
#profile-content .profile-content .profile-content-info.contacts .contact:nth-of-type(7){margin-right:0px;}
#profile-content .profile-content .profile-content-info.contacts .contact:nth-of-type(14){margin-right:0px;}
#profile-content .profile-content .profile-content-info.contacts .contact{width: calc(14.49% - 10px); padding-bottom: calc(14.49% - 10px); float:left; display:block; height:0px; background:#f1f1f1; margin-right:10px; margin-bottom:10px;}
#profile-content .profile-content .profile-content-info.contacts .contact img{width:100%; height:auto; display:block;}


/* === ADDRESS BOOK === */
.address-book-controls{margin-bottom:15px;}
.address-book-controls select{padding:5px; font-size:15px; width:240px;}
.address-book-controls .view-type-butt{height:33px; width:33px; display:block; background-color:#fff; border:1px solid #c3c3c3;}
.address-book-controls .view-type-butt#grid-view{background:url('/img/buttons/grid-view-butt.png') center bottom no-repeat #fff;}
.address-book-controls .view-type-butt#grid-view.selected{background:url('/img/buttons/grid-view-butt.png') center top no-repeat #fff;}
.address-book-controls .view-type-butt#list-view{background:url('/img/buttons/list-view-butt.png') center bottom no-repeat #fff; margin-left:15px;}
.address-book-controls .view-type-butt#list-view.selected{background:url('/img/buttons/list-view-butt.png') center top no-repeat #fff;}

.contacts-letter{width:100%; border:1px solid #d3d3d3; background:#fff; margin-bottom:20px; float:left;}
.contacts-letter p{margin:5px 15px; font-size:18px;}
.contacts-group{width:100%; float:left;} 

.address-book-card{background:#fff; border: 1px solid #d3d3d3; -webkit-border-radius: 2px; border-radius: 2px; width: calc(50% - 12px); margin-bottom:20px;}
.address-book-card:nth-child(odd){float:right;}
.address-book-card:nth-child(even){float:left;}
.address-book-card-inner{margin:15px;}
.address-book-card-inner .profile-pic{width:137px; height:auto; display:block;}
.address-book-card-inner .address-book-card-info{margin-left:152px; position:relative;}
.address-book-card-inner .address-book-card-info a{text-decoration:none; color:#53575a;}
.address-book-card-inner .address-book-card-info a:hover{text-decoration:underline;}
.address-book-card-inner .address-book-card-info .name{font-size:24px; margin:0px 0px 2px 0px;}
.address-book-card-inner .address-book-card-info .user-status{position:absolute; top:0px; right:0px; background: url('/img/icons/status-ic.png')right no-repeat; margin-top: 6px; font-weight: 400; padding-right: 18px;}
.address-book-card-inner .address-book-card-info .user-status.online{background-position: top right;}
.address-book-card-inner .address-book-card-info .user-status.busy{background-position: center right;}
.address-book-card-inner .address-book-card-info .user-status.offline{background-position: bottom right;}
.address-book-card-inner .address-book-card-info .info{line-height:24px; margin:0px; font-size:15px;}


/* === ADDRESS BOOK LIST VIEW === */
.contacts-group.list-view {margin-bottom:20px; border-bottom:1px solid #d3d3d3;}
.contacts-group.list-view .address-book-card{border-bottom:none; -webkit-border-radius: 0px; border-radius: 0px; width: 100%; margin-bottom:0px; float:none; overflow:auto;}
.contacts-group.list-view .address-book-card .list-view-remove{display:none;}
.contacts-group.list-view .address-book-card .address-book-card-inner .profile-pic{width:60px;}
.contacts-group.list-view .address-book-card .address-book-card-inner .address-book-card-info{margin-left:85px;}

/* === OPENING HOURS === */
.opening-hours .row .cell{margin-top:0px;}
.opening-hours .dash-break{margin-bottom:10px;}
.opening-hours label{margin-bottom:0px;}
.opening-hours label.option{font-weight:400;}
.opening-hours input[type='text']{margin-bottom:5px;}
.opening-hours input[type='checkbox']{margin-right:15px;}

/* === APP STORE PAGE === */
.app-wrapper{margin-top:30px; padding-bottom:20px;}
.app-container{background:#f8f8f8; border:1px solid #d3d3d3; width:calc(20% - 130px); width:18.22%; float:left; margin:0px 30px 30px 0px; position:relative; display:block; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);}
.app-inner{margin:15px; position:relative; height:calc(100% - 30px); display:block;}
.app-inner a.app-logo img{width:100%; height:auto; -webkit-transition: opacity 150ms linear; -moz-transition: opacity 150ms linear; -ms-transition: opacity 150ms linear; -o-transition: opacity 150ms linear; transition: opacity 150ms linear;}
.app-inner a.app-logo:hover img{opacity:0.8;}
.app-inner a.app-name {color:#53575a;}
.app-inner a.app-name h2{font-size:18px; font-weight:300!important; color:#53575a; margin-bottom:5px; margin-top:15px;}
.app-inner a.app-install{color:#3498db; margin:0px; text-decoration:none; font-weight:500; float:right;}
.app-inner a.app-install:hover{text-decoration: underline;}

/* === CREATE WEBSITE === */
#create-website{margin-top:20px;}
#create-website .website-protocol{width: 100px; float: left;}
#create-website .website-url{float: right; width: calc(100% - 110px)!important;}


/* === NEW SURVEY PAGE === */
.new-survey-container{margin-right:300px;}
.new-survey-questions-container{width:270px; position:fixed; right:50px;}
.new-survey-questions-container .inner-container{margin-bottom:30px;}
.new-survey-questions-container .survey-builder{margin-top:20px;}
#back-to-surveys{text-decoration: none; color: #6b6a6a; border: 1px solid #c3c3c3; margin-top: 3px; margin-left: 10px; padding: 6px 8px; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
#back-to-surveys:hover{border-color:#727272;} 
.survey-details{margin-top:20px;}
.survey-details .survey-title{width: 100%; font-size: 16px; padding: 8px 10px; margin-bottom: 12px;}
.survey-details .survey-descrip{width: 100%; min-height: 130px; font-size: 16px; padding: 8px 10px; margin-bottom: 12px; border: 1px solid #c3c3c3;}
ul.jac-survey-builder-widget-list{list-style:none; margin:0px; padding:0px;}
ul.jac-survey-builder-widget-list li.jacit-survey-builder-widget-item{list-style: none; padding: 8px 15px; background: #16a085; color: #fff; font-size: 18px; font-weight: 100; margin-bottom: 10px; cursor:pointer; -webkit-transition: background-color 100ms linear; -moz-transition: background-color 100ms linear; -ms-transition: background-color 100ms linear; -o-transition: background-color 100ms linear; transition: background-color 100ms linear;}
ul.jac-survey-builder-widget-list li.jacit-survey-builder-widget-item:hover{background:#138972;}
.new-survey-container .save{font-size: 18px; padding: 8px 0px; margin: 20px 0px 0px 12px; width: 180px; cursor: pointer; border: 1px solid #e74c3c;}
.new-survey-container .cancel{font-size: 18px; padding: 8px 0px; margin: 20px 0px 0px 0px; width: 180px; cursor: pointer; border: 1px solid #bfbfbf;}

.survey-questions{list-style:none; margin:0px; padding:0px;}
.survey-questions li{list-style:none; margin:5px 0px 5px 0px; padding:10px; -webkit-transition: background-color 150ms linear; -moz-transition: background-color 150ms linear; -ms-transition: background-color 150ms linear; -o-transition: background-color 150ms linear; transition: background-color 150ms linear;}
.survey-questions li:hover{background-color:#f4f4f4;}
.survey-questions li:active{cursor: move;}
.survey-questions li .survey-questions-controls p{float: left; cursor:pointer; background:#fff; font-size:14px; color: #6b6a6a; border: 1px solid #c3c3c3; margin-left:10px; padding: 3px 0px; width: 65px; text-align: center; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear; }
.survey-questions li .survey-questions-controls p:hover{border-color:#727272;} 
.survey-questions li p.question-text{font-size:20px; line-height:28px; margin:0px 0px 20px 0px;}
.survey-questions li input[type='text']{max-width: 490px; width: 100%; border: 1px solid #a9a9a9; padding: 8px 10px;}
.survey-questions li textarea{max-width: 490px; width: 100%; height: 130px; border: 1px solid #a9a9a9; resize: none; padding: 8px 10px;}



/* === ADD QUESTIONS === */
.text-box-question-container{margin-top:20px;}
.question-text p{font-size:18px; font-weight:400; margin-bottom:5px; margin-top:20px;}
.question-text input{width: 100%; font-size: 18px; padding: 8px; margin-bottom: 10px;}
.answer-choices p{font-size:18px; font-weight:400; margin-bottom:5px; margin-top:15px;}
.answer-choices span{font-weight:300;}
.answer-choices textarea{width: 100%; height: 100px; font-size: 18px; padding: 8px; margin-bottom: 25px;}

.min-char, .max-char{width:47.21%;}
.min-char input, .max-char input{width: 100%; font-size: 18px; padding: 8px; margin-bottom: 20px;}
.min-char p, .max-char p{font-weight:400; margin-top:10px; margin-bottom:5px; font-size:15px;}
.min-char p span, .max-char p span{font-weight:300;}

.question-validation input{float:left;}
.question-validation p{float:left; margin-left:10px; font-size:15px; font-weight:400;}
.question-validation p span{font-weight:300;}
.save-question, .cancel-question{font-size: 18px; padding: 8px 0px; margin: 30px 0px 0px 12px; width: 180px; cursor: pointer;}
.save-question{border: 1px solid #e74c3c;}
.cancel-question{border: 1px solid #bfbfbf;}

/* === Split Page Layout === */

.left-split-container{margin-right:420px;}
.right-split-container{width:400px; display:block; position:absolute; right:0px;}


/* === SUPPORT TICKETS === */
.ticket-search{max-width:300px; width:100%; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.24); padding:0px; background:#fff;}
.ticket-search input[type='text']{width:calc(100% - 40px); border:none!important; font-size: 14px; margin-bottom:0px;}
.ticket-search button{background:#fff; border:none; font-size:18px; cursor: pointer; margin-top:8px;}
.ticket-search button:focus{outline: none;}

.open-tickets-container, .closed-tickets-container{margin-bottom:30px;}
.open-tickets-container h2, .closed-tickets-container h2 {font-weight:300!important; margin-top:30px;}
.ticket-wrapper {margin-bottom:20px; width:100%; background:#f2f2f2;cursor:pointer; -webkit-transition: background 150ms linear; -moz-transition: background 150ms linear; -o-transition: background 150ms linear; transition: background 150ms linear;}
.ticket-wrapper:hover{background:#e8e8e8;}
.ticket-wrapper.new-comment{background:#dcf1ed;}
.ticket-wrapper.new-comment:hover{background:#d0e7e3;}
.ticket-wrapper .inner{margin:10px 20px;}
.ticket-wrapper .inner a{display: block; text-decoration:none; color:#53575a; overflow: auto;}
.ticket-wrapper .inner p{margin:15px 0px;}
.ticket-wrapper .inner p span.urgent{color: #fff; font-size: 14px; background: url('/img/backgrounds/urgent-bg.png') top left no-repeat; width: 65px; height: 20px; display: block; padding-left: 5px; margin-right: 10px;}
.ticket-wrapper .inner .id .bold{font-weight:400;}
.ticket-wrapper .inner .status{font-size:14px; font-weight:500;}
.ticket-wrapper .inner .status.in-progress{color:#16a085;}
.ticket-wrapper .inner .status.open{color:#e67e22;}
.ticket-wrapper .inner .status.closed{color:#e74c3c;}

.ticket-reply textarea{min-height:140px; resize:none;}

/* === BLOG === */
.blog-archive-posts{width: 100%; border-collapse: collapse; border: none; margin-top: 20px;}
.blog-archive-posts tr.header, .blog-archive-posts tr.header:hover{background: #d0d0d0; }
.blog-archive-posts tr{-webkit-transition: background 150ms linear; -moz-transition: background 150ms linear; -ms-transition: background 150ms linear; -o-transition: background 150ms linear; transition: background 150ms linear;}
.blog-archive-posts tr.even{background:#f2f2f2;}
.blog-archive-posts tr.odd.no-data:hover{background:#fff;}
.blog-archive-posts tr:hover{background:#e3e3e3;}
.blog-archive-posts tr td p{padding: 13px 15px; margin: 0px;}
.blog-archive-posts tr a{text-decoration: none; width: 100%; height: 100%; display: block; color: #53575a;}
.blog-archive-posts tr td p .tag{background: #818181; color: #fff; padding: 2px 6px; font-size: 13px; margin-right: 6px; margin-bottom: 4px; display: inline-block;}
.blog-archive-posts tr td p.Online span{background: #46a08e; color: #fff; display: inline-block; padding: 1px 8px; font-size: 14px;}
.blog-archive-posts tr td p.Deleted span{background: #e74c3c; color: #fff; display: inline-block; padding: 1px 8px; font-size: 14px;}
.blog-archive-posts tr td p.Offline span{background: #848484; color: #fff; display: inline-block; padding: 1px 8px; font-size: 14px;}

.content-summary .form-control{border-radius:0px; -webkit-box-shadow:none; box-shadow:none; font-size:15px;  resize: none;}
.content-summary .form-control:focus{outline: none !important; border:1px solid #727272; box-shadow: 0px;}
tags-input .tags .tag-item{background:#cbebff!important;}
.form-group textarea#metaDescription.form-control{min-height:10px; resize: none; font-size:15px; padding:8px 12px;}
.form-group textarea{font-size:15px;}

/* === IMAGE LIBRARY === */
.square{float:left; position:relative; max-width:160px; width:100%; margin:2%; overflow:hidden; background-color:#fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.24); -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
.square:hover{box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); transform: translateY(-5px);}
.square a{text-decoration: none; display:block; cursor:pointer; text-decoration: none;}
.square a:hover{ text-decoration: none;}
.square .content{margin:15px;}
.square .content img.folder-ic{width:100%; height:auto; display:block;}
.square .content p{text-align: center; color:#53575a; margin:8px 0px 0px 0px;}

.square.img-thumb{height:166px;}
.square.img-thumb img{height:100%; width:auto; display:block;}

/*
.square .content{position:absolute; height:80%; width:90%; padding:10% 5%;}
*/
.square .content .table{display:table; height:100%; width:100%;}
.square .content .table .table-cell{display:table-cell; vertical-align:middle; height:100%; width:100%; text-align:center;}

.image-container{float:left; position:relative; width:calc(100% - 380px); margin:20px 0px 0px 0px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.24);}
.image-container .content{position:relative; margin:30px; }
.image-container .content img{margin:0 auto; display:block;}
.image-data-container{float:right; position:relative; max-width:350px; width:100%; margin:20px 0px 0px 0px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.24);}
.image-data-container .content{position:relative; margin:30px;}

/* === CMS EDITOR === */
body.editor-page{background:#d4d4d4; background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite;}
.editor-header{background:#fff; width:100%; margin-bottom:20px; position:fixed; top:0px; z-index:999; box-shadow: 0 1px 3px rgba(0,0,0,0.3);}
.editor-inner-header{margin:0px 20px 0px 0px;}
.editor-inner-header #menu-butt{height: 157px; width: 70px; display: block; background: url('/img/buttons/menu-butt.png') center center no-repeat #e74c3c; float:left;}
.editor-inner-header .editor-header-controls{float:left; width:calc(100% - 90px); padding-left:10px;}
.editor-inner-header .editor-header-controls .editor-page-title{ border:none!important; font-weight: 400!important; margin-bottom:0px; padding-left:11px; padding-top:15px; -webkit-box-shadow: none;  box-shadow:none;}
.editor-inner-header .editor-header-controls .btn-group{margin-right:5px;}
.editor-inner-header .editor-header-controls .btn-group button{background:#fff; position: relative; overflow: hidden; color:#53575a; border:none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none;  box-shadow:none; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
.editor-inner-header .editor-header-controls .btn-group button:hover, .editor-inner-header .editor-header-controls .btn-group.open button, .editor-inner-header .editor-header-controls .focussed .btn-group button.active{box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.24); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); transform: translateY(-3px);}
.editor-inner-header .editor-header-controls .dropdown-menu>li>a:hover{background:#f2f2f2; cursor: pointer;}
.editor-inner-header .editor-header-controls .btn-toolbar{margin:3px 0px 3px 0px; display:block;}
.editor-inner-header .editor-header-controls .widget-toolbar{padding:5px 0px; height:43px; border-top:1px dashed #ccc; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.editor-page #editor-frame .header-placeholder, .editor-page #editor-frame .footer-placeholder{width:100%; height:83px; display:block; background:#d4d4d4; padding-top:12px; background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite;}
.editor-page #editor-frame .footer-placeholder{padding-top:12px;}
.editor-page #editor-frame .header-placeholder p, .editor-page #editor-frame .footer-placeholder p{text-align: center; color: #eeeeee; font-size: 38px; font-weight: 400; margin:0;}

.editor-page .popover-content .btn-group button{background:#fff; position: relative; overflow: hidden; color:#53575a; border:none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none;  box-shadow:none; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
.editor-page .popover-content .btn-group button:hover{box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.24); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); transform: translateY(-3px);}

.editor-section{position:relative;}
.editor-section-controls{background:#f1f1f1; position:absolute; z-index:2; right:15px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.24); -webkit-border-radius: 2px; border-radius: 2px;}
.editor-section > .editor-section-controls{bottom:15px; z-index:12;}
.widget-container .editor-section-controls{top:15px;}
.editor-section-controls button{background:none; border:none; -webkit-border-radius: 0px; border-radius: 0px; outline:none;}
.editor-section-controls button:active{outline: none;border: none;}
.editor-section-controls button:focus{outline:0;}
.editor-section .row{height: auto; display: flex; flex-flow: row column; margin:0px;}
.editor-section .site-container .col-md-12{padding-left:15px; padding-right:15px;}
.editor-section .col-md-12{padding:0px; }
.editor-section .col-container{position:relative; /* flex: 1 1 100%; */ border:1px solid transparent; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -ms-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear;}
.editor-section .col-container:hover{border:1px solid rgba(0, 0, 0, .1); background:rgba(0, 0, 0, .03);}

.editor-alert{position:fixed; width:100%; top:125px; z-index:100;}

.cms-pop-options .btn-group{background:#f1f1f1; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.24); -webkit-border-radius: 2px; border-radius: 2px;}
.cms-pop-options .btn-group button{background:none; border:none; -webkit-border-radius: 0px; border-radius: 0px; outline:none;}
.cms-pop-options .btn-group button:hover{background:#e0e0e0;}
.cms-pop-options .btn-group button.active{background-color:#d6d6d6;}
.cms-pop-options .row{margin:0px;}
.cms-pop-options .row select{background:#f1f1f1; -webkit-border-radius: 2px; border-radius: 2px; border: none; border-top: 1px solid #eee; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.24); }
.cms-pop-options .cms-pop-options-controls{margin-bottom:20px;}
.cms-pop-options .cms-pop-options-controls p{font-size:18px; font-weight:400; margin-bottom:5px; margin-top:20px;}

.gallery-title.ta-scroll-window > .ta-bind, .gallery-text.ta-scroll-window > .ta-bind{min-height:0px!important;}

.form-group .note-editor {border:1px solid #d2d2d2;}
.form-group .note-editor .note-toolbar{background:#eee; padding-bottom: 8px; padding-left: 8px; border-bottom:1px solid #d2d2d2;}
.form-group .note-editor .note-toolbar>.btn-group{margin-top: 8px; margin-right: 10px; margin-left: 0; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.24); -webkit-border-radius: 2px; border-radius: 2px;}
.form-group .note-editor .btn-group>.btn, .note-editor .btn-group-vertical>.btn{background: none; border: none; -webkit-border-radius: 0px; border-radius: 0px;}
.form-group .note-editor .btn-group>.btn:hover, .note-editor .btn-group-vertical>.btn:hover{background:#e4e4e4;}
.form-group .note-editor .btn-group>.btn.active{background-color:#e4e4e4;}
.form-group .note-editor .dropdown-menu>li>a:hover{background:#f2f2f2; cursor: pointer;}
.form-group .note-editor .note-statusbar .note-resizebar{border-top:1px solid #d2d2d2;}

a.change-img{display:block; position:relative; margin:0 auto; text-decoration:none; padding:10px; border:1px solid #ccc;}
a.change-img img{margin:0 auto;}
a.change-img:hover{text-decoration: none;}
a.change-img:hover .image-overlay{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1;  opacity: 1;}
a.change-img .image-overlay{width:100%; height:100%; z-index:2; display:block; background:url('/img/backgrounds/black-50.png') top left repeat; position:absolute; top:0; left:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0;  opacity: 0; -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -ms-transition: all 250ms linear; -o-transition: all 250ms linear; transition: all 250ms linear;}
a.change-img .image-overlay img{width:75px; height:60px; margin:0px auto; display:block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.no-img{margin:0 auto; background: #efefef; width: 100%; height: 160px; text-align: center;}
.no-img i{text-decoration:none; color: #cacaca; font-size: 90px; display:block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}

.img-uploader-container h2{margin-bottom:20px;}
.img-uploader-container .ng-scope {margin:0px;}
.img-uploader-container .ng-scope.square{margin:2%;}
.img-uploader-container .ng-scope.square a{}
.img-uploader-container .nav-tabs>li{cursor: pointer;}
.img-uploader-container .nav-tabs>li.active{cursor: default;}
.img-uploader-container .input-group{margin-top:20px;}

.img-uploader-container .input-group{width:100%; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.24); padding:0px;}
.img-uploader-container .input-group input[type='text']{width:calc(100% - 45px); border:none!important; font-size: 14px; margin-bottom:0px; text-shadow:none; -webkit-box-shadow:none;}
.img-uploader-container .input-group input:focus{outline:none;}
.img-uploader-container .input-group button{background:#fff; border:none; font-size:18px; cursor: pointer; padding:4px 12px;}
.img-uploader-container .input-group button:active{background-image:none; text-shadow:none; -webkit-box-shadow:none; background:#eee;}
.img-uploader-container .input-group button:focus{outline: none;}

.img-uploader-container .breadcrumbs{margin-top:10px;}
.img-uploader-container .breadcrumbs a{text-decoration: none; color:#292929;}
.img-uploader-container .square.img-thumb{position:relative;}
.img-uploader-container .square.img-thumb img.selected-ic{position:absolute; left:50%; top:50%; margin:-39px 0px 0px -39px; width:79px; height:79px; display:none;}
.drag-drop-img{width:100%; border:3px dashed #d5d5d5; display:block; position: relative; height: 220px; margin-top:30px;}
.drag-drop-img p{font-size:35px; color:#d5d5d5; font-weight:400; text-align: center; width:100%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.btn.man-upload-img, .btn.man-upload-img:active, .btn.man-upload-img:focus{-webkit-box-shadow:none; box-shadow:none;}
.uploaded-img{margin:0 auto;}
/*
.img-directories {width:180px;}
.img-directories a.img-directory{text-decoration: none; display:block; padding:5px; cursor: pointer; padding:3px 8px;}
.img-directories a.img-directory p{font-size:16px; margin:0px;}
.img-directories a.img-directory:hover{background: #eeeeee;}
*/

/* === EMS === */
i.Computer-icon{background:url('/img/icons/comp-ic.png') center center no-repeat; width:20px; height:18px; display:inline-block; position:relative; top:4px;}
i.Phone-icon{background:url('/img/icons/mobile-ic.png') center center no-repeat; width:20px; height:18px; display:inline-block; position:relative; top:4px;}
i.Tablet-icon{background:url('/img/icons/tablet-ic.png') center center no-repeat; width:20px; height:18px; display:inline-block; position:relative; top:4px;}
i.Firefox{background:url('/img/icons/firefox-ic.png') center center no-repeat; width:21px; height:20px; display:inline-block; position:relative; top:4px;}
i.Chrome{background:url('/img/icons/chrome-ic.png') center center no-repeat; width:21px; height:20px; display:inline-block; position:relative; top:4px;}
i.IE{background:url('/img/icons/ie-ic.png') center center no-repeat; width:21px; height:20px; display:inline-block; position:relative; top:4px;}
i.Safari{background:url('/img/icons/safari-ic.png') center center no-repeat; width:21px; height:20px; display:inline-block; position:relative; top:4px;}
i.Opera{background:url('/img/icons/opera-ic.png') center center no-repeat; width:21px; height:20px; display:inline-block; position:relative; top:4px;}
.remove-email{padding:6px; float:right; margin-right:10px; color:#fff; background:#b9726b; border:1px solid #a4483f; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.remove-email i{position:relative; top:2px; margin-right:5px;}

/* === TABS === */
#tabs ul.ui-tabs-nav{list-style: none; margin:20px 0px; padding:0;}
#tabs ul.ui-tabs-nav li{display: inline-block; zoom: 1; list-style: none; padding: 0px; margin: 0px 10px 0px 0px;}
#tabs ul.ui-tabs-nav li a{display: block; margin-left:0px;}

/* === TOGGLE === */
.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* ============================================================
  SWITCH 1 - ROUND
============================================================ */
input.cmn-toggle-round + label {
  padding: 2px;
  width: 70px;
  height: 25px;
  background-color: #dddddd;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
}
input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.cmn-toggle-round + label:before {
  right: 1px;
  background-color: #f1f1f1;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}
input.cmn-toggle-round + label:after {
  width: 25px;
  background-color: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-transition: margin 0.4s;
  -moz-transition: margin 0.4s;
  -o-transition: margin 0.4s;
  transition: margin 0.4s;
}
input.cmn-toggle-round:checked + label:before {
  background-color: #16a085;
}
input.cmn-toggle-round:checked + label:after {
  margin-left: 45px;
}
/* Weight system */

.row{width:100%; position:relative; margin:0 0 0 0;}
.row .cell{float:left; position:relative; margin:20px 0px 0px 20px; }
.row .first{margin:20px 0 0 0;}
.row .last{}

.row .wg1{width:calc((100% - 220px)/12); }
.row .wg2{width:calc((100% - 220px)/6 + 20px); }
.row .wg3{width:calc((100% - 220px)/4 + 40px); }
.row .wg4{width:calc((100% - 220px)/3 + 60px); }
.row .wg5{width:calc((500% - 1100px)/12 + 80px); }
.row .wg6{width:calc((100% - 220px)/2 + 100px); }
.row .wg7{width:calc((700% - 1540px)/12 + 120px); }
.row .wg8{width:calc((200% - 440px)/3 + 140px); }
.row .wg9{width:calc((300% - 660px)/4 + 160px); }
.row .wg10{width:calc((500% - 1100px)/6 + 180px); }
.row .wg11{width:calc((1100% - 2420px)/12 + 200px); }
.row .wg12{width:100%;}
@media  (max-width: 1670px) {
	.left-2{width:calc(100% - 310px);}
	.right-1{max-width:290px;}
	.content{padding:20px;}
	.left-50, .right-50{width:calc(50% - 15px); }
	.alert-container{left:250px; right:45px; }

	/* === LEFT BAR === */
	#left-bar{width:160px;}
	.sidebar-content{margin:0px 10px;}
	#main-inner-container{margin-left:160px;}
	#user-info .user-pic img{width:35px;}
	.user-cont{margin-left: 5px; width: 98px;}
	.user-cont .user-name{font-size: 14px; line-height: 18px;}
	#main-content{margin-right:30px; margin-left:30px;}
	#applications ul li > .sidebar-content{padding:13px 10px;}
	#applications ul li .sub-links .sidebar-content ul li a{padding-left:37px; font-size:14px;}
	#applications ul li .sidebar-content p{font-size: 14px;}
	#applications ul li .sidebar-content i.icon{margin-right:8px;}

	/* === NEW BLOG POST === */
	.right-split-container{width:270px;}
	.left-split-container{margin-right:290px;}

	/* === BLOG TABLE === */
	.blog-archive-posts tr td p .tag i{display:none;}

	/* === IMAGE CONTAINER === */
	.image-data-container{max-width:300px;}
	.image-container{width:calc(100% - 330px);}
}


@media  (max-width: 1500px) {
	.top-stats .stats-box .stats-inner p.stats-figure{font-size:20px;}
}

@media  (max-width: 1290px) {
	.remove-1290{display:none;}
	.show-1290{display:block!important;}
	.left-2{width:calc(100% - 270px);}
	.right-1{max-width:250px;}
	.inner-container{margin:0px 20px;}
	textarea{min-height:100px;}
	.left-50, .right-50{width:calc(50% - 10px); }

	/* === STATS === */
	.top-stats .stats-box{width:calc(50% - 15px); margin-bottom:20px;}
	.top-stats .stats-box.green{margin-right:0px;}
	.left-stats{width:100%;}
	.right-stats{width:100%;}

	/* == COMPOSE MESSAGE == */
	.jac-editor-toolbar > .drop-link{padding:9px; background-position:35px center; width: 35px;}
	#compose-options .drop-box.font-color-container{margin: 55px 0px 0px -73px;}
	#compose-options .drop-box.font-size-container{margin: 55px 0px 0px 13px;}

	/* === NEW BLOG POST === */
	.right-split-container{width:100%; position:static; right:auto;}
	.left-split-container{margin-right:0px; margin-top:30px;}

	/* === IMAGE CONTAINER === */
	.image-data-container{max-width:none;}
	.image-container{width:100%;}

	/* === SETTINGS === */
	.social-settings .left-50, .social-settings .right-50{float:none; width:100%;}

	/* === EVENTS === */
	.events .left-50, .events .right-50{float:none; width:100%;}
}

@media  (max-width: 1250px) {
	.row .cell{width:100%; float:none; margin:20px 0 0 0;}
}

@media  (max-width: 1100px) {
	.left-2{width: 100%; float: none;}
	.right-1{max-width:none; float:none;}

	/* === SETTINGS === */
	.social-settings, .analytics-settings{width:100%;}
}

@media  (max-width: 800px) {
	/* === STATS === */
	.top-stats .stats-box{width:100%; margin-right:0px;}
}





@media  (max-width: 620px) {
	/* == COMMON == */
	.mob-show{display:block;}
	.alert-container{top: 60px; left: 215px; right: 30px;}

	/* == HEADER == */
	header{height:50px;}
	header a#menu-butt{height:50px; width:50px; margin-right:10px;}
	.login-header .jacit-logo img{margin-left:10px;}
	.jacit-logo img{width:100px; margin-top:11px;}
	nav{margin-top:10px;}
	nav ul#top-menu > li#search-butt, nav ul#top-menu > li#settings-butt, nav ul#top-menu > li#notify-butt{display:none;}
	nav ul#top-menu > li#message-butt{border-left:1px solid #e3e3e3;}

	/* === WEBSITE CHANGER === */
	.website-changer-container{margin-left:5px;}
	.website-changer-container .current-website{height:49px; padding:0px 20px;}
	.website-changer-container .current-website p{margin:0px; font-size:13px;}
	.website-changer-container .current-website p i{margin-left:2px; font-size:13px;}

	/* == LOGIN == */
	#login-container{margin:70px auto 15px auto; position:relative; top:0; left:0; width:auto;}

	/* == LEFT BAR == */
	/*
	#left-bar{left:-281px;}
	*/
	#left-bar{width:200px;}
	#user-info{margin-top:71px;}
	.user-cont{width:89px;}
	.user-cont .user-name{font-size:17px; line-height:22px;}
	#applications ul li > .sidebar-content{padding:10px 15px;}
	#applications ul li .sidebar-content i.icon{font-size:16px; margin-right:8px;}
	#applications ul li .sidebar-content p{font-size:14px;}
	#applications ul li .sub-links .sidebar-content ul li a{font-size:14px; padding:9px 0px 9px 40px;}

	/* == MAIN CONTAINER == */
	#main-content{margin:80px 15px 15px 15px;}
	#main-inner-container{margin-left:200px;}

	/* == INBOX == */
	#inbox-view{float:none;}
	.inbox-inner-container{margin:15px 0px 0px 0px;}
	.inbox-inner-container #inbox-controls{margin:0px 15px;}
	#inbox-action-buttons {display:none;}
	#inbox-messages tr td {border-top:1px solid #d3d3d3;}
	#inbox-messages tr td.star, #inbox-messages tr td.name, #inbox-messages tr td.date{display:none;}
	#inbox-controls #inbox-view a#compose-message.left{margin-left:10px; float:right;}
	#inbox-messages tr.odd, #inbox-messages tr.even{background:#fff;}
	#inbox-messages tr td.check{width:45px;}
	#inbox-messages tr td.check input{margin-left:15px;}
	#inbox-messages tr td.message .mob-show.name{margin-bottom:0px; font-weight:400;}
	#inbox-messages tr td.message .mob-show.date{margin-bottom:0px; margin-right:15px; font-size:14px;}
	#inbox-messages tr td.message p.message{margin-top:0px; font-size:14px;}

	/* == COMPOSE == */
	.compose-message #back-to-inbox{display:none;}
	#compose-message{margin:20px 15px;}
	#compose-options, .jac-editor-toolbar{display:none;}
	#compose-message .message-input{min-height:130px; height:130px;}
	#compose-message .send{width:47%; margin:0px 0px 0px 3%;}
	#compose-message .save{width:47%; margin:0px 3% 0px 0px;}

	/* == VIEW MESSAGE == */
	h1.conversation-subject{margin:12px 0px;}
	#compose-message.view-message-compose{display:none;}
	.message-window{overflow:auto!important; height:auto!important;}
	.conversation-message .user-img img{width:40px;}
	.conversation-message .sender-details{margin-left:50px;}
	.conversation-message .time-sent{font-size:12px; margin-top:5px; font-weight:400;}
	.responsive-reply{display:block;}
}

@media  (max-width: 430px) {
	/* == LOGIN == */
	#login-container{margin:70px 15px 15px 15px;}
	.login-form{margin:30px;}
	.login-form .checkbox{display:none;}

}
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-jybkzf');
	src:url('../fonts/icomoon.eot?#iefix-jybkzf') format('embedded-opentype'),
		url('../fonts/icomoon.woff?-jybkzf') format('woff'),
		url('../fonts/icomoon.ttf?-jybkzf') format('truetype'),
		url('../fonts/icomoon.svg?-jybkzf#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	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;
	text-rendering: optimizeLegibility;
}


.icon-barcode:before {
	content: "\e600";
}
.icon-qrcode:before {
	content: "\e601";
}
.icon-quotes-left:before {
	content: "\e602";
}
.icon-truck:before {
	content: "\e603";
}
.icon-road:before {
	content: "\e604";
}
.icon-happy:before {
	content: "\e605";
}
.icon-smiley:before {
	content: "\e606";
}
.icon-tongue:before {
	content: "\e607";
}
.icon-sad:before {
	content: "\e608";
}
.icon-wink:before {
	content: "\e609";
}
.icon-grin:before {
	content: "\e60a";
}
.icon-cool:before {
	content: "\e60b";
}
.icon-angry:before {
	content: "\e60c";
}
.icon-evil:before {
	content: "\e60d";
}
.icon-shocked:before {
	content: "\e60e";
}
.icon-confused:before {
	content: "\e60f";
}
.icon-neutral:before {
	content: "\e610";
}
.icon-wondering:before {
	content: "\e611";
}
.icon-phone:before {
	content: "\e612";
}
.icon-mobile:before {
	content: "\e613";
}
.icon-mouse:before {
	content: "\e614";
}
.icon-directions:before {
	content: "\e615";
}
.icon-mail:before {
	content: "\e616";
}
.icon-paperplane:before {
	content: "\e617";
}
.icon-pencil:before {
	content: "\e618";
}
.icon-feather:before {
	content: "\e619";
}
.icon-paperclip:before {
	content: "\e61a";
}
.icon-reply:before {
	content: "\e61b";
}
.icon-reply-all:before {
	content: "\e61c";
}
.icon-forward:before {
	content: "\e61d";
}
.icon-user:before {
	content: "\e61e";
}
.icon-users:before {
	content: "\e61f";
}
.icon-user-add:before {
	content: "\e620";
}
.icon-vcard:before {
	content: "\e621";
}
.icon-export:before {
	content: "\e622";
}
.icon-location:before {
	content: "\e623";
}
.icon-map:before {
	content: "\e624";
}
.icon-compass:before {
	content: "\e625";
}
.icon-location2:before {
	content: "\e626";
}
.icon-target:before {
	content: "\e627";
}
.icon-share:before {
	content: "\e628";
}
.icon-sharable:before {
	content: "\e629";
}
.icon-heart:before {
	content: "\e62a";
}
.icon-heart2:before {
	content: "\e62b";
}
.icon-star:before {
	content: "\e62c";
}
.icon-star2:before {
	content: "\e62d";
}
.icon-thumbsup:before {
	content: "\e62e";
}
.icon-thumbsdown:before {
	content: "\e62f";
}
.icon-chat:before {
	content: "\e630";
}
.icon-comment:before {
	content: "\e631";
}
.icon-quote:before {
	content: "\e632";
}
.icon-house:before {
	content: "\e633";
}
.icon-popup:before {
	content: "\e634";
}
.icon-search:before {
	content: "\e635";
}
.icon-flashlight:before {
	content: "\e636";
}
.icon-printer:before {
	content: "\e637";
}
.icon-bell:before {
	content: "\e638";
}
.icon-link:before {
	content: "\e639";
}
.icon-flag:before {
	content: "\e63a";
}
.icon-cog:before {
	content: "\e63b";
}
.icon-tools:before {
	content: "\e63c";
}
.icon-trophy:before {
	content: "\e63d";
}
.icon-tag:before {
	content: "\e63e";
}
.icon-camera:before {
	content: "\e63f";
}
.icon-megaphone:before {
	content: "\e640";
}
.icon-moon:before {
	content: "\e641";
}
.icon-palette:before {
	content: "\e642";
}
.icon-leaf:before {
	content: "\e643";
}
.icon-music:before {
	content: "\e644";
}
.icon-music2:before {
	content: "\e645";
}
.icon-new:before {
	content: "\e646";
}
.icon-graduation:before {
	content: "\e647";
}
.icon-book:before {
	content: "\e648";
}
.icon-newspaper:before {
	content: "\e649";
}
.icon-bag:before {
	content: "\e64a";
}
.icon-lifebuoy:before {
	content: "\e64b";
}
.icon-eye:before {
	content: "\e64c";
}
.icon-clock:before {
	content: "\e64d";
}
.icon-microphone:before {
	content: "\e64e";
}
.icon-calendar:before {
	content: "\e64f";
}
.icon-droplet:before {
	content: "\e650";
}
.icon-air:before {
	content: "\e651";
}
.icon-hourglass:before {
	content: "\e652";
}
.icon-gauge:before {
	content: "\e653";
}
.icon-language:before {
	content: "\e654";
}
.icon-network:before {
	content: "\e655";
}
.icon-key:before {
	content: "\e656";
}
.icon-battery:before {
	content: "\e657";
}
.icon-bucket:before {
	content: "\e658";
}
.icon-magnet:before {
	content: "\e659";
}
.icon-drive:before {
	content: "\e65a";
}
.icon-cup:before {
	content: "\e65b";
}
.icon-rocket:before {
	content: "\e65c";
}
.icon-brush:before {
	content: "\e65d";
}
.icon-cone:before {
	content: "\e65e";
}
.icon-earth:before {
	content: "\e65f";
}
.icon-browser:before {
	content: "\e660";
}
.icon-publish:before {
	content: "\e661";
}
.icon-sun:before {
	content: "\e662";
}
.icon-adjust:before {
	content: "\e663";
}
.icon-code:before {
	content: "\e664";
}
.icon-screen:before {
	content: "\e665";
}
.icon-light-bulb:before {
	content: "\e666";
}
.icon-creditcard:before {
	content: "\e667";
}
.icon-database:before {
	content: "\e668";
}
.icon-clipboard:before {
	content: "\e669";
}
.icon-cart:before {
	content: "\e66a";
}
.icon-box:before {
	content: "\e66b";
}
.icon-ticket:before {
	content: "\e66c";
}
.icon-rss:before {
	content: "\e66d";
}
.icon-signal:before {
	content: "\e66e";
}
.icon-statistics:before {
	content: "\e66f";
}
.icon-pie:before {
	content: "\e670";
}
.icon-bars:before {
	content: "\e671";
}
.icon-graph:before {
	content: "\e672";
}
.icon-lock:before {
	content: "\e673";
}
.icon-lock-open:before {
	content: "\e674";
}
.icon-minus:before {
	content: "\e675";
}
.icon-plus:before {
	content: "\e676";
}
.icon-cross:before {
	content: "\e677";
}
.icon-minus2:before {
	content: "\e678";
}
.icon-plus2:before {
	content: "\e679";
}
.icon-erase:before {
	content: "\e67a";
}
.icon-blocked:before {
	content: "\e67b";
}
.icon-info:before {
	content: "\e67c";
}
.icon-info2:before {
	content: "\e67d";
}
.icon-question:before {
	content: "\e67e";
}
.icon-help:before {
	content: "\e67f";
}
.icon-warning:before {
	content: "\e680";
}
.icon-cycle:before {
	content: "\e681";
}
.icon-cw:before {
	content: "\e682";
}
.icon-ccw:before {
	content: "\e683";
}
.icon-shuffle:before {
	content: "\e684";
}
.icon-arrow:before {
	content: "\e685";
}
.icon-arrow2:before {
	content: "\e686";
}
.icon-retweet:before {
	content: "\e687";
}
.icon-loop:before {
	content: "\e688";
}
.icon-history:before {
	content: "\e689";
}
.icon-list:before {
	content: "\e68a";
}
.icon-add-to-list:before {
	content: "\e68b";
}
.icon-layout:before {
	content: "\e68c";
}
.icon-list2:before {
	content: "\e68d";
}
.icon-pictures:before {
	content: "\e68e";
}
.icon-video:before {
	content: "\e68f";
}
.icon-music3:before {
	content: "\e690";
}
.icon-trash:before {
	content: "\e691";
}
.icon-disk:before {
	content: "\e692";
}
.icon-cloud:before {
	content: "\e693";
}
.icon-upload:before {
	content: "\e694";
}
.icon-play:before {
	content: "\e695";
}
.icon-pause:before {
	content: "\e696";
}
.icon-record:before {
	content: "\e697";
}
.icon-stop:before {
	content: "\e698";
}
.icon-next:before {
	content: "\e699";
}
.icon-previous:before {
	content: "\e69a";
}
.icon-first:before {
	content: "\e69b";
}
.icon-last:before {
	content: "\e69c";
}
.icon-arrow-left:before {
	content: "\e69d";
}
.icon-arrow-down:before {
	content: "\e69e";
}
.icon-arrow-up:before {
	content: "\e69f";
}
.icon-arrow-right:before {
	content: "\e6a0";
}
.icon-arrow-left2:before {
	content: "\e6a1";
}
.icon-arrow-down2:before {
	content: "\e6a2";
}
.icon-arrow-up2:before {
	content: "\e6a3";
}
.icon-arrow-right2:before {
	content: "\e6a4";
}
.icon-arrow-left3:before {
	content: "\e6a5";
}
.icon-arrow-down3:before {
	content: "\e6a6";
}
.icon-arrow-up3:before {
	content: "\e6a7";
}
.icon-uniE6A6:before {
	content: "\e6a8";
}
.icon-ellipsis:before {
	content: "\e6a9";
}
.icon-twitter:before {
	content: "\e6aa";
}
.icon-facebook:before {
	content: "\e6ab";
}
.icon-googleplus:before {
	content: "\e6ac";
}
.icon-linkedin:before {
	content: "\e6ad";
}
.icon-paypal:before {
	content: "\e6ae";
}