body{
    color: black;
    font-family: "Helvetica", "Arial", "Sans";
    min-height: 100% !important;
    padding:0;
}

html{
    height: 100%;
    padding:0;
}

.header_container li{
    display: inline-block;
    /*font-size: 20px;*/
    text-shadow: #666 0px 1px 1px;
}

#wrap, .canvas{
  min-height: 80vh;
  height: 80vh;
  bottom: 0;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

/*#footer{
    height: 30px;
    bottom: 0px;
    top: auto;
    position: relative;
    
}*/

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.footer{
	background-color: #f5f5f5;
    margin-top: -30px;
    height: 30px;
    clear: both;
    width: 100%;
    position: fixed;
    /*margin-left: auto;
    margin-right: auto;*/
    right: 0px;
    left: 0px;
    bottom: 0px;
    -moz-box-shadow: 0 -1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.5);
}

.footer_container{
    text-align: center;
    }
.footer_container li{
    display: inline-block;
    font-size: 16px;
}
.footer_container li + li:before{
    content: " | ";
    padding: 0 10px;
}

.version{
    position: absolute;
    top: auto;
    left: auto;
    right: 30px;
    bottom: 10px;
    vertical-align: middle;
}

.tae-table{
    display: table;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background: #eee;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 30px;
}
.tae-caption{
    display: table-caption;
}

.tae-cell{
    display: table-cell;
    font-size: 36px;
    margin: 6px;
    padding: 5px;
}

.tae-cell input{
    font-size: 36px;
}

.tae-cell   select{
    font-size: 52px;
    font-family: "Lucida Console", Monaco, monospace,;
}

select, option {
    font-family: "Lucida Console", Monaco, monospace,;
}

.simple-table{
    display: table;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight:lighter;
}

.simple-row{
    display: table-row;
}
.report-row{
    
    display: table-row;
    border-bottom: 1px solid #ddd;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

}

.heading-row{
    color: #eee;
	/*text-shadow: 0px -1px 0px #374683;*/
	text-shadow: 0px 1px 0px #000;
    display: table-row;
    background: #4e9bbe; /* Old browsers */
    font-size: 14px;
    background: -moz-linear-gradient(top,  #4e9bbe 0%, #387ca4 31%, #04436a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e9bbe), color-stop(31%,#387ca4), color-stop(100%,#04436a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4e9bbe 0%,#387ca4 31%,#04436a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4e9bbe 0%,#387ca4 31%,#04436a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4e9bbe 0%,#387ca4 31%,#04436a 100%); /* IE10+ */
    background: linear-gradient(top,  #4e9bbe 0%,#387ca4 31%,#04436a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e9bbe', endColorstr='#04436a',GradientType=0 ); /* IE6-9 */
}

.simple-cell{
    display: table-cell;
    padding: 5px;
}
.simple-caption{
    display: table-cell;
    font-weight: bolder;
    font-size: 24px;
    padding: 5px;
}

.bold {
    font-weight: bolder;
}

.right{
    text-align: right;
}

.left{
    text-align: left;
}

.center{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.float-center{
    text-align: center;
}

.wide{
    width:100%;
}

.button {
    margin-top: 5px;
    background: #222 url(/media/images/alert-overlay.png) repeat-x;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
    font: normal 18px arial, sans-serif;
}

.button:active{
    color: #000;
    padding: 5px 10px 6px;
    top: 1px;
    text-shadow: 0px 1px 0px #000;
}
.button:visited {
    color: #ddd;
}

.thankyou{
    display: block;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background: #eee;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 30px;
    font-size: 32px;
}
.number{
    font-size: 55px;
    weight: bolder;
}

a {
    color: #333;
}

a:visited {
    color: #333;
}

a:hover{
    color: #ddd;
}

.error{
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border: 1px solid red;
    background: #ff7171;
    color: #710000;
}

.small{
    font-size: small;
}

/* ================ admin section =================== */

.admin-dashboard-mainblock{
    text-align:center;
    margin-left: auto;
    margin-right: auto;
    min-width: 500px;
    max-width: 800px;
}

.dashboard-option{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    min-width: 100px;
    max-width: 100px;
    display: inline-block;
}

.dashboard-option a{
    text-decoration: none;
}

.adminmenu{
    width: 800px;
    margin-left: auto;
    margin-right:auto;
    text-align: right;
    padding: 6px;
}



.adminmenu ul{
    list-style: none;
}
.adminmenu li{
    font-size:12px;
    display: inline-block;
    margin-left: 10px;
    border: 1px solid #ddd;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 3px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

.adminmenu a:active{
    padding-top: 1px;
}

.adminmenu li#selected{
    background: #88bfe8; /* Old browsers */
    background: -moz-linear-gradient(top,  #88bfe8 0%, #70b0e0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88bfe8), color-stop(100%,#70b0e0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #88bfe8 0%,#70b0e0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #88bfe8 0%,#70b0e0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #88bfe8 0%,#70b0e0 100%); /* IE10+ */
    background: linear-gradient(top,  #88bfe8 0%,#70b0e0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#70b0e0',GradientType=0 ); /* IE6-9 */

}
.adminmenu li#logout{
    background: #febbbb; /* Old browsers */
    background: -moz-linear-gradient(top,  #febbbb 0%, #fe9090 45%, #ff5c5c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febbbb), color-stop(45%,#fe9090), color-stop(100%,#ff5c5c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* IE10+ */
    background: linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=0 ); /* IE6-9 */
}

.adminmenu a, .adminmenu a:visited{
    text-decoration: none;
    color: #000;
    text-shadow: 0px 1px 0px #FFF;
}
.adminmenu li#logout:active, .adminmenu li:active, .adminmenu a:active{
    top:1px;
    color: #fff;
    text-shadow: 0px 1px 0px #333;
    background: #88bfe8; /* Old browsers */
    background: -moz-linear-gradient(top,  #88bfe8 0%, #70b0e0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88bfe8), color-stop(100%,#70b0e0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #88bfe8 0%,#70b0e0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #88bfe8 0%,#70b0e0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #88bfe8 0%,#70b0e0 100%); /* IE10+ */
    background: linear-gradient(top,  #88bfe8 0%,#70b0e0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#70b0e0',GradientType=0 ); /* IE6-9 */
}

li#selected a,li#logout a{
    text-decoration: none;
    color: white;
    text-shadow: 0px 1px 0px #333;
}

.path_menu{
    width: 100%;
    text-align:center;
    margin-left: auto;
    margin-right:auto;
    margin-bottom: 10px;
}

.path_menu ul{
    list-style: none;
}

.path_menu a{
    color: #333;
    text-shadow: 0px 1px 0px #fff;
}
.path_menu li{
    position: relative;
    display:inline-block;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 8px;
    border: 1px solid #ddd;
    color: black;
    margin-left: -3px;
    margin-right: -3px;
    font-size: 16px;
    /*text-shadow: 1px 1px 2px #757575;*/
    filter: dropshadow(color=#ddd, offx=0, offy=1);

    
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    
    -webkit-box-shadow: 1px 1px 9px 1px #ddd;
    -moz-box-shadow: 1px 1px 9px 1px #ddd;
    box-shadow: 1px 1px 9px 1px #ddd;
}

li.startbutton{
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    

}
.path_menu li:active{
background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #e5e5e5 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


li.endbutton{
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

li.middlebutton{
}

li.uniquebutton{
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;


}

.semaphore{
    min-width: 10px;
    min-height: 10px;
    /*max-width: 10px;*/
    float:right;
    top: 10px;
    right: 20px;
    left: auto;
    position: absolute;
    text-shadow: 0px 1px 0px #000;
    border: 1px solid #ddd;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    
    margin-bottom: 5px;
    padding: 3px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;

}

.balanceshow{
    text-shadow: 0px 1px 0px #fff;
    top: 80px;
    left: auto;
    right: auto;
    float: center;
    position: absolute;
    z-index: 2000;
    color: #000;
    font-size: 24px;
    display: block;
    border: 1px solid #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    margin-bottom: 40px;
    padding: 3px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
    background: rgba(150, 203, 255, 0.9);
}

a.semaphore{
    color: white;
}
a.semaphore:active{
    top: 10px;
}

.green { 
    color: white;
    background: #c9de96; /* Old browsers */
    background: -moz-linear-gradient(top,  #c9de96 0%, #8ab66b 44%, #207f19 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9de96), color-stop(44%,#8ab66b), color-stop(100%,#207f19)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c9de96 0%,#8ab66b 44%,#207f19 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c9de96 0%,#8ab66b 44%,#207f19 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c9de96 0%,#8ab66b 44%,#207f19 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c9de96 0%,#8ab66b 44%,#207f19 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#207f19',GradientType=0 ); /* IE6-9 */

}
.orange {
    color: white;
    background: #fac695; /* Old browsers */
    background: -moz-linear-gradient(top,  #fac695 0%, #f5ab66 50%, #ed7b10 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fac695), color-stop(50%,#f5ab66), color-stop(100%,#ed7b10)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fac695 0%,#f5ab66 50%,#ed7b10 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fac695 0%,#f5ab66 50%,#ed7b10 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fac695 0%,#f5ab66 50%,#ed7b10 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fac695 0%,#f5ab66 50%,#ed7b10 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac695', endColorstr='#ed7b10',GradientType=0 ); /* IE6-9 */
    
}
.red { 
    color: white;
    background: #febbbb; /* Old browsers */
    background: -moz-linear-gradient(top,  #febbbb 0%, #fe9090 45%, #ff5c5c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febbbb), color-stop(45%,#fe9090), color-stop(100%,#ff5c5c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* IE10+ */
    background: linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=0 ); /* IE6-9 */
}

.simple-inline-block{
    position: relative;
    display: inline-block;
    border: 1px solid green;
}

.actionmenu{
    margin-left: auto;
    margin-right:auto;
    padding: 6px;
}

.actionmenu ul{
    list-style: none;
}
.actionmenu li{
    font-size:11px;
    display: inline-block;
     -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #ffffff; 
    background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));  
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); 
    background: linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
    border: 1px solid #ddd;
    padding: 2px;
    cursor: pointer;
}

.report-caption{
    display: table-caption;
    font-size: 18px;
    font-weight: bolder;
    color: #666;
    text-shadow: #ddd 0px 1px 0px;
    padding-bottom: 3px;
}

.note{
    position: relative;
    display: block;
    padding-top: 100px;
    paddinf-left: 30px;
    min-width: 350px;
    max-width: 350px;
    min-height: 350px;
    max-height: 350px;
    float: center;
    margin-left: auto;
    margin-right: auto;
    background: url("images/note.jpeg") top left no-repeat;
}
.note-caption{
    font-size: 25px;
    text-transform: uppercase;
    font: 55px/65px "Arial"
    font-weight: bolder;
    text-shadow: #fff 0px 1px 0px;
}

.note-message{
    padding-top: 25px;
    font-size: 20px;
    text-shadow: #fff 0px 1px 0px;
}


.settings-row{
    display: table-row;
    border: 1px solid #000;
}

.settings-cell{
    display:table-cell;
    border-bottom: 1px solid #ddd;
    padding: 5px;
    width: 50%;
    min-width: 50%
}

.settings-caption{
    display: table-caption;
    font-size: 18px;
    font-weight: bolder;
    color: #666;
    text-shadow: #ddd 0px 1px 0px;
    padding-bottom: 3px;
    text-align: left;
}

.settings-table{
    display: table;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-weight:lighter;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #ddd;
}

.info-small{
    font-size: smaller;
    text-decoration: none
    font-weight: normal;
    font:size: 12px;
}

.ui-dialog .ui-dialog-content.ui-dialog-spinner{
    background-color: rgba(0,0,0,0.5);
    /*background: rgba(0,0,0,0.5) url("ajax-loader.gif") no-repeat scroll 5px 15px transparent;
    background: "#fff" url("ajax-loader.gif") no-repeat scroll 5px 15px;
    padding: 30px 0 0px 70px;*/
    border: 2px solid #DDDDDD;
    line-height: 1em;
    top: 0; 
    rigth: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    heigth: 100%;
    min-width: 100%;
    min-heigth: 100%;
    position: fixed;
    /*filter:blur(4px);
    -o-filter:blur(4px);
    -ms-filter:blur(4px);
    -moz-filter:blur(4px);
    -webkit-filter:blur(4px);*/
}

.blur{
    filter:blur(4px);
    -o-filter:blur(4px);
    -ms-filter:blur(4px);
    -moz-filter:blur(4px);
    -webkit-filter:blur(4px);
}

.ui-dialog-text{
    color: #ddd;
    display: block;
    position: relative;
    margin-top: 25%;
    margin-bottom: 25%;
    float:center;
    font-size: 3em;
    font-weigth: bolder;
    text-align: center;
    vertical-align: middle;
    text-shadow: #666 0px 1px 1px;
}

.wrapper{
    position: relative;
    display: block;
    top: 60px;
    min-height: calc(100% - 60px);
    padding-bottom: 80px;
}

select {
    font-family: "Lucida Console", Monaco, monospace;
}


.max{
    width: 100%;
    min-width: 100%;
}

.top{
    vertical-align: top;
}

.login-at{
    left: auto;
    right: auto;
}

@media all and (max-width: 720px) {
    .login-label{text-align:center;}
    .login-at{
        min-width: 90%;
        width: 90%;
    }
}

@media all and (min-width: 721px) {
    .login-label{text-align:right;}
    .login-at{
        max-width: "33%";
        width: 33%;
    }
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number]{
    -moz-appearance:textfield;
}

.floating-help {
    border: 0px solid black; 
    min-width: 230px; 
    min-height: 505px; 
    position: fixed;
    display: inline-block;
    top: 100px;
    left: 30px;
    right: auto;
    z-index: 10;
}

.taelogo{
    /*border: 1px solid green;*/
}

.carrier {
    background: url(/static/images/carriers/telcel.png) no-repeat scroll 7px 7px;
    background-size: 200px;
    background-position: right center;
}

.monospace{
    font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
}

.sidebar{
    display: inline;
    min-width: 120px;
    max-width: 120px;
    min-height: 492px;
    top: 150px;
    border: 0px solid black;
}

.sidebar-left{
    left: 150px;
    right: auto;
    position: fixed;
}

.sidebar-right{
    right: 150px;
    left: auto;
    position: fixed;
}

.bottomad{
    display: block;
    /*border: 1px solid black;*/
    min-height: 100px;
    margin-top: 30px;
}


/* ================= media query ================= */
@media all and (max-width: 720px) {
    .x700{display:none;}
    .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn{font-size:40px;height: auto;}
    .bottomad { display: block;}
    .hide-on-mobile {
        display: none !important;
    }
    
    .inbox-left-panel{
	    max-width: 100%;
	    min-width: 100%;
	    right: auto;
	    display: block;
	    min-height: 150px;
	    height: 150px;
	    vertical-align: top;
	    overflow: auto; 
	}
	
	.message-subject{
	    padding: 6px;
	}
	
	.inbox-message-panel{
	    top: 20%;
	    display: block;
	    right: 20px;
	    min-width: 100%;
	    height: 60%;
	    min-height: 60%;
	    overflow: auto;
	}
	
	.inbox-message-content{
	    bottom: 0px;
	    min-height: 50%;
	    margin: 10px;
	}
	
	.login-logo{
	   width: 100%;
	}
	
	.logo-container{
	   max-width: 50%;
	   margin-bottom: 20px;
	   display: block;
	}
	
	.loginformcontainer{
        display: block;
        margin: 30px;
        margin-bottom: 10px;
        float: center;
        left: auto;
        right: auto;
        min-width: 90%;
        
    }
    
    .input-group-lg>.form-control{
        font-size: 20px;
    }
    
    input[type=text], input[type=password] {
        min-width: 95%;
        width: 95%;
        left: auto;
        right: auto; 
    }
}

@media all and (min-width: 721px) {
    .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn{font-size:40px;height: auto;}
    .bottomad { display: none;}
    .sidebar, .sidebar-left, .sidebar-right{display: inline;}
    .hide-on-desktop{
        display: none;
    }
    .inbox-left-panel{
	    max-width: 350px;
	    min-width: 350px;
	    left: 20px;
	    margin-left: 20px;
	    right: auto;
	    display: inline-block;
	    min-height: 100%;
	    height: 100%;
	    vertical-align: top;
	}
	
	.message-subject{
	    padding: 6px;
	}
	
	.inbox-message-panel{
	    display: inline-block;
	    right: 20px;
	    min-width: calc(100% - 400px);
	    vertical-align: top;
	    height: 100%;
	    min-height: 100%;
	}
	
	.inbox-message-content{
	    bottom: 0px;
	    height: 100%;
	    min-height: 100%;
	    margin: 10px;
	}
	
	.login-logo{
	   width: 90%;
       max-width: 300px;
       
    }
    
    .logo-container{
       display: inline-block;
       vertical-align: top;
       text-align: right; 
       margin-top: 45px;
       text-align: right !important;
       min-width: 40%;
    }
    
    .loginformcontainer{
        display: inline-block;
        min-width: 30%;
        text-align: left;
        margin-top: 50px;
        max-width: 50%;
        margin-bottom: 30px;
    }
}

@media all and (max-width: 1024px){
    .sidebar, .sidebar-left, .sidebar-right{display: none;}
    
}

.navbar-default{
    /*background: rgba(255, 255, 255, 0.9);*/
    background: #fff;
}



.main-container, .wrapper, .main_content{
	height: 85vh;
	min-height: 85vh;
}

.inline{
	display: inline-block !important;
}

.half{
	min-width: 50%;
	max-width: 50%;
	width: 50%;
}

.row {
	display: table-row;
}

.overflow-auto{
    overflow: auto !important;
    
}

.overflow-scroll{
    overflow: scroll;
}

.inboxbc{
	display: block;
	position: fixed;
	top: 60px;
	left: auto; 
	right: 20px;
	z-index: 30;
}

.badge-danger{
	background-color: #bc1a00;
	color: white;
	
}
.message-extra{
	font-size: 10px;
}

.changelog-panel{
	max-width: 50%;
	max-height: 50%;
	text-align: left; 
	overflow: scroll;
}