body
{
    font-family: 'Montserrat' !important;
}
.navbar-blue
{
    background-color: #005eb8;
    border-color: #005eb8;
}

.navbar-abest {
    background-color: #343893;
    border-color: #343893;
}

.navbar-speedfood
{
    background-color: #343893;
    border-bottom: 7px solid #343893 !important;
}

.panel-border
{
    color: #333;
    background-color: #ffffff;
    border-color: #d81e28;
}

.border-title
{
    color: White;
    font-size: large;
    text-align: left;
    /*margin-left: 10px;
    margin-top: 10px;*/
}

.panel-head {
    background-color: #d81e28;
    padding-top: 0px 0px 0px 0px;
    overflow: hidden;
    display: block;
    height: 40px;
}

.logoimage {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
}

.textbox_trackno {
    border: 1px solid #d81e28;
    border-radius: 4px;
    width: 500px;
    height: 40px;
    padding-left: 5px;
    font-family: 'Century Gothic';
    font-size: 15px;
}

.button_trackno {
    height: 40px;
    width: 80px;
    border: none;
    font-family: 'Century Gothic';
    font-size: 15px;
    border-radius: 4px;
    background: #0256b8;
    color: #ffffff;
}
@font-face
{
    font-family: 'texgyreadventor-regular';
    src: url('../Bootstrap/font/texgyreadventor-regular.otf');
    font-weight: normal;
    font-style: normal;
}


@font-face
{
    font-family: 'texgyreadventor-bold';
    src: url('..\bootstrap\font\texgyreadventor-bold.otf');
    font-weight: normal;
    font-style: normal;
}

/*
@font-face
{
    font-family: 'ABEAKRG';
    src: url('..\bootstrap\font\ABEAKRG.TTF');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'abeatbyKaiRegular';
    src: url('../Bootstrap/font/abeatbyKaiRegular.otf');
    font-weight: normal;
    font-style: normal; 	 
}*/

.emptyInput
{
    border-color: #D00000;
    background-color: #ffeaea;
}

.dashboardShopify
{
    text-align:center; 
    width:900px; 
    margin: 0 auto; 
    font-size: 25px; 
    color: #939393;
}

.logisticsLogo
{
    max-width: 250px;

}
.errormessage
        {
            color: #ff0000;
            font-size: 11px;
        }

.textboxStyle
{
    height: 50px; 
    padding-left: 40px; 
    display: inline; 
    width: 375px; 
    border-radius: 5px ; 
    border:solid 1px #b0b0b0;
    font-size: 16px;
}

.NoSyncBut
{
    width: 200px;
    background-color: grey;
    border-radius: 10px;
}

.SyncWait
{
    width: 200px;
    background-color: orange;
    border-radius: 10px;
}

.SyncDone
{
    width: 200px;
    background-color: green;
    border-radius: 10px;
}

.SyncError
{
    width: 200px;
    background-color: black;
    border-radius: 10px;
}

.dashboardBoxShadows
{
    box-shadow: 0px 0px 15px grey;
    border-radius: 10px;
    padding-top: 10px;
}
.dashboardBoxText
{
    color: #d00000;
    font-size: 17px;
    font-weight: 800;
}

.dashboardBoxText.count
{
    
    font-size: 30px;
    
}

.home-imgs
{
    max-width: 250px;
}

.verticalAlignMiddle
{
    
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.frame {
    height: 238px;
    min-height: 238px;      /* equals max image height */
    width: 100%;
    
    white-space: nowrap; /* this is required unless you put the helper span closely near the img */
    
    text-align: center; 
}

.LOGO
{
    /*float: left;
    width: 55px;
    height:55px;
    margin-top:5px;*/
    float: left;
    width: 255px;
    /*height:50px;*/
    margin-top:5px;
   
}
.PIXSELL
{
    
    float: right;
    color: #D00000;
    margin-top:  20px;/*7px;*/
    margin-left: 5px;
    font-family: 'Montserrat';
    font-size: x-large;
}

.PIXSELL1
{
    float: right;
    color: #D00000;
    margin-top: 10px;
    margin-left: 5px;
    font-family: 'Montserrat';
    display: inline-block;
    font-size:medium;
}

.H-margin
{
    margin-top:20px;
}

.PIXSELL-f
{
    
    color: White;
    margin-top: 45px;
    margin-left: 5px;
    
    font-family: 'Montserrat';
    display: inline-block;
    font-size:medium;
    
    
}

.LOGO-f
{
    float: left;
    margin-top: 30px;
    margin-bottom: 10px;
    width:50px;
    height:50px;
}

.textColorRed
{
    color: #d6202d;
    font-family: 'Montserrat';
}

.textColorBlue {
    color: #343893 !important;
    font-family: 'Montserrat';
}

.boldTextRed
{
    color: #D00000;
    font-family: 'Montserrat';
    font-size: 60px;
}

.textColorBlack
{
    color: #252525;
    font-family: 'Montserrat';
}

.textColorWhite
{
    color: #ffffff;
    font-family: 'Montserrat';
}

.TextRed
{
    color: #D00000;
    font-family: 'Montserrat';
}

.regularText
{
    font-family: 'Montserrat';
    color: White;
    font-size: large;
}

.regularText-black
{
    font-family: 'Montserrat';
    color: black;
    font-size: large;
}
.register-Doorstep
{
    font-family: 'Montserrat';
    color: black;
    font-size: 15px;
    margin-top: 5px;
}

.smallText
{
    font-family: 'Montserrat';
    color: Gray;
    font-size: small;
}


.regularBlackText
{
    font-family: 'Montserrat';
    color: Black;
}


.regularBlackText-s
{
    font-family: 'Montserrat';
    color: Black;
    font-size: x-small;
}

.txtIAgree
{
    font-family: 'Montserrat';
    color: #D00000;
    font-size: x-small;
}

.txtHeade-L-Red
{
    font-family: 'Montserrat';
    color: #D00000;
    font-size: large;
}

.headerText
{
    font-family: 'Montserrat';
    color: White;
    font-size: xx-large;
}


.header-black
{
    font-family: 'Montserrat';
    color: Black;
    font-size: xx-large;
}


p
{
    margin: 0px;
    padding: 0px;
    /*font-family: texgyreadventor-bold;*/
}

h1
{
    font-weight: bold;
    color: Black;
    font-size: 35px;
    margin: 0px;
    padding: 0px;
}

h2
{
    font-weight: bold;
    color: #ffffff;
    margin: 0px;
    padding: 0px;
    font-size: 30px;
}

h3
{
    font-weight: bold;
    color: #D00000;
    margin: 0px;
    padding: 0px;
    font-size: 30px;
}
/* ----------- TEXT */
.paddingTop
{
    margin-top: 50px;
}
.paddingTopHW2
{
    margin-top: 150px;
}

img
{
    max-width: 100%;
    height: auto;
}

.imgPhone
{
    margin-left: 5px;
}


.post-container
{
    margin: 20px 20px 0 0;
}

.post-thumb img
{
    float: left;
}

.post-content
{
    float: left;
}

.post-title
{
    margin-left: 30px;
    font-weight: bold;
    font-size: 150%;
}

.post-text
{
    margin-left: 55px;
}

.h2Red
{
    color: #D00000;
    font-family: 'Montserrat';
    text-align: left;
    margin-left: 25%;
}

.footerWhite
{
    color: #ffffff;
    font-family: 'Montserrat';
    text-align: left;
}

.bg-Red
{
    background-color: #D00000 !important;
}


/*  For Boarders */

.panel-border
{
    color: #333;
    background-color: #ffffff;
    border-color: #D00000;
}
.panel-border-solid
{
    color: #333;
    background-color: #ffffff;
    border-color: #808080;
}
.panel-head
{
    background-color: #D00000;
    height: 40px;
}
.border-title
{
    color: White;
    font-size: x-large;
    text-align: left;
    margin-left: 10px;
}

.div-top-margin
{
    margin-top: 2%;
}

.div-bottom-margin
{
    margin-bottom: 50px;
    padding: 0px;
}
/*  For Boarders  end*/


/* labels */
.labelP
{
    margin: 10px;
    padding: 0px;
    text-align: center;
    font-family: 'Montserrat';
    color: Black;
}

.lbl-title
{
    margin: 10px;
    padding: 0px;
    text-align: left;
    font-family: 'Montserrat';
    color: Black;
}


.lbl-Item
{
    margin: 10px;
    padding: 0px;
    text-align: left;
    font-family: 'Montserrat';
    color: Black;
    padding-left: 5%;
}


.lbl-title-dboard
{
    margin: 10px;
    padding: 0px;
    text-align: left;
    font-family: 'Montserrat';
    color: Black;
    font-size: large;
}


.lbl-Item-dboard
{
    margin: 10px;
    padding: 0px;
    text-align: right;
    font-family: 'Montserrat';
    color: Black;
    font-size: large;
}

.lbl-hint
{
    padding: 0px;
    text-align: left;
    font-family: 'Montserrat';
    color: red;
}
/* end labels */






/* labels */

.img-qr
{
    width: 100px;
    height: 100px;
    vertical-align: middle;
    text-align: center;
}

.img-edit
{
    width: 30px;
    height: 40px;
    vertical-align: middle;
    text-align: right;
    position: absolute;
    right: 0px;
    display: block;
}


.img-Login-icon
{
    float: right;
    width: 40px;
    height: 40px;
    margin-right: 0px;
    vertical-align: middle;
}

/* DIV tricks */
.card-upload-pic
{
    border-radius: 0px;
    background: #f2f2f2;
    padding: 0px;
    width: 200px;
    height: 150px;
    /*margin-left: 80%;*/
    text-align: center;
}

.card-img
{
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100px;
    width: 100px;
}


.d-m
{
    height: 80px;
    background: red;
}


.responsiveBorderContainer1
{
    width: 100%;
    height: auto;
}
.responsiveBorderContainer1 .responsiveDiv
{
    margin: 10px 1.5%;
}


.card-DT
{
    border-radius: 10px;
    padding: 0px;
    width: 150px;
    height: 200px;
}


.card-DT-pos1
{
    border-radius: 10px;
    padding: 0px;
    width: 150px;
    height: 300px;
    margin-top: 10px;
    margin-left: 100px;
}


div /*for Dashboard */
{
    background-repeat: no-repeat;
}

/* div end*/

@media screen and (min-width: 800px) {
            .modal-dialog {
              width: 1000px; /* New width for default modal */
            }
            .modal-sm {
              width: 500px; /* New width for small modal */
            }
            
            .modal-s {
              width: 300px; /* New width for small modal */
            }
        }
@media screen and (min-width: 1000px) {
    .modal-lg {
        width: 1000px; /* New width for large modal */
    }
}
        
        
@media only screen and (max-width: 768px)
{
    .dashboardShopify
{
    text-align:center; 
    width:300px; 
    margin: 0 auto; 
    font-size: 18px; 
    color: #939393;
}
    .deliveryArea
    {
        display: inline-block;
        width: 300px !important;
        height: 50px; 
    }
    .textboxStyle
    {
        height: 50px; 
        padding-left: 40px; 
        display: inline-block; 
        width: 300px; 
        border-radius: 5px ; 
        border:solid 1px #b0b0b0;
        font-size: 16px;
    }
    /* For mobile phones: */
    .card-DT
    {
        border-radius: 10px;
        background: #f2f2f2;
        padding: 0px;
        width: 150px;
        height: 150px;
    }


    .card-upload-pic
    {
        border-radius: 0px;
        background: #f2f2f2;
        padding: 0px;
        width: 200px;
        height: 150px;
        /*margin-left: 50%;*/
        text-align: center;
    }
    .txt
    {
        margin-right: 74%;
    }

    .btn-edit
    {
        width: 25px;
        height: 30px;
        vertical-align: middle;
        text-align: right;
        right: 0px;
        display: inline-block;
    }
    
    .lbl-title
    {
        
        padding: 0px;
        text-align: left;
        margin-left: 1%;
        font-family: 'Montserrat';
        color: Black;
    }
    
    

}


/* buttons*/
.btn-Red
{
    background-color: #D00000;
    font-size: large;
    height: auto;
    cursor: pointer;
    color: White;
}

.btn-Blue {
    background-color: #343893;
    font-size: large;
    height: auto;
    cursor: pointer;
    color: White;
}

.btn-Default
{
    font-size: large;
    height: auto;
    cursor: pointer;
}


.btn-black
{
    background-color: #000000;
    font-size: x-large;
    height: auto;
    cursor: pointer;
}

.img-btn-icon
{
    width: 40px;
    height: 40px;
    vertical-align: middle;
    position: absolute;
    left: 60px;
}

.btn-icon-bk
{
    width: 40px;
    height: 40px;
    vertical-align: middle;
    position: absolute;
    left: 40px;
}



.btn-edit
{
    width: 25px;
    height: 30px;
    vertical-align: middle;
    text-align: right;
    position: absolute;
    right: 0px;
    display: inline-block;
}

.btnStyle
{
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 0%;
}


/* buttons end*/





/* Master Page*/
.buttom
{
    
    bottom: 0;
    margin-bottom:-5em;
    position:relative;
}

.navTopPadding
{
    margin-top: 15px;
}

.navTopIcon
{
    margin-top: 6px;
    margin-right: 6px;
}

@import url('/');

body
{
    background: white;
}

.navbar-fixed-top
{
    /*top: 0;*/
    border-width: 0 0 1px;
}

.navbar-default .navbar-nav #user-profile
{
    /*height: 50px;*/
    padding-top: 30px;
    padding-left: 58px;
}

.navbar-default .navbar-nav #user-profile img
{
    height: 45px;
    width: 45px;
    position: absolute;
    top: 15px;
    left: 8px;
    padding: 1px;
}

#wrapper
{
    padding-top: 90px;
    padding-left: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

@media (min-width: 992px)
{
    #wrapper
    {
        padding-left: 200px;
    }
}

@media (min-width: 992px)
{
    #wrapper #sidebar-wrapper
    {
        width: 200px;
    }

    .img-icon
    {
        width: 32px;
        height: 32px;
        vertical-align: middle;
        text-align: center;
    }


}

#sidebar-wrapper
{
    border-right: 1px solid #e7e7e7;
}

#sidebar-wrapper
{
    z-index: 1000;
    position: fixed;
    left: 225px;
    width: 0;
    height: 100%;
    margin-left: -185px;
    /*margin-left: -225px;*/
    overflow-y: auto;
    background: #f8f8f8;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

#sidebar-wrapper .sidebar-nav
{
    position: absolute;
    top: 0;
    width: 225px;
    font-size: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#sidebar-wrapper .sidebar-nav li
{
    text-indent: 0;
    line-height: 80px;
}



#sidebar-wrapper .sidebar-nav li a
{
    display: block;
    text-decoration: none;
    color: #428bca;
    font-weight: bold;
}

#sidebar-wrapper .sidebar-nav li a:hover
{
    background-color: #808080 !important;
    color: #d00000 !important;
}



.sidebar-nav li:first-child a
{
    /*background: #000000 !important;*/
    color: #fff !important;
    margin-top: 10px;
}

#sidebar-wrapper .sidebar-nav li a .sidebar-icon
{
    width: 45px;
    height: 45px;
    font-size: 14px;
    padding: 0 2px;
    display: inline-block;
    text-indent: 7px;
    margin-right: 10px;
    color: #fff;
    float: left;
}

#sidebar-wrapper .sidebar-nav li a .caret
{
    position: absolute;
    right: 23px;
    top: auto;
    margin-top: 20px;
}

#sidebar-wrapper .sidebar-nav li ul.panel-collapse
{
    list-style: none;
    -moz-padding-start: 0;
    -webkit-padding-start: 0;
    -khtml-padding-start: 0;
    -o-padding-start: 0;
    padding-start: 0;
    padding: 0;
}

#sidebar-wrapper .sidebar-nav li ul.panel-collapse li i
{
    margin-right: 10px;
}

#sidebar-wrapper .sidebar-nav li ul.panel-collapse li
{
    text-indent: 15px;
}

@media (max-width: 992px)
{
    #wrapper #sidebar-wrapper
    {
        width: 45px;
    }
    #wrapper #sidebar-wrapper #sidebar #sidemenu li ul
    {
        position: fixed;
        left: 45px;
        margin-top: -45px;
        z-index: 1000;
        width: 200px;
        height: 0;
    }

    #sidebar-wrapper .sidebar-nav li
    {
        text-indent: 0;
        line-height: 45px;
    }

    .img-icon
    {
        width: 20px;
        height: 20px;
        vertical-align: middle;
        text-align: center;
    }
    #page-content-wrapper
    {
        margin-left: 35px;
    }

    .footPadding
    {
        position: relative;
        display: inline-block;
        margin-left: 10%;
        margin-top: 6px;
    }

    .f-align-F
    {
        margin-top: 150px;
        margin-left: 10%;
    }


}

.sidebar-nav li:first-child a
{
    /*background: #000000 !important;*/
    border-top: 1px solid #ffffff;
    color: #fff !important;
}

.sidebar-nav li:nth-child(2) a
{
    /*background: #000000 !important;*/
    border-top: 1px solid #ffffff;
    color: #fff !important;
}

.sidebar-nav li:nth-child(3) a
{
    /*background: #000000 !important;*/
    border-top: 1px solid #ffffff;
    color: #fff !important;
}

.sidebar-nav li:nth-child(4) a
{
    /*background: #000000 !important;*/
    border-top: 1px solid #ffffff;
    color: #fff !important;
}

.sidebar-nav li:nth-child(5) a
{
    /*background: #000000 !important;*/
    border-top: 1px solid #ffffff;
    color: #fff !important;
}

.sidebar-nav li:nth-child(6) a
{
    /*background: #000000 !important;*/
    border-top: 1px solid #ffffff;
    color: #fff !important;
}

.sidebar-nav li:nth-child(7) a
{
    /*background: #000000 !important;*/
    border-top: 1px solid #ffffff;
    color: #fff !important;
}


.bg-black
{
    background-color: #000000 !important;
}

.LinkRigth
{
    float: right;
    margin-top: 35px;
}

.LinkB-Rigth
{
    margin-right: 100%;
}

.LinkB-Rigth1
{
    margin-right: 5%;
}



.foot-top
{
    margin-top: 6px;
}

.foot-icon
{
    /*margin-left: 10px;             margin-right: 10px;             margin-top: 1px;             margin-bottom: 2px;*/
    margin-bottom: 10px;
    margin: 0;
}

.LinkRigth
{
    float: right;
    margin-top: 35px;
}

.LinkB-Rigth
{
    margin-right: 10px;
}


/*
.LinkB-Rigth1
{
    margin-right: 100px;
}*/



.regular
{
    font-family: 'Montserrat';
    color: White;
    
}

footer
{
    background: #2db34a;
    bottom: 0;
    left: 0;
    position: inherit;
    right: 0;
    z-index: 1010;
}

.lnk-lgin-G
{
    width: 20px;
    height: 15px;
}



/* master page end */

/* Carousel */

.container
{
    margin-top: 0px;
}

/* Carousel Styles */
.carousel-indicators .active
{
    background-color: #2980b9;
}

.carousel-inner img
{
    width: 100%;
    max-height: 400px;
}

/* 
.carousel-control {
    width: 0;
}

.carousel-control.left,
.carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}

.carousel-control.left span {
	padding: 15px;
}

.carousel-control.right span {
	padding: 0px;
}

.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {
	position: absolute;
	top: 45%;
	z-index: 5;
	display: inline-block;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
	left: 0;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
	right: 0;
}

.carousel-control.left span,
.carousel-control.right span {
	background-color: #000;
}

.carousel-control.left span:hover,
.carousel-control.right span:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}

/* Carousel Header Styles */


.header-text
{
    position: absolute;
    top: 20%;
    left: 1.8%;
    right: auto;
    width: 96.66666666666666%;
    color: #fff;
}

.header-text h2
{
    font-size: 40px;
}

.header-text h2 span
{
    background-color: #2980b9;
    padding: 10px;
}

.header-text h3 span
{
    color: #FFFFFF;
    padding: 15px;
}

.carousel-left-txt
{
    margin-left: 10%;
    margin-top: 1%;
}

.carousel-left-btn
{
    margin-left: 5.5%;
    margin-top: 1%;
}

/* end carousel */


.gPlay
{
    margin-left: 25%;
}

.imgMargin
{
    margin: 0;
}



/* Login Singup */
.card-ContactUs
{
    border-radius: 25px;
    background: #f2f2f2;
    padding: 20px;
    width: auto;           
    height:auto;
    margin-top:10%;
}
        
.divcard
{
    border-radius: 25px;
    background: #f2f2f2;
    padding: 20px;
    width: 400px;
    height: 280px;
    margin-top: 30%;
}

.divcard2
{
    border-radius: 25px;
    background: #f2f2f2;
    padding: 20px;
    width: 400px;
    height: AUTO;
}

.divContactUs
{
    border-radius: 25px;
    background: #f2f2f2;
    padding: 20px;
    width: auto;
    height:auto;
}




.divcard-pos2
{
    margin-top: 120px;
    margin-left: 15%;
}

.btn-left-mar
{
    margin-left: 16%;
}
/* endLogin Singup */


/* Create Waybill */


.cc-selector input
{
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.cash
{
    background-image: url(../Images/cash_icon.png);
}
.creditcard
{
    background-image: url(../Images/credit_card_colored_icon.png);
}
.doorToDoor
{
    background-image: url(../Images/door_icon.png);
}
.express
{
    background-image: url(../Images/truck_icon.png);
}
.expressCollection
{
    background-image: url(../Images/express_truck_icon.png);
}
.branchDropOff
{
    background-image: url(../Images/store_icon.png);
}
.branchDropOffCollection
{
    background-image: url(../Images/store_2_icon.png);
}

.cc-selector input:active + .drinkcard-cc
{
    opacity: .9;
}
.cc-selector input:checked + .drinkcard-cc
{
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
}
.drinkcard-cc
{
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 200px;
    height: 100px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: brightness(1.2) grayscale(.8) opacity(.9);
    -moz-filter: brightness(1.2) grayscale(.8) opacity(.9);
    filter: brightness(1.2) grayscale(.8) opacity(.9);
}
.drinkcard-cc:hover
{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
    -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
    filter: brightness(1.2) grayscale(.5) opacity(.9);
}

.dd-selector input
{
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.dd-selector input:active + .service-dd
{
    opacity: .9;
}
.dd-selector input:checked + .service-dd
{
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
}
.service-dd
{
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 200px;
    height: 100px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
    -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
    filter: brightness(1.8) grayscale(1) opacity(.7);
}
.service-dd:hover
{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
    -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
    filter: brightness(1.2) grayscale(.5) opacity(.9);
}





/* End Create Waybill */



/* Intellisense auto complete*/
.ui-autocomplete
{
    position: fixed;
    z-index: 1511;
    cursor: default;
    padding: 0;
    margin-top: 2px;
    list-style: none;
    background-color: #ffffff !important;
    border: 1px solid #ccc -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    max-height: 200px;
    overflow-y: auto; /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    padding-right: 20px;
    width: 550px;
}
.ui-autocomplete > li
{
    padding: 3px 20px;
}
.ui-autocomplete > li.ui-state-focus
{
    background-color: #DDD;
}
.ui-helper-hidden-accessible
{
    display: none;
}

.a
{
    color: #000000;
}

.b
{
    padding-right: 5px;
    margin-right: 5px;
}


.style4
{
    width: 1204px;
}
/* !!! end Intellisense auto complete*/



.inputStyle
{
    width: 100%;
    height: 40px;
    color: white;
    background-color: #D00000;
    font-size: 20px;
    cursor: pointer;
    border: none;
    outline: none;
}


#map-canvas
{
    width: 500px;
    height: 375px;
}


/* Costom DIV border*/

.panel-border
{
    color: #333;
    background-color: #ffffff;
    border-color: #D00000;
}
.panel-head
{
    background-color: #D00000;
    height: 40px;
}
.border-title
{
    color: White;
    font-size: x-large;
    text-align: left;
    margin-left: 10px;
}


/*end Costom DIV border*/

.txt-Profile
{
    width: 90%;
    display: inline-block;
}

.textColorRed
{
    color: #D00000;
    font-family: 'Montserrat';
}



/*end Waybill Create*/

.WC-Icon
{
    background-size: 30px;
    background-repeat: no-repeat; 
    background-position: left;
    padding-left: 40px;
}
/*end Waybill Create*/






/*=========       Logistics Partners          ==========*/


.bg 
{
    /* The image used */
    background-image: url("../Image/logisticsPartnerImages/logisticspartner_banner.jpg");

    /* Full height */
    height: 500px; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*=========    END   Logistics Partners      END    ==========*/




/*=========       Dashboard          ==========*/


.dashboard 
{
    height: 250px; 
    border-radius: 10px; 
    text-align:center; 
    background-position: 50% 50%;
}

.dt-top
{
    font-family: 'Montserrat';
    color: White;
    text-align: center;
    padding: 0px;
    vertical-align: middle;
    font-size: xx-large;
    margin-top: 20%;
    display: inline-block;
}

.dt-top-icon
{
    font-family: 'Montserrat';
    color: White;
    text-align: center;
    padding: 0px;
    vertical-align: middle;
    font-size: xx-large;
    margin-top: 130px;
    display:inline-block;
}

.dt-down
{
    font-family: 'Montserrat';
    color: White;
    text-align: center;
    padding: 0px;
    vertical-align: middle;
    font-size: medium;
}

/*=========    END   Dashboard      END    ==========*/


/*=========    END   FAQS Page          ==========*/


.faq-Htext
{
    margin-top:7%;
    font-family: 'Montserrat';
    color: #D00000;
    font-size :35px;
}

.faq-Ptext
{
    margin-top:15px;
    color: #252525;
    font-family: 'Montserrat';
    font-size: medium;
}

.default-Ptext
{
    color: #252525;
    font-family: 'Montserrat';
    font-size: medium;
}

.faq-row
{
    margin-top:5%;
}


/*=========    END   FAQS Page     END  ==========*/



/*=========    Grid view ==========*/
.mygrid-wrapper-div
{
    overflow-y: scroll;
}


.GridPager a, .GridPager span
{
    display: block;
    height: 20px;
    width: 20px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
.GridPager a
{
    background-color: #f5f5f5;
    color: #969696;
    border: 1px solid #969696;
}
.GridPager span
{
    background-color: #A1DCF2;
    color: #000;
    border: 1px solid #3AC0F2;
}

.pagination-ys
{
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination-ys table > tbody > tr > td
{
    display: inline;
}

.pagination-ys table > tbody > tr > td > a, .pagination-ys table > tbody > tr > td > span
{
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #dd4814;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}

.pagination-ys table > tbody > tr > td > span
{
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    margin-left: -1px;
    z-index: 2;
    color: #aea79f;
    background-color: #f5f5f5;
    border-color: #dddddd;
    cursor: default;
}

.pagination-ys table > tbody > tr > td:first-child > a, .pagination-ys table > tbody > tr > td:first-child > span
{
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination-ys table > tbody > tr > td:last-child > a, .pagination-ys table > tbody > tr > td:last-child > span
{
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pagination-ys table > tbody > tr > td > a:hover, .pagination-ys table > tbody > tr > td > span:hover, .pagination-ys table > tbody > tr > td > a:focus, .pagination-ys table > tbody > tr > td > span:focus
{
    color: #97310e;
    background-color: #eeeeee;
    border-color: #dddddd;
}
/*========= END Grid view END ==========*/

/*==glyphicon refresh==*/
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.ProviderOptions
{
    width: 95%;
    display: inline;
    
}

.ProviderOptions > td
{
    padding:5px;
}

.deliveryArea
{
    display: inline-block;
    width: 500px;
    height: 50px; 
}
.deliveryAreaTable
{
}

.deliveryAreaTable >tbody> tr > td
{
    padding: 5px 5px 5px 0px;
}

.btn-Green
{
    background-color: #0dd000;
    font-size: large;
    height: auto;
    cursor: pointer;
    color: White;
}
/*
    Speed food css
    */

/*Homepage*/
.navbar-transparent
{
    background-color: transparent !important;
    
}
/*end*/
a.SpeedFoodLink
{
    color: #ffffff;
    font-weight: bold;
}
.nav>li>a.SpeedFoodLink:focus, .nav>li>a.SpeedFoodLink:hover {
    text-decoration: none;
    background-color: transparent !important;
}

.bg-blue
{
    background-color: #005eb8 !important;
}

.bg-Abestblue {
    background-color: #343893 !important;
}

.paddingAdjustment
{
    padding-left: 60px !important;
}

.inputStyleAdjustment
{
    background: #e6e7e9 !important;
}
.imgprofile
{
    width: 50px !important;
}
/*End*/


/*Timepicekr*/
/*
 * Timepicker stylesheet
 * Highly inspired from datepicker
 * FG - Nov 2010 - Web3R 
 *
 * version 0.0.3 : Fixed some settings, more dynamic
 * version 0.0.4 : Removed width:100% on tables
 * version 0.1.1 : set width 0 on tables to fix an ie6 bug
 */

        .ui-timepicker-inline {
            display: inline;
        }

        #ui-timepicker-div {
            padding: 0.2em;
        }

        .ui-timepicker-table {
            display: inline-table;
            width: 0;
        }

        .ui-timepicker-table table {
            margin: 0.15em 0 0 0;
            border-collapse: collapse;
        }

        .ui-timepicker-hours,
        .ui-timepicker-minutes {
            padding: 0.2em;
        }

        .ui-timepicker-table .ui-timepicker-title {
            line-height: 1.8em;
            text-align: center;
        }

        .ui-timepicker-table td {
            padding: 0.1em;
            width: 2.2em;
        }

        .ui-timepicker-table th.periods {
            padding: 0.1em;
            width: 2.2em;
        }

        /* span for disabled cells */
        .ui-timepicker-table td span {
            display: block;
            padding: 0.2em 0.3em 0.2em 0.5em;
            /*width: 1.2em;*/

            text-align: right;
            text-decoration: none;
        }

        /* anchors for clickable cells */
        .ui-timepicker-table td a {
            display: block;
            padding: 0.2em 0.3em 0.2em 0.5em;
            /*width: 1.2em;*/
            cursor: pointer;
            text-align: right;
            text-decoration: none;
        }


        /* buttons and button pane styling */
        .ui-timepicker .ui-timepicker-buttonpane {
            background-image: none;
            margin: .7em 0 0 0;
            padding: 0 .2em;
            border-left: 0;
            border-right: 0;
            border-bottom: 0;
        }

        .ui-timepicker .ui-timepicker-buttonpane button {
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

        /* The close button */
        .ui-timepicker .ui-timepicker-close {
            float: right
        }

        /* the now button */
        .ui-timepicker .ui-timepicker-now {
            float: left;
        }

        /* the deselect button */
        .ui-timepicker .ui-timepicker-deselect {
            float: left;
        }