/*@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;
}*/

#con 
{
    min-height:100%;
   position:relative;
   
}
#concon {
   height: auto; /* Changed this height */
   padding:0;
   margin:0;
}
#footer {
   position:absolute;
   bottom:0;
   display:block;
   width:100%;
   padding:0;
   margin:0;
}

.LOGOUI
{
    float: left;
    width: 100%;
    height: 100%;
}

.LOGO
{
    float: left;
    width: 350px;
    height:80px;
   
}
.PIXSELL
{
    
    float: right;
    color: #e72025;
    margin-top:  20px;/*7px;*/
    margin-left: 5px;
    font-family: ABEAKRG;
    font-size: x-large;
}

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

/* FONT */

        .WordWrap {
            width: 100%;
            word-break: break-all;
        }

        .text
        {
            color: #fe530f;
            font-family: texgyreadventor-regular;
            text-align: left;
        }
        
        .textblack
        {
            color: #202020;
            font-family: texgyreadventor-regular;
            text-align: left;
        }
        .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;
        }
        @font-face
        {
            font-family: 'texgyreadventor-regular';
            src: url('./App_System/font/texgyreadventor-regular.otf');
            font-weight: normal;
            font-style: normal;
        }
        
        
        @font-face
        {
            font-family: 'texgyreadventor-bold';
            src: url('./App_System/font/texgyreadventor-bold.otf');
            font-weight: normal;
            font-style: normal;
        }
        
        @font-face
        {
            font-family: 'ABEAKRG';
            src: url('./App_System/font/ABEAKRG.TTF');
            font-weight: normal;
            font-style: normal;
        }
        
/* END FONT */
        
.H-margin
{
    margin-top:20px;
}

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

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

.textColorOrange
{
    color: #e72025;
    font-family: texgyreadventor-regular;
}

.textColorRed
{
    color: #e72025;
    font-family: texgyreadventor-regular;
}

.boldTextOrange
{
    color: #e72025;
    font-family: texgyreadventor-bold;
    font-size: 60px;
}

.textColorBlack
{
    color: #252525;
    font-family: texgyreadventor-regular;
}

.textColorWhite
{
    color: #ffffff;
    font-family: texgyreadventor-bold;
}

.TextOrange
{
    color: #e72025;
    font-family: texgyreadventor-bold;
}

.regularText
{
    font-family: texgyreadventor-regular;
    color: White;
    font-size: medium;
}

.regularText-black
{
    font-family: texgyreadventor-regular;
    color: black;
    font-size: medium;
}

.smallText
{
    font-family: texgyreadventor-regular;
    color: Gray;
    font-size: small;
}


.regularBlackText
{
    font-family: texgyreadventor-regular;
    color: Black;
}


.regularBlackText-s
{
    font-family: texgyreadventor-regular;
    color: Black;
    font-size: x-small;
}

.txtIAgree
{
    font-family: texgyreadventor-regular;
    color: #e72025;
    font-size: x-small;
}

.txtHeade-L-orange
{
    font-family: texgyreadventor-regular;
    color: #e72025;
    font-size: large;
}

.headerText
{
    font-family: texgyreadventor-bold;
    color: #e72025;
    font-size: xx-large;
}


.header-black
{
    font-family: texgyreadventor-bold;
    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: #e72025;
    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;
}

.h2Orange
{
    color: #e72025;
    font-family: texgyreadventor-bold;
    text-align: left;
    margin-left: 25%;
}

.footerWhite
{
    color: #ffffff;
    font-family: texgyreadventor-regular;
    text-align: left;
}

.bg-orange
{
    background-color: #e72025 !important;
}


/*  For Boarders */

.panel-border
{
    color: Black;
    background-color: #ffffff;
    border-color: #e72025;
}
.panel-border-solid
{
    color: Black;
    background-color: #ffffff;
    border-color: #808080;
}
.panel-head
{
    background-color: #e72025;
    height: 40px;
}
.border-title
{
    color: White;
    font-size: medium;
    text-align: left;
    margin-left: 10px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.div-top-margin
{
    margin-top: 50px;
}

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


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

.labelP2
{
    margin: 5px;
    padding: 0px;
    text-align: center;
    font-family: texgyreadventor-regular;
    color: Black;
    margin-left:40px;
}

.labelP3
{
    margin: 5px;
    padding: 0px;
    text-align: left;
    font-family: texgyreadventor-regular;
    color: Black;
    margin-left:40px;
}

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


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


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


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

.lbl-hint
{
    padding: 0px;
    text-align: left;
    font-family: texgyreadventor-regular;
    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: 82%;
    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 only screen and (max-width: 768px)
{
    /* 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: texgyreadventor-bold;
        color: Black;
    }


}

.btn-orange.active {
	background: #e72025;
	box-shadow: none;
	margin-bottom: -3px;
	margin-top: 3px;
}

/* buttons*/
.btn-orange
{
    background-color: #e72025;
    font-size: medium;
    height: auto;
    cursor: pointer;
    color: White;
    box-shadow: 0 3px 0 0 #8a070a;
    
}

.btn-maroon.active {
	background: #662121;
	box-shadow: none;
	margin-bottom: -3px;
	margin-top: 3px;
}

/* buttons*/
.btn-maroon
{
    background-color: #662121;
    font-size: medium;
    height: auto;
    cursor: pointer;
    color: White;
    box-shadow: 0 3px 0 0 #4c0d0d; 
}

.btn-dark.active {
	background: #260c0c;
	box-shadow: none;
	margin-bottom: -3px;
	margin-top: 3px;
}

/* buttons*/
.btn-dark
{
    background-color: #260c0c;
    font-size: medium;
    height: auto;
    cursor: pointer;
    color: White;
    box-shadow: 0 3px 0 0 #020101; 
}

.btn-blue
{
    background-color: #305a80;
    font-size: medium;
    height: auto;
    cursor: pointer;
    color: White;
}


.btn-Default
{
    font-size: medium;
    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;
}


/* buttons end*/





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

.navTopPadding
{
    margin-top: 15px;
}

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

@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');

body
{
    background: black;
}

.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: 210px;
    }
}

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

#sidebar-wrapper
{
    z-index: 1000;
    position: fixed;
    left: 225px;
    width: 0;
    height: 100%;
    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: 60px;
}



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

#sidebar-wrapper .sidebar-nav li a:hover
{
    background-color: #808080 !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;
    color: #fff !important;
}

.sidebar-nav li:nth-child(2) a
{
    background: #000000 !important;
    color: #fff !important;
}

.sidebar-nav li:nth-child(3) a
{
    background: #000000 !important;
    color: #fff !important;
}

.sidebar-nav li:nth-child(4) a
{
    background: #000000 !important;
    color: #fff !important;
}

.sidebar-nav li:nth-child(5) a
{
    background: #000000 !important;
    color: #fff !important;
}

.sidebar-nav li:nth-child(6) a
{
    background: #000000 !important;
    color: #fff !important;
}

.sidebar-nav li:nth-child(7) a
{
    background: #000000 !important;
    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: texgyreadventor-regular;
    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 */
.divcard
{
    border-radius: 25px;
    background: #f2f2f2;
    padding: 20px;
    width: 400px;
    height: 280px;
    margin-top: 150px;
}

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


.divcard-pos
{
    
    margin-left: 30%;
}

.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: #e72025;
    font-size: 20px;
    cursor: pointer;
    border: none;
    outline: none;
}


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


/* Costom DIV border*/

.panel-border
{
    color: Black;
    background-color: #ffffff;
    border-color: #e72025;
}
.panel-head
{
    background-color: #e72025;
    height: 40px;
}
.border-title
{
    color: White;
    font-size: medium;
    text-align: left;
    margin-left: 10px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}


/*end Costom DIV border*/

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

.textColorOrange
{
    color: #e72025;
    font-family: texgyreadventor-regular;
}



/*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    ==========*/

/*========= Waybill Create ==========*/

 .mygrid-wrapper-div
        {
            overflow-y: scroll;
        }
        
        .buttonDisplayHide
        {
            border-radius: 5px;
        }
        
        .buttonDS
        {
            background-color: #305a80;
            border: none;
            color: white;
            padding: 8px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 4px 1px;
            cursor: pointer;
            font-size: large;
            height: auto;
            cursor: pointer;
            color: White;
            font-family: texgyreadventor-regular;
            font-size: large;
        }
        
        .regularText-black2
        {
            font-family: texgyreadventor-regular;
            color: black;
            font-size: large;
            height: auto;
        }
        
        .regularText-normal
        {
            font-family: texgyreadventor-regular;
            color: black;
            height: auto;
        }
        
        .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
        {
            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;
        }
        
        .modal
        {
            text-align: center;
            padding: 0 !important;
        }
        
        .modal:before
        {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -4px;
        }
        
        .modal-dialog
        {
            display: inline-block;
            text-align: left;
            vertical-align: middle;
            width: 50%;
        }
        
        .row.no-gutter [class*='col-']:not(:first-child),
        .row.no-gutter [class*='col-']:not(:last-child) {
            padding-right:0;
           padding-left:0;
        }

        .row.no-gutter {
           margin-left: 0;
           margin-right: 0;
        }
        


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


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

.dt-top
{
    font-family: texgyreadventor-regular;
    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: texgyreadventor-regular;
    color: White;
    text-align: center;
    padding: 0px;
    vertical-align: middle;
    font-size: xx-large;
    margin-top: 130px;
    display:inline-block;

}

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

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