@charset "UTF-8";
body {
    color: #444444;
    font-family: "ProximaNovaRegular","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 18px;
}
#app-install .btn {
    font-size: 16px;
    height: 44px;
    line-height: 42px;
    margin: 15px 0;
    padding: 0 16px;
}
.btn.primary, .btn.primary.disabled:hover {
    background: none repeat scroll 0 0 #96BF48;
    border-color: #7EA13D;
    color: #FFFFFF;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
input[type="submit"] {
    cursor: pointer;
    max-width: none;
    width: auto;
}
.btn {
    -moz-box-sizing: border-box;
    -moz-user-select: none;
    background: none repeat scroll 0 0 #F4F4F4;
    border: 1px solid #D0D0D0;
    border-radius: 2px 2px 2px 2px;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-family: "ProximaNovaSemiBold","ProximaNovaRegular","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    height: 32px;
    line-height: 30px;
    padding: 0 9px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #FFFFFF;
    text-transform: none;
    vertical-align: middle;
    white-space: nowrap;
}
input, textarea {
    -moz-box-sizing: border-box;
    border: 1px solid #CCCCCC;
    border-radius: 1px 1px 1px 1px;
    color: #222222;
    display: inline-block;
    font-family: "ProximaNovaRegular","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
/*    height: 28px;*/
    margin: 0;
    max-width: 100%;
    padding: 4px;
    /*vertical-align: top;*/
    /*width: 100%;*/
}
.span24 {
    float: none;
    margin: 0 auto;
    width: 30%;
}
.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12, .span13, .span14, .span15, .span16, .span17, .span18, .span19, .span20, .span21, .span22, .span23, .span24 {
    -moz-box-sizing: border-box;
    padding: 0 20px;
}
#app-install {
    padding: 50px 0;
    text-align: center;
}
#visual-install-details {
    margin: 0 auto;
    width: 354px;
}
#visual-install-details {
    padding: 0 0 120px;
}
.oauth-app-icon, .shopify-icon, .connect {
    float: left;
}
#visual-install-details img, img.border {
    border: 1px solid #DEDEDE;
    border-radius: 6px 6px 6px 6px;
    padding: 5px;
}
img {
    max-width: 100%;
}
#app-install p {
    color: #888888;
}
.oauth-app-icon p, .shopify-icon p {
    color: #999999;
    font-size: 12px;
    line-height: 13px;
    padding: 4px 0;
    width: 112px;
    word-wrap: break-word;
}
p {
    margin: 0;
}
#app-install div.connect {
    height: 66px;
    padding: 0 10px;
    width: 110px;
}
#app-install p.readwrite {
    background: url("image/ltr-img.png") no-repeat scroll center bottom transparent;
    padding-bottom: 73px;
}
#app-install h2 {
    font-family: "ProximaNovaLight","ProximaNovaRegular","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 20px;
}
h1, h2, h3, h4, h5, h6 {
    color: #191919;
    font-weight: 400;
    margin: 0;
}
#app-install p.app_status {
    margin: 0;
}
#app-install p.app_status.app_access {
    color: #444444 !important;
    font-size: 16px;
    margin: 40px 0 16px;
}
form {
    margin-top: 20px;
}

/******/
.t_header,.t_footer{
    padding: 3%;
    padding-left:33px;
}
.right{
    float: right;
}
.left{
    float: left;
}
.t_header{
    background: url('image/bg.jpg');
    width: 100%;
}
h2{
    color: #4b6784;
    display: inline-block;
    font-weight: normal;
    margin-top: 10px;
}
pre{
    width:40% !important;
    text-align: center;
    font-size: 15px !important;
}
.row-fluid div:first-child img{
    width: 100px;
    float: left;
}
.row-fluid h2.header_small{
    font-size: 15px; 
    width: 79%; 
    line-height: 13px;
    margin-top:0px !important;
}
.row-fluid h2.header{
    padding-left: 14px; 
    margin-top: 3px;
}
div.content_container{
    margin-top:20px;
}
div.content_container div > span{
    line-height: 35px;
    color: #4b6784;
    font-weight: bold;
    font-size: 17px;
}
div.content_container img{
    height: 310px;
    float: left;
    border: 1px solid #ddd;
}
div.content_container div.img_container{
    margin-top: 20px;
    min-height: 345px;
}
.row-fluid .t_footer{
    color: #000; 
    font-weight: bolder; 
    margin-top: -14px; 
    text-align: center;
}
#succ_msg,.succ_msg{
    margin-left:10px;
    color: red !important; 
    font-weight: bold;
}
#loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('div_ajax-loader.gif') 50% 50% no-repeat rgba(0,0,0,.701961);
        -moz-transition: all 250ms linear;
        -o-transition: all 250ms linear;
        -webkit-transition: all 250ms linear;
    transition: all 250ms linear;
}
.container-fluid a.brand img.nav-user-photo{height:25px; width:25px;}
.page-content .table{width:65% !important;}
.content_container span.lbl {
  line-height: 35px;
  color: #4b6784; 
  font-size: 16px;
}
 
 #all_data .pagination ul li.inactive,
#all_data .pagination ul li.inactive:hover{
    background-color:#ededed;
    color:#bababa;
    border:1px solid #bababa;
    cursor: default;
}


#all_data .pagination{
    width: 65%;
    height: 25px;
}
#all_data .pagination ul li{
    list-style: none;
    float: left;
    border: 1px solid #006699;
    padding: 2px 6px 2px 6px;
    margin: 0 3px 0 3px;
    font-family: arial;
    font-size: 14px;
    color: #006699;
    font-weight: bold;
    background-color: #f2f2f2;
}
#all_data .pagination ul li:hover{
    color: #fff;
    background-color: #006699;
    cursor: pointer;
}
.pagination .goto, .go_button{display:none;}
.total
{
    float:right;
    font-family:arial;
    color:#999;
}
.page-content #main_form1 div.control-group #record_per_page {width:50px;}
input[type='text']{height: auto;}
.export_users{float:right;margin: -55px 0px 0px;}