.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

.clearfix{  min-height: 1%;}
.clear { clear:both; }
.left { float: left }
.right { float: right; }
.wrapper { width:100%; margin:0 auto; }
.t-center { text-align: center }
.has-margin-right { margin-right:20px; }


body.login-body {  }

/* Login Wrapper */
div#login-wrapper {
	position: absolute;
	top:20%;
	left:50%;
	   
	margin-left:-200px;
}

/* Login Logo */
div#login-logo {
	padding:25px;
}

/* Login Form */
div#login-form {
	background:#22435a;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;	
	padding:25px;
	width:350px;
}

div#login-form label {
	display:block;
	color:#FFFFFF;
	padding: 0 10px 10px;
}

div#login-form input.login-input, div#login-form input.login-button {
	border:2px solid #464646;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;	
	height:50px;
	line-height:50px;
	font-size:18px;
	padding:0 10px;
	width:328px;
	margin-bottom:20px;
}

div#login-form input.login-input:focus {
	border:2px solid #999999
}

div#login-form input.login-button {
	background:#58616a;
	border:0;
	color:#fff;
	cursor: pointer;
	width:210px;
	margin:0 auto;
	display:block;
}

div#login-form input.login-button:hover { background:#999999; }


/* Top User */
div#top-user a:hover { text-decoration:underline; }
div#top-user a img { vertical-align: middle; }



#header_and_menu_wrap {

  width:90%; 
  margin:0 auto;
  height:120px;
}


/* Content */
div#content {
	background:#fff;
	border:1px solid #cccccc;
	border-top:0;
	margin-bottom:20px;
}

/* Content Inner */
div#content-inner h2 {
	color:#5f5f5f;
	font-size:20px;
	font-weight:normal;	
	padding:30px;
}

/* Data Table */
table.table-data {
	width:100%;
	border-collapse: collapse;
}

table.table-data td {
	background:#ffffff;
	border:1px solid #CCCCCC;
	height:30px;
	line-height:30px;
	padding:3px;
	text-align:center;
}

table.table-data tr:hover td {
	background:#ccc;
}

table.table-data td a {
	color:#626262;
	text-decoration:none;
}

table.table-data td a:hover { text-decoration:underline; }

table.table-data span.data-int {
	color:#151515;
	font-size:24px;
	vertical-align: middle;
}

/* Button Edit */
a.button-edit, a.button-add, a.button-delete {
	display:inline-block;
	height:25px;
	line-height:25px;
	padding:0 10px;
	color:#fff !important;
	margin-right:5px;
}
a.button-edit:hover,  a.button-add:hover, a.button-delete:hover { text-decoration:none !important; } 


a.button-edit { background:#2899f2;}
a.button-edit:hover { background:#1A85D9; }

/* Button Add */
a.button-add { background:#61ad34;}
a.button-add:hover { background:#52a321; }

/* Button Delete */
a.button-delete { background:#ef1524;}
a.button-delete:hover { background:#d70c1a; }

/* Forms */
div.forms { padding:0 30px;}
div.forms p { margin-bottom:15px;}

div.forms p label {
	display:block;
	padding:5px;
}

div.forms input.input {
	border:1px solid #d1d1d1;
	height:38px;
	line-height:38px;
	padding:0 10px;
}

div.forms input.input-medium { width: 350px; }
div.forms input.input-half { width: 423px; }

/* Form Input Submit */
div.forms input.input-submit {
	background:#61ad34;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;	
	height:50px;
	line-height:46px;
	font-size:18px;
	color:#fff;
	cursor: pointer;
	margin:0 auto 30px;
	display:block;
	width:300px;		
}

div.forms input.input-submit:hover { background:#52a321; }


/* Action Buttons */
div.action-buttons {
	text-align:center;
	margin-bottom:20px;
}

.primary-button, .secondary-button {
	height:40px;
	line-height:38px;
	padding:0 20px;
	cursor: pointer;
	color:#fff;
}

.primary-button { background:#0a8cdf;  border:1px solid #0a8cdf }
.primary-button:hover { background:#0ca1ff; }

.secondary-button { border:1px solid #0a8cdf; background: #0ca1ff; }
.secondary-button:hover { background:#0a8cdf; }

/* Expandable Boxes */
div.expandable-box {
	margin-bottom:20px;	
}

div.expandable-box h3 {	
	cursor: pointer;
	display:inline-block;
	margin-bottom:10px;
}

div.expandable-content {
	background:#fff;
	border:1px solid #d1d1d1;
	padding:18px;
}

table.expandable-table {
	background:#999;	
	border-collapse: collapse;	
	width:100%;
}
 

table.expandable-table td {
	border:1px solid #d1d1d1;
	padding:10px;
}

table.expandable-table td span.movie-id { 
	color:#3d3d3d;
	display: block;	
	font-size:20px; 
	font-weight:bold;
	padding:5px; 
}

/* Editable */
.editable {
	background:url('../inner/images/icon-edit.png') center right no-repeat;
	display: inline-block;
	padding-right:16px;
}

.editable input {
	outline:1px solid #d1d1d1;
	padding:5px;
}

.editable button {
	background:#0ca1ff;
	border:1px solid #1592ea;
	margin:5px;
	padding:5px;
	cursor: pointer;
	color:#fff;
}


input.expandable-input {
	border:1px solid #d4d4d4;
	height:36px;
	line-height:36px;
	padding:0 4px;
}

textarea.expandable-textarea {
	border:1px solid #d4d4d4;
	padding:4px;
	overflow: auto;
}

input.expandable-input-third { width:270px;}
input.expandable-input-half, textarea.expandable-textarea-half { width:420px; }
textarea.expandable-textarea-half { height:100px; }

/* Posters Lis */
ul#posters-list li {
	list-style:none;
	float:left;
	margin-right:8px;
}

ul#posters-list li.last-poster { margin-right:0; }

ul#posters-list li img {
	border:2px solid #bdbdbd;
	display:block;
	cursor:pointer;
}

ul#posters-list li img.selected-poster  { border:2px solid #e21515; }

/* Success and Error Messages */
div.success {
	background: #cdffb7;
	border: 1px solid #96cf8c;
	color: #323232;
	padding: 10px;
	text-shadow: 0 1px 0 #e4ffd7;
	margin:0 30px 20px;
}

div.error {
	background: #ffb7b7;
	border: 1px solid #ff8888;
	color: #690000;
	padding: 10px;
	margin:0 30px 20px;
	text-shadow: 0 1px 0 #ffd7d7;
}

/* Select Box Start */
.dd {
	display:inline-block !important;
	text-align:left;
	position:relative;
	border:1px solid #D4D4D4;
}
.dd .ddTitle {
	background:#fff;	
	text-indent:0;
	cursor:default;
	overflow:hidden;
	height:36px;
	line-height:36px;
}
.dd .ddTitle span.arrow {
	background:url('../inner/images/icon-arrow.png') no-repeat 0 0; float:right; display:inline-block;width:11px; height:10px; cursor:pointer; 
	margin:14px 10px 0 0;
}

.dd .ddTitle span.ddTitleText {text-indent:1px; overflow:hidden; line-height:36px; margin-left:4px;}
.dd .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0}
.dd .ddTitle img.selected {
	padding:0 3px 0 0;
	vertical-align:top;
}
.dd .ddChild {
	position:absolute;
	border:1px solid #D4D4D4;
	border-top:none;
	display:none;
	margin:0 0 0 -1px;
	width:auto;
	overflow:auto;
	overflow-x:hidden !important;
	background-color:#ffffff;
}
.dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px}
.dd .ddChild a {
	color:#626262;
	display:block;
	padding:10px;
	text-decoration:none;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
}
.dd .ddChild a:hover, .dd .ddChild a.selected {
	background-color:#fafafa;
}

.select-third, .select-third .ddChild { width:278px !important;}
.select-half, .select-half .ddChild { width:428px !important;}
/* Select Box End */

/* Custom File Upload Start */
.customfile-input { top:7px; right:0; position: absolute; cursor: pointer; background: transparent; border: 0; opacity: 0; -moz-opacity: 0; filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; z-index: 999;  }

.customfile { width: 428px; height:36px; line-height:36px; overflow: hidden; border: 1px solid #d4d4d4;  position: relative; }
.customfile-disabled { opacity: .5; filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; cursor: default;  }
.customfile-feedback { display: block; margin: 1px 1px 1px 5px; font-style: italic; }
.customfile-feedback-populated { font-style: normal; }
.customfile-button { background: #b24300;  color: #fff; cursor:pointer; float: right; padding:0 5px; height:25px; line-height:25px; margin:6px; text-align: center; text-decoration: none; }
.customfile-focus .customfile-button { outline: 1px dotted #ccc;  }
/* Custom File Upload End */


.ui-autocomplete .ui-menu .ui-widget .ui-widget-content .ui-corner-all { width:300px;}
.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }



/* Button Edit */
.button-edit, .button-add, .button-delete, .button-class {
	display:inline-block;
	height:25px;
	line-height:25px;
	padding:0 10px;
	color:#fff !important;
	margin-right:5px;
	cursor: pointer;
}
.button-edit:hover,  .button-add:hover, .button-delete:hover, .button-class { text-decoration:none !important; } 


.button-edit { background:#2899f2;}
.button-edit:hover { background:#1A85D9; }

/* Button Add */
.button-add { background:#61ad34;}
.button-add:hover { background:#52a321; }

/* Button Delete */
.button-delete { background:#ef1524;}
.button-delete:hover { background:#d70c1a; }

/* Button Tvprogram */
.button-tvprogram { background:#9316a6;}
.button-tvprogram:hover { background:#9f25b1; }



.whitetable {
	width: 960px;
	margin-bottom: 15px;
}

.whitetable tr td {
	background: #fff;
	padding: 0 10px;
	line-height: 30px;
	height: 30px;
}

#logo h1 a {
    color: #000;
    float: left;
    font-size: 2.5em;
    font-weight: 800;
    letter-spacing: -1px;
    padding: 0 0.25em 0 0;
    text-decoration: none;
    text-transform: uppercase; }

#xls1, #xls2 {
    width:100%;
    margin:auto;
    background: white;
    color:black;
    padding:50px;
}    
    
.btn-close {
  color: #aaaaaa;
  font-size: 20px;
  text-decoration: none;
  padding:10px;
  position: absolute;
  right: 7px;
  top: 0;
}
.btn-close:hover {
  color: #919191;
}
.modale:before {
  content: "";
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.opened:before {
  display: block;
}
.opened .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  top: 20%;
}
.modal-dialog {
  background: #fefefe;
  border: #333333 solid 0px;
  border-radius: 5px;
  margin-left: -200px;
  text-align:center;
  position: fixed;
  left: 42%;
  top: 5%;
  z-index: 11;
  width: 40%;
  height:75%;
  overflow-y:scroll;
  box-shadow:0 5px 10px rgba(0,0,0,0.3);
  -webkit-transform: translate(0, -500%);
  -ms-transform: translate(0, -500%);
  transform: translate(0, -500%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  color:black;
}
.modal-body {
  padding: 0px;
}
.modal-body input{
  width:200px;
  padding:8px;
  border:1px solid #ddd;
  color:#888;
  outline:0;
  font-size:14px;
  font-weight:bold
}
.modal-header,
.modal-footer {
  padding: 5px 10px;
}
.modal-header {
  border-bottom: #eeeeee solid 1px;
}
.modal-header h2 {
  font-size: 20px;
}