/* 
    Document   : style
    Created on : Oct 23, 2012, 10:26:55 AM
    Author     : Administrator
    Description:
        Purpose of the stylesheet follows.
*/

body{
        font: 14px "Roboto", sans-serif;
        color: #444444;
        background: #f2f2f2;
        min-width:1000px;
}
.demoHeaders {
        margin-top: 2em;
}
#dialog-link {
        padding: .4em 1em .4em 20px;
        text-decoration: none;
        position: relative;
}
#dialog-link span.ui-icon {
        margin: 0 5px 0 0;
        position: absolute;
        left: .2em;
        top: 50%;
        margin-top: -8px;
}
#icons {
        margin: 0;
        padding: 0;
}
#icons li {
        margin: 2px;
        position: relative;
        padding: 4px 0;
        cursor: pointer;
        float: left;
        list-style: none;
}
#icons span.ui-icon {
        float: left;
        margin: 0 4px;
}

form input[type=text]{
    width: 100%;
    padding-left: 3px;
}
form input[type=password]{
    width: 100%;
    padding-left: 3px;
}

form p{
    line-height: 20px;
    margin-top: 10px;
}
#form-login{
    position: fixed;
    left: 50%;
    top: 50%;
    margin:-140px 0 0 -180px;
    width: 300px;
    height: 200px;
    border-radius:4px;
    padding:20px;
}
#header-logo{
    margin-top: -10px;
    padding-bottom: 10px;
}
#navtabs{
    position:absolute;
    top:25px;
    left:0px;
    right:0px;
    bottom:0px;
}
#tabs-1,#tabs-2{
    position: absolute;
    top:133px;
    bottom:0;
    left:0;
    right:0;
    margin:0;
    overflow: auto;
}

#postGrid{
    position: absolute;
    top: 0px;
    left:10px;
    right:10px;
    bottom:10px;
/*    border: 1px solid #999999;*/
    overflow: auto;
}
#userGrid,#accountGrid,#shipmentGrid{
    position: absolute;
    top: 0px;
    left:0px;
    right:0px;
    bottom:0px;
/*    border: 1px solid #999999;*/
    overflow: auto;
}
.sortable-pane{
    position: absolute;
    top: 40px;
    left:0px;
    right:0px;
    bottom:20px;
/*    border: 1px solid #999999;*/
    overflow: auto;
}
nav{
    position: absolute;
    top: 25px;
    left: 20px;
}
.loggedin{
    position: absolute;
    right:0px;
    left:0px;
    font-size: 12px;
    top:0px;
    height:35px;
    background-color:#333333;
}
.borderbox{
    border: 1px solid #CCCCCC;
}
label{
    padding-top: 0px !important;
    font-size: 1em !important;
}
.menu{
    background: #808080 !important;
    border: none !important;
}
.menu li, .menu a{
    height:100px;
    width:100px;
    padding:0 !important;
    text-align: center;
    text-shadow: none;
    color:#bfbfbf !important;
    border-right: 1px solid #666666;
}
.menu li img{
    
}
.menu li a:hover, .menu li.hover > a {
    background: none repeat scroll 0% 0% #3079ec !important;
}
.menu li.current > a {
    background: #3079ec !important;
}
.first a{
    
}
.grid-canvas button{
    padding:3px !important;
    border-radius: 0;
    margin: 2px;
}
input, select{
    font-size: 1.0em !important;
}
input[type="text"],[type="password"]{
/*    height: 30px;*/
}
select{

    height: 30px;
}
input[type="checkbox"]{
    margin-top: 10px !important;
}
.form-option-button{
    cursor: pointer;
    margin-right:5px;
}
.ajax-loader{
    position: fixed;
    left: 50%;
    top: 50%;
    margin:-30px 0 0 -30px;
    opacity: 0.5;
}
#upload-form, #btn-browse, #btn-upload{
    float: left;
    margin-right: 5px;
}

.img-thumb{
    padding-right:10px;
    max-width: 300;
    max-height: 150px;
    width:auto;
    height:auto;
}
.img-info{
    float: left;
}

.img-caption{
    padding-left: 20px;
}
.li-images{
    height:150px;
    overflow: hidden;
}
.li-menus{
    margin-top:15px;
    list-style:none;
}
.img-options{
    font-size: 11px;
    padding-left: 20px;
    padding-top:10px;
    width: 200px; 
    height: 60px;
}
.img-options a{
    text-decoration: none;
}
.btn-icon{
    cursor: pointer;
}
#iframe-a{
    width: 100%;
    height: 100%;
    border: 0;
}
#form-post-add{
    line-height: 2;
}
.post-image-thumbnaiil{
    max-width: 150px;
    max-height: 100px;
}
.item-description{
    margin-top:10px;
}
.item-description{
    color:#999;
}
.item-options{
    margin-top:8px;
    font-size: 11px;
}
.item-options a{
    color: rgb(77, 153, 224);
    font-size: 12px;
    text-decoration: none;
    font: "Trebuchet MS", sans-serif;
}
.item-clickable{
    font-size: 12px !important;
    cursor: pointer;
    text-decoration: underline;
    color: #000;
}
#breadcrumbs-menu a{
    color:#3079ec;
    text-decoration: underline;
    }
.nav-options{
    margin-top:10px;
}
.gray-window{
    position: fixed;
    left: 50%;
    top: 50%;
    margin:-140px 0 0 -180px;
    width: 300px;
    height: 200px;
    background:#f5f5f5;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:1px solid #ccc;
    overflow: auto;
    padding:20px;
}
.big-gray-hints{
    display: inline;
    font-size:24px;
    font-weight:bold;
    vertical-align: bottom;
    height:20px;
    color: #CCC;
}
.sortable-items li{
    cursor:move;
}
.bgloggedin{
    position:absolute;
    background-color:#4f4f4f;
    height:25px;
    width:100%;
}
#credentials{
    float:right;
    color:#fff;
    padding:5px;
    font-size: 14px;
}
#credentials strong{
    background: none;
    color:#fff;
}
#credentials a{
    color:#fff;
    text-decoration: none;
}
.ui-state-default, .slick-header-column{
/*   cursor:pointer;*/
background-color: #d8d8d8;
color:#555;
}
.ui-widget-content, .slick-row.odd{
    background: rgba(0,0,0,0.0);
}
.slick-cell{
    font-size:14px;
}
.btn-add{
   margin-right:10px; 
}
.modal {
    right: 0px !important;
    left: 0px !important;
    width: 90% !important;
    top: 5% !important;
    height:340px; 
    margin-top:-170px;
}
.modal-body{
    max-height: none;
}

#file-upload-phases a, #file-upload-phases a:hover{
   color:#444;
}

#ui-datepicker-div{
    background: #fff;
}
.dropdown-menu{
    z-index: 2000 !important; 
}
#deleteModal{
    width: 560px !important;
    position:absolute; 
    top:50% !important;
    height:170px !important; 
    margin-top:-85px !important;
}
.span3{
    padding-top:0px !important;
}
.nav{
    margin-bottom:0px;
}
#layout-header{
    height:75px;
}
.center380{
    position:absolute; 
    top:50% !important;
    width:1000px !important;
    height:380px !important; 
    margin-top:-200px !important;
}
.center400{
    position:absolute; 
    top:50% !important;
    width:1000px !important;
    height:400px !important; 
    margin-top:-200px !important;
}
.center500{
    position:absolute; 
    top:50% !important;
    height:490px !important; 
    max-width: 1300px;
    margin-top:-245px !important;
}
.center580{
    position:absolute; 
    top:50% !important;
    height:560px !important; 
    max-width: 1300px;
    margin-top:-300px !important;
}
.center600{
    position:absolute; 
    top:50% !important;
    max-width: 1000px;
    width:900px;
}
.center170{
    position:absolute; 
    top:50% !important;
    height:170px !important; 
    max-width: 1000px;
    margin-top:-85px !important;
}
.dpick{
    width:150px;
}
.powered-by{
    position: absolute;
    right:20px;
    bottom:5px;
    color:#000;
    font-size: 12px;
}
.powered-by a{
    color: rgb(37, 37, 37);
    font-weight: bold;
}
.powered-by a:hover{
    color: rgb(37, 37, 37);
    font-weight: bold;
    text-decoration:underline;
}
.cke_reset_all label{
    font: 12px "Open Sans", sans-serif !important;
}
.cke_dialog_ui_button_ok{
    background-color: #006DCC !important;
    background-image: linear-gradient(to bottom, #0088CC, #0044CC) !important;
    background-repeat: repeat-x !important;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
    color: #FFFFFF !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}
.bootstrap-wysihtml5-insert-link-modal{
    position:absolute; 
    top:50% !important;
    height:200px !important; 
    max-width: 1000px;
    margin-top:-100px !important;
    width:300px !important;
}

.cke_ltr .cke_dialog_contents tbody tr:nth-of-type(1) td:nth-of-type(1) div:nth-of-type(1) .cke_dialog_ui_hbox_first{
    width:0% !important;
}
.cke_ltr .cke_dialog_contents tbody  tr:nth-of-type(1) td:nth-of-type(1) div:nth-of-type(1) .cke_dialog_ui_hbox_last{
    width:100% !important;
}
.cke_ltr .cke_dialog_contents tbody tr:nth-of-type(1) td:nth-of-type(1) div:nth-of-type(1) .cke_dialog_ui_hbox_first div{
    display:none !important;
}
.cke_ltr .cke_dialog_contents tbody tr:nth-of-type(1) td:nth-of-type(1) div:nth-of-type(1) .cke_dialog_ui_select{
    display:none !important;
}
.jcrop-hline{
    
}
.nav .span12{

}
.nav li{
    padding-bottom:0;
    height:22px;
}
.nav li a{
    color: #fff;
    font-size:15px;
    text-decoration: none;
}
.navdiv{
    padding-top:5px;
    text-align:center;
    width: 120px;
    height:22px;
}
.filters select, .filters button, .filters .btn-group{
    height:30px;
}
.filters button:first-of-type{
    margin-left:10px;
}
.filters button, .filters .btn-group{
 vertical-align:top;   
}
.filters input{
    margin-left:10px;
    width:calc(100% - 34px) !important;
}
#history-edit textarea{
    width:calc(100% - 22px) !important;
}
.filters{
    margin-top:10px;
}
textarea {
    resize:none;
}
#client2 input, #client1 input, #location input, #client1 textarea,#client2 textarea{
    width:calc(100% - 34px) !important;
}
.list-item{
    background-color:#efefef;
}
.list-item div{
    padding-top:5px;
    padding-left:5px;
    padding-right:5px;
}
.list-item:hover{
    background-color:#ccc;
}
#addModal hr{
    margin:5px 0;
}
.close{
    font-size: 28px;
}
.tt-dropdown-menu{
    background-color:#fff;
    border:1px solid #75b9f0;
    border-top: none;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px;
    margin-top:-14px;
}
.modal-body {
  overflow: visible;
}
.tt-suggestion{
    padding:3px 10px;
}
.tt-suggestion:hover{
    color:#75b9f0;
}
#addModal .tt-dropdown-menu{
    width:calc(100% - 22px) !important;
}
#all-filters .tt-dropdown-menu{
    margin-left:10px;
    width:178px;
}
.twitter-typeahead{
    width:100% !important;
}
#shipment-history{
    position:absolute;
    right:0;
    overflow:auto;
    height:255px;   
}
#all-filters{
    display:none;
    width:200px;
    position:fixed;
    top:124px;
    left:10px;
    border-radius:5px;
    z-index: 10;
    background-color: #fff;
    padding-top:10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow:0px 5px 10px rgba(0, 0, 0, 0.2);
}
#export-options{
    display:none;
    width:200px;
    position:fixed;
    top:124px;
    left:140px;
    border-radius:5px;
    z-index: 10;
    background-color: #fff;
    padding:10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow:0px 5px 10px rgba(0, 0, 0, 0.2);
}
#export-options .btn{
    display:block;
    box-sizing: border-box;
    width:100%;
}
#export-options .btn:first-of-type{
    margin:0;
    margin-bottom:10px;
    
}
#all-filters input, #all-filters select, #all-filters label{
    margin-left:10px;
    width:180px;
}
#all-filters .btn{
    margin-bottom:10px;
}
#stats-shipments{
    font-size:12px;
    margin-left:0;
    height:24px;
    border-radius:3px;
    background-color:rgba(0,0,0,.1);
    display:inline-block;
    vertical-align: top;
    padding-top:6px;
}
#stats-shipments span{
    margin-left:10px;
    margin-right:10px;
}
.img-logo{
    height:40px;
    width:auto;
    margin-bottom:5px;
}
.nav i{
    color:#fff;
    margin-top:5px;
}
.slick-viewport .ui-widget-content div:first-of-type, .slick-header-columns .slick-header-column:first-of-type span:first-of-type{
    padding-left:10px;
}
.alert{
    height:20px;
    padding:5px 35px 5px 14px;
}
.form-signin .alert{
    height:auto;
    padding:5px 35px 5px 14px;
}
#stats-shipments img{
    width:20px;
    height:auto;
    margin-left:3px;
}
#content-options .btn-group .dropdown-menu:after {
    left: auto;
    right: 13px;
}
#content-options .btn-group .dropdown-menu {
    left: auto;
    right: 0;
    margin-right:10px;
}
.suggest-remove{
    float:right;
}