body {
/*background-color:#f2f2f2;*/
font-size:15px;
color:#555;
line-height: 1.1em;
margin:0px;
padding: 0px;
font-family: 'Open Sans', sans-serif !important;
font-weight:400;
}

h1{
width:67px;
height: 28px;
float: left;
}
.welcome a{
width:70px;
height: 30px;
display: block;
text-indent: -100000px;
overflow: hidden;
margin: 18px auto 0;
background: url(../img/rack-logo.png) right top no-repeat;
}
h2{
font-weight:300;
font-size:25px;
}
h3{
font-weight:400;
font-size:18px;
}
h4{
font-weight:400;
font-size:16px;
text-transform: uppercase;
}
h5{
font-weight:400;
font-size:14px;
line-height: 18px;
}
p{
font-weight:400;
font-size:14px;
}
a{
text-decoration:none;
color:#555;
}
a:hover{
color:#888;
}

#header{
height:80px;
width:100%;
/*background-color:#0b77b0;*/
background-color:#0056b3 !important;
}
#header .logo{
margin:18px 0px;
}
#header .logo-big{

}
#header .content h2 {
display: block;
float: left;
height: 60px;
overflow: hidden;
/*width: 60px;*/
position:absolute;
top:10px;
left:50%;
margin-left:-30px;
}
#header .content h2 img{
/*height: 60px;*/	
/*width: 60px;*/
}
#header .welcome{
/*width:200px;*/
max-width: 70px;
margin:0px auto;
}
#header .welcome h1{
margin-top:25px;
}
#header .welcome h4{
color:#fff;
float:left;
height:30px;
margin-top: 30px;
margin-right:20px;
font-weight:300;
font-size:25px;
text-transform: none;
}

ul#settings{
padding:20px 0;
}
ul#settings ul.sub-settings{
padding:5px 5px 10px;
margin:5px 0 0;
}
ul#settings i{
float: right;
}
ul#settings, ul#settings ul.sub-settings {
float:right;
color:#fff;
width: auto;
z-index: 9999;
}
ul#settings li, ul#settings ul.sub-settings li {
list-style-type: none;
display: inline-block;
}
ul#settings li ul.sub-settings{
background:#0056b3;
}
/*Link Appearance*/
ul#settings li a, ul#settings li ul.sub-settings li a {
text-decoration: none;
color: #fff;
padding: 5px;
display:inline-block;
width:130px;
}
ul#settings li ul.sub-settings li a:hover{
background:#0074c9;
}
/*Make the parent of sub-menu relative*/
ul#settings li {
position: relative;
}
#usernameli{
text-align: right;
}
#usernameli i{
margin-left:10px;
}
/*sub menu*/
ul#settings li ul.sub-settings {
display:none;
position: absolute;
top: 20px;
left: 0;
}
ul#settings li:hover ul.sub-settings {
display:block;
}
.last{
margin-right:0px !important;
}
#resume{
	padding: 40px 0px;
	background-color:#0074C9;
}
#resume .filter{
margin-right:34px;
float:left;
color: #fff;
text-transform: uppercase;
width:204px;
line-height: 30px;
text-align: right;
padding: 10px;
-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
}
#resume .clearf.filter:hover{
background-color: #0056b3;
}
#resume .box-resume{
background: #0056b3;
/*height:65px;*/
/*width:330px;*/
color: #fff;
float:left;
margin: 0px 20px 0px 0px;
padding:10px 15px;
-webkit-box-shadow: inset 0 -3px 0 0 rgba(0,0,0,0.15); 
box-shadow: inset 0 -3px 0 0 rgba(0,0,0,0.15);
-webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;
}
#resume .active{
background: #056493 !important;
-webkit-box-shadow: inset 3px 3px 0 0 rgba(0,0,0,0.10) !important; 
box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.10) !important;
padding:10px 15px 9px !important;
border-bottom: solid 1px #129be0  ;
}

.box-resume a {
color: #F1F1F1;
float: left;
opacity: 0.8;
}
.box-resume a:hover{
color:#ffffff;
opacity: 1;
}
#resume .box-resume h3{
font-size:60px;
line-height:60px;
font-weight:600;
float:left;
margin-right:20px;
}
#resume .box-resume h4{
float:left;
margin-top:15px;
}
#resume .box-resume h4 span{
display:block;
margin-top:5px;
text-transform: none;
opacity:0.6;
}
.login{
width:100%;
background:#fff;
margin:20px auto 0px;
padding:40px 0px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
float: left;
}
.col-3{
float:left;
margin: 20px 0px;
}
.col-3 h4{
color:#999;
margin:0px 0px 15px;
}
.col-3 ul li{
height:30px;
border-top:solid 1px #d2d2d2;
width: 100%;
list-style: none;
padding: 10px 0px;
line-height: 30px;
}
.col-3.col-packs img, .col-company img {
float: left;
height: 35px;
width: 35px;
}
.nombre-operador-home {
float: left;
font-weight: bold;
margin-left: 20px;
}
.col-company{
width:416px;
font-weight:600;
}
.col-packs{
color:#888;
width:416px;
}
.col-notified-time{
color:#888;
width:430px;
color:#999;
}
.col-status{
color:#888;
width:130px;
}
.col-status li.locked{
color:#ea385a;
}
.col-status li i{
width:16px;
text-align:right;
margin-right: 3px;
}

#detail-head{
height:auto;
width:100%;
padding:20px 0px;
background-color:#fff;
float:left;
position: relative;
}
#detail-head .operator-logo{
height: 50px;
left: 50%;
margin-left: -25px;
position: absolute;
top: 4px;
width: 50px;
}
.operator-logo img{
width: 50px;
height: 50px;
}
.box-pack{
width:100%;
background:#eaeaea;
margin: 20px 0;
float:left;
}
.head-box-pack{
border-bottom: solid 1px #d2d2d2;
padding:10px;
}

.btns{
float:right;
}
.noti-btn{
position: absolute;
right: 0;
top:0;
}
.btn{
color:#fff;
padding:5px 12px;
display:inline-block;
}
.btn:hover{
color:#fff;
opacity:0.8;
}
.btn.btn-disabled:hover{
cursor: default;
opacity: 1;
}
.btn-notify{
background:#0056b3;
}
.btn-notified{
background:#84c2e8;
}
.btn-cancel{
background:#999;
}
.btn-block{
background:#e0334b;
}
.btn-blocked{
background:#444;
}
.btn-unblock{
background:#2ec861;
}


/* the overlayed element */
.simple_overlay {
/* must be initially hidden */
display:none;
/* place overlay on top of other elements */
z-index:100000;
/* styling */
background-color:#fff;
color:#666;
width:500px;
height:418px;
left:50%;
top:55% !important;
margin-left: -290px;
margin-top:-250px;   
padding:20px 40px 30px 40px;
position:absolute;
/* CSS3 styling for latest browsers */
-moz-box-shadow:0 0 5000px 0px #000;
-webkit-box-shadow: 0 0 5000px #000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
background-image:url(../img/close.png);
position:absolute;
right:15px;
top:15px;
cursor:pointer;
height:25px;
width:25px;
}
/* styling for elements inside overlay */
.details{
margin:0px auto;
width:280px;
}
.details h2{
margin:10px 0px 20px;
font-size:40px;
line-height: 45px;
color:#888;
text-transform:uppercase;
text-align: center;
}
.details h3{
margin:10px 0px;
color:#aaa;
text-transform:uppercase;
line-height: 20px;
}
.details h4{
margin:20px 0px;
font-size:65px;
line-height: 70px;
font-weight:600;
color:#84c2e8;
text-transform:uppercase;
text-align: center;
}
.details h4 span{
font-size:35px;
line-height: 40px;
font-weight:400;
}
.details input, .details textarea, .details a, .details select{
border:solid 1px #ccc;
font-size:15px;
line-height: 19px;
margin-bottom:20px;
padding:5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width:270px;
}
.details a, .submit input, .notified-btn-modal, #SettingSettingsForm button, #EditEditForm button, #AddAddForm button, #loginLoginForm button, #resetResetForm button, #ResetReset2Form button{
display:block;
/*background:#e96052;*/
color:#fff;
font-size:17px;
padding: 8px 15px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: none;
width:180px;
text-align:center;
}
.details textarea{
resize:none;
height: 80px;
}
.submit input:hover{
/*background: #e05c4e;*/
cursor: pointer;	
}
.details a:hover, #SettingSettingsForm button:hover, #EditEditForm button:hover, #AddAddForm button:hover, #loginLoginForm button:hover, #resetResetForm button:hover, #ResetReset2Form button:hover{
cursor:pointer;
/*background:#de5648;*/
}
.details .green{
color:#2ec861;
}
.details .red{
color:#e0334b;
}
.details i{
font-size:70px;
line-height: 70px;
margin-left: 100px;
margin-bottom:10px;
}
.progressbar{
width:100px;
height:16px !important;
line-height:16px !important;
float:left;
margin:9px 10px 0px 0px;
padding-bottom: 4px;
padding-right: 4px;
}
.ui-widget-header{
background: #e96052;
border:solid 3px #fff !important;
}
.ui-widget-content{
border:solid 1px #eee !important;
}
h3.error{
color:#de5648;
position: absolute;
top:210px;
left: 50%;
margin-left: -140px;
font-size: 16px;
text-align: left;
text-transform: none;
}
.contenedor-modal-programado{
display: none;
}
.contenedor-modal-bloqueado, .contenedor-modal-programado, .contenedor-modal-enviado{
left: 50%;
margin-left: -140px;
position: absolute;
}
.filter .fa.fa-undo {
margin-right: 7px;
opacity: 0.9;
}
.btn.btn-disabled{
cursor:default;
}
.to-lock{
float: right;
margin: 12px 25px 0 0;
font-size: 14px;
line-height: 18px;
}
.details #remember {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #AAAAAA;
font-size: 14px;
padding: 0;
text-align: left;
width: 100%;
}
.details #remember:hover{
text-decoration: underline;
}
form.form-tuves {
float: left;
width: 100%;
}
.error.error-password {
top: 300px;
}
.error.reset-email {
top: 300px;
}
.content h1 {
margin-top: 25px;
}
.showing{
/*width:100%;*/
padding: 15px 0;
/*margin:0px auto 10px;*/
border-bottom: solid 1px #ddd;
/*float:left;*/
/*text-align:right;*/
background:#fff;
/*position: relative;*/
}
.showing-inner{
	text-align: right;
/*width:960px;*/
margin:0px auto;
}
.showing select{
float:right;
margin-left: 10px;
min-width: 100px;
padding-left: 2px;
}
#form-countryIndexForm label{
color: #999999;
font-size: 14px;
font-weight: 400;
line-height: 18px;
}

#operator-name {
float: right;
font-size: 18px;
}

#no-results {
float: left;
}
.available-count{
float: right;
margin-top:6px;
}
.unblock-overlay, .block-overlay, .cancel-overlay, .notified-overlay{
height: 350px;
}
.unblock-overlay .unblock-btn-modal{
margin:0 auto;
background-color: #2EC861;
}
.unblock-overlay .unblock-btn-modal:hover{
background-color: #2bbb5b;
}
.unblock-overlay h3, .block-overlay h3, .contenedor-modal-cancel h3{
text-align: center;	
}
.unblock-overlay i, .block-overlay i{
margin-left:120px;
}
.details .unblocking-scheduled, .details .blocking-scheduled, .details .cancel-scheduled, .details .deleting-scheduled{
font-size: 20px;
line-height: 30px;
margin-top:42px;
margin-bottom: 51px;
}
.details .icon-scheduled{
margin-top:50px;
}
.details .close-window{
margin:0 auto;
}
.progressbar-green .ui-widget-header{
background: none;
background-color:#2EC861;
}
.details.settings #flashMessage h3{
color:#de5648;
}
.block-overlay .block-btn-modal, .contenedor-modal-notified .notified-btn-modal{
margin: 0 auto;
}
.loading-gif{
width:380px;
margin-left: -190px;
position: absolute;
top:60px;
left:50%;
}
.loading-gif img {
display: block;
margin: 90px auto 50px;
}
.loading-gif h4 {
text-align: center;
width: 100%;
}
.contenedor-modal-programado2, .contenedor-modal-programado, .contenedor-modal-bloqueado{
width:280px;
margin-left: -140px;
position: absolute;
top:20px;
left: 50%;
}
.contenedor-modal-programado2 .close, .contenedor-modal-programado .close, .contenedor-modal-bloqueado .close{
left:374px;
top:0;
}
.available-count.count-home{
margin-top: 5px;
}
.col-notified-time .countdown_row.countdown_amount {
color: #999999;
}
.col-3.col-notified-time ul li {
padding-bottom: 14px;
padding-top: 6px;
}
#col-packs.col-3.col-packs {
width: 560px;
}
.contenedor-modal-cancel .details{
width: 440px;
}
.contenedor-modal-cancel i{
margin-left:200px;
color:#999999;
}
.cancel-overlay .cancel-btn-modal{
margin:60px auto 0 auto;
}
.contenedor-modal-cancel h3{
margin-top:30px;
}
.contenedor-modal-cancel .details .fa.fa-check-square-o.green, .contenedor-modal-finish .details .fa.fa-check-square-o.green{
margin-top:53px;
}
.contenedor-modal-cancel .details .close {
right: 30px;
top: 20px;
}
.contenedor-modal-notified .details h2{
margin-bottom:30px;
margin-top:0;
}
.contenedor-modal-enviado .details{
width: 390px;
}
.contenedor-modal-enviado .details .close-window{
margin:0 0 0 62px;
}
.contenedor-modal-enviado .details i{
margin-top:12px;
margin-left: 118px;
}
.contenedor-modal-enviado .details h3{
margin:51px 0 80px;
}
.contenedor-modal-enviado .details .close{
right: -9px;
top: 0;
}
.contenedor-modal-notified .notified-btn-modal{
width:175px;
}
.contenedor-modal-notified .notified-btn-modal:hover{
cursor:pointer;
background:#de5648;
}
.details .go-to-login-page {
margin: 0 auto;
width: 167px;
}
#email-send-p{
margin-bottom:30px;
}
.pack-logos img{
width: 40px;
height: 40px;
margin-right:7px;
}
.countdown-container {
float: right;
}
.col-3.col-user {
width: 470px;
}
.col-3.col-programmer {
width: 350px;
}
.col-3.col-actions {
width: 160px;
}
.col-actions .btn-edit i, .col-actions .btn-delete i{
margin-right: 3px;
}

.col-actions .btn-edit i, .col-actions .btn-delete{
margin-left:10px;
color:#555555;
}
.col-actions .btn-edit i, .col-actions .btn-delete:hover{
cursor: pointer;
color:#888888;
}
.btn-edit {
float: left;
}
.btn.btn-delete
{
margin-top: -5px;
float: left;
}
.fa.fa-pencil {
margin-top: 7px;
float: left;
}
.fa.fa-trash-o {
margin-top: 8px;
float: left;
}
.details .error input, .details .error select,  .details .error textarea {
border-color: #B94A48;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

}
.contenedor-modal-delete .details > h3 {
margin-bottom: 60px;
margin-top: 50px;
text-align: center;
}
.contenedor-modal-delete .details a {
float: left;
width: 100px;
}
.modal2-1-btn.delete-btn-modal {
margin-right: 20px;
}
.contenedor-modal-delete .details .fa.fa-trash-o.red {
margin-left: 111px;
}
.simple_overlay.delete-overlay {
height: 350px;
}
.contenedor-modal-delete .details .delete-btn-modal {
margin-right: 20px;
}
.contenedor-modal-finish .details .fa.fa-check-square-o.green {
margin-left: 110px;
}
.btn-edit .fa.fa-pencil {
margin-left: 0;
}
.details select {
width: 280px;
}
#new-user.details.settings {
width: 300px;
}
.validate-error-msg {
color: #DE5648;
float: left;
font-size: 16px;
width: 100%;
}
#reset-p {
float: left;
height: 16px;
margin-top: 5px;
width: 100%;
}
.details #text-invalid {
margin-bottom: 25px;
}
.details #reset-send {
margin-bottom: 25px;
text-align: center;
}
.simple_overlay.desconexion-overlay {
height: 350px;
}
.details .desconexion-scheduled {
font-size: 16px;
line-height: 32px;
}
.error.login .details h3 {
text-align: center;
margin: 50px auto;
}
.error.login .details span {
float: left;
text-align: center;
}
.welcome h1#logo-error {
margin-left: 60px;
}
#back-error:hover{
cursor: pointer;
}
.contenedor-modal-error .details .Refresh {
margin: 0 auto;
}

.contenedor-modal-error h3 {
margin: 80px 0;
text-align: center;
}
.error.login.terminated .details {
width: 420px;
}

.error.login.terminated .details h2 {
margin: 40px 0;
width: 420px;
}
.error.login.terminated .details span{
width:420px;
}
.error.login.terminated .details i{
margin-left: 170px;
}
.error.login.terminated .details p {
float: left;
margin-top: 30px;
text-align: center;
width: 420px;
}




/* --------------------------------------------------------------------------- */

@media all and (max-width: 640px) /*and (min-width: 320px) */{
#resume{
padding: 30px 0px;
}
#resume .filter{
display:none;
}
#resume .box-resume{
width:34%;
margin: 0 2% 0 0;
height: auto;
text-align:center;
padding: 15px 2%;
}
#resume .box-resume h3{
float:none;
margin-right: 0;
font-size: 2em;
}
#resume .box-resume h4{
float:none;
font-size: 13px;
}
.col-notified-time{
display:none;
}
.col-company{
width:30%;
}
.col-company{
width:60%;
}
.col-status{
width:40%;
float:right;
}
.showing-inner{
width:94%;	
}
.contenedor-modal-cancel .details{
width: 280px;
}
.contenedor-modal-programado2 .close, .contenedor-modal-programado .close, .contenedor-modal-bloqueado .close{
left: 244px;		
}
.contenedor-modal-cancel i {
color: #999999;
margin-left: 118px;
}
.contenedor-modal-cancel .details h2 {
width: 280px;
}
.contenedor-modal-cancel h3 {
margin-left: 5px;
width: 270px;
}
.box-resume a{
float: none;
}
.box-resume h4#broadcast {
font-size: 70%;
}
.box-resume h4#broadcast span{
font-size: 13px;
}
#resume .active{
padding: 16px 10px 13px !important;
}
#col-packs.col-3.col-packs {
width: 40%;
}
.loading-gif {
margin-left: -140px;
width: 280px;
}
#loading4-1 h4 {
width: 100%;
}
.contenedor-modal-enviado {
width: 280px;
}
.contenedor-modal-enviado .details {
width: 280px;
}
.contenedor-modal-enviado .details h3 {
margin: 51px auto 80px;
width: 200px;
}
.contenedor-modal-enviado .details .close {
right: 1px;
top: -35px;
}
.to-lock, .countdown_amount, .available-count{
font-size: 63%;
}
.countdown-container .cuentaregresiva{
width: 77px;
margin-top: 5px;

}
.cuentaregresiva .countdown_amount{
font-size: 10px;   
}
.noti-btn{
top:40px;
}
.ac-container input:checked ~ article.ac-small{
width: 100%;
}
.col-3.col-user {
width: 59%;
}
.col-3.col-programmer {
display: none;
}
.col-3.col-actions {
width: 41%;
}
.simple_overlay{
width:280px;
height:400px;
left:50%;
top:50% !important;
margin-left: -150px;
margin-top:-250px;   
padding:60px 10px 40px;
}
.col-actions .btn-edit i, .col-actions .btn-delete{
margin-left:-3px;
}

} 





/* hacks */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

@media screen and (max-width: 1225px) and (min-width: 1045px) {
	.priority-5{
		display:none;
	}
}

@media screen and (max-width: 1045px) and (min-width: 835px) {
	td {
		white-space: nowrap;
		display: block;
	}
	.priority-5{
		display:none;
	}
	.priority-4{
		display:none;
	}
}

@media screen and (max-width: 565px) and (min-width: 300px) {
	th {
		border: 0px;
	}
	td.priority-1 {
		border: 0px;
		white-space: normal !important;
		display: block;
	}
	.priority-5{
		display:none;
	}
	.priority-4{
		display:none;
	}
	.priority-3{
		display:none;
	}
}

@media screen and (max-width: 300px) {
	td.priority-1 {
		border: 0px;
		white-space: normal !important;
		display: block;
	}
	.priority-5{
		display:none;
	}
	.priority-4{
		display:none;
	}
	.priority-3{
		display:none;
	}
	.priority-2{
		display:none;
	}

}
.btn-primary{
	border-color: #FE6A00 !important;
	background-color:#FE6A00 !important;
}
.btn-primary:hover {
	background: #ff8201 !important;
}
.btn-info{
	border-color: #0056b3 !important;
	background-color:#0056b3 !important;
}
.gray {
	color: gray
}