/*
html,
body {
    height: 100%;
}
*/

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.login-page, .register-page {
    margin: 0 auto;
    width: 100%;
    min-height: 100%;
    background: none;
    background-color: #110022;
    color: #eee;
    overflow: hidden;
    margin-bottom: 60px;
    background: url('../img/sitebg.jpg') repeat fixed !important;
}
.login-logo, .register-logo {
    min-height: 150px;
}
.login-box-body, .register-box-body
{
    width: 300px;
    margin: 0 auto;
}
#footer-wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  text-align: center;
}
#footer-wrapper .container{
  position: absolute;
  bottom: 0;
  width: 100%;
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.skin-red .content-header{
    min-height: 24px;
}
.content{
    min-height: 600px;
}
.form-group .form-group{
    margin-left: 0;
}
table.table thead th > a{
    color: #444;
}
table.table thead th > a:hover, table.table thead th > a:active, table.table thead th > a:focus{
    color: #111;
}
.has-error .help-block{
  color: #737373;
}
.has-error .help-block-error{
    color: #a94442;
}
/**
Bootstrap 3 - Disabled dropdown links

Bootstrap 3 has built-in visual support for disabled dropdown menu items, however these are simply
visual changes and don't actually impact the interactivity of the element itself.

Once this is added to your styles, you can easily disable any dropdown item by applying a [disabled] attribute
to the <a/> element itself, and adding the usual .disabled class to the parent <li>.

More information here: http://blog.craigsworks.com/bootstrap-3-disabled-dropdown-links/
**/

/*
Mimic cursor style from native .dropdown-menu > .disabled > a{} styles,
since `pointer-events: none` kills the cursor state, too.
*/
.dropdown-menu > .disabled{
 cursor: not-allowed;
}

/* The real magic ;) */
.dropdown-menu > .disabled > a{
 pointer-events: none;
}

#dropzone {
    background: palegreen;
    width: 100%;
    height: 100px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
}
#dropzone.in {
/*    width: 600px;
    height: 200px;
    line-height: 200px;
*/    font-size: larger;
}
#dropzone.hover {
    background: lawngreen;
}
#dropzone.fade {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 1;
}
.break-word {
    -ms-word-break: break-all;

     /* Be VERY careful with this, breaks normal words wh_erever */
     word-break: break-all;

     /* Non standard for webkit */
     word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.detail-view th{
    min-width: 130px;
}
.sms-content {
    max-width:150px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
}
.msisdn {
    max-width:50px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
}
.sp_trx_id {
    max-width:150px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
}
.widget-app .widget-app-header {
    padding: 20px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.widget-app-icon {
    width: 65px;
    font-size: 45px;
    line-height: 90px;
    float: left;
}
.widget-app-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: rgba(255,255,255,0.8);
    display: block;
    z-index: 10;
    background: rgba(0,0,0,0.1);
    text-decoration: none;
}
.widget-app-footer:hover {
    color: #fff;
    background: rgba(0,0,0,0.15);
}

.in {
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 350ms;
    animation-timing-function: ease-out;
    animation-duration: 350ms;
}
.out {
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 225ms;
    animation-timing-function: ease-in;
    animation-duration: 225ms;
}

.flip {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
    backface-visibility: hidden;
    transform: translateX(0);
}
.flip.out {
    -webkit-transform: rotateY(-90deg) scale(.9);
    -webkit-animation-name: flipouttoleft;
    -webkit-animation-duration: 500ms;
    transform: rotateY(-90deg) scale(.9);
    animation-name: flipouttoleft;
    animation-duration: 500ms;
}
.flip.in {
    -webkit-animation-name: flipintoright;
    -webkit-animation-duration: 500ms;
    animation-name: flipintoright;
    animation-duration: 500ms;
}
.flip.out.reverse {
    -webkit-transform: rotateY(90deg) scale(.9);
    -webkit-animation-name: flipouttoright;
    transform: rotateY(90deg) scale(.9);
    animation-name: flipouttoright;
}
.flip.in.reverse {
    -webkit-animation-name: flipintoleft;
    animation-name: flipintoleft;
}
@-webkit-keyframes flipouttoleft {
    from { -webkit-transform: rotateY(0deg); }
    to { -webkit-transform: rotateY(-90deg) scale(.9); }
}
@keyframes flipouttoleft {
    from { transform: rotateY(0deg); }
    to { transform: rotateY(-90deg) scale(.9); }
}
@-webkit-keyframes flipouttoright {
    from { -webkit-transform: rotateY(0deg) ; }
    to { -webkit-transform: rotateY(90deg) scale(.9); }
}
@keyframes flipouttoright {
    from { transform: rotateY(0deg); }
    to { transform: rotateY(90deg) scale(.9); }
}
@-webkit-keyframes flipintoleft {
    from { -webkit-transform: rotateY(-90deg) scale(.9); }
    to { -webkit-transform: rotateY(0deg); }
}
@keyframes flipintoleft {
    from { transform: rotateY(-90deg) scale(.9); }
    to { transform: rotateY(0deg); }
}
@-webkit-keyframes flipintoright {
    from { -webkit-transform: rotateY(90deg) scale(.9); }
    to { -webkit-transform: rotateY(0deg); }
}
@keyframes flipintoright {
    from { transform: rotateY(90deg) scale(.9); }
    to { transform: rotateY(0deg); }
}
.change{cursor: pointer}