@charset "utf-8";
/* Admin CSS For CMS */

@import "reset.css";
@import "global.css";
@import "simple-line-icons.css";
@import "linearicons.css";

body{background:#222;}
.dn { display: none;}
a{color:#37A0D0;
    transition:color 180ms linear, background 180ms linear, opacity 180ms linear;
    -webkit-transition:color 180ms linear, background 180ms linear, opacity 180ms linear;
    -moz-transition:color 180ms linear, background 180ms linear, opacity 180ms linear;}
a:hover{text-decoration:none; color: #006aeb;}

a.dl-txt{ color:#E31B0C; padding-top: 5px; font-weight: bold; line-height:22px;}
h1{font:bold 20px Verdana, Geneva, sans-serif; text-transform:uppercase; color:#777;}
h2.subheader{background:#000; color:#FFF; font:bold 15px/15px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:8px 10px; position: relative;}
h3{font:bold 16px Verdana, Geneva, sans-serif; color:#777; padding:10px 0 0; }

em{font-style: italic;}

.btn{font:bold 13px/13px arial, sans-serif;  color:#FFF; cursor:pointer; text-decoration:none; display:block; padding:6px 10px 6px; background:#222; border:1px solid #111; border-radius:3px; text-transform: uppercase;
background-image: -ms-linear-gradient(top, #777 0%, #222 100%);
background-image: -moz-linear-gradient(top, #777 0%, #222 100%);
background-image: -o-linear-gradient(top, #777 0%, #222 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #777), color-stop(1, #222));
background-image: -webkit-linear-gradient(top, #777 0%, #222 100%);
background-image: linear-gradient(to bottom, #777 0%, #222 100%);
}
.btn:hover{background-image:none; color: #FFF;}
.btn.float-left{margin-right: 15px;}
.btn.float-right{margin-left: 15px;}
.btn.big{padding: 12px 15px 13px; font-size: 14px;}
.btn-blue{ background:#37A0D0; border:1px solid #1c73ba;
background-image: -ms-linear-gradient(top, #51cde5 0%, #1c73ba 100%);
background-image: -moz-linear-gradient(top, #51cde5 0%, #1c73ba 100%);
background-image: -o-linear-gradient(top, #51cde5 0%, #1c73ba 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #51cde5), color-stop(1, #1c73ba));
background-image: -webkit-linear-gradient(top, #51cde5 0%, #1c73ba 100%);
background-image: linear-gradient(to bottom, #51cde5 0%, #1c73ba 100%);
}
.btn-red{ background:#E31B0C; border:1px solid #a71c1a;
background-image: -ms-linear-gradient(top, #f72c16 0%, #a71c1a 100%);
background-image: -moz-linear-gradient(top, #f72c16 0%, #a71c1a 100%);
background-image: -o-linear-gradient(top, #f72c16 0%, #a71c1a 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f72c16), color-stop(1, #a71c1a));
background-image: -webkit-linear-gradient(top, #f72c16 0%, #a71c1a 100%);
background-image: linear-gradient(to bottom, #f72c16 0%, #a71c1a 100%);
}
.btn-green{ background:#75a805; border:1px solid #598100;
background-image: -ms-linear-gradient(top, #8fd000 0%, #598100 100%);
background-image: -moz-linear-gradient(top, #8fd000 0%, #598100 100%);
background-image: -o-linear-gradient(top, #8fd000 0%, #598100 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8fd000), color-stop(1, #598100));
background-image: -webkit-linear-gradient(top, #8fd000 0%, #598100 100%);
background-image: linear-gradient(to bottom, #8fd000 0%, #598100 100%);
}
.btn-yellow{ background:#f4c31f; border:1px solid #d0a30b;
background-image: -ms-linear-gradient(top, #f4c31f 0%, #d0a30b 100%);
background-image: -moz-linear-gradient(top, #f4c31f 0%, #d0a30b 100%);
background-image: -o-linear-gradient(top, #f4c31f 0%, #d0a30b 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4c31f), color-stop(1, #d0a30b));
background-image: -webkit-linear-gradient(top, #f4c31f 0%, #d0a30b 100%);
background-image: linear-gradient(to bottom, #f4c31f 0%, #d0a30b 100%);
}
.btn-purple{ background:#a5b8da; border:1px solid #536f9d;
	background-image: -ms-linear-gradient(top, #7089b3 0%, #819bcb 100%);
	background-image: -moz-linear-gradient(top, #7089b3 0%, #819bcb 100%);
	background-image: -o-linear-gradient(top, #7089b3 0%, #819bcb 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7089b3), color-stop(1, #819bcb));
	background-image: -webkit-linear-gradient(top, #7089b3 0%, #819bcb 100%);
	background-image: linear-gradient(to bottom, #7089b3 0%, #819bcb 100%);
}

#header{background:#FFF; color:#222; position:relative; z-index:2;}
#header #logo{float:left; margin:10px;}
#header #top-menu-hold{position: absolute; top: 14px; right: 20px;}
#header #top-menu-hold #top-trigger{padding: 5px 6px; background: #F1F1F1; border: 1px solid #CCC; display: block; float: right; cursor: pointer;}
#header #top-menu-hold #top-trigger:hover{background: #FFF;}
#header #top-menu-hold #top-menu{position: absolute; top: 33px; right: 0; width: 180px; list-style: none; padding: 0; margin: 0; box-shadow:1px 1px 4px #222; display: none;}
#header #top-menu-hold #top-menu li a{color: #FFF; background: #000; display: block; padding: 8px 10px; text-align: center; font-weight: bold; text-transform: uppercase;}
#header #top-menu-hold #top-menu li a:hover{background:#2D2D2D;}

#wrapper{margin:15px 0; position:relative; z-index:1}

#wrapper-login{margin:40px auto; max-width:650px; position:relative;  padding:0 2%;}
#wrapper-login #login-hold{background:#F1F1F1; border-radius:5px; padding:20px;}

#main-nav{width:255px; color:#FFF; z-index:1; position:absolute; top:0; left:0;}
#main-nav ul{list-style:none; margin:0; padding:0;}
#main-nav ul li{display:block;}
#main-nav ul li.drop-cont{display:none; background:#2d2d2d;}
#main-nav ul li.drop-cont a{padding:8px 20px 7px 30px !important; font:normal 13px/14px Verdana, Geneva, sans-serif;}
#main-nav ul li.drop-cont li.drop-cont a{padding:8px 20px 7px 40px !important;}
#main-nav ul li.drop-head a.open{background:#333;}
#main-nav ul li a{display:block; padding:10px 20px 8px 15px; color:#FFF; font:normal 14px/16px Verdana, Geneva, sans-serif; text-transform:uppercase;}
#main-nav ul li a:hover{background:#444;}
#main-nav ul li a.selected{background:#F1F1F1 !important; color:#525252;}
#main-nav ul li.drop-cont a.selected{background:#333 !important; color:#FFF;}

#main{clear:both; margin: 0 60px 0 250px;  position:relative; z-index:2; background:#F1F1F1; border-top-left-radius:3px; border-top-right-radius:3px; padding:10px 15px 50px 15px; min-height: 600px;}
#page-header{border-bottom:2px solid #ccc;}
#page-header .btn{float:right; margin-left:10px;}

.actions-dock{position:absolute; top:0; right:0; padding: 0 5px;}
.actions-dock .btn{width: 50px; margin-bottom: 5px; text-align: center; padding:2px 5px 2px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.actions-dock .btn i{display:block;}
.actions-dock .btn span{display: block; font-size: 7px; line-height: 1em; font-weight: normal; white-space: nowrap; margin-top: 3px;}
.actions-dock.sticky{position:fixed; top:5px; right: 0;}

/*-- Dashboard Styling --*/
.dash-boxes{margin-top: 15px;}
.color-box .block{ color:#FFF; border: none !important; padding: 30px 15px !important; position: relative; display:block;}
.color-box i{position: absolute; left: 4px; bottom: 4px; font-size: 82px;}
.color-box .block .block-text{position: relative; z-index: 5; font: normal 36px/36px Verdana, Geneva, sans-serif; text-align: right;}

.dash-quick-links .ql-section{margin-bottom: 20px;}
.dash-quick-links .ql-section h3{margin-bottom: 10px;}
.dash-quick-links .ql-section .ql-block{display: block; border: 3px solid #DDD; margin-bottom: 20px; background: #fafafa;}
.dash-quick-links .ql-section .ql-block:hover{border: 3px solid #ccc;}
.dash-quick-links .ql-section .ql-block .icon{display: block; text-align: center; font-size: 42px; padding: 20px 20px 15px;}
.dash-quick-links .ql-section .ql-block .ql-info{padding: 0 20px; text-align: center;}
.dash-quick-links .ql-section .ql-block .ql-title{background: #DDD; font-size: 16px; font-weight: bold; padding: 10px 20px 7px; text-transform: uppercase;}

.ql-orange a{color: #FF6600;}
.ql-red a{color: #E31B0C;}
.ql-green a{color: #75B554;}
.dash-quick-links .ql-section.ql-green .ql-block .ql-title{background: #75B554;}
.dash-quick-links .ql-section.ql-red .ql-block .ql-title{background: #E31B0C;}
.dash-quick-links .ql-section.ql-orange .ql-block .ql-title{background: #FF6600;}


.dash-alerts{margin-bottom: 30px;}
.dash-alerts h3{padding: 10px 20px; font-weight: normal; font-size: 20px; color: #FFF; line-height: 1em;}
.dash-alerts h3 i{font-size: 32px; padding-right: 10px; line-height: 1em;}
.dash-alerts h3 span{display: inline-block; vertical-align: middle;}
.dash-alerts .dash-notify{border-bottom: 3px solid #DDD;}
.dash-alerts .dash-notify h3{background: #37A0D0;}
.dash-alerts .dash-notify .da .da-title{color: #37A0D0;}
.dash-alerts .dash-software{border-bottom: 3px solid #DDD;}
.dash-alerts .dash-software h3{background: #75B554;}
.dash-alerts .dash-software .da .da-title{color: #75B554;}
.dash-alerts .da{background: #fafafa; border: 3px solid #DDD; border-top: 0; border-bottom: 0;}
.dash-alerts .da a{color:#FF6600; font-style: italic;}
.dash-alerts .da .da-title{padding: 10px 20px; color: #FFF; background: #F1F1F1; font-weight: bold;}
.dash-alerts .da .da-title h4{float: left; margin-right: 20px; font-weight: bold; font-size: 16px; padding-bottom: 0; line-height: 1em;}
.dash-alerts .da .da-title .da-date{float:right; display: block; margin-top: 2px;}
.dash-alerts .da .da-summary{font-weight: bold;}
.dash-alerts .da .da-info{padding: 20px 20px 10px;}
.dash-alerts .da .da-info ul{padding: 0 0 10px; list-style: none;}
.dash-alerts .da .da-info ul li{margin-bottom: 3px;}
.dash-alerts .da .da-info ul li:before{content: "-"; padding-right: 10px;}

.listing{margin:15px 0;}
.listing table{width:100%;}
.listing table .icon{width:40px; text-align:center;}
.listing table .icon img{display:inline; width:20px; height:20px; color:#C30;}
.listing table .icon img path{fill:red;}
.listing table .icon i{font-size: 20px; line-height: 18px; font-weight: bold;}
.listing table .icon i span{font-size: 12px; line-height: 16px;}
.listing table thead{background:#37A0D0; color:#FFF; border:1px solid #37A0D0;}
.listing table thead th{font:bold 15px/15px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:8px 10px;}
.listing table tbody{background:#FFF; border:1px solid #ddd;}
.listing table tbody tr:hover{background: #ededed;}
.listing table tbody td{padding:10px; font-size:12px; border-bottom:1px solid #ddd;}

/*-- List Active Sort -- */
.ui-sortable tr{cursor:move;}
.ui-sortable tr:hover{background-color:#ecf7ff;}
.ui-sortable tr.ui-sortable-helper{background-color:#ecf7ff; border:2px dashed #0069D6; width:100%;}
.ui-sortable tr.ui-sortable-helper td{}

.sorting{margin-bottom:40px;}
.sorting #sortOff, .sorting #sortOn{float:left;}
.sorting .btn{display:inline;}

/*-- Tabs -- */
#tabs{margin-top:15px;}
#tabs a{display: block; float: left; padding: 6px 12px; border: 1px solid #cccccc; margin:0 8px 8px 0; font: bold 14px/14px Arial, Helvetica, sans-serif; color:#999; background: #eee; text-transform: uppercase; cursor: pointer;}
#tabs a:hover{background: #999; color: #FFFFFF;}
#tabs a.active{background: #000; color: #FFFFFF;}

.droptab{position: relative; float:right; margin-left: 8px; z-index: 80;}
.droptab .dt-trigger{ padding-left: 4px;}
.droptab .dt-trigger .dt-title{display: block; border: 1px solid #cccccc; padding: 6px 8px; font: bold 14px/14px Arial, Helvetica, sans-serif; color:#999; background: #eee; text-transform: uppercase; cursor: pointer;}
.droptab .dt-trigger .dt-title:hover{background: #FFFFFF;}
.droptab .dt-options{display: none; position: absolute; right: 0; background: #FFF; border: 1px solid #ccc; border-top: 0; min-width: 100%;}
.droptab .dt-options a{display: block; padding: 8px 20px; border-top: 1px solid #ccc; font: normal 14px/14px Arial, Helvetica, sans-serif; white-space: nowrap; color: #444;}
.droptab .dt-options a:hover{background: #ededed;}

/*-- Forms Style -- */
.admin-form{margin:15px 0;}
.admin-form fieldset{background:#FFF; border:1px solid #ccc; padding:15px; margin-bottom:15px;}
.admin-form label{padding-bottom:3px; line-height: 24px; font-size: 14px;}
.admin-form label.required{padding-right: 16px; background:url(../images/admin/svg/icon-asterisk.svg) top right no-repeat;}
.admin-form label.checkbox { cursor: pointer;}

.admin-form .rel-list{margin: 0; padding:16px 16px 10px; max-height: 400px; overflow-y: auto; border: 1px solid #ccc; list-style: none; }
.admin-form .rel-list li{padding-bottom: 6px;}
.admin-form .rel-list .highlight{background: #37A0D0;}
.admin-form .rel-label{display: inline-block; vertical-align: middle; padding: 0; margin: 10px  10px 10px 0;}
.admin-form .rel-search{margin: 10px 0; display: inline-block; vertical-align: middle;}
.admin-form .rel-search .icon{display: inline-block; vertical-align: middle;}
.admin-form .rel-search .rel-search-field{display: inline-block; vertical-align: middle; margin-right: 6px; width: 220px;}

input[type=text], input[type=email], input[type=password], select{width:100%; height:30px; padding:0 5px; color:#666; font-size:14px; border:1px solid #aaa; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
input[type=file]{padding:6px; border: 1px solid #aaa; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
select{padding-right:0;}
textarea{width:100%; height:80px; padding:8px 5px; color:#666; font-size:14px; border:1px solid #aaa; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
input.search{background:url(../images/admin/svg/icon-search.svg) center right 3px no-repeat; padding-right:28px;}
input.date{background:url(../images/admin/svg/icon-date.svg) center right 3px no-repeat; padding-right:28px;}
input.time{background:url(../images/admin/svg/icon-time.svg) center right 3px no-repeat; padding-right:28px;} 
input.datetime{background:url(../images/admin/svg/icon-datetime.svg) center right 3px no-repeat; padding-right:28px;} 
input.email{background:url(../images/admin/svg/icon-email.svg) center right 3px no-repeat; padding-right:28px;} 
input.user{background:url(../images/admin/svg/icon-user.svg) center right 3px no-repeat; padding-right:28px;}
input.secure{background:url(../images/admin/svg/icon-secure.svg) center right 3px no-repeat; padding-right:28px;}
input.phone{background:url(../images/admin/svg/icon-phone.svg) center right 3px no-repeat; padding-right:28px;}
.admin-form .row{margin-bottom:10px;}
.row{clear:both;}
.row .col{margin-left:2%; float:left;}
.row .col:first-child{margin-left:0;}
.row .full{width:100%;}
.row .half{width:49%;}
.row .third{width:32%;}
.row .third_2{width:66%;}
.row .fourth{width:23.5%;}
.row .fourth_2{width:49%;}
.row .fourth_3{width:74.5%;}
.row .fifth{width:18.4%;}
.row .fifth_2{width:38.8%;}
.row .fifth_3{width:59.2%;}
.row .fifth_4{width:79.6%;}
.row .sixth{width:15%;}
.row .sixth_2{width:32%;}
.row .sixth_3{width:49%;}
.row .sixth_4{width:66%;}
.row .sixth_5{width:83%;}
.row .col .block{padding:15px; background: #FFF; border: 1px solid #CCC; font-size: 14px;}
.helper{padding:5px 0 0 5px; font-size:11px; color:#999;}
.redactor-box{margin-bottom: 0;}
.redactor-box .redactor-editor{min-height:40px;}
#redactor-modal-image-insert img{display: inline;}

/* upload ajax */
.progress-bar { display: block; width: 0; height: 4px; background: #00b3ee;}

/*-- Image Editiing -- */
.crop-info { display: block; margin: 5px 0; font-size: 12px; line-height: 1;}
.crop-toolbar { display: block; margin: 10px 0;}
.crop-toolbar .row {clear: both; margin: 0 0 10px 0;}
.crop-toolbar .group { display: block; float: left; margin: 0 20px 0 0;}
.crop-toolbar .group.float-right { float: right; margin: 0;}
/*.crop-toolbar button {padding: 4px 10px; font-size: 24px; background: #00b3ee; border: none;}*/
.crop-toolbar button { float: left; margin: 0 3px 0 0; border-radius: 0; font-size: 16px;}
.crop-toolbar .actions button {font-size: 14px;}

/*-- Toggle Switch --*/
#admin-toggle {position:absolute; right:65px; top:15px; width:80px; cursor: pointer; display: block; outline:none; overflow: hidden;border: 2px solid #999; border-radius: 20px;height: 30px; color: #FFFFFF;}
#admin-toggle.cms{background: #37A0D0;}
#admin-toggle.ecm{background: #FF6600;}
#admin-toggle .switch{display: block; width: 15px; height:18px; margin:2px 6px; background: #FFFFFF; border: 2px solid #999; border-radius: 20px; position: absolute; top: 0; bottom: 0;}
#admin-toggle.cms .switch{right:48px;}
#admin-toggle.ecm .switch{right:-3px;}
#admin-toggle .label{display: block; padding: 0;font-size: 14px; font-family:Arial, sans-serif; font-weight: bold; color:#FFF; height:26px; width: 100%; position: relative;}
#admin-toggle.cms .txt:before {content: "CMS"; position: absolute; right:8px; top:4px; display: block;}
#admin-toggle.ecm .txt:before {content: "ECM"; position: absolute; right:24px; top:4px; display: block;}
/*-- icons view --*/
.line-icons h3{padding-bottom: 20px; font-size: 24px;}
.line-icons h3 small{font-size: 14px; font-weight: normal;}

#store-toggle {position:absolute; right:65px; top:15px; width:200px; cursor: pointer; display: block; outline:none; overflow: hidden;}

.subheader a.h-toggle{display: block; color: #FFF; position: absolute; right: 10px; top: 8px; cursor: pointer;}

/*-- Pagination --*/
.pagination{margin: 10px 0; list-style: none; padding: 0; clear: both; display: block; float: left;}
.pagination:after{content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden;}
.pagination li{display: block; float: left; font-size: 14px; line-height: 14px; margin-right:5px;}
.pagination li a, .pagination li.active span, .pagination li.disabled span{display: block; padding: 5px 6px; border: 1px solid #ccc; background: #FFF;}
.render-pages{float: left; margin: 17px 0 0 2px;}

/*-- Confirm Alert
.popover{position: absolute; z-index: 9999; width: 20%; height:20%; top: 40%; left: 40%; padding:0; background: #FFF; -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);}
.popover h2.subheader{background:#000; color:#FFF; font:bold 15px/15px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:10px; text-align: center;}
.popover .hold{text-align: center; font:bold 14px/22px Arial, Helvetica, sans-serif; padding: 15px;}--*/

#footer{padding:10px 15px; border-top:2px solid #ccc; color:#aaa; font-size:11px; position: absolute; left: 0; bottom: 0; width: 100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/* -- Responsive YouTube Embed -- */
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 20px;}
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*-- Responsiveness Media Queries -- */
@media (max-width: 1300px) {
	.color-box .block{padding: 30px 10px;}
	.color-box .block .block-text { font-size: 26px; }
	.color-box h2.subheader{font-size: 12px !important;}
}

@media (max-width: 1000px) {
	.admin-form .row{margin-bottom:0;}
	.admin-form .row .col, .dash-boxes .row .col{margin-top:10px; margin-bottom:10px;}
  	.row .col.split {margin-left:0; clear:both;}
  	.row .half{width:100%; margin-left:0;}
	.row .fourth, .row .third{width:49%;}
	.row .fifth, .row .sixth{width:32%;}
	.dash-boxes{margin-top: 5px;}
	.clear-mobile{float: none !important; width: 100% !important;}
}


@media (max-width: 760px) {
    .row .col{width:100%; margin:10px 0; float:none;}
    #main{margin-left:10px;  padding:10px 10px 50px 10px;}
    #main{margin-left:10px; margin-right: 0; padding:10px 10px 50px 10px;}
    #wrapper{margin:10px 10px 10px 0;}
    .admin-form fieldset{padding: 10px;}
    #main-nav{width:255px; color:#FFF; z-index:1; position:absolute; left:-255px; z-index: 999;}
    .menu-pin{display: block;}
    #header #logo{display: none;}
    #store-toggle{float: none; margin: 10px auto;}
    .actions-dock{display: none;}
}



@media (max-width: 700px) {
	.row .col{width:100%; margin:10px 0; float:none;}
}