@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,900);
/* new codeigniter jquery pagination style*/
.pagination{
  margin: 0 0 0 0!important;
}
ul.jpagination_links,ul.jpagination_links_title,ul.jpagination_links_collection{
  margin: 0 0 0 0 !important;
}
.jpagination_links li,.jpagination_links_title li,.jpagination_links_collection li {display: inline-block;}
.jpagination_div {
  /*padding-bottom: 10px;*/
  text-align:center;
}

.jpagination_div a{
  padding:3px 5px;
  margin:2px;
  color:white;
  text-decoration:none;
  float: none;
  font-family: Tahoma;
  font-size: 12px;
  background-color:rgba(94,157,192, 0.7);
  display:inline;

  -webkit-border-radius: 2px !important;
-moz-border-radius: 2px !important;
border-radius: 2px !important;
}

.fa{
  cursor:pointer ;
}


.pagination a:hover,
.pagination .active a {
  background-color: #5e9dc0 !important;
  color:white;
}
.pagination .active a {
  color: rgba(94,157,192, 0.7) !important;
  cursor: default;
}
.jpagination_links li.active a,.jpagination_links_title li.active a,.jpagination_links_collection li.active a{
  background-color:#FFF !important;
  color:black !important;
}

body {padding:0; margin:0; font-family:Verdana,Arial,sans-serif;
/*font-size:0.85em;*/
}

.ui-widget-header {
    background: #5e9dc0; /*url("images/ui-bg_highlight-soft_75_0193ac_1x100.png") repeat-x scroll 50% 50% */
    border: 1px solid #FFFFFF;
    color: #ffffff;
}

.ui-accordion .ui-accordion-header {
    background: #5e9dc0; /*url("images/ui-bg_highlight-soft_75_0193ac_1x100.png") repeat-x scroll 50% 50% */
    font-size:11px; /*1em*/
}

.ui-layout-pane { /* all 'panes' */
background:#FFF;
border:1px solid #BBB;
padding:3px;
overflow:auto;
}

.ui-layout-resizer { /* all 'resizer-bars' */
background:#DDD;
}

.ui-layout-toggler { /* all 'toggler-buttons' */
background:#AAA;
}

p {margin:1em 0;}

ul, li {list-style-type:none; padding:0;}


/*.login {margin:5% auto; width:30%;}
.login form {background:#cde2e4; border:2px solid #00abb8; border-radius:4px; -moz-border-radius:4px; padding:10px;}
.login label {display:block; margin-bottom:4px;}
.login a {margin:0 6px; color:#01a1ad; text-decoration:none;}
.login input[type="text"], .login input[type="password"] {display:block; width:97%; border:1px solid #54a2a9; padding:3px;}
.login input[type="submit"] {background:#08B5C5; border:1px solid #fff; color: #ffffff; border-radius:4px; -moz-border-radius:4px; box-shadow:0 0 1px #000000; cursor:pointer;}

.fgtpassword {margin:10% auto;background:#cde2e4; border:2px solid #00abb8; border-radius:4px; -moz-border-radius:4px; padding:10px;width:25%;}
.fgtpassword label {display:block; margin-bottom:4px;}
.fgtpassword a {margin:0 6px; color:#01a1ad; text-decoration:none;float:right;}
.fgtpassword input[type="text"], .login input[type="password"] {display:block; width:97%; border:1px solid #54a2a9; padding:3px;}
.fgtpassword input[type="submit"] {background:#08B5C5; border:1px solid #fff; color: #ffffff; border-radius:4px; -moz-border-radius:4px; box-shadow:0 0 1px #000000; cursor:pointer;}
*/
/* added new */
.login {margin:10% auto; width:30%;}
.login form {background:#fff; border:2px solid #fff; border-radius:4px; -moz-border-radius:4px; padding:10px 0;}
.login label {display:block; margin-bottom:4px;}
.login a {margin:0 6px; color:#01a1ad; text-decoration:none;}
.login input[type="text"], .login input[type="password"] {display:block; width:97%; border:1px solid #54a2a9; padding:3px;}
/*.login input[type="submit"] {background:#08B5C5; border:1px solid #fff; color: #ffffff; border-radius:4px; -moz-border-radius:4px;box-shadow:0 0 1px #000000; cursor:pointer;}*/

.fgtpassword {background:#fff; border:0px solid #ccc; border-radius:4px; -moz-border-radius:4px; padding:10px;width:25%;width:350px; height: 180px;}
.fgtpassword label {display:block; margin-bottom:4px;}
.fgtpassword a {margin:0 6px; color:#01a1ad; text-decoration:none;float:right;}
.fgtpassword input[type="text"], .login input[type="password"] {display:block; width:97%; border:1px solid #54a2a9; padding:3px;}
/*.fgtpassword input[type="submit"] {background:#08B5C5; border:1px solid #fff; color: #ffffff; border-radius:4px; -moz-border-radius:4px; box-shadow:0 0 1px #000000; cursor:pointer;} */

.headerlabel { border-bottom: 1px dotted #AAAAAA; color: #5A5A5A; /*font-size: 20px;*/font-weight: bold; width: 100%;}
.loginheader{background:#fff; border-bottom:1px solid #ddd; height:110px;width:100%;}
.login input[type="submit"],.fgtpassword input[type="submit"]  {
    background-image: linear-gradient(to bottom, #428BCA 0px, #3071A9 100%);
    border: 2px solid #2D6CA2;
    border-radius: 4px;
    box-shadow: 0 0 1px #2D6CA2;
    color: #FFFFFF;
    cursor: pointer;
    padding: 3px 10px;
}
/* added new */
.required {border:1px solid #ff0000 !important;}
.loginerror {color:#ff0000;}
.fgperror {color:#ff0000;}
.success {color:#0000FF;}


.head {display:block; }
.content {display:none; }

.gray-box {-moz-border-radius:4px;background:rgba(94,157,192, 0.1) border-radius:4px; -moz-border-radius:4px; cursor:default; padding:3px; margin:5px 0; position:relative;}
.white-box {-moz-border-radius:4px; background:#ffffff; border-bottom-left-radius:4px; border-bottom-right-radius:4px;
-moz-border-bottom-left-radius:4px; -moz-border-bottom-right-radius:4px; cursor:default; padding:7px 9px 15px 7px;}

.ui-accordion-left {background:url(ui-lightness/images/ui-icons_ffffff_256x240.png) no-repeat -32px -16px; display:inline-block; height:16px; width:16px; position:absolute; top:5px; left:0;}

.selected .ui-accordion-left {background-position:-64px -16px;}

.info-message{
  background-color: rgba(94,157,192,0.2);
    display: block;

    margin: 5px;
    padding: 12px;
}



.content-header {background:rgba(94,157,192,0.7); margin:20px 0 0 0; min-height:38px; padding:7px 5px 3px 6px; border-radius:4px; -moz-border-radius:4px; color:#ffffff; font-size:1.2em;}
.content-sub-header {background:rgba(94,157,192,0.3); margin:2px auto; padding:7px 5px 3px 6px; border-radius:4px; -moz-border-radius:4px; color:#5e9dc0; font-size:1.1em;}

.org-branding{background:rgba(94,157,192,0.7);color:#ffffff;font-weight: bold;}


.popup-content-header {background:rgba(94,157,192,0.7); margin:0 0 0 0; min-height:22px; padding:3px 5px 3px 6px; border-radius:4px; -moz-border-radius:4px; color:#ffffff;}

.pop-close-icon{
color: white!important;
position: relative;
top: 29px;
left: -19px;
font-size: 21px;
}
.popup-content-header span {font-size:14px; font-weight:bold;}




#loading_div{
padding:20px;
color:#5e9dc0;
}
#loading_div i{
  font-size:2em;
  position: relative;
  color:inherit;
  top:5px;
  margin-right:5px;
}

#loading_div1{
padding:20px;
color:#5e9dc0;
}
#loading_div1 i{
  font-size:2em;
  position: relative;
  color:inherit;
  top:5px;
  margin-right:5px;
}


i.icon-shade{
  color:#5e9dc0;
  font-size:1.8em;
}


.search-container {border:5px solid rgba(94,157,192, 0.1);background-color:rgba(255,255,255,0.95); /*font-size:12px; */ color:#5e9dc0; overflow:hidden;}
.search-container input[type="text"]{
font-size: 0.9em;
    margin: 2px 0 9px;
    padding: 7px 6px;
    width: 93%;
}
.ui-icon-label {float:left; cursor:pointer;}
.ui-search-tools-toggle .ui-icon-label, .toggle .ui-icon {
float:left;
}

.box {background:#888888; float:left; margin:0.4%; padding:4px; border-radius:4px; -moz-border-radius:4px; color:#63665D;position:relative;}

.titlesbox {background:#EFEDE6; border:1px solid #EFEDE6; float:left; margin:0.2%; padding:3px; border-radius:4px; -moz-border-radius:4px; color:#63665D;position:relative;}

.box-inner {background:#888888; margin:0.3em; max-height:197px; padding:2px; border-radius:4px; -moz-border-radius:4px; width:220px;}
box-inner-list {background:#FFFFFF; margin:0.3em; max-height:197px; border-radius:4px; -moz-border-radius:4px; width:100%;}
.box-inner-header {/*display:table;*/ float:left; min-height:35px; width:100%;}
/*.module-title {background-color: #888888;
    color: #FFFFFF;
    cursor: default;
    left: -3px;
    overflow: hidden;
    padding: 3px;
    position: relative;
    top: -37px;
    white-space: nowrap;
    width: 100%;}*/
.module-title {
    background-color: #888888;
    color: #ffffff;
    cursor: default;
    left: -3px;
    overflow: hidden;
    padding: 3px;
    position: relative;
    top: -62px;
    white-space: nowrap;
    width: 100%;
}

.module-title-collection {
    background-color: #888888;
    color: #ffffff;
    cursor: default;
    left: -3px;
    overflow: hidden;
    padding: 3px;
    position: relative;
    white-space: nowrap;
    width: 100%;
}
.titlesbox-playlist .module-title { /*max-height:24px;*/height:24px; width:87px;}
.box-inner input[type="checkbox"],.box-inner-list input[type="checkbox"] {float:right; margin:2px; padding-right:4px;display:block;}

.thumb-area {background:#888888; border-radius:5px; -moz-border-radius:5px; display:table; height:120px; margin:0 auto; max-height:120px; position:relative; width:160px;}
.thumb-area img {border:1px solid #888888;border-radius:5px; -moz-border-radius:5px; display:block; position:absolute;}

/*.thumb-info,*/ .thumb-type, /*.thumb-video*/, .thumb-document, .thumb-audio,.edit-icon,.manage-icon, .view-icon, .delete-icon {border:1px solid #AAAAAA; border-radius:5px; -moz-border-radius:5px; display:block; height:16px; position:absolute; right:6px; top:5px; width:16px; background:#fff /* url(ui-lightness/images/ui-icons_222222_256x240.png) no-repeat -16px -144px */;}
/*
.thumb-info {position:relative; float:right;}*/
/*.thumb-date {color:#ffffff; font-size:0.789em; padding:4px;}*/
.thumb-date {
    color: #ffffff;
    font-size: 10px;
    height: 37px;
    padding: 22px 0 4px;
}
.thumb-type {right:6px; top:98px; background-position:-208px -128px;}
.fa-thumb-type{
  position: absolute;
left: -3px;
/*top: -196px;*/
 top: -222px;
z-index: 3;
color: #ffffff;
background: #888888;
padding: 9px 12px 9px 4px;
opacity: 1!important;
-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-bottomright: 9px;
border-bottom-right-radius: 9px;
}
/*.thumb-video {right:6px; top:98px; background-position:-224px -128px;}*/
.thumb-document {right:6px; /*top:98px;*/ background-position:-32px -96px;}
.thumb-audio {right:6px; top:98px; background:#fff url(../images/audio.png) no-repeat 0 0;}
#videothumb_span{
   display: block;
    float: left;
    margin: 10px 10px;
    width: 130px;
}

.thumb-tools{
  background: #888;
  color:#fff;
  font-size:1.3em;
}
.thumb-tools i{
  margin:9px;
  opacity: 0.7;
}
.thumb-tools i:hover{
  opacity: 1;
}
.edit-icon { background:url("../images/update.png") no-repeat scroll center center #FFFFFF; height:16px; width:16px; display:inline-block;left: 5px;top: 98px;}
.manage-icon { background:url("../images/manage.png") no-repeat scroll center center #FFFFFF; height:16px; width:16px; display:inline-block;left: 35px;top: 98px;}
.view-icon {  background: url(../images/preview.png) no-repeat scroll center center #FFFFFF; height:16px; width:16px; display:inline-block;left: 65px;top: 98px;}
.delete-icon {  background: url(../images/delete_13.png) no-repeat scroll center center #FFFFFF; height:16px; width:16px; display:inline-block;left: 95px;top: 98px;}

.module-bottom {margin-top:0px; text-align:center; color:#000; font-size:0.789em; padding:0 5px 10px 0; overflow:hidden; line-height:18px;}
/*.edit-icon {background:url(ui-lightness/images/ui-icons_222222_256x240.png) no-repeat -64px -112px; height:13px; width:16px; display:inline-block;}
.manage-icon {background:url(ui-lightness/images/ui-icons_222222_256x240.png) no-repeat -64px -112px; height:13px; width:16px; display:inline-block;}
.view-icon { background:url(ui-lightness/images/ui-icons_222222_256x240.png) no-repeat -64px -112px; height:13px; width:16px; display:inline-block;}*/

/*
.edit-icon { background:#fff url(../images/update.png) no-repeat 0 0; height:13px; width:13px; display:inline-block;}
.manage-icon { background:#fff url(../images/manage.png) no-repeat 0 0; height:13px; width:13px; display:inline-block;}
.view-icon {  background:#fff url(../images/preview.png) no-repeat 0 0; height:11px; width:13px; display:inline-block;}
.delete-icon {  background:#fff url(../images/delete_13.png) no-repeat 0 0; height:11px; width:13px; display:inline-block;}
*/

.row  {display:table; width:100%; padding:7px; -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

div.ui-search-set {float: left;
margin-top: 4px;
padding: 4px 21px 4px 20px;
width: 22.8%;} /* min-height:170px; */
.search-set-title {color:#7E796E; /*font-size:13px; */margin:0 0 9px 8px;}
.ui-floated-list li { margin-bottom:8px; }


.rightBorder {border-right:1px solid #C3C2BD;min-height:180px;}


/******************* Tabs Menu ********/
#Tabs {width:100%; float:left;}
.isHidden {
display:block;
height:0;
overflow:hidden;
width:0;
position:absolute;
text-indent:-9999px;
}
.tabcontent {top:0px; position:relative; z-index:50; float:left; width:100%; display:block;}
.tabcontent .ShowContent {width:96%; float:left;}

/******************** Tabs Menu *****************/
ul#main-nav {margin-left:0px; width:100%; float:left;}
ul#main-nav li {
float:left;
position:relative;
margin-left:0px;
display:inline;
}
ul#main-nav li a {
position:relative;
width:110px;
line-height:28px;
display:block;
/*color:#ffffff; background:#5e9dc0 no-repeat left -56px;*/
/*background-color: #888;*/
/*background-color: #5e9dc0;*/
background-color: #5e9dc0;
color:#fff;
text-decoration:none;
/*font-size:12px;*/
text-align:left;
padding-left:0px;
font-weight:bold;
text-align:center; cursor:pointer;

}

ul#main-nav li.active a{
  background-color: #888 !important;
  /*color: #000 !important; */
}
#user_add_form #Tabs #main-nav{
     font-size: 1.2em;
    margin: 0 auto;
    padding: 10px;
}
#user_add_form #Tabs #main-nav li{
  display:block;
  width:24.5%!important;
  margin: 4px 4px 0 0!important;
}
ul#main-nav li a:hover { color:#000;}
ul#main-nav li a.current{ color: #ffffff;}

ul#main-nav li.home a {
width:100%;
color: #ffffff;
}
ul#main-nav li.home a.current{
background-position:left -56px;
}

ul#main-nav li.home a.pending{
background-position:left -112px;
}

ul#main-nav li .current {
z-index:100;
}
ul#main-nav li.home {
z-index:101;
}
ul#main-nav li.portfolio {
z-index:99;
margin-left:-19px;
}
ul#main-nav li.portfolio a {z-index:99;color:#ffffff;  background:#5e9dc0 no-repeat -206px top; width:100%;}
ul#main-nav li.portfolio a.current {
background-position:-206px -56px;
}

ul#main-nav li.portfolio a.pending {background-position:-206px -112px;}
ul#main-nav li.reinventing {z-index:98; margin-left:-21px;}
ul#main-nav li.reinventing a {z-index:98;color:#ffffff;  background:#5e9dc0 no-repeat -206px top;width:100%;}
ul#main-nav li.reinventing a.current {background-position:-206px -56px; z-index:100;}
ul#main-nav li.reinventing a.pending {background-position:-206px -112px; z-index:100;}
ul#main-nav li.readiness {z-index:97; margin-left:-21px;}
ul#main-nav li.readiness a {z-index:97;color:#ffffff;  background:#5e9dc0 no-repeat -206px top; width:100%;}
ul#main-nav li.readiness a.current {
background-position:-475px -56px;
}
ul#main-nav li.readiness a.pending {
background-position:-475px -112px;
}

.breadcrumb {font-family:Verdana,Arial,sans-serif; /*font-size:12px;*/ color:#000;margin:10px;}
.breadcrumb span {background:url('../images/arrow.png') no-repeat 100% 50%; padding-right:12px; margin-right:12px;}
.breadcrumb a {color:#5e9dc0; text-decoration: none;}
.breadcrumb a:hover {color:#000; text-decoration:none;}

.colum-01 {width:25%; float:left;}
.colum-02 {width:72%; float:left;}

.colum-1 {width:40%; float:left;}
.colum-2 {width:57%; float:left;}
.colum-3 {width:33%; float:left;}
.colum-4 {width:48%; float:left;}
.colum-title {width:15%; float:left;}
.colum-5 {width:26%; float:left;}
.blue    {color:blue;}
.colum-6 {width:65%; float:left;}

.colum-7 {width:30%; float:left;}

/*.row-1 {border:1px solid #ccc; padding:5px; overflow:hidden;clear:both}*/

.pull-right {text-align:right;}
.left {float:left;}
.right {float:right;}
.centered {margin:0 auto; text-align:center;}
.hidden {display:none;}

/******************* Tabs Menu End ********/


/*********** left menu items style *************/
.menu_items_class {background:rgba(94,157,192,0.06) repeat scroll 0 0;border-radius: 5px;/*font-size:11px; */font-family:Verdana,Arial,sans-serif; cursor: pointer; margin:5px; padding:5px; color:#5e9dc0;}

.menu_items_class:hover{color:#5e9dc0; background:rgba(94,157,192,0.2);}

.menu_items_class.menu_items_selected_class {
    color: #ffffff;
    /*background:rgba(94,157,192,0.7);*/
    background-color:#888888;
    /*font-weight: bold;*/
}

fieldset {font-family:Verdana,Arial,sans-serif; border:1px solid #ccc;}
legend { color:rgba(94,157,192,0.8)!important;}
.suc_data {border-radius:6px 6px 6px 6px; background:none repeat scroll 0% 0% orange; padding:10px; color:rgb(255, 255, 255); border:1px solid rgb(0, 0, 0);}

/*************** accordion related *************/
.ui-accordion .ui-accordion-content{
padding:0px;
}
.ui-state-default .ui-icon {
background-image:url("ui-lightness/images/ui-icons_ffffff_256x240.png");
}

.ui-state-active .ui-icon {
background-image:url("ui-lightness/images/ui-icons_ffffff_256x240.png");
}

.ui-accordion-header a {
padding:5px;
}
.ui-accordion .ui-accordion-header a {
color: #ffffff;
display:block;
/*font-size:11px;
*/padding:0.5em 0.5em 0.5em 0.9em;
text-decoration:none;
font-family:Verdana,Arial,sans-serif;
}

.add_asset_btn {border:1px solid #5e9dc0; cursor:pointer; display:inline-block; line-height:20px; margin-bottom:0; padding:2px 5px; text-align:center; ertical-align:middle; background-color:#5e9dc0; border-radius:4px; -moz-border-radius:4px; color: #ffffff; /*font-size:11px; */font-weight:normal;}

.add_asset_btn .ui-icon-circle-plus {float:left;}



/**********************added  for layout align center **********************/
html, body {

width:100%;
height:100%;
padding:0;
margin:0;
/*  overflow:auto; */ /* when page gets too small */
}
#container {
background:#fff;
height:100%;
margin:0 auto;
width:100%;
/*max-width:1005px;
min-width:1005px;
_width:1005px; *//* min-width for IE6 */
}
.pane {
display:none; /* will appear when layout inits */
}
body{

background-position:center;
}
body.loading{
  background-color: rgba(94,157,192, 0.2);
}
.loading-icon{
  margin:20% auto;
  padding:10px;
  width:280px;
  color:#5e9dc0;
  /*background-color: rgba(94,157,192, 0.4);
  border:3px solid rgba(94,157,192, 0.6);*/
  display:block;
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.loading-icon i{
  font-size:5em;
}
.loading-icon span{
  left: 10px;
    position: relative;
    top: -22px;
}

.loading div{
  display:none;
}

.box-white, .box-red {background-color: #ffffff; padding:5px 10px; margin:5px auto;width:99%;word-wrap:break-word;}
.box-shade10{
  background:rgba(94,157,192, 0.1);
  padding:10px;
  margin:10px;
}
.box-shade20{
  background:rgba(94,157,192, 0.2);
  padding:10px;
  margin:10px;
}
.box-shade30{
  background:rgba(94,157,192, 0.3);
  padding:10px;
  margin:10px;
}
.box-shade40{
  background:rgba(94,157,192, 0.4);
  padding:10px;
  margin:10px;
}
.box-shade50{
  background:rgba(94,157,192, 0.5);
  padding:10px;
  margin:10px;
}
.box-shade60{
  background:rgba(94,157,192, 0.6);
  padding:10px;
  margin:10px;
}
.box-shade70{
  background:rgba(94,157,192, 0.7);
  padding:10px;
  margin:10px;
}
.box-shade80{
  background:rgba(94,157,192, 0.8);
  padding:10px;
  margin:10px;
}
.box-shade90{
  background:rgba(94,157,192, 0.9);
  padding:10px;
  margin:10px;
}
.bigger-text{
  color:#5e9dc0;
  font-size: 2.4em;
}
.box-red {background:#f5d0d0; border:1px solid #db8f8f; color:#78403d;}

.box-white:before, .box-red:before, .box-white:after, .box-red:after {display:table; content:"";}
.box-white:after, .box-red:after {clear:both;}

.token-input-list-facebook {}
.token-input-token-facebook {overflow:hidden; margin:3px; padding:3px 5px; background:#5e9dc0; color:#fff; cursor:default; border:1px solid #5e9dc0; /*font-size:11px;*/ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; float:left; white-space:nowrap;}
.token-input-token-facebook span {color: #ffffff; margin-left:5px; cursor:pointer;}

.vscroll {max-height:250px; overflow-y:auto; margin:10px 0; padding:0 10px 10px 0; line-height:18px;}
.video {min-height:250px;background-color: #888888;text-align: center;
background: #5b5b5b; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM1YjViNWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMTMxMzEzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #5b5b5b 0%, #131313 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#5b5b5b), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #5b5b5b 0%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #5b5b5b 0%,#131313 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #5b5b5b 0%,#131313 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #5b5b5b 0%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#131313',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}
/*.mejs-container{
  margin:20px auto;
}*/
.assetnav {position:relative;top:-50px;z-index:1;}

.tooltip {display:none;}

.assetnav a,.tooltip a{text-decoration:none; display:inline-block; position:relative;}
.assetnav a.active {background:#888888;border-color:#888888;}
.assetnav li {display:inline-block; position:relative; margin:0 0px;}
.assetnav li:hover > .tooltip {display:block; position:absolute; top:20px; left:-15em; z-index:20;}
.big-refresh{
  font-size:1.8em;
  color:#5e9dc0;
  cursor: pointer;
}
.assetnav ul{
  margin:0 0 0 0!important;
  padding: 0 0 0 0!important;
}
.move-up{
   margin: 0 5px;
    position: relative;
    top: -62px;
    width: 98.5%;
}
.preview-and-refresh-region{
  position: relative;
  top:-42px;
  z-index: 2;
}
.big-text {font-size:1.4em; font-weight:bold;}
.margin10_T {margin-top:10px !important;}
.clear {clear:both;}

h1,h2,h3,h4,h5 {padding:0; margin: 3px 0 3px 5px;}

h1 { font-size: 1.4em; }
.content-header h1{

}
.fixed-content{
  position:fixed;
  top:-5px;
}
.small-top-margin{
  margin-top:5px;
}

.assetbtn {border:1px solid #5e9dc0; cursor:pointer; display:inline-block; line-height:20px; margin-bottom:0; padding:2px 14px; text-align:center; ertical-align:middle; background:#5e9dc0; border-radius:4px; -moz-border-radius:4px; color: #ffffff;}
.assetbtn:hover {background:#fff; color:#5e9dc0;}


#wrapper {
background:none repeat scroll 0 0 #999999;
height:100%;
margin:0 auto;
max-width:1005px;
min-width:1005px;
width:100%;
}

/*
.ui-tabs { position:relative; padding:0; zoom:1; }
.ui-tabs .ui-tabs-nav { margin:0; padding:0; }
.ui-tabs .ui-tabs-nav li { list-style-type:none; float:left; position:relative; top:0; margin:0; padding:0; white-space:nowrap; }
.ui-tabs .ui-tabs-nav li a { float:left; padding:.5em 1em; text-decoration:none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom:0;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor:text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor:pointer; }

.ui-tabs .ui-tabs-panel { display:block; border-width:0; padding:0 8px; background:none; margin-top:5px;}
.ui-tabs .ui-tabs-hide { display:none !important; }
.ui-tabs .ui-state-default {background:#F5D0D0; border:1px solid #DB8F8F;}
.ui-tabs .ui-state-active, .ui-tabs .ui-tabs-selected{background:#7BA3D8; border:1px solid #000000;}
.ui-tabs .ui-state-active a, .ui-tabs .ui-tabs-selected a {color: #ffffff;}
*/
.ui-tabs p {padding:0; zoom:1; margin:5px 0;}
.date {color:#ccc; /*font-size:.8em;*/}

.span-4 {width:25%; float:left;}
.span-7 {width:70%; float:left;}
.role_perm {
  display:table;
  width:100%;
  padding:5px 0 10px;
  margin:5px 0;
  border-bottom:1px solid rgba(94,157,192, 0.2);

}
.role_red {background:#CC0000; }

/*.tooltip {z-index:2001; background:url(../images/tooltip-arrow.png) no-repeat center 0; width:490px;/* font-size:12px;*//* padding-top:12px; color: #ffffff; height:100%;}*/
.tooltip-inner {background:#888; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;padding:10px; margin-top:-1px;}
.tooltip-inner:after, .tooltip-inner:before {display:table; content:"";}
.tooltip-inner:after {clear:both;}
.tooltip-inner textarea{
  width:95%;
}
#share_display i{
  font-size: 1.6em;
  color:#5e9dc0;
}
#share_view .content1{
  width:100%!important;
  float:none!important;
}
#share_view p.js-open{
  position:relative;
  top:-2px;
  left:-10px;
  font-size:1.2;
  opacity:1;
}
#share_view #loading_div{
  color:#fff!important;
}

#share_view p.js-open a{
    font-size: 1.5em;
    font-weight: bold;
    margin: 0 !important;
    padding: 0 0 0 10px !important;
}
.ShareAsset-content { height: auto;
    margin: 6px 7px 0;}
.viewasset-header .ShareAsset-content {
  margin: 40px auto 0 !important;
    width: 98.5%;
}
ul.share-links-list li{
  display:inline;
}




.viewtitle-header .ShareAsset-content {position:absolute; left:10%; top:auto;}
.ShareAsset-content h4 {margin:5px 0;}
.ShareAsset-content p {margin:5px 0;}
.ShareAsset-content a {/*font-size:12px; */color: #ffffff !important;margin:0px !important; text-decoration:none;padding:3px 5px;font-size:1.2em; opacity:0.8;}
.ShareAsset-content a:hover {color: #ffffff; opacity: 1}
.ShareAsset-content a i{
  font-size:1.5em;
  margin: 2px 4px;
  color:#fff;
}
.colleague a {line-height:18px;}
.colleague a:hover, .colleague a.active {}

.department a {line-height:18px;}
.department a:hover, .department a.active {}

.group a {/*background:#330000 url(../images/share/group.png) no-repeat 0 0;*/ line-height:18px;}
.group a:hover, .group a.active {/*background:url(../images/share/group.png) no-repeat 0 0;*/}

.email-link a {/*background:#330000 url(../images/share/email.png) no-repeat 0 0;*/  line-height:18px;}
.email-link a:hover, .email-link a.active {/*background:url(../images/share/email.png) no-repeat 0 0;*/}

.get-link a {/*background:#330000 url(../images/share/urllink.png) no-repeat 0 0;*/ line-height:18px;}
.get-link a:hover, .get-link a.active {/*background:url(../images/share/urllink.png) no-repeat 0 0;*/}

.embed-code a {/*background:#330000 url(../images/share/embed.png) no-repeat 0 0;*/ line-height:18px;}
.embed-code a:hover, .embed-code a.active {/*background:url(../images/share/embed.png) no-repeat 0 0;*/}

.ShareThis-middle {border-right:4px solid #3f3f3f; border-left:4px solid #3f3f3f; padding:0 10px; margin:0 8px;}
.youtube a, .youtube a:hover, .youtube a.active {background:url(../images/share/youtube.png) no-repeat 0 0;  line-height:18px;}
.facebook a, .facebook a:hover, .facebook a.active {/*background:url(../images/share/facebook.png) no-repeat 0 0;*/  line-height:18px;}
.twitter a, .twitter a:hover, .twitter a.active {/*background:url(../images/share/twitter.png) no-repeat 0 0;*/  line-height:18px;}
.flickr a, .flickr a:hover, .flickr a.active {background:url(../images/share/flickr.png) no-repeat 0 0;  line-height:18px;}

.content1{border-radius:8px; padding:10px; width:450px; position:relative; background:#fff; color:#000; z-index:20;}
.ShareThis-rt .content1{/*left:-27em;*/}
.ShareThis-rt input[type="text"] {border:1px solid #000; width:98%; padding:3px; color:#333; margin-bottom:5px;}

.ShareThis-rt.content3 .content1 {/*left: -11.5em;*/}
.ShareThis-rt.content2 .content1 {/*left: -15.5em;*/}
.ShareThis-rt.content0 .content1 {left:0;}

.red-btn {/*background:#f3c0c0;*/ color: #ffffff;background:#5e9dc0; }
.search-input {border:2px solid #000; padding:3px 3px 2px; color:#000; /*font-size:13px; */float:left;}
.search-bt {background:url("../images/search-icon.png") no-repeat 0 0; border:medium none; cursor:pointer; height:25px; line-height:0; text-indent:-9999em; width:30px;}

.floatleft {float:left; margin-right:10px;}
.row-2 {border:1px solid #CCCCCC; overflow:hidden; margin-bottom:4px;}

.span-2 {width:20%; float:left;}
.span-3 {width:30%; float:left;}
.span-9 {width:90%; float:left;}
.span-95 {width:95%; float:left;}

.asset-video {background:#000; padding:10px; overflow:hidden; position:relative;}
.asset-video .video{width:640px; margin:0 auto; border:1px solid #dcdcdc; min-height:360px;text-align: center; /*position:relative; */}
.asset-video .small_video{width:392px; margin:0 auto; border:1px solid #dcdcdc; min-height:220px;text-align: center;}
.asset-video .small_video1{width:640px; margin:0 auto; border:1px solid #dcdcdc; height:360px;text-align: center;}
.asset-video .small_manage_video{width:360px; margin:0 auto; border:1px solid #dcdcdc; height:260px;text-align: center;}
.lights-out {background:#330000 url(../images/Lights-Out.png) no-repeat right 0; padding:0 20px 0 4px; color: #ffffff; /*font-size:11px; */text-decoration:none; line-height:18px; display:inline-block;}

.viewasset-header {border-bottom:3px solid #999999; padding:5px 0; position:relative;}
.viewasset-header:before, .viewasset-header:after {display:table; content:"";}
.viewasset-header:after {clear:both;}

.viewasset-header a,.viewtitle-header a {text-decoration:none; color:#000; margin-right:10px;}
.ViewTranscript,.ViewNotes,.annotationsview {background:#f3c0c0 url(../images/ViewTranscript.png) no-repeat 0 0; padding:1px 2px 1px 30px; display:inline-block; line-height:24px;}


.Subscribe {/*font-size:11px; */color:#4875b0; text-decoration:underline; font-weight:bold;}
.comments-inner {margin:10px 0 0 10px; /*font-size:12px; */overflow-x:auto; display:block;}
.commentor {/*font-size:14px; */color:#4875b0; text-decoration:underline;}
.commentor:hover {text-decoration:none;}

.darkgray-box {background:rgba(94,157,192, 0.1); padding:4px; margin:5px 0;}

.small-bt {background:#fff; border-radius:0; box-shadow:3px 3px 1px #000000; margin:0 2px; color:#000; padding:0 6px; line-height:15px; font-size:11px; border:1px solid #000;}

.sub-comments {min-width:99%; clear:both;}
.comments-inner textarea {color:#333333; /*font-size:13px; */padding:4px; border:2px solid #333; width:96%;}
.ui-sidebar-notification-blob-active {background-color:#F26925; border-radius:10px; color: #ffffff; font-size:0.8em; font-weight:bold; margin-left:7px;padding:0 7px;}

.SearchTranscript {border:1px solid #000; padding:2px 4px;}
.SearchTranscript input[type="text"] {border:none; color:#000;}
.SearchTranscript input[type="submit"] {border:none; background:url(../images/search.png) no-repeat 0 0; text-indent:-9999em; cursor:pointer; line-height:0; width:16px; height:17px;}

.Transcript-inner {width:95%; margin:0 auto;}
.heiglight {background:#fff9e6;}

.fullwidth {width:100%; display:table; content:""}
.fullwidth:after {clear:both;}

.videoscroll {height:300px; line-height:18px; overflow-y:auto;}

.chapters li {/*font-size:13px;*/ color:#000; padding:8px;}
.chapters a {color:#000; text-decoration:none;}
.chapters .odd {background:#fff;}
.chapters .even {background:#eeeeee;}
.chapters .active {background:#95bcf2;}
.centered1 {margin:0 auto; text-align:center; padding-right:10px;}

.comment_row:after, .comment_row:before  {content:""; display:block;}
.comment_row:after  {clear:both;}

.com-lik-det { font-style:italic;}

.padding5_L {padding-left:5%;}
.padding10_L {padding-left:10%;}
.padding15_L {padding-left:15%;}
.padding20_L {padding-left:20%;}
.padding25_L {padding-left:25%;}
.padding30_L {padding-left:30%;}
.padding35_L {padding-left:35%;}
.padding40_L {padding-left:40%;}
.padding45_L {padding-left:45%;}

.subCommentsChild {width:325px; clear:both;}

body {font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size:12px; margin:0px; position:relative;}
#container { /*width:960px*/margin:0px auto; text-align:left; overflow:hidden; position:relative;}
#movie {border:solid 1px #dcdcdc; float:left; width:560px; text-align:left; margin-right:20px;}
#command { position:relative; height:25px; display:block; margin:25px 0 0 0;}
.lightSwitcher {position:absolute; z-index:101; background-image:url(../images/light_bulb_off.png);
background-repeat:no-repeat; background-position:left; padding:0 0 0 20px;
outline:none; text-decoration:none;}
.lightSwitcher:hover {text-decoration:underline;}
.turnedOff {color:#ff0000; background-image:url(../images/light_bulb.png);}
#shadow {background-image:url(../images/shade1x1.png); position:absolute; left:0; top:0; width:100%; z-index:100;}

.alert {background-color:#fce5ce; border:2px solid #ff9900; border-radius:6px; color:#C09853; padding:8px 15px; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);display:table;clear:both;}
/*.successMsg {background:#ffe599; border:2px solid #000; border-radius:6px; padding:8px 15px; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);color:#000;content:""}*/
.successMsg:after {clear:both;}
/* .successRow {background:#ffe599 !important;} */

input#asset_tags_txt{
   font-size: 0.9em;
    margin: 2px 0 9px;
    padding: 7px 6px;
    position: relative;
    top: 2px;
    width: 70%;
}

.info , .successMsg{

    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #3C763D;
    margin: 0 5px 10px;
    padding: 10px;
}

.successRow{
  background-color: #DFF0D8;
  color: #3C763D;
}
.warn, .warn:hover{

    background-color: #F2DEDE!important;
    border-color: #EBCCD1!important;
    color: #A94442!important;
    margin: 0 5px 10px;
    padding: 10px;
}

tr.warn i{
  color:#a94442 !important
}
#asset_loading{
  color:#5e9dc0;
  margin:10px 0px 0px 20px;

}
#asset_loading i{
  font-size:1.2em;
}

.danger i.fa-spinner,
.warn button, .danger button{
  color:#A94442;
}
.btn-danger{
  background-color: #A94442!important;
  border-color: #A94442!important;
}
.btn-cancel{
  background-color: #ddd!important;
  color:#666!important;
  border-color:#666!important;
}

.infoRow {background:#cf2a27; color: #ffffff;}

.orgdropdown {background:#FFFFFF; border:1px solid #CCCCCC; display:block; height:120px; overflow-y:auto; padding: 5px; position:absolute; width:152px;}
.orgdropdown ul ul {padding:5px 0 5px 15px}
.orgdropdown ul ul ul {padding:5px 0 5px 15px}
.span-1 {width:10%; float:left;}
.select_org_class {width: 163px;}

/*.duplicate_role {background:url(../images/duplicate.png) no-repeat 0 0; border:none; padding-left:22px; margin:0 4px; display:inline-block;}*/
/*.edit_role {background:url(../images/edit.png) no-repeat 0 0; border:none; padding-left:22px; margin:0 4px; display:inline-block;}*/
/*.delete_role {background:url(../images/delete.png) no-repeat 0 0; border:none; padding-left:22px; margin:0 4px; display:inline-block;}*/

.gray-title {color:#666666; margin:5px 0;font-weight:bold;}
.vline {border-left:3px solid #e6e6e6; padding-left:15px;}
.pink-btn {/*background:#f3c0c0;*/ background:#5e9dc0; border:2px solid #000; border-radius:0; box-shadow:3px 3px 1px #000000; color: #ffffff;margin-right:4px;}
.white-btn {background:#5e9dc0; border:2px solid #000; border-radius:0; box-shadow:3px 3px 1px #000000; color:#ffffff;margin-right:4px;}


/***************added for asset info tooltip******************/
.tollbox {background:#888888; padding:12px; border-radius:9px; -moz-border-radius:9px;
-webkit-box-shadow: 2px 2px 3px 2px rgba(50, 50, 50, 0.33);
-moz-box-shadow:    2px 2px 3px 2px rgba(50, 50, 50, 0.33);
box-shadow:         2px 2px 3px 2px rgba(50, 50, 50, 0.33);

}
.tollbox:before, .tollbox:after, .tollbox-header:before, .tollbox-header:after, .white-box:before, .white-box:after {display:table; content:"";}
.tollbox:after, .tollbox-header:after, .white-box:after {clear:both;}

.tollbox-header {background:#fff; padding:6px; border-radius:6px; -moz-border-radius:6px; margin-bottom:6px;color:#888888;}
.tollbox h3 {color:#888888; font-size:17px; font-weight:normal; margin:5px 0;}
.tollbox h4 {color:#888888; font-size:13px; font-weight:normal; margin:0 4px;}
.tollbox-inner {padding:5px 15px 15px 15px;}

.ui-tag {background-color:#5e9dc0;white-space:no-wrap; font-size:11px; max-width:150px; float:left; margin:3px; padding:2px 4px 4px 4px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;color:#ffffff}
.ui-tag .fa { font-size:1.1em;margin:1px!important;padding:2px!important;}
.ui-tags-list {margin:0 5px;}

ul#ui-asset-info-stats-list {display:block; margin:0;}
ul#ui-asset-info-stats-list li strong {display:block; margin:5px auto;font-size:1.5em;font-weight: bold;}
ul#ui-asset-info-stats-list li {background-color:#fff; border:2px solid #ffffff; float:left; font-size:11px; margin:2px; padding:2px; width:26%;color:#888888;white-space:nowrap;text-align:center;}
/***************added for asset info tooltip******************/

/**********************asset delete popup*************/
.background_highlight
{
  background:#F57327;
}
.warning-highlight
{

  background:#F57327;
  color: #ffffff;
  padding: 2px;
  overflow:hidden;
}
.warning-buttons {
    float: right;
  /*  position: relative;*/
    right: 15px;
    top: 20px;
}
.ui-icon_warn {
    background-image: url("ui-lightness/images/ui-icons_ffffff_256x240.png");
    height: 16px;
    width: 16px;
}
.ui-icon-check {
    background-position: -64px -144px;
}
.warning-buttons .ui-icon_warn {
    float: left;
    margin-right: 5px;
    position: relative;
    top: 3px;
}
.warning-buttons a {
    cursor: pointer;
    float: left;
    margin-right: 5px;
    padding: 1px;
    text-decoration: none;
}
.ui-icon-close {
    background-position: -80px -128px;
}
/**********************asset delete popup*************/

/*  .ui-widget-header{background: none;border:0px;}*/
.ui-state-active,.ui-state-hover, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border:0px;}

/********************/

.square-btn {background:#eeeeee; border:2px solid #000; border-radius:0; box-shadow:3px 3px 1px #000000; color: #ffffff;}
.ui-tabs .ui-tabs-white {background:#fff !important; margin-top:0 !important; padding:8px;}
.margin10_B {margin-bottom:10px;}
.search-bt1 {
    background: url("../images/search.png") no-repeat scroll 5px 3px #EEEEEE;
    border: 2px solid #000000;
    box-shadow: 3px 3px 1px #000000;
    color: #000000;
    cursor: pointer;
    font-size: 13px;
    height: 25px;
    line-height: 17px;
    padding-bottom: 3px;
    padding-left: 20px;
    padding-top: 2px;
}
.textarea-margin {margin-left: 8px;}
.left {float:left;}
/*.right {float:right !important;}  commented for chart*/
.centered {margin:0 auto; text-align:center;}
.hidden {display:none;}

.add-container {background:rgba(94,157,192,0.1); font-size:12px; padding:3px;margin:6px; color:#000; overflow:hidden;}
.RtBor {border-left:1px solid #ccc; margin:-5px 0 -5px 5px; padding:5px; min-height:20px;}
.oddRow {}
.evenRow {border-top:none; border-bottom:none;background:rgba(94,157,192, 0.1)!important; }
.evenRow:last-child {border-bottom:1px solid #ccc;}
.margin04_L {margin-left:3.4%;}
.margin10_L {margin-left:10px;}
.margin5_L {margin-left:5px;}

.edit_class {/* background:url(../images/edit.png) no-repeat 0 0; */ border:none; /*padding-left:17px;*/ margin:0 2px; display:inline-block;}
.emcode_class {background:url(../images/embed-code_16.png)  no-repeat 0 0; border:none; /*padding-left:17px;*/ margin:0 2px; display:inline-block;}
.delete_class {/* background:url(../images/delete.png) no-repeat 0 0; */ border:none; /*padding-left:17px; margin:0 2px;*/ display:inline-block;}
.play_class {/* background:url(../images/play.png) no-repeat 0 0; */ border:none; /*padding-left:20px;*/ margin:0 2px 0 0px; display:inline-block; color:#000000; text-decoration:none;}

.lightgray-box {margin:5px 0; background:rgba(94,157,192,0.1); padding:7px 5px 3px 6px;}
.lightgray-box:after, .lightgray-box:before {display:table; content:"";}
.lightgray-box:after {clear:both;}

.ui-white {background:#fff;}
.groups-header {background:#5e9dc0;}

.videoList {background:#fff; border:none; overflow:hidden; margin-bottom:4px;}
.videoList p { margin:5px 0 10px 0;}
.videoList-header {padding:10px; overflow:hidden;}
.videoList-header .title {font-weight:bold;}

/*.videoList-inner {font-size:11px;}*/


.header-row{
  font-weight: bold;
  color:rgba(94,157,192,0.8);
  font-size:1.1em;
}
.videoList-inner i{
  font-size:1.5em;
  cursor: pointer;
  color:#5e9dc0;
  margin:5px;
}
.width10 {width:10%; float:left;}
.width15 {width:15%; float:left;}
.width20 {width:21%; float:left;}
.width25 {width:25%; float:left;}
.width30 {width:30%; float:left;}
.width40 {width:40%; float:left;}
.width45 {width:45%; float:left;}
.width50 {width:50%; float:left;}
.width55 {width:55%; float:left;}
.width60 {width:60%; float:left;}
.width70 {width:70%; float:left;}
.width75 {width:75%; float:left;}
.width98 {width:98%; float:left;}
.time {width:20px; text-align:center; margin:0 2px;}
.input {width:80%;}
.width44nofloat{
  width:44%;
}
.brown-btn {background:#b2be92; border:none; font-family:Verdana,Arial,sans-serif; font-size:11px; color: #ffffff; padding:4px; cursor:pointer;}

.margin5_R {margin-right:5px;}
.margin3_R {margin-right:3px;}

.titlesbox-playlist {background:#EFEDE6; border:1px solid #EFEDE6; float:left; margin:0.4%; padding:3px; border-radius:4px; -moz-border-radius:4px; color:#63665D;}

.box-inner-playlist-selected {margin:0.3em; max-height:110px; padding:2px; border-radius:4px; -moz-border-radius:4px;}
.box-inner-playlist {background:#FFFFFF; margin:0.3em; max-height:110px; padding:2px; border-radius:4px; -moz-border-radius:4px;}
.box-inner-header-playlist {display:table; width:100%;}

.thumb-area-playlist {background:#63665D; border-radius:5px; -moz-border-radius:5px; display:table; height:80px; margin:0 auto; max-height:120px; position:relative; width:80px;}
.thumb-area-playlist img {border-radius:5px; -moz-border-radius:5px; display:block; position:absolute;}

.thumb-plus-playlist, .thumb-checkbox-playlist, /*.thumb-info-playlist*/, .thumb-type-playlist, .thumb-video-playlist, .thumb-document-playlist, .thumb-audio-playlist {border:0px solid #fff; border-radius:5px; -moz-border-radius:5px; display:block; height:16px; position:absolute; right:6px; top:5px; width:16px; background:#fff url(ui-lightness/images/ui-icons_222222_256x240.png) no-repeat -16px -144px;}

.thumb-info-playlist, .add2playlist { float:right;}
/*.thumb-checkbox-playlist {right:6px; top:5px;  background:#fff url(../images/Interface-89.png) no-repeat 0 0;}*/
.thumb-checkbox-playlist {right:6px; top:5px;  background:none;}
.thumb-plus-playlist {right:6px; top:5px; background-position:0 -192px;}
.thumb-type-playlist {right:6px; top:58px; background-position:-208px -128px;}
.thumb-date-playlist {color:#8F8F87; font-size:0.7em; padding:4px;}
.thumb-video-playlist {right:6px; top:58px; background-position:-224px -128px;}
.thumb-document-playlist {right:6px; top:58px; background-position:-32px -96px;}
.thumb-audio-playlist {right:6px; top:58px; background:#fff url(../images/mp3-icon.png) no-repeat 0 0;}
#sortable-playlist { list-style-type: none; margin: 0; padding: 0; }
#sortable-playlist li { margin: 3px 3px 3px 0; padding: 3px;  width: 100px; height: 150px; font-size: 1em; text-align: center; display:table-cell;}
  div.playlist {
    /*padding:12px;*/
    font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";
  }
#sortable-playlist li select{ font-size:12px;}
#sortable-playlist li input{ font-size:12px;}
#sortable-playlist li span{ display:block; height:25px;color:#333333;font-size:10px;}
#sortable-playlist { display:table;}
#sortable-playlist li.ui-state-default { border:1px solid #cccccc; background:#E6E6E6 !important; color:#555555; }
#sortable-playlist .thumb-tools i {  margin:3px !important;  cursor:pointer;}
#vid_drop { position:relative; top:-500px;left:350px;display: block;background:#CCC;width: 120px; height: 120px; padding: 0.5em;text-align:center;font-size:20px;font-weight:bold;opacity:0.6;  filter:alpha(opacity=60); border: 1px solid #000; }
#playlists_asset_listing_divstyle {display: block;overflow :auto;max-height:320px;width:98%;background:rgba(94,157,192, 0.04);text-align:center;border:1px solid #CCC;}
.playlist_assets {display: block;overflow-y:auto;overflow-x hidden;height:350px;background:rgba(94,157,192, 0.04);text-align:left;}
.playlist_thumb {background: none repeat scroll 0 0 #63665D;display: block;height: 110px;width: 110px;}
.addgrouplogo {display: inline; width: 260px; float: left;}
.uploadlogoaddgroup {width: 115px; height: 32px; background: url(../images/choose-file.png) no-repeat scroll right center transparent; display: inline; overflow: hidden; float: left;}
.addgrouplogo2 {float: left; height: 32px; width: 260px; display: inline; cursor: pointer; opacity: 0; margin-left: -142px;}
.groupselecttags {
    background-color: #E1DED6;
    border: 1px solid #BFBEB7;
    border-radius: 8px 8px 8px 8px;
    color: #3E3E3B;
    font-size: 0.9em;
    margin-left: 0.9em;
    padding: 0.9em;
    width: 375px;
  }

.span-8{width: 80%; float: left;}
.chapters{margin: 0px; height: 360px; overflow-y: auto;}

.ui-autocomplete {padding:0 !important; background:#ffffff !important;}
.ui-autocomplete li {background:#fff !important; border-radius:none !important; padding:0 !important;}
.ui-autocomplete li a {border-radius:0 !important; border:none !important; padding:0 10px !important;}
.ui-autocomplete li a:hover {background:#8c8681 !important; border-radius:0 !important; border:none !important; color: #ffffff !important; padding: 4px 10px !important;}



.info-chart div{background:orange !important;}
.info-chart-main div{background:red !important;}
.plus-icon {
display:inline-block;
/*margin:3px 0 0 6px;*/
background: #fff url(../images/plus_13.png) no-repeat 0 0;
height:11px;
width:13px;
}
.tick-icon {
display:inline-block;
/*margin:3px 0 0 6px;*/
background: #fff url(../images/tick.png) no-repeat 0 0;
height:13px;
width:13px;
}
.inviteuserspermissions{
 background-color: #FFFFFF;
 border: 2px solid #FFFFFF;
 margin-top: 16px;
 padding: 0 60px 10px 15px;
 position: absolute;
 right: 0;
 z-index: 999;
}

.active_span{ font-weight: bold;}
.asset_view_type, .inactive_span{ color:#6A6A6A; cursor:pointer;}

.active_span_link{ color:#6A6A6A; cursor:pointer;}


.ui-orange{
    background:#F47526;
    border: 1px solid #F47526;
    color: #ffffff;
    border-radius:6px;
  padding:5px;
}
/*.info-fix {
left: 30%;
position: fixed;
top: 25%;
width: 45px;
z-index: 2000;
display:none;
}*/


.ui-groups-toggle-plus {
    background:url("../images/plus.png") no-repeat scroll 0 0 transparent;
  display:inline;
  float:left;
    height:17px;
    margin:4px;
    width:17px;
  cursor: pointer;
   }


.ui-groups-toggle-minus {
    background:url("../images/minus.png") no-repeat scroll 0 0 transparent;
  display:inline;
  float:left;
    height:17px;
    margin:4px;
    width:17px;
  cursor: pointer;
}

.ui-icon-creatsubgroup{

    background:url("../images/subgroup.png") no-repeat scroll 0 0 transparent;
  display:inline;
  float:left;
    height:24px;
    margin:4px;
    width:25px;
  cursor: pointer;
}


.ui-icon-addgroup-deactive{

    background:url("../images/close.png") no-repeat scroll 0 0 transparent;
  display:inline;
  float:left;
    height:24px;
    margin:4px;
    width:19px;
  cursor: pointer;

}


.ui-icon-addgroup-active{

    background:url("../imagesright1.png") no-repeat scroll 0 0 transparent;
  display:inline;
  float:left;
    height:21px;
    margin:4px;
    width:24px;
  cursor: pointer;

}


.ui-icon-addgroup-view{

    background:url("../imagessearch.png") no-repeat scroll 0 0 transparent;
  display:inline;
  float:left;
    height:17px;
    margin:4px;
    width:16px;
  cursor: pointer;

}



.border {border:2px solid #4c4f4a;}
.newgroup-title, .newgroup-title a {font-weight:bold; font-size:15px; color:#3676af; margin-bottom:5px;}
.group-title {font-weight:bold; font-size:14px; margin:0 0 6px !important;}
.wheatbg {background-color:#f9cb9c;}
.redbg {background-color:#f3c0c0;}

.wheat-box {background:#ffe599; border:1px solid #ccc; padding:5px; overflow:hidden;}

.createconversation-btn { /* background:#F3C0C0 url(../images/create-new-conversation.png) no-repeat 5px 2px; padding:2px 5px 2px 27px; background-position: */ }

.groupassets-inner {position:relative;}
.photo-type, .video-type, .pdf-type {right:6px; top:60px; border:2px solid #000; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; display:block; height:30px; position:absolute; width:28px;}

.photo-type {background:#fff url(../images/camera-icon.png) no-repeat center center;}
.video-type {background:#fff url(../images/video-icon.png) no-repeat center center;}
.pdf-type {background:#fff url(../images/pdf-icon.png) no-repeat center center;}



.devider { border-bottom:3px solid #e6e6e6; padding:5px 0; overflow:hidden;}
.group-assets {padding:5px 0; overflow:hidden;}
.group-box {background:#ffffff; border:1px solid #CCCCCC; padding:5px 8px; margin:2px; overflow:hidden; float:left; font-size:11px; width:22%; min-height: 270px; max-height: 270px;}
.group-box .row {padding:5px 0;}
.members-box {background:#ffffff; border:1px solid #CCCCCC; margin:2px; overflow:hidden; float:left; width:24%;min-height: 55px;}
.listview{
  color:#fff;
}

.listview .module-title {float:left;font-size:1.2em;color:#ffffff;font-weight:bold;}
.module-title-list-item{font-size: 1.4em;
    font-weight: bold;
    margin-left: 7px;
    margin-top: 5px;
    opacity: 0.8;
display: block}
.listview .thumb-date {padding: 5px 4px 4px;color:#ffffff!important;font-size:1.2em;}
.listview .module-bottom {float:right; margin:6px; padding: 10px 5px;}
/*.listview .thumb-info {float: right;margin-top: 10px;position: relative;}*/
.listview .edit-icon {float: right;margin-top: 10px;position: relative;}
.listview .manage-icon {float: right;margin-top: 10px;position: relative;}
.listview .view-icon {float: right;margin-top: 10px;position: relative;}
.listview .delete-icon {float: right;margin-top: 10px;position: relative;}
.listview .list-thumb{
  width:70px;height:55px;margin:5px;
  -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border:2px solid rgba(255,255,255,0.7);
}
.listview-addedby{
  margin-left: 7px;
    margin-top: 5px;

display: block
}
.listview .list_manage_icons {
  float: right;
    margin-right: 11px !important;
    margin-top: 15px;
    text-align: right;
}
.list_manage_icons{float: right; margin-top: 15px; margin-right: 25px; color:#ffffff;}
.list_manage_icons i{
  margin:5px;
  color:#fff;
  opacity: 0.8;
  font-size:1.3em;
  cursor: pointer;
}
.list_manage_icons i:hover{
  opacity: 1;
}
.list_manage_icons img{border: 1px solid #AAAAAA;border-radius: 5px; padding:2px;}

.box-inner-list .listview input[type="checkbox"] {margin-top:13px;margin-right:5px;}

.textareawidth {width:100%;height:120px;}
.displaylogos {width:100%;height: 150px; overflow-y: scroll; margin: 10px 0px; border: 2px solid rgb(204, 204, 204);}
.tagsgroups {outline:medium none;width:50px;}
.inputtexttags {outline:medium none;width:180px;}
.useravatar {width:45px;height:25px;}
.assetavatar {width:100px;height:60px;margin-left: 20px;}
.assetavatarnew {width:158px;height:100px;}
.textwidth {width:110px;}
/*.description {margin-left:25px;}*/
.guestuserclass{color:#6FA8DC;}

.deactivesubgrouplist {opacity:0.4; width:97%;}

.ui-activate-group-highlight{
background-color:#FFF2CC!important;
border: 4px solid #FFF2CC;
}

.uigroupreactivate{
background-color:#FFE599!important;
border: 4px solid #FFE599;
}


.blue-btn{background:#5e9dc0;color: #ffffff;}
.branding label input[type="radio"]{
  margin-right:5px;
}
.branding {padding:10px;}
.branding form { margin:10px;}
.branding fieldset {margin:20px;}
.margin20_L {margin-left:20px;}

.header {background: #2f7daa; /*font:normal 12px Arial, Helvetica, sans-serif; min-height:111px;*/ color: #ffffff; height:105px !important;}
.header p { margin:.4em 0;}
.header a {color: #ffffff;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border:1px solid #cccccc; background:#5e9dc0; color: #ffffff; }
.ui-button:hover, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #5e9dc0; background:#ffffff url(ui-lightness/images/ui-bg_highlight-soft_95_ffffff_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #5e9dc0; }

#org_details_view .ui-multiselect {background-color:#ffffff !important; color:#000 !important;}


#org_details_view .ui-icon {
    background-image: url(ui-lightness/images/ui-icons_222222_256x240.png) !important;
    height: 16px;
    width: 16px;
}
.sortable-list,.sortable-clips {
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
.sortable-clips li,.sortable-list li {
    display: table-cell;
    font-size: 1em;
    height: 150px;
    margin-bottom: 3px;
    margin-left: 0;
    margin-right: 3px;
    margin-top: 3px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    text-align: center;
    width: 100px;
}

.sortable-clips li span,.sortable-list li span {
    display: block;
    min-height: 45px;
}
.header-region { margin :5px 0; }
.trailer_chkbox,.thumb_chkbox,.thumb2_chkbox
{
  float:left !important;
}
.module-bottom-titles {margin-top:0px; text-align:center; color:#000; font-size:0.789em; padding:0 0px 10px 0; overflow:hidden; line-height:18px;}

.clearboth {clear:both;display:block;height:0;overflow:hidden;}

.DownloadMeta{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#5e9dc0; font-size:12px; padding:5px 8px; margin-top:10px; margin-right:10px; color: #ffffff !important;}

#logo-chooser-region {
    background-color: #E1DED6;
    border: 1px solid #BFBEB7;
    border-radius: 8px 8px 8px 8px;
    color: #3E3E3B;
    display: none;
    font-size: 0.9em;
    width: 90%;
}
#logo-chooser-region .logo-items {
    margin: 2px;
    width: 100%;
}
#lis_of_assets_data{
  max-height: 150px;
    min-height: 100px;
    overflow-y: auto;
}

span.logo-item {
    background-color: #FFFFFF;
    border: 3px solid #E1DED6;
    border-radius: 8px 8px 8px 8px;
    display: inline-block;
    float: left;
    height: 48px;
    margin: 3px;
    overflow: hidden;
    width: 54px;
  cursor: pointer;
}
span.logo-item-new {
    background-color: #FFFFFF;
    border: 3px solid #FF9900;
    border-radius: 8px 8px 8px 8px;
    display: inline-block;
    float: left;
    height: 48px;
    margin: 3px;
    overflow: hidden;
    width: 54px;
  cursor: pointer;
}

.ui-tabs .ui-tabs-nav li a {
    color:  #ffffff;
    float: left;
    padding: 0.5em;
    text-decoration: none;
}
.reveal-header {
      background-color: #5e9dc0 !important;
      color:#ffffff;
      font-size:1.2em;
      padding:5px;
  }
.ui-dialog-titlebar-close{
  color:#ffffff !important;
}

#channel-manager-ui, #player-manager-ui{
  display:none;
}

.activeheader{margin-top:6px; display:block; width:11px; height:12px; background:url(../images/gray-arrow.png) no-repeat left top; cursor:pointer;  margin-left: 8px;}
.normalheader{margin-top:8px; display:block; width:11px; height:12px; background:url(../images/gray-down-arrow.png) no-repeat left top; cursor:pointer;  margin-left: 8px;}
.accrdianrow select{ font-size:11px; font-family:arial;}
.accrdianrow{ font-weight:bold; font-size:12px; line-height:25px;color: #333333;}
.metatable .accrdianheader{padding:0; vertical-align:top; }


.user_view_icon {
display:inline-block;
/*margin:3px 0 0 6px;*/
background: #fff url(../images/default_user_small.png) no-repeat 0 0;
height:13px;
width:13px;
}

#create-player-region-container {
    background-color:rgba(94,157,192, 0.2);
    margin-top:10px;
    overflow:auto !important;
}

/*******player related *********/
.mejs-chapters.mejs-layer{ height:auto !important;}

/** Simple Bottom Border **/
.border-btm-up {border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC;}

/** Delete Link **/
.delete_pllnk {cursor: pointer;}


/****************ui.css styles (some) copied here ******************/
/*.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}*/
<!-- span.choose-user-header {
    color: #7F6E63;
    float: left;
    font-size: 12px;
    margin-top: 4px;
    padding-left: 5px;
    width: 410px;
} -->
span.choose-user-header {
    color: #7F6E63;
    float: left;
    font-size: 14px;
    margin-top: 4px;
    padding-left: 5px;
    width: 410px;
    font-weight: 900;
}
.logo-search-input {
    float: right;
    margin-bottom: 8px;
    position: relative;
}
.txtUserSearch {
       color: #3E3E3B;
    float: right;
    font-size: 11px !important;
    padding: 6px;
    position: relative;
    width: 120px;
}
.ui-icon-small-search {
    background: url("../images/small-search.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 65px;
    width: 20px;
}
.choose-user-item-outer {
    background-color: rgba(94,157,192, 0.1);
    border: 3px solid #FFFFFF;
    border-radius: 8px;
    color: #000000;
    float: left;
    margin: 5px;
    padding: 5px;
    position: relative;
    width: 240px;
}
.choose-user-item-outer label{
  display:block;
}
.choose-playlist-item-outer {
    background-color: rgba(94,157,192, 0.1);
    border: 3px solid #FFFFFF;
    border-radius: 8px;
    color: #000000;
    padding: 5px;
    position: relative;
    width:100%;
     -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.choose-playlist-item-outer:hover, .choose-user-item-outer:hover{
 background-color: rgba(94,157,192, 0.2)!important;
}



.user-thumb {
    display: inline-block;
    float: left;
    width: 32px;
}.choose-user-item-outer {
    color: #000000;
}span.user-details {
    cursor: default;
    float: left;
    font-size: 0.9em;
    margin-left: 5px;
}span.user-details p {
    font-size: 0.9em;
    margin-top: 0 !important;
}
.nopad {
    padding: 0 !important;
}
.ui-dumb-element {
    position: relative;
}
.job-role-small {
    color: #777777;
    font-size: 0.8em;
    margin-top: 3px;
    word-wrap: break-word;
}.ui-user-choose-tools {
    float: right;
}.hidden-check {
    display: none;
}/*input[type="checkbox"] {
    margin: 2px;
}*/

.ui-item-checked{
/*border:2px solid  #5e9dc0;*/
color: #5e9dc0;
background-color: rgba(94,157,192, 0.25);
font-weight:bold;
}
/****************ui.css styles (some) copied here ******************/


.manage_class{
bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}

.manage_class span {
    cursor: pointer;
    float: right;
    margin-right: 6px;
    position: static;
    width: 16px;
  margin-left: 8px;
}

.excelbutton {
  -webkit-text-shadow: 1px 1px 1px #888888;
  -webkit-border-radius: 5px;
  -moz-text-shadow: 1px 1px 1px #888888;
  -moz-border-radius: 5px;
  background: #225489;
  border: 1px solid #003c6e;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-size: 0.9em;
  font-weight: lighter;
  padding: 6px 10px 6px 10px;
  text-shadow: 1px 1px 1px #888888;
}
.excelbutton:hover {
  background: #003c6e;
}

.orange_bg {
  background-color: #DFF0D8!important;
    border-color: #D6E9C6!important;
    color: #3C763D!important;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow:    1px 1px 1px 0px rgba(50, 50, 50, 0.4);
box-shadow:         1px 1px 1px 0px rgba(50, 50, 50, 0.4);

}
.orange_bg, .orange_bg .thumb-area, .orange_bg .module-title, .orange_bg i, .orange_bg .box-inner{
  background-color: #DFF0D8!important;

    color: #3C763D!important;
}

.dataTable span.ui-icon {
    cursor: pointer;
    display: inline-table;
    margin-left: 2px;
    position: relative;
    top: -1px;
    !important;
}

.ui-icon {
    text-indent: -99999px;
    overflow: hidden;
    !important;
}

.expandplus{
  !important;
  background-image: url("../images/details_open.png");
  height: 20px;
  width: 20px;
}
.expandminus{
!important;
  background-image: url("../images/details_close.png");
  height: 20px;
  width: 20px;
}


.ui-tabs{
  margin:0 10px;
  width:98%;
}




.overlay-bg{
  opacity: 0.4!important;
}

.table{
  margin:10px;
}

.table > thead > tr,.detail_rep > thead > tr{background-color: #5e9dc0;}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 8px;
line-height: 1.428571429;
vertical-align: top;
border:none!important;
}
th{}


.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th,
tr.odd,.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
/*background-color: #eaeaea;*/
background-color: rgba(94,157,192, 0.04);
}

.table-hover > tbody > tr:hover > td button{
  color:#ffffff !important;
}
.table-hover > tbody > tr:hover > td span{
  color:#ffffff !important;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
background-color:rgba(94,157,192, 0.9);
color:#ffffff !important;
}

.table-hover > tbody > tr:hover > td > a{
  color:#ffffff;
}

.hyperlink_brand_class a{ color:#5e9dc0; text-decoration:none;}

.table thead tr th{
  white-space: nowrap;
}
.table tbody tr:hover{
  border-radius: 5px:
}
div.dataTables_length label {
  font-weight: normal;
  float: left;
  text-align: left;
  margin: 9px;
}


.btn {
  display: inline-block;
  background-color: #5e9dc0;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
          color:#FFF;
          text-decoration: none;
  cursor: pointer;

}

.btn-structure {
  display: inline-block;
  background-color: #5e9dc0;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
          color:white;
          text-decoration: none;
  cursor: pointer;

}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus {
  color: white;
 border: 1px solid #5e9dc0;
  text-decoration: none;
}

.error-col-right .btn{
  color:white;
}



.btn-transparent{
  background-color: transparent;
  color:#5e9dc0;
  border:none!important;
  font-size:12px;
  cursor: pointer;
  margin:0 0 0 0
}
.btn-transparent i{
  font-size:22px;
  /*padding-top:10px!important;*/
}

.players_grid tbody tr td button i{    
  color:#5e9dc0;
}

table > thead > tr > th:last-of-type{
  text-align:right !important;
}

#channels-ui i{color:#5e9dc0; }

.org-icon{
  font-size:16px;
  color:#5e9dc0;
}
.download-icon{
  font-size:20px;
  color:#5e9dc0;
  padding:0 3px;
}

.paging_full_numbers span.paginate_active{
  background-color: #5e9dc0!important;
  color:white;
}
.paging_full_numbers a.paginate_active {
  background-color: #5e9dc0!important;
  color:white;
}

.dataTables_info{
  padding-left:20px!important;
  color:#5e9dc0;
}

.danger{
  background-color: #F2DEDE;
    border-color: #EBCCD1;
    color: #A94442;
}

.btn-dark{
  background-color:#888888;
  color:#fff;

}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0 0 10px;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  font-size:14px;
  margin-bottom: 5px;
  /*font-weight: bold;*/
}
.colum-3 label{
  font-weight:300!important;
}

.colum-01 label input[type="checkbox"],.colum-5 label input[type="checkbox"], .colum-4 label input[type="checkbox"], .span-2 label input[type="checkbox"], .colum-3 label input[type="checkbox"]{
  margin-right:10px;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
select{
   padding:4px;
    margin: 0 0 0 5px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
    background: #fefefe;
    color:#000;
    border:none;
    font-size:13px;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
  border:1px solid #ccc;
}

.user_org_sel_class {
float: left;
  width: 120px !important;
}
.form-control, .dataTables_filter input[type="text"] {
font-size: 0.9em;
    margin: 2px 0 9px;
    padding: 7px 6px;
    border:1px solid #cccccc;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  border:none;
  font-weight: bold;
  font-size: 1.1em!!important;
  color:rgba(94,157,192,0.9);
  opacity: 1;
}
i.copy-dynamic{
  color:rgb(94,157,192)!important;
  font-size:1.5em;
  position: relative;
  top:-7px;
}
.delete_player_link{
  color:rgb(94,157,192)!important;
  font-size:1.5em;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
input[type="date"] {
  line-height: 34px;
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  display: block;
  min-height: 20px;
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  display: inline;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}




.del-org-warn{
  width:99%;
  margin:2px auto;
}
#asset_search_key{
  margin-right:5px!important;
}
#asset_search_clr_btn{
  margin-left: 5px!important;
}

.ui-search-set-narrow{
  width:17% !important;
  float: left;
margin-top: 4px;
padding: 4px 21px 4px 20px;

}
#asset_listing_div{
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  margin: 5px auto;
    width: 99%;
  background-color:rgba(94,157,192, 0.1);
}

.tiny-star{
  color:red;
  font-size:0.6em;
  font-weight: lighter;
   position: relative;
    top: -8px;
}
#create_playlist{
  position: relative;
  top:-2px;
}

#create_campaign_container{
  position: relative;
  top:-28px;
}
.window-content{
  display: block;
    height: 300px;
    margin: 17px 0 10px;
    overflow-y: auto;
    width: 100%;
}

.small-heading{
  color:#5e9dc0;
}

#add_asset_tag{
  width:99%;
  white-space: nowrap;
}

#create_asset_tag{

  color:#5e9dc0;
  cursor: pointer;
}
#create_asset_tag i{
  margin-right:5px;
}
.ui-widget-content{
  border:none!important;
}

.header-div{
  font-size:1.2em;
  color:rgba(94,157,192,0.9);
  font-weight: bold;
}
.edit_chapter, .delete_chapter{
  font-size:1.9em;
  cursor: pointer;
  color:#5e9dc0;
}


.ExtendedVideo-label{
  width:18%;
  text-align:right;
  margin:10px;
}
#assetUploadingNotificationDiv{
  display: none; padding: 20px; text-align:center;font-size:14px;font-weight:bold;
}


.add2playlist i{
  color:#fff!important;
  opacticy:0.7;
}


.pl_alt_content { min-height:180px;}
.pl_alt_content .box-inner{
  width:140px;
  overflow:hidden;
}

.pl_alt_content .fa-thumb-type {
     background: none repeat scroll 0 0 #888888;
    border-bottom-right-radius: 9px;
    color: #FFFFFF;
    left: -1px;
    opacity: 1 !important;
    padding: 9px 12px 9px 4px;
    position: absolute;
    top: -145px;
    width: 15px !important;
    z-index: 3;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.pl_alt_content .box{
  background:#888888; float:left; margin:0.4%; padding:4px; border-radius:4px; -moz-border-radius:4px; color:#63665D;position:relative;height:164px;
}


.pl_alt_content .thumb-tools i {
    margin: 8px;
    opacity: 0.7;
}



.pl_alt_content .module-title{
     font-size: 0.9em;
    left: 4px;
    top: -56px !important;
    width: 131px !important;
}
.pl_alt_content .thumb-area {
background:#888888; border-radius:5px; -moz-border-radius:5px; display:table; height:120px; margin:0 auto; max-height:107px; position:relative; width:130px;
}
.pl_alt_content .thumb-area img {
    border: 1px solid #888888;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    display: block;
    left: -7px;
    position: absolute;
    top: -39px;
    width: 139px;
}
.pl_alt_content .thumb-tools i{
  margin:3px!important;
}
.pl_alt_content .thumb-tools {
    background: none repeat scroll 0 0 #888888;
    color: #FFFFFF;
    position: relative;
    top:-12px;
  font-size:1.5em;
}

.pl_alt_content .playlist_thumb {
    background: none repeat scroll 0 0 #63665D;
    display: block;
    height: 110px;
    width: 127px;
}
.pl_alt_content .module-bottom-titles {
position: relative; top: -54px !important;
color:#fff !important;
width:50%;
}

#rolepermissions, #userdetails, #AssetSettings, #ReviewSave{
  padding:10px;
  width:98%;
}

#rolepermissions .row-1, #userdetails .row-1, #AssetSettings .row-1, #ReviewSave .row-1,#titles_listing_div .row-1,#collection_titles_listing_div .row-1{
  padding:2px;
  margin:2px;
}

#rolepermissions .row-1 span a, #userdetails .row-1 span a, #AssetSettings .row-1 span a, #ReviewSave .row-1 span a{
  color:#5e9dc0;
  margin:3px;
  font-size:1.5em;
}



 .user-details-header-section{
   background-color: #545454;
    bottom: 0;
    color: #fff;
    display: block;
    margin: 0 auto;
    overflow: visible;
    padding: 5px 5px 5px 20px;
    position: absolute;
    right: 0;
    text-align: center;
    white-space: nowrap;

    -webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;

}


table.players_grid tbody tr:hover {
    cursor: default;
    background-color:rgba(94,157,192,0.9)!important;
    color:white!important;
  /* background: none repeat scroll 0 0 #EFEDE6;*/
}
table.players_grid tbody tr:hover td button i{
  color:white!important;
}
table.players_grid tbody tr.hidden-edit-row, table.players_grid tbody tr.hidden-edit-row:hover{
  background-color:rgba(94,157,192,0.1)!important;
  color:#000!important;
}
.rep_menuitems_class {
  border : 1px solid #cccccc;
  color: #666666;
  float: left;
  cursor: pointer;
  margin: 5px;
  padding: 7px 15px;
  border-radius: 5px;
  font-weight:bold;
}
.activerep {  
  background-color:#5e9dc0;
  color: white;
}

.titles_tabs
{
  min-height:205px;
}
/*.thumb-shared {height:16px;right:6px; top:5px; width:16px; background:#fff url(ui-lightness/images/ui-icons_222222_256x240.png) no-repeat -16px -144px;}
.thumb-shared
{
  background-position: 0 -63px;
    float: left;
    position: static;
    cursor:pointer ;
}*/
.tn_input { width:40% !important;}

/*.shared_delete {height:16px;right:6px; top:5px; width:16px; background:#fff url(ui-lightness/images/ui-icons_222222_256x240.png) no-repeat -16px -144px;}
.shared_delete
{
  background-position: -32px -64px;
    float: left;
    position: static;
    cursor:pointer ;
}*/


#AnnotationsTabs{ list-style-type:none; overflow:hidden;}
#AnnotationsTabs li{ float:left; width:103px; font-size:12px; color:#0076a3; text-align:center; cursor:pointer; padding:8px 0 0; height:21px;}
.ann_create{ background:url(../images/ant-tab1-normal.png) no-repeat left top;}
.ann_create.active{ background:url(../images/ant-tab1-active.png) no-repeat left top;}

.tab_container{ background:#fff; clear:both;padding:5px 0 5px 20px}


/*********** Annotations tab *************/
#Annotations {background:#000; border-radius:8px; box-shadow:4px 4px 4px #cacaca; padding:10px; margin-top:-1px;}
#Annotations { position:absolute; left:30%; top:40px; }
#Annotations{z-index:2001; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background: url("../images/popup-tabs-bg.png") repeat scroll left top transparent;  position: absolute;right: 0;width: 510px; padding:5px; display:none;} /* top:120px; */
/* #Annotations { background:url(/images/tooltip-arrow.png) no-repeat center 0; width:490px; font-size:12px; padding-top:12px; color: #ffffff; height:100%;}*/

.ann_view{ background:url(../images/ant-tab2-normal.png) no-repeat left top;}
.ann_view.active{ background:url(../images/ant-tab2-active.png) no-repeat left top;}

.tab_container{ background:#fff; clear:both;padding:5px 0 5px 20px}

.LftFrm{ float:left; width:145px; font-size:11px; color:#464646; margin-top:15px;} 
.tc-input{ width:15px; float:left; margin-left:4px;}
.RgtFrm{ float:left; margin-left:20px; width:265px;}
.RgtFrm label{ display:block; color:#0076a3; font-size:11px;}
.rgttxtbox{ width:260px; margin-top:2px;}

.savesubmitbtn{ background:url(../images/sav-btn.png) no-repeat left top; cursor:pointer; border:0; width:56px; height:26px; float:right; text-indent:-9999px;}
.ann_popupclose{ position:absolute; right:10px; top:12px; background:url(../images/x-icon.png) no-repeat left top; width:11px; height:10px; text-indent:-9999px;}
#fgtdiv{display:block;clear: both;}

.blackarrow {display: inline-block;}

/*.ann_player_popupclose{ position:absolute; right:10px; top:12px; background:url(../images/x-icon.png) no-repeat left top; width:11px; height:10px; text-indent:-9999px;}
.annotations_popup{position: absolute; color: rgb(255, 255, 255); font-size: 11px; background: url(../images/popup-tabs-bg.png) repeat scroll left top transparent; right: 0px; padding: 10px;z-index: 1;  border-radius: 10px 10px 10px 10px; max-width: 250px;min-width: 150px; bottom: 70px;display:none;} */ /*z-index: 999;*/
.annotations_popup {
  background: url("../images/popup-tabs-bg.png") repeat scroll left top rgba(0, 0, 0, 0);
  border-radius:8px; top: 0px; color: #FFFFFF; display: none; font-size: 11px; max-width: 250px; min-width: 150px; padding: 5px; position: absolute; right:35px; z-index: 1; border:1px solid #626262; }
.ann_player_popupclose {
  background: url("../images/close_2.png") no-repeat left top; height: 16px; position: absolute; right: -6px; text-indent: -9999px; top: -8px; width: 16px;}
.annotations_popup span{text-align:center;display:block;}/*margin-right:20px;*/

/****** annotation A symbol******/
.allanotations {
  position:absolute; right: 0px; bottom:70px;display: none; } /*right:10px;*/
#ant-icon {
  background:#000 url(../images/arrow-r.png) no-repeat center 15px; position:absolute; right:0; top:0; color:#25aae1; font:bold 11px arial; border:1px solid #626262; border-radius:5px; padding:1px 8px 8px; cursor:pointer; text-decoration:none; }
#ant-icon.highlight {
  background-position:center -7px; color:#fff; }
/*******************/

/*****************annotations timeline display ************/
.annotations-timeline-span {
  position: absolute;
  width: auto !important;
  margin: 5px;
}
.annote-timeline-span{
  background-color: #FFFF00;
  height: 15px;
  position: absolute;
  width: 2px;  
}

.mejs-controls .mejs-time-rail .annotations-timeline-span span{width: 2px; padding: 0px; margin: 0px; background: none repeat scroll 0 0 #3B869A; border: 0px none; border-radius: 0px;height: 14px;top: -2px;} 

.infoicon:hover > .infotext{ display:block;opacity:1;}
.infotextbg {
  background:url(../images/info-pop-bg.png) repeat left top;
  padding:10px;
  font-size:10px;
  font-family:arial;
  line-height: 12px;
  font-style: normal;
    font-weight: normal;
  color:#707070;
  -webkit-border-radius:8px;
  border-radius:8px;
  -moz-border-radius:8px;
}
.infoicon {
  background:url(../images/info-icon.png) no-repeat left top;
  height:14px;
  width:14px;
  position:absolute;
  display:block;
  cursor:pointer;
  /*z-index: 999;*/
}
.infotext {
  background:url(../images/info-pop-borderbg.png) repeat left top;
  padding:5px;
  min-width:180px;
  position:absolute;
  right:0;
  top:15px;
  -webkit-border-radius:8px;
  border-radius:8px;
  -moz-border-radius:8px;
  display:none;opacity:0;
  box-shadow:1px 3px 10px #ccc;
  -moz-box-shadow:1px 3px 10px #ccc;
  -webkit-box-shadow:1px 3px 10px #ccc;
  }
.infoicon:hover > .infotext{ display:block;opacity:1;}



/*---account---*/

#pcr_tabs .pcr-content {
  background:#fff;
  padding:10px;
  
  position:relative;
  z-index:1;
}
.searchHomeForm input[type="text"] {
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
border: 1px solid #bbb;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  outline:none;
  font-family:arial;
  font-size:11px;
  color:#959595;
  width:120px;
  background:#fff url(../images/site_search.png) no-repeat 10px 2px;
  padding:3px 0 2px 30px;
}
.LoginBtn {
  background:url(../images/gobtn.png) no-repeat left top;
  width:23px;
  height:23px;
  cursor:pointer;
  border:0;
  font-size:0;
  padding:0;
  margin:2px 0 0 4px;
  text-indent: -9999px
}
.margin20_T {
margin-top: 20px;
}
.margin25_T {
margin-top: 25px;
}
.margin15_L {
margin-left: 15px;
}
.padding15_R {
  padding-right:10px;
}
.padding25_L {
  padding-left:20px;
}
.pcr-table-headings {
  padding-bottom:10px;
}
.pcr-table-headings span {
  display:inline;
  font-weight:bold;
  color:#707070;
  font-size:13px;
  padding:0 15px;
  font-family:arial;
}
.pcr-table {
  background:#f0eeed;
  border:1px solid #dbdad9;
  max-height:380px;
  overflow-y:auto;
  font-family:arial;

}
.pcr-table td {
  padding:5px;
  font-size:11px;
  color:#6c6c6c;
  font-family:arial;
}
.pcr-table a {
  font-weight:bold;
  color:#348dc7;
}
.pcr-table th {
  text-align:left;
  padding:5px;
  font-size:13px;
  color:#6c6c6c;
}
.pcr-cm-form {
  padding-top:20px;
  color:#8f8f8f;
  font-size:12px;
}
.pcr-row {
  float:left;
  width:100%;
  padding-bottom:10px;
}
.pcr-row label {
  float:left;
  width:100px;
  /*font-weight:bold;*/
  padding-top:5px;
  text-align:right;
  padding-right:15px;
}
.fieldleft {
  float:left;
  width:82%;
}
.usd {
  color:#348dc7;
  font-weight:bold;
}
.restricts input[type='text'] {
  width:20%;
  margin-right:5px;
}
.restricts input.mao {
  width:10%;
  margin-right:5px;
}
.restricts span {
  margin-right:5px;
}
.spt {
  margin-left:40px;
}
.sptselect {
  width:130px;
}
.pcr-submit {
  background:#636363;
  padding:8px 15px;
  border:1px solid #9c9c9c;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  color:#fff;
  font-weight:bold;
  text-transform:uppercase;
  font-size:11px;
  text-align:center;
  cursor:pointer;
  transition: all 0.3s ease;
}
.pcr-submit:hover {
  background:#177fc2;
  border-color:#2794da;
}
/*---Title page checkboxes---*/
.mast_chkbox,.trailer_chkbox,.thumb_chkbox,.thumb2_chkbox
{
  float:left !important;
}

#user_roles_list .row-1, #rolepermissions .row-1 {
    border: 1px solid #cccccc;
    margin: 0;
    padding: 10px;
}

/********* ORG TREE *****************/
.jOrgChart .node:before {   color:#5e9dc0; }

/********* ORG TREE *****************/
table.dataTable thead th {   color:#ffffff; }
table.players_grid tr th {   color:#ffffff; }
.table > thead > tr th {   color:#ffffff; }


/** Usage Chart **/
.main {
    width: 600px;
    margin: 0 auto;
  margin-top:20px;
  margin-right:0px;
}

.chart {
    min-width: 600px;
    max-width: 900px;
    height: 300px;
   
}

.modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
}
.modal .chart {
    height: 90%;
}
.userdatatbl .dataTables_length {
    float: left;
    margin: 3px 0 0 1px;
    width: 18%;
}
.userdatatbl div.dataTables_length select {
    width: 58px;
}
.userdatatbl div.dataTables_paginate {
   
    float: right;
    margin: 13px 12px 10px;
}
.userdatatbl .dataTables_filter {
     float: left;
    margin-left: 10px;
    text-align: right;
    width: 24%;
}
.userdatatbl .dataTables_filter input[type="text"] {
    border: 1px solid #cccccc;
    font-size: 0.9em;
    margin: 2px 0 9px;
    padding: 7px 6px;
  width: 160px;
}
.umorgdropdown{ margin-top:11px; float:left;}
.umorgdropdown select{width: 110px;}
#button_pane1{ clear:both;}

.manage_class a { color: #ffffff !important;}

.act-res i {
  margin-right: 10px !important;
}
.ShareAsset-content a.circleinfo, .circleinfo{
  background:rgba(94,157,192,1);
  border-radius: 50%;
  display: inline-block;
  float: none;
  height: 10px;
  margin-right: 5px;
  padding:6px;
  position: relative;
  width: 10px;
  float:right;
  margin-top:5px!important;
}
.ShareAsset-content a.circleinfo i {
  font-size: 12px; 
  position: absolute;
  left: 0;
  top: 5px;
  text-align: center;
  margin: 0;
  width: 100% !important;
  color: #fff;
}

.left-text {
  float: left;
  width: 50%;
}

.right-text {
  float: right;
  margin: 3% 2% 0 0;
  width: 46%;
}
.listview .right-text .list_manage_icons {
  margin-top: 1px;

}
.act-res { display:none; width:100%; float:left}
.req-chkbox { display:none;}
.usersettings_div {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
}
.span_div_perm
{
  width:70%;
  float:left;
}
@media (max-width: 599px) {
.margin5_R {margin-right:10px;}
#act {display:none;}
.left-text { width:100%;}
.act-res { display:block !important;}
.width55 {width:70%;}
.req-chkbox { display:block;}
.box-inner-list .listview input[type="checkbox"] {margin-top:-21px;margin-right:5px;}
}
@media (max-width: 1024px) {
.listview .fa {font-size:1.7em !important;}
}
@media (max-width: 640px) {
.width55 { width:60% !important;}
.list_manage_icons i { font-size:1.5em;}
}
@media (max-width: 480px) {
.width55 { width:80% !important;}

}
@media (max-width: 360px) {
.width55 { width:74% !important;}
}
@media (max-width: 320px) {
.width55 { width:70% !important;}
}



@media (max-width: 1050px) {
div.ui-search-set,.ui-search-set-narrow,div.ui-search-set,.ui-search-set-narrow{ width:44% !important;}
}
@media (max-width: 1000px) {.assetHeader .btn{  margin-bottom:2px; margin-top:2px; padding:4px 8px; font-size:12px;}}
{.assetHeader .btn{float:left;}}
@media all and (max-width: 800px) and (min-width: 200px) {
  #user_add_form #Tabs #main-nav li {box-sizing: border-box; margin:2px; float:left; width:auto !important;}
  #user_add_form #Tabs #main-nav li a { font-size:11px !important;box-sizing: border-box; float:left; padding:2px 5px; line-height:normal;}
  
  .assetsbtns { clear:both;}
}


.menusm {
    background-color: #fff;
    border: 0 solid #333;
    cursor: pointer;
    height: 29px;
    outline: medium none;
    padding: 0 10px;
    position: relative;
    width: 42px;
  margin-right: 5px;
    margin-top: 3px;
  float:right;
}
.menusm:hover{ background-color:#666;}
.menusm .icon-bar {
    background-color: #666;
    border-radius: 10px;
    display: block;
    height: 3px;
    margin-bottom: 2px;
    margin-top: 3px;
    width: 22px;
}
.menusm:hover .icon-bar{background-color:#fff;}
.logoleft{position:relative;left:20px;}
.topright{position: relative;text-align:bottom;padding-right:20px;top:10px;}
@media (max-width:520px) {
.logoleft{position: relative; left: 0; padding-top: 7px;}
.logoleft a{float: left; max-width: 150px;}
.logoleft a img{max-width:100%;}

.topright{padding-top: 12px;  padding-right: 10px; top: 10px;}
.menusm{height: 29px;width: 34px;    padding: 0 8px;}
.menusm .icon-bar{width: 19px;}
.topright .btn-dark{background: none; padding: 0;  width: 14px;  overflow: hidden;  margin-top: 5px;}
  
}

/*new asset page settings start*/
.uploadcontainer{ margin:0 auto; width:100%; /*max-width:920px;*/ background-color:#5e9dc0; padding:60px 0; text-align:center; clear:both;}
.clearfix:after{ clear:both; display:table; width:100%; height:0; content:'';}
.dragdropsection{ color:#ffffff; font-size:25px; padding-bottom:5px;}
.dragdropsection h3{ font-weight:normal; margin:0; margin-bottom:38px;}
.chooseyf{ border:0; cursor:pointer; background-color:#ffffff; color:#5e9dc0;min-width:345px; max-width:345px; text-align:center; display:block; margin:0 auto; font-size:25px; padding:10px;}

.chooseyf1{ border:0; cursor:pointer; background-color:#ffffff; color:#5e9dc0;min-width:345px; max-width:345px; text-align:center; display:block; margin:0 auto; font-size:12px; padding:10px;}

.upaddopts{color:#ffffff;  }
.upaddopts h3{font-size:25px; font-weight:normal;}
.upaddopts .ubox{ padding-top:20px;}
.optlabel{ font-size:20px; margin:0 29px; display:inline-block; text-align:left;}
.optionlists{ clear:both; margin:0; padding:0; max-width:465px; max-width:465px; margin:0 auto; text-align:left; list-style-type:none; background:#fff;}
.optionlists li{ color:#2f7daa; display:block; padding:5px;}
.optionlists li:hover, .optionlists li.currentopt{ background-color:#000;}
.opt-sub-btn{ clear:both; display:block; margin:10px auto 0; color:#5e9dc0; cursor:pointer; border:0; background-color:#ffffff; padding:5px 15px; font-size:20px;}
.opt-sub-btn:hover{ background-color:#5e9dc0; color:#ffffff;}
.remoteurl_box{ width:100%; background:#fff; max-width:465px; max-width:465px; margin:0 auto; text-align:left;  padding:6px 5px; border:0;}
.opt-sub-btn-s{margin:10px auto 0; color:#5e9dc0; cursor:pointer; border:0; background-color:#ffffff; padding:5px 15px; font-size:20px;}
.opt-sub-btn-s:hover{ background-color:#5e9dc0; color:#ffffff;}


  .radio label { cursor:pointer;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px; }
    .radio label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width:20px;
      height: 20px;
      left: 0;
      margin-left: -21px;
      border: 1px solid #000;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; cursor:pointer;}
    .radio label::after {
    cursor:pointer;
      display: inline-block;
      position: absolute;
      content: " ";
      width: 14px;
      height: 14px;
      left: 3px;
      top:4px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #000;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
  .radio input[type="radio"] { margin:0;
    opacity: 0;
    z-index: 1; }
    .radio input[type="radio"]:focus + label::before {
    cursor:pointer;
      outline: thin dotted;
      outline: 0px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .radio input[type="radio"]:checked + label::after {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
    .radio input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
  .radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
  background-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #337ab7; }

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c; }

input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
  color: #fff; }
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
  color: #fff; }



  .uploadercontainer{ margin:0 auto; width:100%;max-width:98%;background-color:#5e9dc0; padding:10px; text-align:center; clear:both;}
.clearfix:after{ clear:both; display:table; width:100%; height:0; content:'';}
.upupleftcolumn{ float:left; width:27%; background:#fff; min-height:250px; max-height:595px; overflow-y: auto; color:#5e9dc0; text-align:left; padding:5px;}
.upupleftcolumn h2{ font-size:16px; margin-left:0;}
.upupleftcolumn h3{ margin-top:15px; margin-left:0;}
.upupleftcolumn h3 span{ font-size:12px;}
.up_txt_box{ width:100%; border:1px solid #ccc; max-height:60px; font-family:arial; font-size:13px;}

.upupleftcolumn *,.upupleftcolumn,.upuprightcolumn *,.upuprightcolumn{ box-sizing:border-box;}
.upuprightcolumn{ float:left; width:71%; margin-left:2%; color:#fff; position:relative;}
.upuprightcolumn .row{ padding-left:0; padding-right:0; width:100%; clear:both;}

.upupbtns button{ color:#2f7daa; border:0; background-color:#fff; padding:5px 10px; margin-left:5px; border-radius:0; cursor:pointer; float:left;}
.upupbtns button:hover{ background-color:#333; color:#fff;}
.uscount{ margin-top:8px;}
.uploadedblocks{ clear:both;}
.uploadedblocks li{ float:left; width:31%; margin:2% 2% 0 0; }

.upthumbcnt{ position:relative; background-color:#888; border:3px solid #888; border-radius:5px; min-height:200px; padding:4px; text-align:left;overflow:hidden;}
.activebdr .upthumbcnt{ border-color:#c9dde9;}
.upuiconlft{ float:left; text-align:center; width:24px; margin-right:10px;}
.uptTitle{ float:left; max-width:135px; font-size:13px; color:#fff; padding-top:2px; padding-bottom:5px;}
.upuiconlft .fa{ margin-top:5px;}
.uptmb{min-height:105px;float:left;width:100%;}
.txt-editable{min-width:100px;float:left;min-height:15px;}
.txtarea-editable{min-width:100px;float:left;min-height:15px;}
.uptmb img{ max-width:100%; display:block; margin:0 auto; border-radius:3px;}
.probar{ float:left; width:80%; margin-left:3%; background-color:#888;}
.prodone{ display:block; width:80%; background-color:#a5d659;}
.closefa{ float:left; font-size:14px; color:#a5d659; margin-left:5%;}

.shareassets{ font-weight:bold; font-size:14px;border:2px solid #2f7daa; border-width:2px 0; margin-top:15px; padding:10px 0;}
.shareassets .row{ padding-left:0; padding-right:0; padding-top:2px; padding-bottom:2px; }

.atllist{ padding:0}
.atllist li{ font-weight:bold; font-size:14px; padding-bottom:5px;cursor:pointer;}
.atllist li a{ text-decoration:none; color:#5e9dc0; cursor:pointer;}
.atllist li a:hover{ text-decoration:underline; cursor:pointer;}

.window{ position:absolute; left:0; top:25px; z-index:99; background:#fff; border:1px solid #a7a7a7; width:100%; padding:5px;}
.mask{ position:fixed; left:0; top:0; height:100%; width:100%; z-index:98}

.PopUpTitle{ border-radius:3px; background-color:#69a4c0; padding:5px; font-weight:bold; font-size:15px;} 
.popupclose{ float:right; font-size:16px;}
.PopUpTitle a{ color:#fff; text-decoration:none;}

.radio_text label { cursor:pointer;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 0px; margin-left:-18px;}
.radio_text input[type="radio"] { margin:0;
    opacity: 0;
    z-index: 1; } 

.radio_text input[type="radio"]:checked + label{ color:#000;}
.radio_text input[type="radio"]:disabled + label {
      opacity: 0.65; }
.radio_text input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
.radio_text.radio-inline {
    margin-top: 0; }    
  
  
  
    .sidebar-box {
      max-height:32px;
      position: relative;
      padding: 0;
      overflow: hidden;
      margin-bottom:15px;
    }
    .sidebar-box .read-more { 
    min-height:50px;
    
      position: absolute; 
      bottom: 0; left: 0;
      width: 100%; 
      text-align: center; 
      margin: 0; 
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,ffffff+100&0+0,0.65+100 */

    } 
.sidebar-box p{ margin:0;}
.sidebar-box .read-more a{ text-decoration:none; display:block; width:100%; height:58%; position: absolute; bottom: 0; left: 0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(255,255,255,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(255,255,255,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(255,255,255,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(255,255,255,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(255,255,255,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(255,255,255,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6ffffff',GradientType=0 ); /* IE6-9 */ }   
  /*new asset page settings end*/

    /* web site */
  .right_sidebar{
  max-width:730px;
  width:100%;
  }

    .totalGb{
    background: #dddddd none repeat scroll 0 0;
    border: 3px solid #a1a1a1;
    margin-left: 5%;
    border-radius: 12px;padding: 20px;
    float:right;
  } 

  .totalGb1{
    background: #dddddd none repeat scroll 0 0;
    border: 3px solid #a1a1a1;
    margin-left: 5%;
    border-radius: 12px;
    padding: 6px;
    width:150px;

  } 
 
 
  
  @media (max-width: 1024px) {
.totalGb {display:none !important;}
.totalGb1 {display:block !important;}
}


.colum_selectbox-2{display:none;}


 @media (max-width:1024px){
.colum_selectbox-2 {display: block;float: left;}
.assetsbtns.right button{display:none !important;}
.swa{display:block !important;}
}


  
.right_sidebar ul {
  margin:0;
  padding:0;
  }
.right_sidebar ul li {
  display: inline-block;
  margin: 0 5%;
}
.right_sidebar .space {
  display: inline-block;
  margin: 40px 8%;
} 
 .text{ 
float:left;
padding-top:50px;
font-family:Verdana, Geneva, sans-serif;
font-size:16px;

}
.text-new{ 
float:left;
font-family:Verdana, Geneva, sans-serif;
font-size:16px;
clear:both;
}
.text span,.text-new span {
   margin: 0 5%;
}
.active_site img
{
   border:5px solid #5e9dc0;
}

#popupDiv {
  left: 0 !important;
  margin: 0 !important;
  top: 0 !important;
  width: 100% !important;
}

.add_asset_popupbox {
  background: #fff none repeat scroll 0 0;
  margin: 60px auto;
  max-width: 700px;
  padding: 0;
  position: relative;
  width:100%;
}
.add_asset_popupbox .popup-content-header {
  /*background: rgba(94, 157, 192, 0.7) none repeat scroll 0 0;*/
  background: rgba(94,157,192,0.7) none repeat scroll 0 0;
  border-radius: 0;
  color: #ffffff;
  display: block;
  margin: 0;
  padding:10px;
  width: 97%;
}

.add_asset_popupbox .pop-close-icon {
  color: white !important;
  font-size: 21px;
  position: relative;
  right: 0;
  top: 0;
}

.add_asset_popupbox #popup_content_div{
  width:100% !important;
  padding:0 !important;
}
.add_asset_popupbox #main-add-asset-form-region.row {
  display: table;
  padding: 5px 0 !important;
  width: 100%;
}
add_asset_popupbox .popup-content-header span {
  font-size: 14px;
  font-weight: bold;
  line-height: 25px;
  padding: 10px;
}
.add_asset_popupbox #close_pop_icon {
  position: absolute;
  right: 10px;
  top: 10px;
}

.restable{ display:none;width:40% !important;}
@media (max-width:480px){
.restable{ display:none;width:63% !important;}
.dataTables_length{width:50% !important;}
}
@media (max-width:599px){

.width60{
  float:right !important;
  text-align:left;
}
.dataTables_length{width:50% !important;}
.restable{display:block;}
.restable_normal{ display:none;}

.dfiles h5 {
    float: left;
    font-size: 16px;
    width: 70%;
}

span.close {

    cursor: pointer;
    float: right;
    font-size: 26px;
    line-height: 25px;
    padding-right: 10px;
    padding-top: 0;
  
}

.chooseyf{
  min-width:200px;
}

.uploadedblocks li{ width:97% !important;}
.upupleftcolumn{ width:27%; }

.tetx-box {
  float: left;
  width: 100%;
}
.add_asset_popupbox .right {
  float: none;
  width: 100%;
}

.add_asset_popupbox .content-sub-header .right {
  float: none;
  padding: 5px 0;
  width: 100%;
}
.add_asset_popupbox .box-tetx .pull-right {
  text-align: left;
}
.add_asset_popupbox .pop-close-icon {
  color: white !important;
  font-size: 21px;
  position: absolute;
  right: 10px;
  top: 0;
  left:auto;
}
.add_asset_popupbox {
  width:90%;
}
.box-tetx .colum-02 input, .box-tetx .colum-02 textarea {
  width: 100%; -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.box-tetx label {
  float: none;
  width: 100%;
}

.box-tetx .colum-02 input[type="radio"] {
  width: auto;
}
.box-tetx .colum-01 {
  width: 100%;
}

.box-tetx .colum-02.right > select {
  margin: 0;
  width: 100% !important;
}
.row.select_checkbox .colum-01 {
  text-align: left;
}

}

.logoutbtn {
  font-size:20px;
}
a.logoutbtn{
    float: left;
    font-size: 31px;
    #ffffff;
    margin: 0 7px;
    line-height: 31px;
}
.usersettings {
  background: #5e9dc0 none repeat scroll 0 0;
  box-shadow: 0 0 11px rgba(0, 0, 0, 0.8);
  color:#ffffff;
  float: left;
  font-size: 22px;
  line-height: 26px;
  margin: 0 1px 10px;
  width: 99.7%;
}

.usersettings_new {
 background: #5e9dc0 none repeat scroll 0 0;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  color: #ffffff;
  float: left;
  font-size: 22px;
  line-height: 26px;
  margin: 4px 1px 10px;
  width: 99.7%;

}
.us-container .ui-accordion .ui-accordion-header.ui-state-active {
  background: #5e9dc0 none repeat scroll 0 0;
  color:#ffffff;
}
.us-container .ui-accordion .ui-accordion-header:hover {
  background: #5e9dc0 none repeat scroll 0 0;
  color:#ffffff;
}

.sorting_1 {
    height: 48px;
}

@media (max-width: 480px) {
 .add_asset_popupbox .popup-content-header {width: 95%;}    
 .logout_popupbox .popup-content-header {width: 95%;}   
}

@media (max-width: 320px) {
 .add_asset_popupbox .popup-content-header {width: 93%;} 
 .logout_popupbox .popup-content-header {width: 93%;}    
}
@media (max-width: 360px) {
 .add_asset_popupbox .popup-content-header {width: 94%;}    
 .logout_popupbox .popup-content-header {width: 94%;}   
}


/*Reports*/
.settings_subtitle a {
color: #ffffff;
text-decoration:none;
}


/* logout popup*/
#prelogoutpopupDiv,#logoutpopupDiv {
  left: 0 !important;
  margin: 0 !important;
  top: 0 !important;
  width: 100% !important;
  display:none;
}

.logout_popupbox {
  background: #fff none repeat scroll 0 0;
  margin: 60px auto;
  max-width: 450px;
  padding: 0;
  position: relative;
  width:100%;
}
.logout_popupbox .popup-content-header {
  background: rgba(94, 157, 192, 0.7) none repeat scroll 0 0;
  border-radius: 0;
  color: #ffffff;
  display: block;
  margin: 0;
  padding:10px;
  width: 97%;
}

.logout_popupbox .pop-close-icon {
  color: white !important;
  font-size: 21px;
  position: relative;
  right: 0;
  top: 0;
}

.logout_popupbox #popup_content_div{
  width:100% !important;
  padding:0 !important;
}
@media (max-width:360px) {
.logoleft a{float: left; max-width: 146px;}
}
@media (max-width:320px) {
.logoleft a{float: left; max-width: 105px; padding-top:10px;}
}