/*
RESET CSS-Common css all html files. 
Created by rg - Parallel Minds Technology Solutions Pvt. Ltd. - 18 Dec 2012.
*/

* { margin: 0; padding: 0; outline: 0; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;	padding: 0;	border: 0;	/*font-size: 100%;font: inherit;*/	vertical-align: baseline;
}
	
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {background:#fff; font-family:Arial, sans-serif;  color:#333;  margin:0; padding:0; line-height:20px;}
html, body {font-size:100%;}
.container {font-size: 0.8em;}
@media only screen and (min-device-width:1370px) {
html { font-size:110%;} /*body=12px*/
}

@media only screen and (max-device-width:1024px) {
html { font-size:95%; } /*body=12px*/
}
@media only screen and (max-device-width:500px) {
html {font-size: 90%;}/*body=12px*/
}

ol, ul, li, a, a:active, a:focus {	list-style: none; text-decoration:none;outline: none; -moz-outline-style: none;}
a{ color:#333;/*outline: 0; -moz-outline-style: none;*/}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
/* change border colour to suit your needs */
hr {display:block; height:1px; border:0;  border-top:1px solid #cccccc; margin:1em 0;  padding:0;}
input, select { vertical-align:middle;}
textarea { resize:none;}
sup{font-size:10px;}
/*  clear class */
.clear{clear:both;	font:0px;	height:0px;	width:0px;	margin:0px;	padding:0px;}

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="checkbox"], textarea, select{
-webkit-box-shadow: none; box-shadow: none;-ms-box-shadow: none;}
input[type="file"] {min-height:30px\0;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
input[type="file"] {min-height:30px;}
}
[contenteditable=true], [contenteditable=false] {height:0;}

/*font icons*/
@font-face {font-family: 'syncat-icon';src:url('fonts/syncat-icon.eot?8zuur');src:url('fonts/syncat-icon.eot?8zuur#iefix') format('embedded-opentype'),
url('fonts/syncat-icon.ttf?8zuur') format('truetype'),url('fonts/syncat-icon.woff?8zuur') format('woff'),url('fonts/syncat-icon.svg?8zuur#syncat-icon') format('svg');
font-weight: normal;font-style: normal;}
.fs {display: inline-block; cursor:pointer; font-size:18px;text-align: center;width:30px; color:#444; font-family: 'syncat-icon';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;
	-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
/* icons classes*/
.fs-home:before {content: "\e001";}
.fs-search:before {content: "\e002";}
.fs-user-profile:before {content: "\e003";}
.fs-user:before {content: "\e004";}
.fs-build:before {content: "\e005";}
.fs-clone:before {content: "\e006";}
.fs-list:before {content:'\e007';}
.fs-crs-metadata:before {content: "\e008";}
.fs-crs-config:before {content:'\e009';}
.fs-custom-content:before {content:'\e010';}
.fs-templates:before {content:'\e011';}
.fs-assets:before {content:'\e012';}
.fs-pencil-square:before {content:'\e013';}
.fs-mail-reactive:before {content:'\e014';}
.fs-arrows-drag:before {content: "\e015";}
.fs-timer-clock:before {content: "\e016";}
.fs-eye:before {content: "\e017";}
.fs-gear:before {content: "\e018";}
.fs-plus:before{content: "\e019";}
.fs-pencil:before {content: "\e020";}
.fs-close:before {content: "\e021";}
.fs-delete:before {content: "\e022";}
.fs-reset:before {content: "\e067";}
.fs-checkmark:before {content: "\e024";}
.fs-arrow-left:before {content: "\e025";}
.fs-arrow-right:before {content: "\e026";}
.fs-arrow-down:before{content: "\e027";}
.fs-arrow-up:before {content: "\e028";}
.fs-arrow-dbl-left:before {content: "\e029";}
.fs-arrow-dbl-right:before {content: "\e030";}
.fs-arrow-circle-left:before {content: "\e031";}
.fs-arrow-circle-right:before {content: "\e032";}
.fs-sign-out:before {content: "\e033";}
.fs-alert:before {content: "\e034";}
.fs-monitor:before {content: "\e035";}
.fs-tablet:before {content: "\e036";}
.fs-mobile:before {content: "\e037";}
.fs-back:before {content: "\e038";}
.fs-more:before {content: "\e039";}
.fs-arrow-angle-up:before {content: "\e040";}
.fs-arrow-angle-down:before {content: "\e041";}
.fs-grid:before {content: "\e042";}
.fs-audio:before {content: "\e043";}
.fs-video:before {content: "\e044";}
.fs-image:before {content: "\e045";}
.fs-arrow-angle-left:before {content: "\e046";}
.fs-arrow-angle-right:before {content: "\e047";}
.fs-menu:before {content: "\e048";}
.fs-play:before {content: "\e049";}
.fs-pause:before {content: "\e050";}
.fs-doc:before {content: "\e051";}
.fs-envelope:before {content: "\e052";}
.fs-folder:before {content: "\e053";}
.fs-pencil-note:before {content: "\e054";}
.fs-save:before {content: "\e055";}
.fs-stop:before {content: "\e056";}
.fs-volume-up:before {content: "\e057";}
.fs-volume-mute:before {content: "\e058";}
.fs-responsive:before {content: "\e059";}
.fs-sort:before {content: "\e060";}
.fs-checkmark-thin:before {content: "\e061";}
.fs-export:before {content: "\e062";}
.fs-unlock:before {content: "\e063";}
.fs-locked:before {content: "\e064";}
.fs-calendar:before {content: "\e065";}
.fs-history:before {content: "\e066";}
.fs-refresh:before {content: "\e023";}
.fs-compare:before {content: "\e068";}
.fs-code:before {content: "\e069";}
.fs-grant-access:before {content: "\e070";}
.fs-download:before {content: "\e071";}
.fs-language:before {content: "\e072";}
.fs-accending:before {content: "\e073";}
.fs-descending:before {content: "\e074";}

/* End reset */
.algLeft{ float:left!important;}
.algRight { float:right!important;}
.fltNone { float:none!important;}
.algCenter { text-align:center;}
.algTextLeft { text-align:left;}
.clearfix{ margin:0px; padding:0px 20px;overflow: hidden; }
.clearfix:after {clear: both;}
.mrgTop {margin-top:15px;}
.mrgTopMax {margin-top:20px!important;}
.mrgBottom {margin-bottom:15px!important;}
.textBold {font-weight:bold;}
.asterisk {color:#ff0000; font-weight:bold;}
.lightGrayBg {background:#f6f6f6!important;}
.border-radius-top {border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-ms-border-radius:2px 2px 0 0;-o-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;}
input[type="submit"], input[type="button"],button, .defaultBtn, input[type="submit"].defaultBtn, input[type="button"].defaultBtn {min-width:75px; outline:none!important;
cursor: pointer;color: #444;padding:0px 10px;text-align: center;background-color: #fff;border: 1px solid #d3dbde; margin:0px 5px 0px 0px;}
.defaultBtn, input[type="submit"].defaultBtn, input[type="button"].defaultBtn { float:left;line-height: 35px; font-weight:bold;}
input[type="submit"], input[type="button"], button, .defaultBtn, input[type=text],input[type=password], select{ }
 select{height:35px;}
.defaultBtn:hover{ background:#F5F5F5;}
.actionBtn, input[type="submit"].actionBtn:hover, input[type="button"].actionBtn:hover{background-color: #d46f15; border: 1px solid #d46f15; color:#fff;}
.primaryBtn, .primaryBtn:hover {background:#0f587f!important; color:#fff!important; border:1px solid #0f587f!important;}
.secondaryBtn,  .secondaryBtn:hover{background:#e5952c!important; color:#fff!important;border:1px solid #e5952c!important;}
.redBtn, .redBtn:hover {background:#b62229!important; color:#fff!important; border:1px solid #b62229!important;}
.defaultBtn .fs {width:20px; float:left; line-height:35px;margin-right: 2px;}
.defaultBtn .fs.fs-plus {font-size:1.2em;}
.primaryBtn .fs, .secondaryBtn .fs, .primaryBtn:hover .fs, .secondaryBtn:hover .fs, .primaryBtn .fa, .secondaryBtn .fa, .primaryBtn:hover .fa, .secondaryBtn:hover .fa, 
.redBtn .fs, .redBtn:hover .fs {color:#fff!important;}
input[type=submit]:disabled { opacity:0.7;-moz-opacity:0.7; -khtml-opacity: 0.7;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70);}
.disable {opacity:0.5;-moz-opacity:0.5; -khtml-opacity: 0.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);}
/* End reset*/

/*form*/
input[type=text],input[type=password], textarea, .form-label select, .form-field input[type="number"], input[type="email"], select{
margin:5px 0; padding:0px 7px; border:1px solid #dddddd;float:left;max-width:340px; min-height:35px; width:100%;font-family:Arial, sans-serif;
-moz-box-sizing: border-box;-ms-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
textarea { height:100px; padding-top:3px!important;}
.form-label select { margin-top:-9px;}
.form-container {margin:50px auto; width: 400px;}
.form-header {overflow:hidden; text-align:center;}
.form-header .logo {float:none;}
.form-header h3 {color:#aaa;font-size:1.3em;font-weight: normal;margin: 5px 0;}
.form-container .copyright {color:#aaa; text-align:center;}
.form-wrapp-box {background: #fff;margin:5px auto 10px;width:400px;}
.form-wrapp-box h3 {background:#e5952c;height:45px; line-height:45px; font-size:1.5em; color:#fff; padding:0 30px;}
.form-box {padding:25px 30px 30px;overflow: hidden;}
.form-grid { margin: 5px 0 20px 0px;padding: 0; overflow:hidden;}
.form-label, .form-field {margin:0;padding: 0;font-size: 1.1em;}
.form-field {padding: 0;font-size: 1.1em;}
.form-label {margin:0 0 5px 2px; color:#555; font-size:1.2em;}
.form-field input[type=text], .form-field input[type=password], .form-field textarea, .form-field select, .form-field input[type="number"],
input[type="email"], textarea, .textfieldDisable{ font-size:1em; margin:0px; padding:0px 7px; border:1px solid #dddddd;
float:left;width:100%; 
 box-shadow:0 0 3px #ddd inset;-moz-box-shadow:0 0 3px #ddd inset;-webkit-box-shadow:0 0 3px #ddd inset;-ms-box-shadow:0 0 3px #ddd inset;
 -o-box-shadow:0 0 3px #ddd inset;}
.textfieldDisable {height:33px; line-height:33px;max-width: 324px;background: #ececec;color:#666;}
.form-field select {padding-right:0px!important;}
.form-field select option{padding:2px 7px;}
.form-footer {padding:15px 20px 10px; border-top: 1px solid #d8dfe5;overflow: hidden;}
.rememberMe {float: left;font-size: 12px;margin-left: 5px;}
.forgotPass {float: right;}
.forgotPass a {color: #00587e;}
.ortext {color: #990000;font-weight: bold;margin-bottom: 15px;}
.rememberMe input[type="checkbox"] {margin-right: 5px;}
.newUserLogin { height:36px; line-height:36px;}
.userhelpPanel a:hover, .form-action a:hover { text-decoration:underline;}
.form-action .defaultBtn {min-width:100px; font-weight:bold; font-size:1.2em; margin-right:10px; outline:none!important;}
.form-action {margin-top:25px;}
.grid-half {width:100%;overflow:hidden;}
.grid-half .form-grid{width:49%; margin-right:2%; float:left;}
.grid-half .form-grid:last-child {margin-right:0%;}
.error-text {color: #b62229;font-size: 0.9em;}
.form-fielda .defaultBtn {line-height: 37px;min-width: 60px;}
.config-options h3{background: #f6f6f6 none repeat scroll 0 0; border: 1px solid #ebebeb;color: #464646;font-size: 1em; padding:5px 10px;
margin-bottom:15px;}
.config-options .config-list{ padding:0; margin-left:200px;}
.list-option { float:left;margin: 0 10px 10px 0;width: 175px;font-weight: bold;}
.list-option input[type="checkbox"], .crs-checkOpt input[type="checkbox"]{margin:-1px 5px 0px 0;}
.picker-box {}
.picker-box .picker{float: left; height:35px; width:35px;
 box-shadow:0 0 3px #777 inset;-moz-box-shadow:0 0 3px #777 inset;-webkit-box-shadow:0 0 3px #777 inset;-ms-box-shadow:0 0 3px #777 inset;
 -o-box-shadow:0 0 3px #777 inset;}
.form-body {background:#2b2b30;}
.form-body .back-to-top {bottom: 3px;}
.list-body .footer p {margin-left:20px;}
/*header style here*/
.header { height:60px;width: auto;background: #28292d;padding: 0px 0px 0 20px;}
.header h2 { color:#FFF; font-weight:bold;position: absolute; left:38%; padding-top:20px;}
.logo {float: left;width: 200px;margin: 15px 10px 0 0;}
.logo img { border:none;vertical-align: middle; max-height:60px;}
.companyTitle {float: left;height:35px; text-align: center; line-height:35px; color:#fff; margin-top:12px; font-size:1.5em;left:15%;
text-overflow: ellipsis;white-space: nowrap;max-width: 37%;overflow: hidden;}
.statusBox {float:right;position:absolute; right:0px; height:60px;line-height: 30px;}
.userStatus { overflow:hidden;float: left;}
.userName {color:#c8c8c8;margin-left:5px;float: left;width:85px;overflow: hidden;
text-overflow: ellipsis;white-space: nowrap; }
.userIcon { float:left; height:30px; width:30px; display:block;margin-left:15px; }
.leftDeviderLine{border-left:1px solid #444;height:40px; width:1px;margin-left: 15px;margin-top:10px;float:left;}
.userIcon, .userName{padding: 5px 0;margin-top:10px;}
.userSettingBtn { float:left;height:60px; width:40px; display:block;line-height:28px; margin: 0;}
.userSettingBtn > a{ color:#FFF;display:block;text-align: center; cursor:pointer;line-height:60px; width:40px;}
.userSettingBtn > a.active { background:#e5952c;}
.submenu{ position: absolute;top:60px;right:2px;z-index:3;}
.arrow-down {width: 0; height: 0; border-left:8px solid transparent;border-right:8px solid transparent;
border-bottom:8px solid #fff; position:absolute; top:-8px; margin-left:126px;}
.menuitems{background: #fff;z-index: 100;width:175px;margin-left:-9px;padding:3px 0px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);-ms-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.menuitems li{/*width: 130px !important;*/ height:30px; line-height:30px;}
.menuitems li:last-child{ border-top:1px solid #ebebeb;}
.menuitems li:hover { background-color:#efefef;}
.menuitems li a{ color:#E5952C; text-align:left;padding: 0 5px;font-size:.9em; font-weight: bold;display: block;cursor: pointer;}
.menuitems .fs {position: relative;top:4px; color:#E5952C;}
/*header style end*/

/*Top Panel here*/
.topPanel {background:#fff;height:28px; overflow: hidden; padding:2px 2px 2px 20px; position:relative;
box-shadow: 0 1px 3px #ccc;-moz-box-shadow: 0 1px 3px #ccc;-webkit-box-shadow: 0 1px 3px #ccc;-moz-box-shadow: 0 1px 3px #ccc;-o-box-shadow: 0 1px 3px #ccc;}
.topPanel .left{ float:left;margin:0 0 0 -3px;width:235px;}
.syn_breadcrumb {float: left;list-style: outside none none;padding:2px 4px 4px 0;}
.syn_breadcrumb a {color: #666; float:left;line-height: 24px;margin-right: 5px;}
.syn_breadcrumb a#contentlink span { float:left;}
.syn_breadcrumb a#contentlink span:first-child:before {margin:0px 5px 0 0;}
.syn_breadcrumb a#contentlink span:before {color: #666;content: "\e030";font-family:"syncat-icon";font-weight: normal;margin:0px 5px;float:left;}
.syn_breadcrumb .fs-home {display: block;padding-top:1px;color:#e5952c;font-size: 1.6em;}
.syn_breadcrumb a.first:before {content:none; }
.syn_breadcrumb a.first {margin-right:0; }
.searchBox {float: right; position:relative;}
.searchBox form { border:1px solid #d5d5d5;width:190px; background:#fff; height:27px;}
.searchBox .inputBox { border:none;padding: 5px 10px;}
.searchBox input[type="text"] {background: none repeat scroll 0 0 transparent;border: medium none; box-shadow: none; margin: 0;
    padding:0px 0 0 5px;width: 160px; font-size:12px; height:26px;float: none;height:25px;min-height: 25px; }
.searchBox input[type="submit"] { background:url(images/search-icon.png) no-repeat 0 0; border:none;  margin:0; height:25px;   }
button.searchCatBtn { width:26px;min-width: 26px; border:none;margin:0 2px 0 0; padding:1px 0 0;height: 25px;float:left;}
.searchCatBtn .fs-search{color:#6E6E6E;font-size: 1.1em;}
.seacrhBtn{ border:none;height:25px; width:25px;}
.clear-search{width:20px; position:absolute; right:3px;top: 2px;}
.clear-search .fs{ float:right;color:#555; width:20px;font-size: 1em;line-height: 26px;}
.assets-search input[type='text']{width:120px!important\0;}
.clear-search .fs-close{display:none\0;}
_:-ms-lang(x), .clear-search .fs-close {display:none;}
input[type="text"].hideClose::-ms-clear {display:none;}
/*Top Panel end*/

/*colors*/
.clrGray, .clrGray a {color: #ccc;}
.clrWhite, .clrWhite a {color: #fff;}
.clrRed, .clrRed .fs  {color:#b62229!important;}
.clrOrange {color:#e5952c;}
.clrBlue,  .clrBlue .fs, .clrBlue .fa{color:#0f587f!important;}
.clrGreen {color:#008000;}
.clrGreenL {color:#008000;}
.clrRedL {color:#b62229;}

.note-info {background:#d9edf7;clear: both;color:#31708f;}
.note-warning{background:#fcf8e3; border:1px solid #eddebf;color:#8a6d3b;}
.note-success{background:#dff0d8; border:1px solid #c9dcb9;color:#3c763d;}
.note-error{ background:#fee6e6;color: #a94442; border:1px solid #ebccd1;}
.note-info, .note-warning, .note-error, .note-success{font-weight:bold;padding:6px 20px 5px;}
.note-info-inline {color:#31708f; overflow:hidden;padding:1px 0 0;}

/*content wrapper here*/
.content-wrapper { padding-bottom:45px; min-height:300px;overflow:hidden;}
.back-to-top {opacity:.9;background:#E5952C;color: #fff;position: fixed;bottom:42px;right:3px;display: none; height:30px; width:30px; z-index:10; cursor:pointer;}
.back-to-top i { color:#fff; font-size: 20px; line-height:30px;}
.synloader {position:fixed;top:50%;left: 50%;width: 32px;height: 32px;z-index: 999999;}
.bookmark-page {margin:40px auto; max-width: 556px;}
.add-section { background:#2a2928; font-size:15px; padding-left:20px; height:40px; line-height:40px; color:#eee; text-transform:uppercase;
 border-bottom:2px solid #e5952c;/*margin-bottom: -2px;*/}
.add-section .fs-plus { background:#000; float:right;  height: 40px; line-height: 40px; color:#eee; }
.online-users{ position:relative; background:#2a2928; position:absolute; bottom:0; height:39px; width:100%;}
.online-users .fs{font-size:20px; border-left: 1px solid #454545;color: #eee;float: right;line-height:40px;width: 40px;}
.circleIco { position:absolute;  right: 9px;top:8px; height:7px; width:7px; background:#27ba00; border:1px solid #fff;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;-ms-border-radius:5px;}
.online-popup { padding:10px; background:#eee; position:absolute; min-height:150px; width:87%; left:2%; bottom:38px;}
.arrow-point {width: 0; height: 0; border-left:8px solid transparent;border-right:8px solid transparent;
border-top:8px solid #eee; position:absolute; bottom:-8px; right:7px;}
.online-popup h3{border-bottom:1px solid #ccc; font-size:1em;padding:0 0 5px 5px;margin-bottom: 10px;}
.userlist {max-height: 175px;overflow: auto;}
.online-popup .userlist li, .account-userlist li{ line-height:30px;margin:0 0 10px;overflow: hidden;}
.online-popup .userlist li:last-child{margin-bottom:0;}
.userlist .userlist-icon, .account-userlist .userlist-icon {float:left;background:#fff; height:30px; width:30px;}
.userlist-icon .fs, .account-userlist .fs{color:#333; line-height:30px; padding-left: 1px;}
.userlist-icon .fs.fs-user{cursor:default;}
.userlist .name, .account-userlist .name{float:left; color:#333; width:70%; font-weight:bold; padding-left:7px; text-overflow:ellipsis;
overflow:hidden; white-space:nowrap;}
.user-online, .user-offline{float:right;width:10px; height:10px; background:#27ba00; margin: 12px 2px; border-radius:50%;-moz-border-radius:50%;
-webkit-border-radius:50%; -o-border-radius:50%;-ms-border-radius:50%;}
.user-offline{ background:#b0b0b0;}

/*pagination*/
.pagination {display: inline-block;padding:3px 0 0; float:left; margin-right:10px;}
.pagination > li {display: inline;}
.pagination > li:first-child > a, .pagination > li:first-child > span {border-bottom-left-radius:2px;border-top-left-radius: 2px;
margin-left: 0;}
.pagination > li > a, .pagination > li > span {border:0px solid #dddddd;float: left;line-height:25px;margin-left: -1px;
min-width:20px; height:25px; padding: 5px;position: relative;text-decoration: none;font-weight: bold;cursor: pointer; text-align:center;}
.pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius:2px;border-top-right-radius:2px;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  color: #cc8325;border-color: #d58c2e;cursor: default;z-index: 2; font-size:16px;}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus 
.pagination > .disabled > span.fs, .pagination > .disabled > span.fs:hover, .pagination > .disabled > span.fs:focus, .pagination > .disabled > a .fs, .pagination > .disabled > a:hover .fs, .pagination > .disabled > a:focus .fs {
border-color: #dddddd;color: #999999;cursor: not-allowed;}
.pagination li a .fs{width:15px; font-size:1.3em;line-height: 25px;}
.pagination li.disabled .fs{}
/*left Panel styles here*/
.left-navigation { background:#323232; width:230px; position:fixed; z-index:1; top:92px; bottom:0; transition:all 100ms ease-in-out 0s;}
.leftPanel-fixed,  .actPanel-fixed {position: fixed;top:0;z-index: 100;}
.freeze-actPanel.actPanel-fixed{width:calc(100% - 260px); box-shadow:0 1px 5px #cccccc; border-bottom:1px solid #ccc;}

ul.main-navigation {padding: 0;max-height: none !important;list-style: none;
transition: margin-left 20ms ease-in-out 0s;-moz-transition: margin-left 20ms ease-in-out 0s; -webkit-transition:margin-left 100ms ease-in-out 0s;-ms-transition: margin-left 50ms ease-in-out 0s;-o-transition:margin-left 20ms ease-in-out 0s;
}
ul.main-navigation li {display: block;margin: 0;padding: 0;min-height: 36px;}
ul.main-navigation li a {display:table;font-size: 13px;font-weight: bold;margin: 0;padding:0px;position: relative;text-decoration: none;line-height:35px;
width:100%;outline:none;/*border-bottom: 1px solid #454545;*/}
ul.main-navigation li a {cursor:pointer;}
ul.main-navigation li a, ul.main-navigation li > a .fs{color: #91979b;}
ul.main-navigation li.open a{}
ul.main-navigation li.active a i {color: #333;}
ul.main-navigation li a .fs {height:35px;}
ul.main-navigation.meta-nav li a .fs {font-size: 19px;margin-right: 5px;}
ul.main-navigation.meta-nav li a .fs-folder, ul.main-navigation.meta-nav li a .fs-doc {font-size: 20px;}
.dragger, .title .fs {float:left; width:20px; line-height:34px;}
.title {float:left; width:170px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; cursor:pointer;}
.more-option, .deleteOptBtn {float:right; height:35px;line-height:35px; width:35px;}
.title .fs {width:25px;}
.title label { cursor:pointer;}
.sub-menu {background:#272727;}
ul.main-navigation li .sub-menu li a, ul.main-navigation li .sub-menu li a .fs{color:#7a7979;}
ul.main-navigation li .sub-menu li a{font-size: 14px;}
.fs.deleteOptBtn{font-size: 15px;}
.sub-menu li > a .dragger {margin-left:20px;}
.sub-menu li > a .title {width:155px;min-height:35px;}
.fs.dragger{background:#717170;}
ul.main-navigation li:hover > a .fs.dragger, ul.main-navigation li.open > a .fs.dragger{background:#89591a;}
ul.main-navigation li > a .fs.dragger{color:#ccc;}
.sub-menu .fs.dragger, ul.main-navigation li:hover > .sub-menu .fs.dragger{background:none;}
/*menu active*/
ul.main-navigation li.open > a, ul.main-navigation li:hover > a {background:#e5952c;}
ul.main-navigation li.open > a, ul.main-navigation li.open > a .fs, ul.main-navigation li:hover > a, ul.main-navigation li:hover > a .fs{color: #fff;}
ul.main-navigation li .sub-menu li:hover a, ul.main-navigation li .sub-menu li.selected a {background:#141414;}
ul.main-navigation li .sub-menu li:hover a, ul.main-navigation li .sub-menu li.selected a,
ul.main-navigation li .sub-menu li:hover a .fs, ul.main-navigation li .sub-menu li.selected a .fs
{color:#d4d4d4;}
ul.main-navigation li .sub-menu li a, ul.main-navigation li .sub-menu li a .fs{color:#7a7979;font-weight: normal;}
hr.style1{border-top: 1px solid #222;margin: 10px auto;width: 100%; box-shadow: 0 1px 1px #555; -moz-box-shadow: 0 1px 1px #555;
-webkit-box-shadow: 0 1px 1px #555;-o-box-shadow: 0 1px 1px #555;-ms-box-shadow: 0 1px 1px #555;}
.meta-nav li a .title{ padding-left:20px;width: 210px;}
ul.main-navigation li.disable:not(.nohover):hover > a, ul.main-navigation li.disable:not(.nohover):hover > a .fs {background:none; color:#91979b;}
ul.main-navigation li.disable a{cursor:not-allowed;}
.more-opt-wrapp{position:relative;}
.more-list {position:absolute; background:#fff;right: 2px;top: 35px;z-index: 10; margin:0; padding:0;height: 35px;}
.more-list .fs {line-height:35px;width:35px; border-right: 1px solid #999;}
.more-list .fs:last-child {border-right:0px;}
.more-list span {float:left;}
.more-list span:hover {background:#f2f2f2;}
.more-list .arrow-down {right: 8px;}
.more-list span.arrow-down:hover {background:none;}

/*table style*/
.sysCheck-wrapp {overflow:hidden; width:80%;margin: 0 auto;min-width: 500px;}
.sysCheck-wrapp h2 {font-size: 1.2em;margin: 0;padding: 10px 20px 0;} 
.sysCheck-wrapp .syn-table { float:left; width:60%;line-height: normal; margin:10px;}
.sysCheck-wrapp .syn-table table {width:100%;}
.sysCheck-wrapp .infoDet { float:left; width:34%; margin:10px 0 10px 10px;}
.syn-table {line-height: normal;}
.syn-table table {width:100%;color:#333;font-size:1.1em;background:#eaebec;border:1px solid #e0e0e0;}
.syn-table table th {padding:13px 10px; border: 1px solid #e0e0e0;background: #f2f2f2;}
.syn-table table th{text-align: left;}
.syn-table table tr td:last-child, .syn-table table th:last-child{text-align: center!important;}
.syn-table table tr td:last-child{ /*font-weight:bold;*/}	
.syn-table table .trLast{text-align: center;padding-left:20px;}
.syn-table table tr td:first-child{text-align: left;padding-left:10px;border-left: 0;}
.syn-table table tr td {word-wrap: anywhere; word-break:break-all; vertical-align:top;padding:10px;border-top: 1px solid #ffffff;border-bottom:1px solid #e0e0e0;border-left: 1px solid #e0e0e0;position: relative; }
.syn-table table tr:nth-child(even){background: #fff;}
.syn-table table tr:last-child td{border-bottom:0;}
.syn-table table tr.title td{font-weight:bold;}
.syn-table table tr:nth-child(odd){background: #fff;}
.syn-table table tr:nth-child(even){background: #f9f9f9;}

/*right Panel styles here*/
.rightColPanel {min-height:300px;overflow:hidden; /*position:relative;*/ margin-left:20px;margin-left:230px; transition: margin-left 500ms ease-in-out 0s;}
.ellipsis { overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}

/*get started style here*/
.template-container {border-top:1px solid #d8dfe5; padding:0px;}
.view-temp-box {background:#fff; border-top:1px solid #d8dfe5;overflow: hidden;padding:20px;}
.template-creation .view-temp-box {padding:0px;}

.view-temp-box .form-label {color: #333;  float:left; width:200px;}
.view-temp-box .defaultBtn  { margin-right:10px;}
.form-field input[type="number"] {padding:0 0 0 7px;}
.input-small {width:150px!important;}
.view-temp-box .form-field {overflow:hidden;}
.full-width {width:100%!important;max-width: 100%;}

/*course list*/
.action-panel {background:#fff; padding:10px 20px; overflow:hidden; clear:both;min-height: 37px;}
.action-panel .defaultBtn{min-width:60px;}
.action-left { float:left;}
.action-right { float:right;}
.action-right input[type="submit"]:last-child, .action-right input[type="button"]:last-child, .action-right button:last-child, .action-right .defaultBtn:last-child, .action-right.assets-addBtn .defaultBtn { margin-right:0px;}
.action-right #pagespecificBtn input[type="submit"]:last-child, .action-right #pagespecificBtn input[type="button"]:last-child, .action-right #pagespecificBtn button:last-child, .action-right #pagespecificBtn .defaultBtn:last-child{ margin-right:5px;}
.icons-box { margin:8px 25px 0 0;}
.icons-box a {display: inline-block;}
.icons-box a .fs{font-size:1.5em;}
.icons-box a:hover .fs, .icons-box .select-tab .fs{/*background:#eee;*/ color:#0f587f;}

.crsList-grid {border-bottom: 1px solid #dcdcdc;padding:15px 0 0;}
.crsList-info {padding: 15px 5px;overflow: hidden;}
.crsList-info .imgInfo {width:230px;float: left;margin-right: 15px;text-align: center; overflow:hidden;}
.crsList-info .imgInfo img {padding-right:1px;}
.crsList-desc {overflow: hidden;}
.crsList-desc h3 {color: #00587e;font-size:1.4em; margin-bottom:10px;line-height: initial; min-height:25px;}
.crsList-desc p {margin-bottom: 5px;}
.detInfo {margin-bottom:8px;overflow: hidden; color:#777;font-weight: 700;}
.grid-layout .detInfo {display:grid; grid-template-columns:auto 1fr;}
.detInfo .titleB {float: left; margin-right:5px; color:#3C3C3C;}
.infoMerge .descText {float: left; min-width:100px;}
.crsList-grid .crs-footer {height: 30px;line-height: 30px; padding:1px 15px;}
.crs-footer .lastUpdate {float: left;color:#B62229;max-width: 60%;}
.crs-footer .actionLink {float: right;color: #dd7d1d;width: 50%;min-width: 200px;}
.crs-footer .actionLink a {font-weight: bold;float: right;margin-left:15px;font-size: 0.95em; cursor:pointer;}
.crs-footer .actionLink .fs { float:left; line-height:30px; font-size:1.3em; width:25px;}
.crs-footer .actionLink a:hover {text-decoration: underline;}
.crsList-grid hr {display: block;height: 1px; background:#dcdcdc; margin:15px 0 2px; overflow:hidden; border:0; }

.releasedTag{background:rgba(0,0,0, .5);position: absolute;top:0px;width:100%;height:99%; display:block;}
.crs-grid-view .releasedTag .btn-released{ top:155px;}
.crs-grid-view .releasedTag{height:100%;}
.btn-released{color: #fff;background:#b62229;position:absolute;left:0; right:0; top:44%; margin:0 auto 0; padding:7px 15px 8px;width:80px;text-align: center;font-size:15px;
 display:block;font-weight: bold;border-radius:20px; -ms-border-radius:20px;-o-border-radius:20px;box-shadow: 0 0 5px #333;-moz-box-shadow: 0 0 5px #333;
-webkit-box-shadow: 0 0 5px #333;-ms-box-shadow: 0 0 5px #333;-o-box-shadow: 0 0 5px #333;}
.released-token .crs-footer .actionLink a, .released-token .crs-footer .actionLink a .fs{color: #0f587f; position:relative;}
.released-token .crsList-info {padding: 15px 0px;}

.view-options{ overflow:hidden; margin:10px 20px 5px;}
.view-options .defaultBtn .fs, .defaultBtn{line-height:35px;}
.view-options .selected-view {background:#f1f1f1;}
.crs-grid-view {margin:10px 20px; border:0;}
.grid-layout{display:grid; grid-template-columns:repeat(auto-fill, minmax(min(240px, 100%), 1fr)); gap:20px;}
.crs-grid-view .crsList-grid {float:left;position: relative; box-shadow: 0 0 5px #eee; border: 1px solid #ccc; padding:0;}
.crs-grid-view .crsList-info  {padding:0; }
.crs-grid-view .crsList-info .imgInfo {float: none;width:100%;margin:0;}
.crs-grid-view .crsList-info .imgInfo img {padding:0;width: 100% !important;}

.crs-grid-view .crsList-desc {padding:10px 15px 0;}
.crs-grid-view .detInfo .descText  {float:left;}
.crs-grid-view .crsList-desc h3, .crs-grid-view .detInfo .titleB, .crs-grid-view .detInfo .descText  {white-space: nowrap;overflow:hidden; text-overflow:ellipsis;}
.crs-grid-view .detInfo .gridview-descText  {float:none; width:100%; white-space:normal;height: 41px; overflow:hidden;}
.crs-grid-view .crs-footer .lastUpdate {max-width:100%;padding: 5px 15px;height:40px; overflow:hidden;}
.crs-grid-view .crsList-grid .crs-footer {height: auto;line-height:20px;padding:0;overflow: hidden;clear: both;}
.crs-grid-view .crs-footer .actionLink {float:none; width:100%; background:#0f587f; color:#fff; overflow:hidden; }
.crs-grid-view .crs-footer .actionLink a {text-indent:-1000px;width: 25px; margin:0 10px 0 0;}
.crs-grid-view .crs-footer .actionLink a .fs{color:#fff;}
.crs-grid-view .crs-footer .actionLink a span{text-indent:0px;}
.crs-grid-view .crsList-grid hr, .crs-grid-view .hide-attr{display:none;}

.crs-grid-view .crsList-grid .tagNewVers{left: -8px;top: 5px;}

.crs-grid-view .archive-hide {display:none;}

.account-userlist {}
.account-userlist .name{width:60%;max-width: 400px; margin-left:5px;}
.account-userlist .user-action{ float:right;}
.account-userlist li{margin-bottom:0;margin-top:1px;padding:8px 20px 5px;}
.account-userlist li:nth-child(2n+1){background:#f5f5f5;}
.account-userlist li a {color: #333;cursor: pointer;font-size: 12px;display: inline-block;width: 28px;}
.mngAddBtn{margin-bottom:9px;margin-top:-10px;}
.mngAddBtn .defaultBtn, .mngAddBtn .defaultBtn .fs{line-height:31px;padding-left:3px}
.activationPending, .account-userlist li.activationPending:nth-child(2n+1) { background:#ffffd4;}
.archived, .account-userlist li.archived:nth-child(2n+1) { background:#fff4f4;}
.archived .userlist-icon, .activationPending .userlist-icon{ background:transparent!important;}
.archived .name, .archived .fs.fs-user{color:#f56168;}
.remainCount {color: #50505a;float: right;font-size:0.81em;font-weight: normal;}
.remainCount .countBox {background: #b62229;border: 1px solid #af1920;color: #fff;margin-left: 5px;padding: 2px 5px;}
.colorIndicator {float: left;margin: 0 10px 7px 5px; font-size:.8em;}
.clrIndicateBox {float: left;height:13px;margin:3px 5px 0 0;width:13px;border: 1px solid #cfcfcf;}
.mailTypePending {background-color: #ffffd4;}
.mailTypeArchived{background-color: #fff4f4;}
/*footer style here*/
.footer {font-weight: normal; background:#eeeeee; position:fixed; z-index:0; width:100%;padding:5px 0px;line-height:28px; font-size:13px;overflow:hidden; bottom:0; border-top:1px solid #dedede;
/*box-shadow:1px -1px 2px #ddd; -moz-box-shadow:1px -1px 2px #ddd;-webkit-box-shadow:1px -1px 2px #ddd;-o-box-shadow:1px -1px 2px #ddd; -ms-box-shadow:1px -1px 2px #ddd;*/}
.footer p {margin-bottom:0px;color:#666; margin-left:250px;transition:all 100ms ease-in-out 0s;}
.footer a{ color:#555; text-decoration:none;margin: 0 5px;}
.footer a:hover {  text-decoration:underline;}
.footer ul{ float:right; margin:0; padding-right:15px;}
.footer ul li{display:inline; padding:0;}
.footer ul li a{color:#0f587f;}

/* bootrap popup css*/
.synDialog-container .template-container{ overflow:hidden;padding:15px;}
.syndialog h3{ background:#f8f8f8;border-bottom:1px solid #d8dfe5; padding:10px 20px 8px;font-weight:normal;color: #333;font-size: 1.3em;}
.syndialog .form-box{padding:10px 20px;}
.syndialog .form-grid{margin-bottom:15px;}
.syndialog .form-label{margin-bottom: 0;color: #333;}
.syndialog .form-field input[type="text"], .syndialog .form-field input[type="password"], .syndialog .form-field textarea, .syndialog .form-field select, .syndialog .form-field input[type="number"], .syndialog input[type="email"] {
font-size:.9em;}
.syndialog-action{padding:10px 20px;border-top:1px solid #d8dfe5;overflow: hidden; min-height:59px;}
.syndialog .action-panel{padding:10px 15px;min-height:20px;}
.syndialog .action-panel .defaultBtn, .syndialog .action-panel .defaultBtn .fs {line-height:32px;}
.syndialog .action-panel .defaultBtn .fs {font-size:1.2em;}
.syndialog .action-panel .defaultBtn input[type="radio"] {margin-top: -3px;}
.syndialog .action-panel .defaultBtn .fs-plus {margin-left:-4px;}
.syndialog .action-panel.tab-wrapp {padding-right:35px;}
#assetsAudioPlayerContainer .jp-audio {
    width: auto;
}
/* tab */
.action-panel.tab-wrapp {
    padding: 5px 20px 0;
    min-height: 20px;
}
.syntab li {float:left; padding: 5px 0;border-bottom:3px solid #fff;}
.syntab li a{padding:5px 20px; color:#696969; font-size:1.1em;font-weight:bold; text-align:center; min-width:50px;cursor: pointer;}
.select-tab,  .syntab li:hover{ border-bottom:3px solid #0f587f!important;}
li.select-tab a, .syntab li:hover a{ color:#333; }
/*.clsScrollTab .syntab li{float:none!important;}*/
.syntab{border:0px;background:none;}
.syntab .ui-widget-header{background:none;}
.syntab .ui-widget-header .ui-state-active{border-bottom:0 none !important;}
.syntab .ui-corner-top{border-top-right-radius:0;border-top-left-radius:0;}
.syntab .ui-widget-header .ui-state-active, .lmsTab .ui-tabs-panel{border:1px solid #ddd;background:#fff;}
.syntab .ui-tabs-nav{padding:0;}
.syntab .ui-tabs-nav li{background:#eee;margin-right:7px;}
.syntab .ui-tabs-nav li a{font-weight:bold;}
.syntab .form-wrapp{background:none;padding:0;}
.ui-tabs .ui-tabs-nav li{float:none;margin-top:0px;}
.ui-tabs .ui-tabs-nav li a{height:33px;}
.lmsTab .ui-tabs-nav li{margin-right:3px;}
.scroll_tabs_container div.scroll_tab_inner span.scroll_tab_left_finisher{display:none!important;}
.scroll_tabs_container .scroll_tab_left_button:before, .scroll_tabs_container .scroll_tab_right_button:before{font-family:"syncat-icon";font-size:25px;line-height:32px;}
.scroll_tabs_container{position:relative;top:0px;left:0px;right:0px;text-align:left;height:34px;}
ul.scroll_tabs_container{list-style:none;}
.scroll_tabs_container div.scroll_tab_inner{height:35px;}
.lmsTabWrapp .scroll_tabs_container{margin-bottom:0;}
.scroll_tabs_container div.scroll_tab_inner span, .scroll_tabs_container div.scroll_tab_inner li{cursor:pointer;}
.scroll_tabs_container div.scroll_tab_inner li{display:-moz-inline-stack;display:inline-block;*display:inline;list-style-type:none;}
.scroll_tabs_container div.scroll_tab_inner span.scroll_tab_left_finisher{padding:0px;width:0px;}
.scroll_tabs_container div.scroll_tab_inner span.scroll_tab_right_finisher{padding:0px;width:0px;}
.scroll_tabs_container .scroll_tab_left_button, .scroll_tabs_container .scroll_tab_right_button{height:35px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.scroll_tabs_container .scroll_tab_left_button:before{content:"\e046";}
.scroll_tabs_container .scroll_tab_right_button:before{content:"\e047";}
.scroll_tabs_container .scroll_tab_left_button_over, .scroll_tabs_container .scroll_tab_right_button_over{color:#E5952C;}
.scroll_tabs_container .scroll_tab_left_button_disabled, .scroll_tabs_container .scroll_tab_right_button_disabled{color:#AAAAAA;}
.flsSelctCont{background:#b62229; color:#fff; padding: 1px 7px;margin-left: 5px;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;-ms-border-radius:4px;}
.flsSelctList li.image-list {padding:10px 20px; margin:0;}

/*end tab style*/
.syndialog .action-panel .smallBtn, .syndialog .action-panel .smallBtn .fs {
    line-height: 28px !important;
}
.syndialog .action-panel .smallBtn{ padding:0 5px;}
.syndialog .action-panel .select-view {background:#f5f5f5;}
.syndialog .view-box {min-height:100px; overflow:hidden; max-height:230px; overflow-y:auto;}
.image-grid {float:left; background:#efefef; padding:0;margin:0px 10px 5px 0;position:relative;overflow: hidden;width:150px;height: 125px;}
.image-autofit { width: auto;height: auto;}
.template-container-images, .dialog-grid-scroller {overflow-x:hidden!important; overflow-y:auto;}
.template-container-images .image-grid{ margin:5px 5px 0;}
.image-grid .checkbox{float:left;}
.image-grid input[type="checkbox"], .image-grid input[type="radio"]{margin:0 4px 1px 1px;}
.image-grid img{ width:100%;}
 /*@-moz-document url-prefix() {.image-grid .img-title{margin-top:-29px!important;}}*/
.image-grid .img-title{margin-top:-8px;}
.image-grid .img-title, .image-grid .thumbnail-title{background:#333; opacity:.8;color:#fff;line-height:22px; padding-left:4px;}
.image-grid.image-autofit .img-title{margin-top:-22px;}
.autofit-img {min-height:40px;}
.downloadMedia {position: absolute;top: 0;right: 0;padding:4px 0px 3px 1px;background: rgb(182, 34, 41);background: rgba(182, 34, 41, 0.8);
box-shadow: 0 1px 5px #999;-moz-box-shadow: 0 1px 5px #999;-webkit-box-shadow: 0 1px 5px #999;-o-box-shadow: 0 1px 5px #999;
-ms-box-shadow: 0 1px 5px #999;}
.downloadMedia.fs{color:#fff;width: 28px;}
.downloadMedia-list {padding: 4px 0px 3px 1px;float: left;width: 22px;}
.downloadMedia-list.fs{color:#b62229;}
.downloadMedia-list.fs:hover{color:#d13d44;}
.autofit-img img{vertical-align:top;}
.image-list {background: #fff;border-bottom: 1px solid #eee;padding: 5px 5px 4px; font-weight:bold;width: 49.5%;margin:0 1% 5px 0; float:left;}
.image-list:nth-of-type(even){margin-right:0;}
.image-list .checkbox{float: left;}
.image-list input[type="checkbox"], .image-list input[type="radio"]{margin:3px 7px 4px 5px;}
.image-list img{ width:100%; padding:10px;}
.image-list .img-title{float: left;width: 85%;margin-top: 1px; }
.image-list .img-title, .thumbnail-title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.checkRadioTitle input[type="checkbox"], .checkRadioTitle input[type="radio"]{margin:4px 4px 1px 1px;float: left;}
.image-list .checkRadioTitle input[type="checkbox"], .image-list .checkRadioTitle input[type="radio"]{margin:5px 4px 0 1px;}
.thumbnail {width:100%;height:101px;}
.thumbnail.fs{font-size:5em;line-height: 101px;}
.thumbnail-title{width:100%; float:left;font-size: 0.9em; margin-top:1px;}
.selectedasset {border: 1px solid #555;padding:1px; margin-top:6px!important;}
.assetsThumb.selectedasset { margin-top:auto!important; padding:0; border:1px solid #979797;}
.image-list.selectedasset {padding:4px 5px 4px 4px; margin-top:auto!important;}
.msg-alert-wrapp {overflow:hidden; color:#b62229; font-weight:bold; padding:10px 0;}
.view-box .msg-alert-wrapp {padding:10px 10px 0;}
.msg-alert-wrapp span{float:left;}
.msg-alert-wrapp .fs{margin:2px 2px 0 0; width:20px; color:#b62229; }
img[ lazy-Load-Images ]{background: url( "../images/loding-image.gif" ) no-repeat 45% 45%; background-size:30px 30px;}
.tempList-group {background: none repeat scroll 0 0 #FFFFFF;float: left;height: 158px;overflow: hidden;
list-style: none outside none;margin:0px 7px 10px 0;padding: 5px;width: 162px;position: relative;}
.tempList-group:hover {box-shadow: 0 0 5px #ddd;-moz-box-shadow: 0 0 5px #ddd;-webkit-box-shadow: 0 0 5px #ddd;-o-box-shadow: 0 0 5px #ddd;-ms-box-shadow: 0 0 5px #ddd;}
.tempList-group .prevIco {background: url(../images/previewIco.png) no-repeat 0 0;cursor: pointer;position: absolute;text-indent: -1000px;height: 35px;
width: 40px;right:4px;top: 89px;}
.tempList-group .prevIco:hover {background: url(../images/previewIco1.png) no-repeat 0 0;}
.tempTitle {text-align: center;font-weight: 700;}
.tempList-group img {border:2px solid #dddddd;} 

/*template creation css*/
.template-creation { padding:0 0 20px;}
.template-creation .temp-action-panel{clear: both;overflow: hidden;padding: 10px 20px; background:#f6f6f6;}
.panel-1, .panel-2, .panel-3, .panel-4, .panel-5, .panel-6{float:left;}
.panel-1 { width:25%;}
.panel-2 { width:33.33333333333333%;}
.panel-3 { width:50%;}
.panel-4 { width:66.66666666666666%;}
.panel-5 { width:75%;}
.panel-6 { width:100%;}

.template-edit {clear: both; min-height:300px;overflow: hidden;position: relative;width: 100%;border-bottom:1px solid #d8dfe5;}
.courseBG-3x0{background:url(../images/coursebg-3x0.jpg) no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); }
.temp-title {font-weight:bold; color:#0f587f;margin: 5px 0 0;}

.temp-action-panel .panel-1, .temp-action-panel .panel-2, .temp-action-panel .panel-3, .temp-action-panel .panel-4, .temp-action-panel .panel-5, .temp-action-panel .panel-6
{padding:0px;}
.temp-action-panel .defaultBtn {line-height:31px; color:#555;min-width: 50px;}
.temp-action-panel .note-info {margin:0;}
.column {margin:20px;}
.col-padd-0 {padding:0!important;}
.column-row { padding-bottom:0;}
.col-inside {padding-left: 15px;padding-right: 15px;}
.col-inside-left{ padding-left:15px;}
.col-inside-right{ padding-right:15px;}
.btnAct-panel {margin-bottom:10px;overflow:hidden;}
.temp-action-panel .col-inside-left{padding-left:6px;}

.panel-image {background:#f3f4f8; border-left:1px solid #d8dfe5;margin-left: -1px;min-height:300px;float: right; overflow-x:auto;}
.panel-image {position:absolute;right:0;top:0;bottom:0; }
#injectDirectiveIntoThisDiv .panel-image {position:absolute!important;}
.defaultBtn label.cursorPointer {display:block;}
input[type="button"].file-uploadBtn, .file-uploadBtn { background:#f2f2f2; border: 1px solid #d4d4d4;cursor: pointer;font-weight:bold;color:#555;}
.browse-image {float: left;margin: 0 10px 10px 0;overflow: hidden;width: 100px;}
.browse-image img {max-width:100px;}
.browse-audio, .browse-video {float:left; font-weight:bold;}
.browse-audio span, .browse-video span{width:auto;margin:10px 0 0; text-align:left;}
.browse-audio span .browse-title, .browse-video span .browse-title{ font-family:"Arial";font-size: 0.85em; color:#0f587f;}
.browse-audio .fs-audio:before, .browse-video .fs-video:before{ float:left; font-size: 1.1em;line-height: 17px;}
.clearOverflow {overflow:hidden;}
.clearRow{clear:both;}
.clearNone{clear:none!important;}
.ani-checkOpt { line-height:33px; height:33px; margin:0 5px;float: left; color: #0f587f;}
.ani-checkOpt input{margin-top:-2px;}
.edit-audio, .edit-video {background: #f9f9f9;border: 1px solid #eee;float: left;font-size: 0.9em;font-weight: bold;height: 30px;
line-height: 29px;margin: 0 0 5px 0;padding:0 0 0 5px;}
.edit-audio .fs, .edit-video .fs{float:left;font-size:1.7em; width:20px; height:30px; line-height:29px; }
.edit-audio .edit-browse-title, .edit-video .edit-browse-title{float:left; margin:1px 9px 0 5px;}
.edit-audio .fs-close, .edit-video .fs-close{ font-size:1.35em; background:#eee;width: 30px;line-height:30px;}
/* ==== editable-css from raj ==== */
.edit-row { position:relative; overflow:hidden; clear:both;}
.temp-pagetile { font-weight:bold;/*text-decoration: underline dotted;*/}
.editable-controls input[type="text"], .editable-wrap, .editable-controls textarea {width:100%;max-width: 100%;}
.editable-controls input[type="text"], .editable-controls textarea.editable-input, .editable-controls input[type="text"].editable-input{}
input[type="text"].editable-input.editable-has-buttons, .editable-controls textarea{ box-shadow:0 0 3px #ddd inset;-moz-box-shadow:0 0 3px #ddd inset;-webkit-box-shadow:0 0 3px #ddd inset;-ms-box-shadow:0 0 3px #ddd inset;
 -o-box-shadow:0 0 3px #ddd inset;}
.editable-controls input[type="text"]:focus, .editable-controls textarea:focus, .edit-row .ta-root.focussed .ta-editor
{border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(102, 175, 233, .6);}
.dragMove {margin-left:30px!important;}
.dragMove .edit-row{overflow:visible;}
.bulletDragger {background: #f8f8f8;border: 1px solid #e8e8e8;position:absolute; left:-30px; height: 35px;width:28px; line-height:37px;}
.fs.bulletDragger:hover{color:#0F587F;}
.dndPlaceholder{border:1px dashed #66afe9;outline: 0; padding: 8px 60px 7px 9.5px;margin: 0 0 10px; background:#D9EDF6; color:#2a6496;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(102, 175, 233, .6);}
 ul[dnd-list] > li.dndDraggingSource {display: none;}

.editable-controls textarea { height:auto; padding:0; line-height:initial;overflow: hidden !important;white-space:pre-wrap;}
.breakWordEditable .editable-click, .breakWordEditable .editable-controls textarea {word-wrap: break-word;}
.edit-row .edit-icon{ background:#f8f8f8; border:1px solid #e8e8e8; position:absolute; right:0; top:0; height:35px;}
.edit-icon {padding:0 2px;}
.edit-icon .fs{ line-height:36px; font-size:1.3em;float: left;}
.edit-icon .fs-close{color:#b62229;}
.edit-icon .fs-timer-clock, .edit-icon .fs-plus{color:#2a6496;}
.page-title { font-size:1.3em; color:#0f587f; padding:10px 20px; }
.instruction-text, .instruction-text + form .editable-input {font-style:italic;}
.add-image-box {}
.edit-row .add-image-box {margin-top: 10px;}
.add-image-box .ortext{ float:left; height:35px; line-height:35px; width:35px; text-align:center; margin:0 5px;}
.add-image-box .defaultBtn { line-height:33px;}
.img-show-box { width:130px; overflow:hidden; padding:3px; background:#f4f4f4;position:relative;}
.add-src {overflow:hidden; margin-bottom:5px;}
.add-image-box input[type="text"]{width:250px; margin-bottom:5px!important;}
.img-show-box img { width:100%;margin-bottom: 1px;}
.img-show-box .image-name{float:left; width:105px;font-weight: bold; }
.img-show-box .fs {font-size:1.3em;color: #b62229; float:right; width:17px;margin-top: 3px;}
.img-show-box .fs.fs-close {background: #eee;padding:2px 1px 1px;position: absolute;right: 3px;top: 0;}
.panel-image .img-show-box {float:left;margin:0 5px 7px 0;}
.edit-row .ta-editor, .edit-row .ta-scroll-window > .ta-bind { min-height:40px;}
.edit-row .ta-toolbar {display:none; border-bottom:0;}
.edit-row .ta-toolbar.focussed {display:block;}
/*.edit-row .focussed .ta-scroll-window > .ta-bind {min-height:50px;}*/
.cf-wrapp li{ overflow:hidden;}
.cf-icons-box , .cf-Desc {float: left;}
.cf-icons-box {padding:1px 0;width:15%; min-width:35px;}
.cf-Desc {width:85%;}
.cf-icon {background:#495057;float: left;height: 30px;margin: 0 5px 5px 0;width: 31px;line-height: 31px;}
.cf-icon.fs{ color:#fff;font-size: 1.6em; cursor:default;}
.exit-btn-ico{background:#c50000;color: #fff;float: left;font-size: 12px;height: 30px;line-height:32px;padding: 0 10px;}

/*cf-NEW*/
.cf-wrappNew li{ overflow:hidden;}
.cf-wrappNew .cf-icons-box , .cf-wrappNew .cf-Desc {float: left;}
.cf-icons-box {padding:1px 0;width:15%; min-width:35px;}
.cf-Desc {width:85%;}
.cf-wrappNew .cf-icon {background:#ececec;float:right;height: 30px;margin:0 0 2px 2px;width: 31px;line-height:30px;}
.cf-wrappNew .cf-icon.fi{ color:#555;font-size: 1.5em; cursor:default;text-align: center;}
.cf-wrappNew .exit-btn-ico{background:#c50000;color: #fff;float: right;font-size: 12px;height: 30px;line-height:32px;padding: 0 15px;}
.cf-wrappNew .fi-arrow-left {background:#9b9b9b;}
.cf-wrappNew .crsFtr-playerIco {background: #495057;}
.cf-wrappNew .fi-play, .cf-wrappNew .fi-pause{font-size: 1.4em!important;}
.cf-wrappNew .fi-play, .cf-wrappNew .fi-pause, .cf-wrappNew .fi-refresh, .cf-wrappNew .fi-accessibility {color:#eb663e!important;}
.cf-wrappNew .fi-arrow-left, .cf-wrappNew .fi-arrow-right, .cf-wrappNew .fi-clock {color:#fff!important;}

@font-face {font-family: 'syncourse';src:url('fonts/syncourse.eot?-8odtyb');src:url('fonts/syncourse.eot?#iefix-8odtyb') format('embedded-opentype'),url('fonts/syncourse.svg?-8odtyb#syncourse') format('svg'),
url('fonts/syncourse.woff?-8odtyb') format('woff'),url('fonts/syncourse.ttf?-8odtyb') format('truetype');font-weight: normal;font-style: normal;
 -webkit-font-smoothing: antialiased;}
.cf-wrappNew .fi{font-family: 'syncourse';}
.fi-arrow-left:before {content: "\e600";}
.fi-arrow-right:before {content: "\e601";}
.fi-refresh:before {content: "\e602";}
.fi-pause:before, .audioPlay:before {content: "\e604";}
.fi-play:before, .audioPause:before {content: "\e603";}
.fi-menu:before {content: "\e605";}
.fi-note:before {content: "\e609";font-size: 20px;}
.fi-policy:before {content: "\e607";}
.fi-mentor:before {content: "\e608";}
.fi-resources:before {content: "\e610"; }
.fi-book:before {content: "\f07c"; }
.fi-more:before {content: "\e611";  }
.fi-clock:before {content: "\e613";}
.fi-accessibility:before {content: "\e606";}

.bulletItem > .edit-row > .editable:before{content:'\2022'; float:left; margin-right:5px; font-size:1.7em;margin-top: -7px; position:relative;}
.bulletItem > .edit-row > .editable.editable-empty:before {content:none;}
.paragraphItem > .edit-row > .editable, .paragraphItem > .edit-row .editable-controls textarea{min-height:57px!important; padding-top:3px; margin-bottom:8px;}
.form-field .edit-row .editable-click, .form-field .edit-row .editable-input, .form-field .edit-row .ta-editor,  .form-field .editable-controls textarea{ font-size:1em;}
.form-field .edit-row .editable-input { margin-bottom:0;}
.accordion-panel {margin:0 0 2px; padding:0;border:1px solid #ddd;}
.accordion-panel li{overflow:hidden;}
.accordion-panel .panel-heading {background-color: #f5f5f5;border-color: #ddd;color: #333; padding:7px 11px;font-weight: bold;font-size: 1.1em; cursor:pointer;
text-transform: capitalize;}
.accordion-panel .panel-content {padding:15px;border-top:1px solid #ddd;}
.panel-heading .fs { width:20px; margin:2px -5px 0 0; font-size:1.2em;}
.accordion-panel .head-acc { background:#fff; color:#0f587f;}
.head-acc .fs {font-weight:bold; font-size:16px; float:left; margin-right:4px;}
.acc-arrow:before {content:"\e047";}
.open-acc .acc-arrow:before {content:"\e041";}
.QuesPoolHead {overflow:hidden;padding:0 15px; margin-bottom:10px;}
.poolRightAct { float:right;}
.labelTextQues { float:left; margin:7px 10px 0 0;font-weight: bold;}
.poolRightAct select {margin:0; width:100px;}
.poolLeftAct { float:left;}
.sceQues-wrapp {margin-bottom:20px;}
.sceQues {background:#efefef!important;}
.sceQuesBtn{background:#777!important;border-color: #707070!important;color: #fff!important;}
.numberQues {background: #c4c4c4;float: left;font-weight: bold;margin: 0 3px 0 0;padding: 8px 9.5px;
text-align: center;font-size: 1.1em;}
.tempPopup-hgt {min-height:100px;}
.tempPopup-cont {border: 1px solid #e8e8e8;overflow:hidden;}
.tempPopup-title {background:#F8F8F8;padding:8px 17px;color:#0f587f; font-weight:bold;border-bottom: 1px solid #e8e8e8;}
.crs-checkOpt {color: #0f587f;float:right;margin: 0 5px; font-size:13px;}
.tempPopup-cont .temp-action-panel { padding:8px 15px;}
.tempPopup-cont .template-edit{min-height:230px;}
h3.imgPopup{padding:7px 10px 0;}
.bulletlevel1 {margin-left:20px;}
.bulletlevel2 {margin-left:40px;}
.panel-content .defaultBtn {line-height:31px; padding:0 5px;}
.tempPopup-cont .column{margin:15px;}
.yes-no-box { float:left; margin-right:5px; }
.yes-no-box input[type="radio"] {margin-top: -3px;}
.lang-editor-box { overflow:hidden;}
.lang-content {min-width:75px; float:left; margin-right:5px;}
.content-disable {background: #E3E3E3!important;border: 1px solid #d7d7d7 !important;min-height: 20px;}
.border-top {border-top: 1px solid #d8dfe5;}
.cursorPointer { cursor:pointer;}
.dragdrop-panel {}
.dragdrop-panel select { margin:0;}
.textflowBox { float:none; margin:0 auto;}
.textflowBox .editable-click{ text-align:center;}
.locked-page-list {}
.locked-page-list > li{margin-bottom:5px;border: 1px solid #dee5eb;}
.locked-page-list li h3{background:#f8f8f8;border-bottom: 1px solid #dee5eb;padding:5px 10px;font-size: 1.1em; color:#0f587f;font-weight: bold; 
margin-bottom:5px;}
.locked-page{margin-left:10px;}
.locked-page li{ padding-bottom:8px;}
.locked-page li:before{font-family:'syncat-icon'; content:'\e056';color:#0f587f; float:left; margin-right: 3px;}
.lcpg-name { font-weight:bold; color:#0f587f;}
.lcpg-user {margin-left:8px;}
.publish-radioOpt { font-weight:bold; color:#0f587f;}
.publish-radioOpt input[type="radio"]{ float:left; margin: 5px 5px 0 0;}
/* ==== editable-form ==== */

.publishTab {overflow:hidden;}
.publishTab .tabClick {width: 50%;float: left; padding: 5px 15px 0; font-weight:bold; color:#666;}
.ptShow {overflow:hidden;border: 1px solid #ccc; padding:15px 15px 0;background:#f5f5f5;}
.publishTab .action-panel {padding-bottom:0;}
.publishTab .form-box {padding:0 15px 10px 15px; margin-top:-1px;}
.tabClickActive {background:#f5f5f5;border: 1px solid #ccc; border-bottom:0;color:#333;}
.tabClickActive .select-tab {border-bottom: 2px solid #ccc !important;}
.tabClick a {display:inherit; padding:0 2px 5px;}
.ptShow input[type="checkbox"] { margin:-2px 5px 0 auto;}
.publish-langBox{ margin:15px 15px 0;}
.publish-langBox .form-field{ margin:10px 0px 0;}
.publish-langBox .selCrsLang{ margin-right:15px; color:#0f587f;}

.orText {float:left; color: #b62229; font-weight:bold; margin:7px 10px 0 5px;}
.assets-search {float:left; margin-right:5px;}
.assets-search{ border:1px solid #d5d5d5; height:30px; width:150px; padding:0 2px 0 3px; box-shadow:0 0 5px #e4e4e4 inset;-moz-box-shadow:0 0 5px #e4e4e4 inset;
-webkit-box-shadow:0 0 5px #e4e4e4 inset;-ms-box-shadow:0 0 5px #e4e4e4 inset;-o-box-shadow:0 0 5px #e4e4e4 inset;}
.assets-search .searchCatBtn{}
.assets-search button.searchCatBtn{background-color:transparent; margin:1px 0 0; min-width:20px; width:22px;}
.assets-search input[type="text"] { margin:0; height:27px;width:120px;padding-left:2px;}
.assets-search .fs { width:20px;}
.assets-search .fs.fs-search {font-size:14px;}

.sortby-wrapp {position:relative; float:left; margin-right:10px; border:1px solid #dddddd; background:#fff;}
.sortLabel { height:25px; line-height:25px;padding:5px 2px 5px 10px;font-weight: bold; color:#0F587F;cursor:pointer;}
.sortOptions {position:absolute; left:-1px; top:34px; width:175px; background:#fff; display:none; z-index:1;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);-ms-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);}
.sortOptionsMore{width:250px;}
.cust-sortopt { /*left: -100px!important;*/ }
.sortby-wrapp:hover .sortOptions{ display:block;}
.sortLabel .fs{ float: right;margin: 3px 0 0 3px; color:#0F587F; font-size:20px;width:25px;}
.sortOptions .check{float: right;height: 20px;width: 25px;}
.sortOptions .fs{width:25px;}
.sortOptions li{cursor:pointer; margin-top:1px;}
.sortOptions li a {padding: 5px 3px 5px 12px;display: block;}
li.sortSelectedOpt a, li.sortSelectedOpt a .fs, .sortOptions li:hover a{color:#fff;display: block;}
li.sortSelectedOpt, .sortOptions li:hover {background:#0f587f;}
li.sortSelectedOpt, li.sortSelectedOpt a, li.sortSelectedOpt a .fs{cursor:default;}
.policyCust-sort {margin:-5px -6px 0 0;}
.policyCust-sort .sortLabel {padding:2px 2px 1px 10px; min-width:100px;}
.policyCust-sort .sortOptions{right:-1px; top:29px; left:auto;}
.cust-sortopt{right: 0;top: 32px;left:auto;}
.custContentTable .defaultBtn{ color:#0f587f; font-size:.85em;}
.custContGrid { float:left; margin-bottom:0;width:215px}
.custContGrid .img-show-box .fs {font-size:1.1em;}
.userMsgContainer { background:#fff;margin:10px 0px 0;}
.userMsgWrapp {width:870px;margin:50px auto;overflow: hidden;max-width: 100%;}
.userMsgActi {width:auto;margin:20px auto; padding:25px 25px 15px; border:1px solid #dcdcdc; background:#f9f9f9; overflow: hidden;}
.userMsgText {width:460px; float:left; margin:0 0 0 20px; }
.userMsgText h2{font-size:1.5em;}
.userMsgText h2, .userMsgText p, .welcomeActions{margin-bottom: 18px;font-weight: bold;color: #666;}
.welcomeActions .defaultBtn{margin-right:15px; min-width:100px;}
.userMsgImg {float:left;}
.userMsgImg img{margin-top:-10px;}
.userMsgImg .fs{ font-size:65px; margin:0 10px; color:#e5952c; width:60px;}
.cust-action-panel {margin: -5px -10px 10px 0; min-height:33px; clear:both;}
.cust-action-panel .pagination > li > a, .custPagination .pagination > li > span{ height:20px; line-height:20px;}
.cust-action-panel .pagination li a .fs{ line-height:21px;}
.cust-action-panel .defaultBtn, .cust-action-panel input.defaultBtn[type="submit"], .cust-action-panel input.defaultBtn[type="button"] {line-height:30px;}
.cust-action-panel .sortLabel {min-height:25px; line-height:31px; height:auto; padding:1px 2px 7px 10px;}
.cust-action-panel .sortLabel .fs { margin-top:5px;}
.cust-action-panel .sortOptions {top:34px;}
.cust-action-panel .sortOptions a, .cust-action-panel li.sortSelectedOpt a, .cust-action-panel .sortOptions li:hover a{min-height:20px; line-height:20px;}
.cust-action-panel .pagination {padding-top:0px; }
.iconBtn { background-color:transparent; border:0px;font-size:14px;color:#0F587F;}
button:focus, button:visited{outline:0 !important;}
.iconBtn span{ float:left;}
.page-title .iconBtn {padding:0px; margin:0;}
.iconBtn .fs{color:#0F587F;}
.hyperLink { color:#0f587f; cursor:pointer;}
.hyperLink:hover { text-decoration:underline;}
.ngdialog-theme-default-preview.padd-0 .ngdialog-content { padding:0!important;}
.calSerachByDate {margin:0;}
.calSerachByDate calGrid{float:left; margin:0;}
.calSerachByDate span{float:left;margin:0;}
.calGrid .calLabel{font-weight:bold;padding-left:10px;}
.calGrid {border-bottom:1px solid #dddddd; height:33px;line-height:33px; float:left; margin-right:10px;}
.calGrid input[type='text']{margin:0; width:100px; border-width:0 0px 0 0;min-height:32px;}
.calBtnGroup{}
.calBtnGroup .fs-calendar{min-width:30px; right:0px;height:33px;line-height:32px;color:#0f587f;
font-size:1.7em;}
.calendarTable {}
.calendarTable table th, .calendarTable table tr td:first-child, .calendarTable table tr td, .calendarTable .dropdown-menu {padding:0;}
.calendarTable table .btn-default{ background-color:transparent; border-color:transparent;margin-right:0;}
.calendarTable table tr.uib-weeks .btn-default, .calendarTable table th .btn-default{min-width:20px;}
.calendarTable table .btn-info.active, .calendarTable table .btn-info:active, .calendarTable table .open > .dropdown-toggle.btn-info,  .calendarTable table .btn-info, .calendarTable .btn-default.btn-info:hover {
background-color:#E5952C!important;}
.calendarTable table th{ text-align:center;}
.calendarTable .dropdown-menu{border:0; margin-left:-30px;}
.calendarTable .btn{border-radius:0;}
.calendarTable .btn-group-sm > .btn, .btn-sm{line-height:1.7!important;}
.calendarTable .btn-default:active, .calendarTable .btn-default.active, .calendarTable .open .dropdown-toggle.btn-default, .calendarTable .btn-default:hover { background-color:#ebebeb !important;}
.calendarTable .glyphicon{cursor:pointer; font-size:18px;text-align: center;width:20px; color:#444; font-family: 'syncat-icon';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;
	-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.calendarTable .glyphicon-chevron-left:before {content: "\e025";}
.calendarTable .glyphicon-chevron-right:before {content: "\e026";}
.calendarTable table tr:first-child th:first-child .pull-left, .calendarTable table tr:first-child th:last-child .pull-right  {float:none!important;padding:5px 0 0;}
.calendarTable table tr td:last-child, .calendarTable table th:last-child { text-align:left!important;}
.calendarTable .btn.disabled, .calendarTable .btn[disabled], .calendarTable fieldset[disabled] .btn {opacity:.4; }
.tempChimes {overflow:hidden; margin-bottom:5px;}
.tempChimes .defaultBtn{margin-bottom:5px; padding:0 7px;}
.tempChimes input[type='radio']{margin-top:-2px;}
.selectRadioBtn {background:#f5f5f5;}
.radioIcon{border:1px solid #aaa; display:inline-block; border-radius:11px;height:11px; width:11px; margin:-2px 1px -2px 0;}
.selectRadioBtn .radioIconCheck{background:#1E3F58; border-radius:7px;height:7px; width:7px; margin:2px;}

.accessMsg-released, .accessMsg {color:#b62229; right:0%;margin: 4px;font-weight: bold;display: inline-block; position:absolute;padding:0 5px;border-radius:3px;
-ms-border-radius:3px;-o-border-radius:3px;}
.tag-framework .accessMsg, .tag-framework .accessMsg-released{right:0%;}
.dash-accessMsg .accessMsg{ right:15%;}


input[type="button"]:disabled.defaultBtn { opacity:.6; cursor:not-allowed;}

.fieldLabel-grid {display: table;border-bottom: 1px dotted #ddd;width: 100%;padding-bottom: 10px;}
.fieldLabel-grid .form-field{color:#0f587f;}
.customNoteSetting {background:#F5F5F5; overflow:hidden;border-bottom:1px solid #d8dfe5;}
.outOfSec { margin:7px; font-weight:bold; float: left; color:#31708f;}

.impLangWrapp {border:1px solid #d9edf7; padding:7px 10px 10px;}
.impLangMsg {color:#0f587f; margin-bottom:10px; font-weight:bold;}
.impLangMsg input {margin: -1px 5px 0 0;display: inline;}
.langSelLabel {background: #eee;padding: 5px 10px 6px;float: left;margin: 10px 10px 0 0; font-weight:bold;}

/*theme style*/
.themesGroup{overflow:hidden; margin-bottom:10px;border: 1px solid #ddd;}
.th-grTitle {background:#F8F8F8; padding:7px 10px; font-weight:bold;color: #0f587f;border-bottom: 1px solid #e8e8e8;}
.themePalette {overflow:hidden; margin:10px 15px 0;}
.theme-box { width:200px;float:left;margin:10px 10px 20px;}
.color-box {width:30px; height:26px; float:left; margin-right:0px;}
.color-code {display:block; height:100%;}
.theme-name{margin:0 2px 10px;overflow:hidden; font-weight:bold;}
.theme-name input[type="radio"]{ float:left; margin: 3px 3px 0px 0;width: 16px;}
.theme-name label{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; float:left;}
.editTheme {float: left;width: 50%;}
.bdrTop {border-top: 1px solid #ddd;}
.editColor {overflow:hidden; margin:0 0px 10px 0;}
.editTheme .theme-box{width: auto;overflow:hidden; float:none;}
.editColor input[type="text"]{float:left; width:115px!important; margin:0; background:#f1f1f1; border-color:#e2e2e2; height:26px;
min-height: 28px;}
.editColor input[type="checkbox"]{float:left; margin:3px 0 0 0;}
.editColor .colordesc {color: #15c;float: left;margin: 0 10px;vertical-align: middle;width: 65%;}
.editTheme .theme-name{margin-bottom:15px;}
.editColor .color-box {border:1px solid #e2e2e2; border-right:0;}
.th-secTitle {background: #F8F8F8;font-weight: bold;padding: 7px 10px;color: #0F587F;}
.sortby-wrapp .fs-ico {width: 35px;height: 35px;line-height: 35px;color: #0F587F;font-size: 1.7em;}
.sortby-wrapp .fs-ico:hover {background:#F5F5F5;}

.criteria-container {background: #f6f6f6;border: 1px solid #ebebeb; border-width:1px 0 1px 0; color: #464646; margin-bottom: 15px;}
.criteria-wrapp{background:#FFF;border:1px solid #e3e5e1;overflow:hidden; margin:0 15px 15px;}
.criteria-title {padding:10px 15px;}
.crt-acc-icon{float:left;cursor:pointer;font-size: 1.5em;/*width: 43px;*/}
.criteria-group {display:block;border-bottom:1px solid #e3e5e1;}
.criteria-group h3{display:block;padding:15px 5px 15px 15px;color:#0f587f;}
.criteria-content{display:block; padding:5px 15px 10px;}
.crt-icon{float:right;cursor:pointer;color:#0f587f;}
.criteria-content p{margin-bottom:10px;}
.criteria-list {width:180px;display: inline-block;margin: 10px 10px 10px 0;vertical-align: top;}
.criteria-list input[type="checkbox"] {margin:-2px 3px 0 0;}
.criteria-new {}
.criteria-new-list{width:auto; display:block;}
.criteria-new-list .criteria-group h3, .criteria-new-list .criteria-content{padding: 5px 21px;}
.criteria-new-list .criteria-group h3{margin-top:10px;}
.criteria-new-list .list-group {margin-bottom:10px;}
.criteria-new-list .list-group li{display:inline-block; margin-right:20px; margin-top:10px;}
.criteria-dragdroper {margin:20px 0px 20px 30px;}
.criteria-dragdroper .bulletDragger {height:37px;}
.enable-drag{margin:10px 0 20px; overflow:hidden}
.enable-drag label input{margin-top:-2px;}
.fs-minus:before{content: "\2011";}
.crt-icon.fs-minus{font-size:3em;line-height:0px;}
.crs-time-wrapp{float:left;margin-right: 20px;position:relative;}
.crs-time-wrapp label{float:left; background:#555; color:#fff;line-height: 30px;padding: 0 10px;}
.crs-time-wrapp input{float: left;width:50px;margin: 0; height: 30px;min-height: 30px; text-align:center;}
.temp-title{display:inline-block;}
.time-error-msg{position:absolute; color: #b62229;font-size: 0.9em;width: 230px;left: -225px;top: 5px;}
.crt-acc-icon.mrgRight{margin-right:5px;}
.mrgTopcust {margin-top:10px;}
.pbl-lang-box{border: 1px solid #ececec;margin-bottom:5px;position:relative; padding-bottom:15px; }
.btn-pbl .fs{line-height:30px;}
.btn-pbl {padding: 0 10px!important;}
.ft-bold{font-weight:bold;}
.mrg-0{margin:0!important;;}
.pbl-cleck-selectall label{color:#0f587f; margin-left:5px;}
.pbl-cleck-selectall input[type="checkbox"]{margin-top: -2px;}
.input-select{font-size: 1em;margin: 0px;padding: 0px 7px;border: 1px solid #dddddd;float: left;width:180px;box-shadow: 0 0 3px #ddd inset; -moz-box-shadow: 0 0 3px #ddd inset;
    -webkit-box-shadow: 0 0 3px #ddd inset;-ms-box-shadow: 0 0 3px #ddd inset; -o-box-shadow: 0 0 3px #ddd inset;min-height: 30px;height: 33px;}
.pbl-lang-deltBtn { color:#b62229; 
 height: 30px;text-align: center;line-height: 31px;font-weight: bold;padding: 0 10px 0 3px; cursor:pointer;}
.pbl-lang-deltBtn:hover{background:#ececec;}
.pbl-lang-deltBtn .fs-delete { color:#b62229; line-height:30px;float: left;height: 30px; clear:both; overflow:hidden;}
.pbl-lang-box .lang-title{padding:0px 0 0 5px;overflow: hidden;line-height: 35px; margin-bottom:15px; background:#f5f5f5;border-bottom:1px solid #ececec;}
.pbl-lang-btn {float:right;height: 35px;line-height: 35px;}
.pbl-lang-btn .fs{line-height: 35px;float: left;}
.pbl-lang-btn .fs-delete{line-height: 34px;}
.lang-acc-btn{float:left;}
.lang-title strong{color: #0f587f;font-size:1.09em;}
.page-select-wrapp h3{margin-bottom:10px;color:#0f587f;}
.page-list {margin:15px; font-weight:bold; color:#444;}
.page-list input[type="checkbox"]{margin: -2px 5px 0px 0;}
.page-list-grid{margin:0 0 15px; border-bottom:1px solid #ececec;}
.page-select-wrapp .page-list-grid:last-child{border-bottom:0px;}
.pbl-cont-grid {padding:15px 15px 5px;overflow:hidden;}
.pbl-cont-grid label{margin-bottom: 5px;display: block;font-weight: bold;}
.pbl-cont-grid h3{ margin-bottom:10px;}
.pbl-cont-grid div .editable { margin-bottom:0;}



/*@media css here*/
@media (min-width:1200px) {
    .image-list {width:32%;margin-right:10px;}
.image-list:nth-of-type(even){margin-right:10px;}
}
@media (min-width:1370px) {
.form-grid .editable-wrap.editable-text { margin-bottom:0px;}
}
/*@media css end here*/

@-webkit-keyframes ngdialog-flyin {
  0% {opacity: 0;-webkit-transform: translateY(-40px);transform: translateY(-40px);}
  100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
}
@keyframes ngdialog-flyin {
  0% {opacity: 0;-webkit-transform: translateY(-40px);transform: translateY(-40px);}
  100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
}
@-webkit-keyframes ngdialog-flyout {
  0% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
  100% {opacity: 0;-webkit-transform: translateY(-40px);transform: translateY(-40px);}
}
@keyframes ngdialog-flyout {
  0% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
  100% {opacity: 0;-webkit-transform: translateY(-40px);transform: translateY(-40px);}
}

.ngdialog.ngdialog-theme-default {/*padding-bottom: 100px;padding-top: 100px*/;}
.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content {-webkit-animation: ngdialog-flyout .5s;animation: ngdialog-flyout .5s;}
.ngdialog.ngdialog-theme-default .ngdialog-content {-webkit-animation: ngdialog-flyin .5s;animation: ngdialog-flyin .5s;background: #fff;
color: #444;font-family: 'Helvetica',sans-serif;
line-height: 1.5em;margin: 0 auto;max-width: 100%;position: relative;width: 450px;}
.ngdialog.ngdialog-theme-default .ngdialog-close {cursor: pointer;position: absolute;right: 0;top: 0;}
.ngdialog-theme-default-preview { padding-top:10px!important;}
.ngdialog-theme-default-publish, .ngdialog-theme-default-popup { padding-top:60px!important;}
.ngdialog-theme-default-preview .ngdialog-content{ padding:0!important;}
.ngdialog-theme-default-assets { padding-top:65px!important;}
.ngdialog.ngdialog-theme-default .ngdialog-close:before {color: #777;font-size:1em;font-weight: 400;height:40px;
line-height: 40px;position: absolute;right: 0px;text-align: center;top:0px;width:40px;background: #666;color: #fff;}
.ngdialog.ngdialog-theme-default .ngdialog-close:hover:before,.ngdialog.ngdialog-theme-default .ngdialog-close:active:before {color: #eee;}
.ngdialog.ngdialog-theme-default .ngdialog-message {margin-bottom: .5em;}
.ngdialog.ngdialog-theme-default .ngdialog-input {margin-bottom: 1em;}
.ngdialog.ngdialog-theme-default .ngdialog-input textarea,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"] {
background: #fff;border: 0;font-family: inherit;font-size: inherit;font-weight: inherit;margin: 0 0 .25em;min-height: 2.5em;
padding: .25em .67em;width: 100%;}
.ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"]:focus {
  box-shadow: inset 0 0 0 2px #8dbdf1;outline: none;}
.ngdialog.ngdialog-theme-default .ngdialog-buttons {*zoom: 1;}
.ngdialog.ngdialog-theme-default .ngdialog-buttons:after {content: '';display: table;clear: both;}
.ngdialog.ngdialog-theme-default .ngdialog-button {border: 0;cursor: pointer;float: right;font-family: inherit;letter-spacing: .1em;
line-height: 1em;margin: 0 0 0 .5em;padding: .75em 2em;text-transform: uppercase;}
.ngdialog.ngdialog-theme-default .ngdialog-button:focus {-webkit-animation: ngdialog-pulse 1.1s infinite;animation: ngdialog-pulse 1.1s infinite;
outline: none;}
@media (max-width: 568px) {
  .ngdialog.ngdialog-theme-default .ngdialog-button:focus {-webkit-animation: none;animation: none;}
}
.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary {background: #3288e6;color: #fff;}
.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary {background: #e0e0e0;color: #777;}
.ngdialog,.ngdialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0}
@-webkit-keyframes ngdialog-fadeout{0%{opacity:1}100%{opacity:0}}
@keyframes ngdialog-fadeout{0%{opacity:1}100%{opacity:0}}
@-webkit-keyframes ngdialog-fadein{0%{opacity:0}100%{opacity:1}}
@keyframes ngdialog-fadein{0%{opacity:0}100%{opacity:1}}
.ngdialog{box-sizing:border-box;overflow:auto;-webkit-overflow-scrolling:touch;z-index:10000}
.ngdialog *,.ngdialog :after,.ngdialog :before{box-sizing:inherit}
.ngdialog.ngdialog-disabled-animation,.ngdialog.ngdialog-disabled-animation .ngdialog-content,.ngdialog.ngdialog-disabled-animation .ngdialog-overlay{-webkit-animation:none!important;animation:none!important}.ngdialog-overlay{background:rgba(0,0,0,.4);-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadein .5s;animation:ngdialog-fadein .5s}
.ngdialog-no-overlay{pointer-events:none}
.ngdialog.ngdialog-closing .ngdialog-overlay{-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadeout .5s;animation:ngdialog-fadeout .5s}
.ngdialog-content{background:#fff;-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadein .5s;animation:ngdialog-fadein .5s;pointer-events:all}
.ngdialog.ngdialog-closing .ngdialog-content{-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadeout .5s;animation:ngdialog-fadeout .5s}
.ngdialog-close:before{font-family:"syncat-icon";content: "\e021";cursor:pointer;}
body.ngdialog-open,html.ngdialog-open{overflow:hidden}
.hidden {display: none !important;visibility: hidden !important;}

/*@media*/
/*
@media (min-width:960px) and (max-width:1030px) {
.panel-image {min-height: 430px;}
}

@media (min-width:1050px) {
.panel-image{min-height: 567px;}
}
*/
.btn-default {color: #333;background-color: #fff;border-color: #ccc;}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
color: #333;background-color: #ebebeb;border-color: #ccc;}
.ngsb-wrap {-ms-touch-action: none;}
.ngsb-wrap .ngsb-container {width: auto;overflow: hidden;transition: 0.5s all;}
.ngsb-wrap:hover .ngsb-scrollbar {opacity: 1;filter: "alpha(opacity=100)";-ms-filter: "alpha(opacity=100)"; /* old ie */}
.ngsb-wrap .ngsb-scrollbar {width: 10px;height: 100%;top:0;right: 0;opacity: 0.75;filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)";/* old ie */}
.ngsb-wrap .ngsb-scrollbar .ngsb-thumb-container {position: absolute;top: 0;left: 0;bottom: 0;right: 0;height: auto;}
.ngsb-wrap .ngsb-scrollbar a.ngsb-thumb-container {margin: 20px 0;}
.ngsb-wrap .ngsb-scrollbar .ngsb-track {height: 100%;margin: 0 auto;width: 6px;background: #000;background: rgba(0, 0, 0, 0.4);
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;filter: "alpha(opacity=40)";-ms-filter: "alpha(opacity=40)";/* old ie */
box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1);}
.ngsb-wrap .ngsb-scrollbar .ngsb-thumb-pos {cursor: pointer;width: 100%;height: 30px;}
.ngsb-wrap .ngsb-scrollbar .ngsb-thumb-pos .ngsb-thumb {transition: 0.5s all;width: 4px;height: 100%;margin: 0 auto;-webkit-border-radius: 10px;
-moz-border-radius: 10px;border-radius: 10px;text-align: center;background: #fff;/* rgba fallback */background: rgba(255, 255, 255, 0.5);
filter: "alpha(opacity=50)";-ms-filter: "alpha(opacity=50)";/* old ie */}
.ngsb-wrap .ngsb-scrollbar .ngsb-thumb-pos:hover .ngsb-thumb {background: rgba(255, 255, 255, 0.5);filter: "alpha(opacity=50)";
-ms-filter: "alpha(opacity=50)";/* old ie */}
.ngsb-wrap .ngsb-scrollbar .ngsb-thumb-pos:active {background: rgba(255, 255, 255, 0.6); filter: "alpha(opacity=60)";
-ms-filter: "alpha(opacity=60)";/* old ie */}
 .scrollme {max-height: calc(100% - 100px);}
 .displayBlock { display: block;}
 .scrollme1 {max-height: calc(100% - 20px);}

 /*NEW FRAMEWORK STYLE HERE*/
.tagNewVers {background:#0f587f; padding:2px 10px; color:#fff; text-transform:uppercase;position:absolute; font-size:11px; left:62px;top:185px; box-shadow:0px 3px 5px #ccc;
font-weight:bold;}
.posRelative {position:relative;}
.tagIn{position: inherit;top: -2px;left: -5px;float: right;}
.clrbgGreen { background:#74be2a!important;}
.selCrsLang { float:left; margin:5px 5px 5px;}
.selCrsLang input{ float:left; margin:5px 5px 5px 0;}
.selCrsLang span{ float:left; margin:2px 8px 0px 0; color:#0f587f;}

/*Publishing Style*/
.pageCountLbl{margin-right: 10px;font-weight: normal;}
.pageCountBox {line-height: 25px;margin-top: -3px;float: right;min-width: 50px;margin-right: 4px;font-weight: normal;border: 1px solid #ccc; text-align: center;background: #fff;cursor: default;}

.criteria-panel-heading{background-color: #f5f5f5;border-color: #ddd;color: #333;padding: 7px 11px;font-weight: bold;font-size: 1.1em;text-transform: capitalize;}
.act-new-head-fixed { width: 100%;position: fixed;top: 0;z-index: 100; box-shadow: 0 3px 3px #eee;}