@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&display=swap'); 
body {
    font-family: 'Montserrat', sans-serif;
    background: #eee;
    position: relative;
    box-sizing: border-box;
}
 
.header-container {
    background: #006df0;
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
    overflow: unset;
    box-sizing: border-box;
}
.header-container .logo img {
     /*display: block;
   width: 100%;
    height: auto;
    box-sizing: border-box;*/
}
.header-container .logo {
    margin: 0px !important;
    position: relative;
    width: 185px;
    background: #2387f9;
    display: flex;
    align-items: center;
    padding: 0px 0px;
    box-sizing: border-box;
}
.nav-container {
    background: transparent;
    width: calc(100% - 580px);
    height: auto;
    box-sizing: border-box;
	    position: relative;
    transition: .3s;
    top: 0px;

}
.nav-container.hide-top-menu {
    top: -100px;
}
.slide-icon {
    width: 40px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    font-size: 30px;
    cursor: pointer;
    box-sizing: border-box;
}
.slide-icon i {
    line-height: 64px;
    color: #fff;
    box-sizing: border-box;
}
 

.nav-container li.dept_head_normal {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    background: none;
    text-shadow: none;
    padding: 0px 20px 0px 10px;
    line-height: 64px;
    font-family: arial;
    position: relative;
    font-weight: 900;
    box-sizing: border-box;
}



.nav-container li.dept_head a {font-size:20px;font-weight: bold; border-right:none; }
.nav-container li.dept_head a:hover{font-size:20px;font-weight: bold;  background:none;}


.nav-container li.dept_head {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    background: none;
    text-shadow: none;
    padding: 0px 20px 0px 10px;
    line-height: 64px;
    font-family: arial;
    position: relative;
    font-weight: 900;
    box-sizing: border-box;
}
.nav-container li.dept_head:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 30px;
    background: #308cf9;
    right: 5px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    box-sizing: border-box;
}


.nav-container > ul > li {
    padding: 0px;
    line-height: 64px;
    background: none;
    box-sizing: border-box;
}
.nav-container > ul > li a {
    font-weight: 500;
    border: 0px;
    font-size: 12px;
    text-transform: capitalize;
    padding: 0px 15px;
    display: block;
    box-sizing: border-box;
}
.nav-container > ul > li.active a, 
.nav-container > ul > li:hover a {
    background: rgb(255 255 255 / 15%);
    box-sizing: border-box;
}
.main-container .main {
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
    box-sizing: border-box;
}
.main-container .main .left-main-nav {
    padding: 0px;
    background: #2387f9;
    width: 185px;
    border-top: 1px solid #006df0;
    border-radius: 0px 0px 6px 0px;
    box-sizing: border-box;

   position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    left: 0px;
}
.main-container .main .left-main-nav h3 {
    padding: 20px 15px;
    background: none;
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    box-sizing: border-box;
}
.main-container .main .left-main-nav > ul > li > a {
    background-color: transparent !important;
    border: 0px !important;
    border-top: 1px solid rgb(255 255 255 / 30%) !important;
    display: block;
    padding: 14px 5px 14px 40px !important;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 13px;
    text-transform: capitalize;
    background-position: 13px 14px !important;
    background-image: url(images/menu-icon-active.png) !important;
    box-sizing: border-box;
}
.main-container .main .mid-continent {
    width: calc(87% - 215px);
    margin: 0px 15px;
    border: 0px;
    position: relative;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    margin-top: 25px;
    border-radius: 6px;
    color: #333;
    background: #fff;
    padding: .9375rem 10px;
    box-sizing: border-box;

	-webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
div#preview_div {
    width: 100%;
    box-sizing: border-box;
}
.main-container .main .right-search {
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    border-radius: 6px;
    color: #333;
    background: #fff;
    width: 13%;
    padding: .9375rem 20px;
    margin-top: 25px;
    box-sizing: border-box;
}
.main-container .main .left-main-nav ul li.submenu a{font-size:12px;}

.main-container .main .left-main-nav ul li.active > a {
    background: #fff !important;
    color: #333 !important;
    background-image: url(images/menu-icon.png) !important;
    background-position: 13px 14px !important;
    background-repeat: no-repeat !important;
    box-sizing: border-box;
}
.main-container .main .right-search h3 {
    margin: -15px -20px 10px;
    padding: 15px 10px;
    border-bottom: 2px solid #f0f0f0;
    background-image: none;
    box-sizing: border-box;
}
.main-container .main .left-main-nav ul li {
    margin: 0px;
    box-sizing: border-box;
}
.main-container .main .left-main-nav > ul > li > a {
    border-radius: 0px !important;
    box-sizing: border-box;
}
.right-search .sel-wrap {
    width: 100%;
    background-image: none;
    box-sizing: border-box;
}
 .admin_r_search_form select#RowColor {
	    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 7px 12px 7px 10px;
    box-sizing: border-box;
}

.main-container .main .right-search .admin_r_search_form fieldset select {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.main-container .main .right-search br {
    display: none;
    box-sizing: border-box;
}
.main-container .main .right-search .admin_r_search_form fieldset {
    margin: 0 0 5px;
    box-sizing: border-box;
}
.main-container .main .right-search .admin_r_search_form fieldset input {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
.main-container .main .right-search .admin_r_search_form fieldset .button_btn {
    background: #006df0;
    width: 100%;
    border-radius: 4px;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 7px 0px;
    box-sizing: border-box;
}
.print_button {
    background-color: #757374;
    padding: 9px 12px 9px 32px;
    border-radius: 5px;
    background-position: 10px 8px;
    font-size: 12px;
    box-sizing: border-box;
   height: 32px;
}
.export_button, .add_quick, .sync_button , .email_button{
    background-color: #757374 !important;
    padding: 9px 12px 9px 32px !important;
    border-radius: 5px !important;
    background-position: 10px 8px !important;
    font-size: 12px !important;
    line-height: 1.2;
    box-sizing: border-box;
   height: 32px;
}
.add_quick {
    background-position: 12px 10px !important;
    box-sizing: border-box;
}
a.add {
    background-color: #006df0;
    padding: 9px 12px 9px 32px;
    border-radius: 5px;
    background-position: 12px 10px;
    font-size: 12px;
    display: inline-block;
    height: 32px;
    box-sizing: border-box;
}
/* commented editpdf_menu in vQuote.php
a.edit{background-color: #757374 !important;   background-position: 12px 10px; border: medium none;border-radius: 5px;margin: 0 0 0 5px; padding: 9px 12px 9px 32px;   height: 32px; box-sizing: border-box;}*/

.editpdf_menu ul li a.add{
	   background-position: 0 5px; 
}

a.grey_bt{background-color: #757374;border-radius: 5px; font-size: 12px;  padding: 9px;  }
a.white_bt{background-color: #fff;border-radius: 5px; font-size: 12px;  padding: 9px;  }

.main-container .main .mid-continent .had {

    font-size: 16px;
    box-sizing: border-box;
}
div#preview_div {
    margin-top: 0px;
    box-sizing: border-box;
}
.footer-container {
    background: #006df0;
    /*padding: 25px 10px !important;*/
    margin-top: 15px;
    box-sizing: border-box;
    padding-bottom: 10px !important;
	 position: sticky;
    top: 100%;
}
/*.footer-container .footer .copyright {
    color: #fff;
    font-size: 13px;
    letter-spacing: .5px;
    box-sizing: border-box;
 width: 95%;
    display: flex;
    flex-wrap: wrap;
}
.footer-container .footer .copyright a {
    color: #fff !important;
    text-decoration: underline;
    font-size: 13px;
    box-sizing: border-box;
}*/
.copyright-left {
    width: 50%;
    text-align: left;
}
.copyright-right {
    width: 50%;
    text-align: right;
}
td#td_pager a.pagenumber {
    display: inline-block;
    background: #4a95f2 !important;
    border: 0px !important;
    color: #fff !important;
    padding: 5px 11px !important;
    height: auto;
    font-size: 14px;
    box-sizing: border-box;
}
td#td_pager span.pagenumber, td#td_pager .pagenumber:hover {
    background: #045ecc !important;
    display: inline-block;
    border: 0px !important;
    color: #fff !important;
    padding: 5px 11px !important;
    height: auto;
    font-size: 14px;
    box-sizing: border-box;
}
td#td_pager {
    background: #fff;
    padding: 15px 15px;
    font-size: 12px;
    box-sizing: border-box;
}
.nav-container li.dept_head:empty {
    display: none;
    box-sizing: border-box;
}
.top-right-nav {
    width: 355px;
    box-sizing: border-box;
}
.top-right-nav > ul.clearfix {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    box-sizing: border-box;
}
.top-right-nav > ul > li {
    position: relative;
    background-image: none !important;
    color: #fff !important;
    padding: 0 2px !important;
    line-height: 63px;
    box-sizing: border-box;
}
.header-container .top-right-nav li a span, .header-container .top-right-nav li span {
    color: #fff;
    box-sizing: border-box;
 
}
.top-right-nav > ul > li > span i, .top-right-nav > ul > li > a > span i {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    margin-right: 5px;
    box-sizing: border-box;
}
ul.header-submenu {
    background: none repeat scroll 0 0 #fff;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
    min-width: 150px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 100%;
    transform: translate3d(0px, 12px, 0px);
    transition: all 0.3s ease 0s;
    visibility: hidden;
    z-index: -1;
    box-sizing: border-box;
}
.top-right-nav > ul > li:hover .header-submenu {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    visibility: visible;
    z-index: 99;
    box-sizing: border-box;
}
.top-right-nav > ul > li:hover .header-submenu li {
    background-image: none;
    box-sizing: border-box;
}
ul.header-submenu:before {
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    bottom: 100%;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0;
    box-sizing: border-box;
}
ul.header-submenu li {
    background-image: none !important;
    display: block;
    float: none !important;
    line-height: initial;
    padding: 8px 10px !important;
    text-align: left;
    box-sizing: border-box;
}
ul.header-submenu li a {
    display: block;
    font-size: 12px !important;
    box-sizing: border-box;
}
ul.header-submenu li a span {
    color: #333 !important;
    display: block;
    box-sizing: border-box;
}
ul.header-submenu li a span i {
    display: inline-block;
    margin-right: 5px;
    box-sizing: border-box;
}
ul.header-submenu li + li {
    border-top: 1px solid #ccc;
    box-sizing: border-box;
}
.top-right-nav > ul > li.location > span, 
.top-right-nav > ul > li.dash-back > a > span, 
.top-right-nav > ul > li.accountexp > span, 
.top-right-nav > ul > li.storage > span, 
.top-right-nav > ul > li.secure > a,
.top-right-nav > ul > li.notification > a {
    background-color: rgb(255 255 255 / 40%) !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center !important;
    box-sizing: border-box;
}
.top-right-nav > ul > li.welcome:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 24px;
    background: #308cf9;
    left: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    box-sizing: border-box;
}
.top-right-nav > ul > li.welcome {
    padding: 0px 5px 0px 10px !important;
    margin-left: 7px;
    box-sizing: border-box;
}
.top-right-nav > ul > li.location > ul.header-submenu:before {
    right: 13px;
    left: auto;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    box-sizing: border-box;
}
.top-right-nav > ul > li.location > ul.header-submenu li {
    color: #333;
    width: 300px;
    box-sizing: border-box;
}
.top-right-nav > ul > li.welcome > span > img {
    width: 28px;
    position: relative;
    margin-right: 10px;
    top: 10px;
    box-sizing: border-box;
}
.main-container .main .left-main-nav ul li.subfolder > a {
    display: block !important;
    background-repeat: no-repeat !important;
    padding: 14px 5px 14px 40px !important;
    box-sizing: border-box;
}
.main-container .main .left-main-nav ul li.subfolder {
    background: transparent;
    padding: 0px;
    border: 0px;
    box-shadow: none;
    border-radius: 0px;
    position: relative;
    box-sizing: border-box;
}
.main-container .main .left-main-nav ul li.subfolder > a:nth-of-type(2), .main-container .main .left-main-nav ul li.subfolder > a:nth-of-type(3) {
    display: inline-block !important;
    background: transparent !important;
    border: 0px !important;
    padding: 0px !important;
    height: 18px !important;
    text-align: center !important;
    position: absolute;
    right: 5px;
    top: 14px;
    width: 18px;
    box-sizing: border-box;
}
.main-container .main .left-main-nav ul li.subfolder > a:nth-of-type(3) {
    right: 30px;
    top: 16px;
    box-sizing: border-box;
}
.main-container .main .left-main-nav ul li.subfolder > a:nth-of-type(2) > img, .main-container .main .left-main-nav ul li.subfolder > a:nth-of-type(3) > img {
    margin: 0px;
    box-sizing: border-box;
}
.main-container .main .left-main-nav ul li.subfolder:hover, .main-container .main .left-main-nav ul li.subfolder.active {
    background: transparent;
    box-shadow: none;
    border: 0px;
    padding: 0px;
    box-sizing: border-box;
}
.top-right-nav > ul > li.dash-back > a {
    width: 30px !important;
    height: 30px !important;
    background-position: center !important;
    padding: 0px !important;
    box-sizing: border-box;
}
.my-dashboard .block h3 {
    background: #006df0 !important;
    box-sizing: border-box;
}
.my-dashboard .block {
    border: 1px solid #006df0 !important;
    box-sizing: border-box;
}

.my-dashboard{margin:10px 0 40px 180px;overflow: hidden;width: 1024px; position:relative;min-height:90px; }

/******Parwez*****/ 
 
.nav-container h2{ color: #000000;font-size: 25px;padding: 17px;text-align: center;box-sizing: border-box; margin: 20px 0px 50px;
    color: #333;
    font-size: 25px;}

.top-right-nav > ul > li.storage > ul.header-submenu:before {
    right: 13px;
    left: auto;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    box-sizing: border-box;
}
.top-right-nav > ul > li.storage > ul.header-submenu li {
    color: #333;
    width: 200px;
    box-sizing: border-box;
}
.top-right-nav > ul > li.accountexp > ul.header-submenu:before {
    right: 13px;
    left: auto;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    box-sizing: border-box;
}
.top-right-nav > ul > li.accountexp > ul.header-submenu li {
    color: #333;
    width: 220px;
    box-sizing: border-box;
}
.slide-icon .bar {
	background: url("images/menu-bar-icon.png") no-repeat scroll;border: medium none; width:23px; height:23px; float:left; margin: 20px 18px; box-sizing: border-box;}


.header-container .top-right-nav li.secure a{background: url("images/lock-icon.png") no-repeat scroll;border: medium none; width:16px; height:16px; float:right;box-sizing: border-box;}

.header-container .top-right-nav li.location span{background: url("images/map-icon.png") no-repeat scroll;border: medium none; width:16px; height:16px; float:right; margin: 0 0px;box-sizing: border-box;}

.header-container .top-right-nav li.dash-back a{background: url("images/dashboard-icon.png") no-repeat scroll;border: medium none; width:13px; height:13px; float:right; margin: 0 0px; box-sizing: border-box;}

.header-container .top-right-nav li.welcome .welcomeuser{
	background: url("images/user-icon.png") no-repeat scroll; float:left; width:34px; height:28px; margin: 18px 0; box-sizing: border-box;
}
.header-container .top-right-nav li.storage span{background: url("images/storage-icon.png") no-repeat scroll;border: medium none; width:16px; height:16px; float:right; margin: 0 0px; box-sizing: border-box;}

.header-container .top-right-nav li.accountexp span{background: url("images/account-expire.png") no-repeat scroll;border: medium none; width:18px; height:18px; float:right; margin: 0 0px; box-sizing: border-box;}
/************************/

.more_menu_ul {
    background: none repeat scroll 0 0 #fff;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
    min-width: 160px;
    position: absolute;
    right: 0;
    top: 100%;
    transition: all 0.3s ease 0s;
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    visibility: visible;
    z-index: 99;
    padding: 0px;
    box-sizing: border-box;
}
ul.more_menu_ul li {
    padding: 0px;
    width: 100%;
    box-sizing: border-box;
}
ul.more_menu_ul li+li {
    border-top: 1px solid #ccc;
    box-sizing: border-box;
}
ul.more_menu_ul li a {
    padding: 10px 10px;
    line-height: 1;
    display: block;
    font-size: 12px !important;
    color: #333;
    box-sizing: border-box;
}
ul.more_menu_ul:before {
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    bottom: 100%;
    content: "";
    height: 0;
    left: 30px;
    margin: auto;
    position: absolute;
    right: auto;
    width: 0;
    box-sizing: border-box;
}

.nav-container > ul > li > ul.more_menu_ul li:hover a, .nav-container > ul > li > ul.more_menu_ul li.active a {
    background: #157efb;
    border-color: #157efb !important;
}
.nav-container > ul > li > ul.more_menu_ul li:hover, .nav-container > ul > li > ul.more_menu_ul li.active {
    border-color: #157efb;
}


#more_menu_ul_custom{top:65px;}

.nav-container li#more_last_custom:after {
     border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    top: 56px;
    content: "";
    height: 0;
    left: 30px;
    margin: auto;
    position: absolute;
    right: auto;
    width: 0;
    box-sizing: border-box;
}


 
.nav-container li.active a, .nav-container li a:hover {
    color: #fff !important;
    box-sizing: border-box;
}


.header-container .logo .logotext {
    border: 0px !important;
    font-size: 15px;
    line-height: 20px;
    box-shadow: none !important;
    color: #fff;
    padding: 0px !important;
    box-sizing: border-box;
  font-weight: 400;
}
.nav-container > ul > li.active a, .nav-container > ul > li > a:hover {
    color: #fff !important;
    box-sizing: border-box;
}
.header-container .top-right-nav li.location ul.header-submenu {
    width: 300px !important;
    box-sizing: border-box;
}
.header-container .logo .logotext:hover {
    color: #fff;
    font-weight: 400;
    box-sizing: border-box;
}
.main-container .main .left-main-nav h3 span.icon {
    background: url("images/menu-arrow.png") no-repeat !important;
    background-position: center;
    box-sizing: border-box;
     margin-top: 3px;
}
.main-container .main .right-search h3 span.icon{ background: url("images/right-search.png") no-repeat !important;
    background-position: center;
    box-sizing: border-box;}

#notificationli .notfic {
    border-radius: 50%;
    line-height: 20px;
    bottom: calc(100% - 10px);
    right: -8px;
    font-size: 10px;
    box-sizing: border-box;
padding: 0 7px;
}
.nav-container li.dept_head:hover > a {
    background: transparent !important;
    box-sizing: border-box;
}
.header-container .top-right-nav #parent_notifications {
    background: none repeat scroll 0 0 #fff;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
    min-width: 140px;
    transform: translate3d(0px, 12px, 0px);
    transition: all 0.3s ease 0s;
    right: 6px;
    top: 50px;
    box-sizing: border-box;
    border: 0px;
}
.header-container .top-right-nav #parent_notifications:before {
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    bottom: 100%;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0;
    box-sizing: border-box;
 left: 52px !important;
}
#parent_notifications ul li {
    background-image: none !important;
    display: block;
    float: none !important;
    line-height: initial;
    text-align: left;
    box-sizing: border-box;
    color: #333 !important;
}
#parent_notifications ul li a {
    display: block;
    font-size: 12px !important;
    box-sizing: border-box;
    color: #999 !important;
    font-weight: 400 !important;
}
#parent_notifications ul li a span {
    display: block;
    font-size: 12px !important;
    box-sizing: border-box;
    color: #333;
    margin-bottom: 5px;
}
#parent_notifications ul li a br {
    display: none;
}


 .export_menu {   min-width:170px; margin: 0 5px 0 5px;}

.export_menu li a {
    background-color: #757374;
    padding: 9px 12px 9px 32px !important;
    border-radius: 5px;
    background-position: 10px 8px;
    font-size: 12px;
    box-sizing: border-box;
    height: 32px;
    line-height: 1;
    text-align: left;
    min-width:170px;

}
.export_menu li a.add {
 	background: url("images/plus.gif") no-repeat scroll 10px 10px #006df0;
	 float:none;
	
}
 
.button_big {
    background-color: #006df0;
    padding: 5px 10px;
    border-radius: 5px;
    background-position: 12px 10px;
    font-size: 12px;
    display: inline-block;
    height: 32px;
    box-sizing: border-box;
}

.button {
    background-color: #006df0;
    padding: 5px 10px;
    border-radius: 5px;
    background-position: 12px 10px;
    font-size: 12px;
    display: inline-block;
    height: 32px;
    box-sizing: border-box;
}
.button_disable {
	cursor: not-allowed; 
	opacity: 0.3;
}

 .button_small {	font-size:12px;color:#fff;font-weight:bold;border:0px solid #094989;background: #006df0;cursor:pointer;	padding:1px 3px 3px;height:19px;border-radius:5px;}

.search_button {font-size:12px;color:#fff; border:0px solid #094989;background: #006df0;cursor:pointer; padding: 5px 10px; border-radius:5px;}


.textbox{border:1px solid #eee;  border-radius:5px; padding: 5px; }
.inputbox{border:1px solid #eee; border-radius:5px;padding: 5px;}

.disabled{border:1px solid #eee;  border-radius:5px;padding: 5px;}
.disabled_inputbox{border:1px solid #eee;  border-radius:5px;padding: 5px;}
.textarea{border:1px solid #eee;border-radius:5px;padding: 5px;}
.textarea_disabled{border:1px solid #eee;border-radius:5px;padding: 5px;}

.areacode::placeholder{font-size:9.5px;}

.header-container .top-right-nav li.search {
    margin: 0px;
}
.header-container .top-right-nav li.search > span {
    background-color: rgb(255 255 255 / 40%) !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center !important;
    box-sizing: border-box;
    background-image: url(images/top-search.png) !important;
    background-size: 17px;
    background-repeat: no-repeat;
}
.header-container .top-right-nav li.search > .searchtop {
    background: none repeat scroll 0 0 #fff;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
    min-width: 260px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 100%;
    transform: translate3d(0px, 12px, 0px);
    transition: all 0.3s ease 0s;
    visibility: hidden;
    z-index: -1;
    box-sizing: border-box;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    line-height: 32px;
}
.header-container .top-right-nav li.search:hover > .searchtop,
.header-container .top-right-nav li.search.active > .searchtop {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    visibility: visible;
    z-index: 99;
    box-sizing: border-box;
}
.header-container .top-right-nav li.search > .searchtop:before {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    bottom: 100%;
    content: "";
    height: 0;
    left: auto;
    margin: auto;
    position: absolute;
    right: 10px;
    width: 0;
    box-sizing: border-box;
}
.header-container .top-right-nav li.search > .searchtop input.textbx {
    width:50px;
    border-radius: 5px;
    width: calc(100% - 41px);
}
.header-container .top-right-nav li.search input.searchbt {
    width: 28px;
    height: 28px;
    border-radius: 5px;
    position: relative;
    top: 1px;
    background: linear-gradient(45deg, #7018ce, #2675f9);
}

 /******Khan*****/ 
.botpop { }

.green {
	font-size: 11px;
	font-weight: normal;
	color: #228B22;
	text-decoration: none;
}

a.action_bt{background: #FF0000;border: medium none;border-radius: 2px 2px 2px 2px;color: #FFFFFF;cursor: pointer; font-size: 12px;line-height: normal;padding: 1px 2px 1px 2px;}

a.Active{background: #228B22;border: medium none;border-radius: 2px 2px 2px 2px;color: #FFFFFF;cursor: pointer; font-size: 11px;line-height: normal;padding: 1px 9px 2px 9px;}
a.active{background: #228B22;border: medium none;border-radius: 2px 2px 2px 2px;color: #FFFFFF;cursor: pointer; font-size: 11px;line-height: normal;padding: 1px 9px 2px 9px;}
a.InActive{background: #FF0000;border: medium none;border-radius: 2px 2px 2px 2px;color: #FFFFFF;cursor: pointer; font-size: 11px;line-height: normal;padding: 1px 3px 2px 3px;}
a.Inactive{background: #FF0000;border: medium none;border-radius: 2px 2px 2px 2px;color: #FFFFFF;cursor: pointer; font-size: 11px;line-height: normal;padding: 1px 3px 2px 3px;}
a.ActiveBlue{background: #1569C7;border: medium none;border-radius: 2px 2px 2px 2px;color: #FFFFFF;cursor: pointer; font-size: 11px;line-height: normal;padding: 1px 9px 2px 9px;}

.header-container .top-right-nav li.notification a{background: url("images/notification-con.png") no-repeat scroll;border: medium none; width:16px; height:16px; float:right;box-sizing: border-box;}

a.copy{border: medium none; color: #0159FB;cursor: pointer;font-size: 12px;line-height: normal; padding: 1px 2px 1px;}

a.copy_bt{background:#4b87f7; border: medium none;border-radius: 8px;color: #FFFFFF;cursor: pointer;font-size: 14px;line-height: normal;float: right;margin: 0 0 0 5px;padding: 3px 5px 5px;}

a.email_bt{ border: medium none; cursor: pointer;font-size: 26px;line-height: normal;float: right;margin: -4px 0 0 6px; }

a.copy_img{background: url("images/copy-pr.png") no-repeat scroll;border: medium none;float: right;margin: -2px 10px; width:25px; height:25px;}

a.copy2_img{background: url("images/copy2-pr.png") no-repeat scroll;border: medium none;float: right;margin: -5px 10px; width:32px; height:32px;}
 
a.email_img_green{background: url("images/email-green-pr.png") no-repeat scroll;border: medium none; float: right;margin: -7px 10px; width:32px; height:32px;}

a.email_img_red{background: url("images/email-red-pr.png") no-repeat scroll;border: medium none; float: right;margin: -7px 10px; width:32px; height:32px;}

a.download_img{background: url("images/download-pr.png") no-repeat scroll;border: medium none;float: right;margin: -3px 10px; width:25px; height:25px;}

a.add_img{background: url("images/add-pr.png") no-repeat scroll;border: medium none;float: right;margin: -3px 10px; width:25px; height:25px;}

a.add2_img{background: url("images/add2-pr.png") no-repeat scroll;border: medium none;float: right;margin: -3px 10px; width:24px; height:24px;}

a.edit_img{background: url("images/edit-pr.png") no-repeat scroll;border: medium none;float: right;margin: -3px 10px; width:25px; height:25px;}

a.edit_pdf_img{background: url("images/edit-pdf-pr.png") no-repeat scroll;border: medium none;float: right;margin: -5px 10px; width:28px; height:28px;}

a.print_img{background: url("images/print-pr.png") no-repeat scroll;border: medium none;float: right;margin: -3px 10px; width:26px; height:26px;}

a.picking_img{background: url("images/picking-pr.png") no-repeat scroll;border: medium none;float: right;margin: -7px 10px; width:32px; height:32px;}

a.packing_img{background: url("images/packing-pr.png") no-repeat scroll;border: medium none;float: right;margin: -7px 10px; width:32px; height:32px;}

a.log_img{background: url("images/userlog-pr.png") no-repeat scroll;border: medium none;float: right;margin: -1px 10px; width:24px; height:24px;}

a.back_img{background: url("images/back-pr.png") no-repeat scroll;border: medium none;float: right;margin: -5px 10px; width:32px; height:32px;}

a.comment_img{background: url("images/comment-pr.png") no-repeat scroll;border: medium none;float: right;margin: -5px 10px; width:32px; height:32px;}

a.timer_img{background: url("images/timer-pr.png") no-repeat scroll;border: medium none;float: right;margin: -5px 10px; width:32px; height:32px;}

a.convert_img{background: url("images/convert-pr.png") no-repeat scroll;border: medium none;float: right;margin: -5px 10px; width:32px; height:32px;}

a.receipt_img{background: url("images/receipt-pr.png") no-repeat scroll;border: medium none;float: right;margin: -3px 4px; width:28px; height:28px;}

a.margin_img{background: url("images/margin-pr.png") no-repeat scroll;border: medium none;float: right;margin: -6px 4px; width:32px; height:32px;}

a.preview_img{background: url("images/preview-pr.png") no-repeat scroll;border: medium none;float: right;margin: -5px 4px; width:32px; height:32px;}

a.settings_img{background: url("images/settings-pr.png") no-repeat scroll;border: medium none;float: right;margin: -5px 10px; width:32px; height:32px;}

a.emaillog_img{background: url("images/emaillog-pr.png") no-repeat scroll;border: medium none; float: right;margin: -7px 10px; width:32px; height:32px;}
 
a.adddoc_img{background: url("images/adddoc.png") no-repeat scroll;border: medium none;float: right;margin: -3px 10px; width:25px; height:25px;}

a.add_row{background: url("images/plus.gif") no-repeat scroll 5px 5px #70AEF5;border: medium none;border-radius: 2px 2px 2px 2px;color: #FFFFFF;cursor: pointer;font-size: 12px;line-height: normal;margin: 0 0 0 5px;padding: 3px 5px 4px 20px;}


.print_menu { width:133px; font-size:11px; z-index:100; float:right;margin-left:5px;}
.print_menu li a {background: url("images/print.png") no-repeat scroll; display:block; text-decoration:none; color:#000;width:22px; text-align:center; color:#fff; border-radius: 2px 2px 2px 2px; border: medium none; line-height:20px;   overflow:hidden;padding-left:5px; }
.print_print_menu {padding:0; margin:0; list-style: none;}
.print_print_menu li {float:left; position:relative;}
.print_menu li ul {display: none;position:absolute;}
.print_menu li:hover ul {display:block;width:133px;}

.print_menu li:hover ul li ul {display: none; width:122px;}
.print_menu li:hover ul li.print a {display:block;  color:#fff;border-top:1px solid #fff; padding-left:5px;width:90px;background: url("images/print.png") no-repeat scroll #535353;}
.print_menu li:hover ul li.excel a:hover{color:#aaa;}

 .ui-dialog-titlebar {background: #032F81; !important; color:#fff  !important}
 
 
.wo_menu { width:130px; font-size:11px; z-index:100; float:right; }
.wo_menu li a {background: url("images/timer.png") no-repeat scroll; display:block; text-decoration:none;  width:22px;   color:#fff; border-radius: 2px 2px 2px 2px; border: medium none; line-height:20px;   overflow:hidden;padding-left:5px; text-align:left;padding-left:20px; }
 
.wo_menu li ul {display: none;position:absolute;}
.wo_menu li:hover ul {display:block;width:130px;}

.wo_menu li:hover ul li ul {display: none; width:110px;}
.wo_menu li:hover ul li.work a {display:block;  color:#fff;border-top:1px solid #aaa;  width:130px;background: url("images/contra.png") no-repeat scroll #D40503;     border-radius: 4px;}
 

/***************/

/*Login CSS*/
.login_box {
    background: #fff;
    box-sizing: border-box;
    position: relative;
    padding: 15px;
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.5);
}
.main_login {
	margin: 90px auto 0px;
    border-radius: 10px;
    overflow: hidden;
    padding: 10px;
    box-sizing: border-box;
}
.login_box * {
    box-sizing: border-box;
    position: relative;
}
.login_box .logo {
    text-align: center;
    padding: 0px;
}
.login_box .admin_login_form {
    padding: 0px;
}
.login_box .admin_login_form fieldset .button_btn {
    width: 100px;
    background: linear-gradient(45deg, #7018ce, #2675f9);
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    margin: 10px auto 10px !important;
    float: none;
    display: block;
    border-radius: 50px !important;
    padding: 9px;
}
#forgot {
    text-align: center;
    float: none;
    font-size: 13px;
    text-decoration: underline;
}
.login_box .admin_login_form fieldset {
    margin: 10px 15px;
    text-align: center !important;
}
.login_box .admin_login_form fieldset input {
    border-radius: 3px !important;
    box-sizing: border-box;
    width: 100%;
    padding: 12px 10px 12px 35px;
}
.login_box .admin_login_form fieldset .usname_icon {
    background-position: 14px 11px !important;
}
.login_box .admin_login_form fieldset .pass_icon {
    background-position: 13px -39px !important;
}
.login_box .admin_login_form fieldset label {
    font-size: 13px;
}
  
.loginbody {
    background: linear-gradient(90deg, #7018ce, #2675f9);
}
.loginbody div#footer .copyright-left, .loginbody div#footer .copyright-right {
    width: 100%;
    text-align: center;
}
 .footer-container .footer .copyright {
    font-size: 11px;color: #fff !important;
}
.footer-container .footer .copyright a {
 font-size: 11px;color: #fff !important;
     text-decoration: underline;
}

.loginbody div#footer {
    margin: 0px 0px 25px;
}
.header-container .logo > a {
    display: block !important;
    text-align: center;
    width: 100%;
}

.header-container .logo > span {
    display: block !important;
    text-align: center;
    width: 100%;
}

#list_table {
    background: #eaf0f7;
}
.head{background: #006df0;  color: #fff;}
.head a{   color: #fff; }
.head1 {
  font-size: 10px;
    color: #fff;
    font-weight: bold;
    background: #006df0;
}
.head1 a{   color: #fff; }

.heading{background: #DDE9F7;   }
 .redbt{font-size: 10px; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
 background: #006df0; color: #fff;
}

.oddbg {
    background-color: #f6f9fd;
}
.evenbg:hover, .oddbg:hover {
    background-color: #70AEF5;
}
 



input, select {
    font-family: 'Montserrat', sans-serif;
}
 
/*End Login CSS*/
.dashboard-nav {
    margin: 0px auto;
}
.dashboard-nav > ul {
    width: 100% !important;
    padding: 0px 15px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    max-width: 1190px;
}
.dashboard-nav ul li {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    border: 0px;
    margin-top: 15px;
    border-radius: 6px;
    color: #333333;
    background: #fff;
    margin: 0px 10px 40px;
    position: relative;
    padding: 15px;
    box-sizing: border-box;
    /*width: calc(25% - 20px);*/
   width: 270px;
    height: auto;
}
.dashboard-nav ul li a {
    text-align: left;
    padding: 20px 0px 0px 99px;
    height: auto;
    position: relative;
    min-height: 40px;
    background-image: none !important;
    display: flex;
    flex-wrap: wrap;
}
.dashboard-nav ul li a:before {
    position: absolute;
    content: "";
    width: 85px;
    height: 85px;
    left: 0px;
    border-radius: 3px;
    padding: 15px;
    margin-top: -55px;
    background: linear-gradient(60deg, #ffa726, #fb8c00);
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
    box-sizing: border-box;
    font-family: FontAwesome;
    color: #fff;
    font-size: 35px;
    text-align: center;
    line-height: 55px;
    transition: .3s;
}
.dashboard-nav ul li:hover a:before {
    transform: translateY(-10px);
}
.dashboard-nav ul li:nth-of-type(5n+2) a:before {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
    background: linear-gradient(60deg, #66bb6a, #43a047);
}
.dashboard-nav ul li:nth-of-type(5n+3) a:before {
    background: linear-gradient(60deg, #ef5350, #e53935);
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4);
}
.dashboard-nav ul li:nth-of-type(5n+4) a:before {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
    background: linear-gradient(60deg, #26c6da, #00acc1);
}
.dashboard-nav ul li:nth-of-type(5n+5) a:before {
    background: linear-gradient(60deg, #ab47bc, #8e24aa);
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
}

/* https://astronautweb.co/snippet/font-awesome/ */

.dashboard-nav ul li.hrms a:before {
    content: "\f007";
}
.dashboard-nav ul li.e-commerce a:before {
    content: "\f290";
}
.dashboard-nav ul li.warehouse a:before {
    content: "\f0e8";
}
.dashboard-nav ul li.purchasing a:before {
    content: "\f275";
}
.dashboard-nav ul li.crm a:before {
    content: "\f073";
}
.dashboard-nav ul li.inventory a:before {
    content: "\f022";
}
.dashboard-nav ul li.sales a:before {
    content: "\f201";
}
.dashboard-nav ul li.finance a:before {
    content: "\f155";
}
.dashboard-nav ul li.website a:before {
    content: "\f0ac";
}
.dashboard-nav ul li.pos a:before {
    content: "\f108";
}
.dashboard-nav ul li.edi a:before {
    content: "\f1b8";
}
.dashboard-nav ul li.settings a:before {
    content: "\f085";
}
.dashboard-nav ul li.security a:before {
    content: "\f023";
}
.dashboard-nav ul li.shortcuts a:before {
    content: "\f074";
}
/*
.analog{ background-color:#fff !important;border: 1px solid #82BAFA !important;box-shadow: 5px 5px 5px 2px #82BAFA !important; top: 58px !important;}
 
.my-dashboard-nav ul.dashboardul li{ background: none repeat scroll 0 0 #fff;border: 1px solid #82BAFA;border-radius: 10px;box-shadow: 5px 5px 5px 2px #82BAFA;}
*/
 


 


.main.setfullpage .mid-continent {
    width: calc(100% - 30px);
}
.main-container .main.setinnerwidth .mid-continent {
    width: calc(100% - 215px);
}
.main.setinnerwidth.hide-left-menu .mid-continent {
    width: calc(100% - 30px);
}


/*Slide Menu*/
.toggle-wrap {
    padding: 7px 9px 7px 5px;
    position: relative;
    cursor: pointer;
    float: left;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    left: calc(100% - 21px);
    z-index: 99;
    top: 14px;
    background: #66a7f6;
    border-radius: 50%;
    position: absolute;
    width: 36px;
    box-sizing: border-box;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.toggle-bar,
.toggle-bar::before,
.toggle-bar::after,
.toggle-wrap.active .toggle-bar,
.toggle-wrap.active .toggle-bar::before,
.toggle-wrap.active .toggle-bar::after {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.toggle-bar {
    width: 17px;
    margin: 7px 0 2px 3px;
    position: relative;
    border-top: 2px solid #fff;
    display: block;
    display: inline-block;
    box-sizing: border-box;
    height: 13px;
    border-bottom: 2px solid #fff;
}
.toggle-bar::before, .toggle-bar::after {
    content: "";
    display: block;
    background: #fff;
    height: 2px;
    width: 10px;
    position: absolute;
    top: -8px;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -ms-transform-origin: 13%;
    -webkit-transform-origin: 13%;
    transform-origin: 13%;
}
.toggle-bar::after {
    top: 4px;
}
.toggle-wrap.active .toggle-bar {
  border-top: 6px solid transparent;
}
.toggle-wrap.active .toggle-bar::before {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.toggle-wrap.active .toggle-bar::after {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.toggle-wrap.active .toggle-bar, .toggle-wrap.active .toggle-bar::before, .toggle-wrap.active .toggle-bar::after {
    width: 22px;
}
.toggle-wrap:hover .toggle-bar:before, .toggle-wrap:hover .toggle-bar:after {
    width: 17px;
}
.toggle-wrap:hover .toggle-bar {
    width: 10px;
    margin-left: -4px !important;
}
  
.main.hide-left-menu .left-main-nav {
    margin-left: -185px;
}
.main.hide-left-menu .toggle-wrap {
    left: calc(100% + 0px);
    border-radius: 0px 50% 50% 0px;
}
.main.hide-left-menu .mid-continent {
    width: calc(100% - 215px);
}
 
/*End Slide Menu*/
.my-dashboard-nav ul li a{font-size: 12px;}

#dhtmltooltip{ background-color: #D40503;}

.addBlockIcon{margin: 10px 0 ;}
.addBlockIcon a.btn, .addBlockIcon a.add {border-radius:5px !important;  background-color: #006df0 !important; }

#dashboarddrag .dragul .dragli{ border: 1px solid #006df0 !important;
box-sizing: border-box; }
#dashboarddrag .dragul .dragli .block h3{ background-color: #006df0 !important; }

 
 
/****  Head Icons*************************/
.head_info a{color: #ffffff; }

.head_info{background: url("images/headicons.png") no-repeat scroll -15px -668px #006df0; color: #ffffff; font-size:11px;font-weight: bold;line-height: 27px;padding: 5px 40px;text-decoration: none; 
}
.head_address{background: url("images/headicons.png") no-repeat scroll -15px -592px #006df0; color: #ffffff; font-size:11px;font-weight: bold;line-height: 27px;padding: 5px 40px;text-decoration: none; 
}
.head_desc{background: url("images/headicons.png") no-repeat scroll -13px -235px #006df0; color: #ffffff;  font-size:11px;font-weight: bold;line-height: 27px;padding: 5px 40px;text-decoration: none;  
}
.head_social{background: url("images/headicons.png") no-repeat scroll -15px -1169px #006df0; color: #ffffff; font-size:11px;font-weight: bold;line-height: 27px;padding: 5px 40px;text-decoration: none; 
}

.head_lead{background: url("images/headicons.png") no-repeat scroll -14px -737px #006df0; color: #ffffff; font-size:11px;font-weight: bold;line-height: 27px;padding: 5px 40px;text-decoration: none; 
}
.head_comment{background: url("images/headicons.png") no-repeat scroll -15px -163px #006df0; color: #ffffff; font-size:11px;font-weight: bold;line-height: 27px;padding: 5px 40px;text-decoration: none; 
}

.head_opp{background: url("images/headicons.png") no-repeat scroll -14px -882px #006df0; color: #ffffff; font-size:11px;font-weight: bold;line-height: 27px;padding: 5px 40px;text-decoration: none; 
}
.head_ticket{background: url("images/headicons.png") no-repeat scroll -15px -1242px #006df0; color: #ffffff; font-size:11px;font-weight: bold;line-height: 27px;padding: 5px 40px;text-decoration: none; 
}
.head_res{background: url("images/headicons.png") no-repeat scroll -13px -524px #006df0; color: #ffffff; font-size:11px;font-weight: bold;line-height: 27px;padding: 5px 40px;text-decoration: none; 
}
.head_quote{background: url("images/headicons.png") no-repeat scroll -13px -958px #006df0; color: #ffffff; font-size:11px;font-weight: bold;line-height: 27px;padding: 5px 40px;text-decoration: none; 
}
.head_baddress{background: url("images/headicons.png") no-repeat scroll -15px -16px #006df0; color: #ffffff; font-size:11px;font-weight: bold;line-height: 27px;padding: 5px 40px;text-decoration: none; 
}
.head_lineitem{background: url("images/headicons.png") no-repeat scroll -15px -807px #006df0; color: #ffffff; font-size:11px;font-weight: bold;line-height: 27px;padding: 5px 40px;text-decoration: none; 
}
.head_event{background: url("images/headicons.png") no-repeat scroll -15px -378px #006df0; color: #ffffff; font-size:11px;font-weight: bold;line-height: 27px;padding: 5px 40px;text-decoration: none; 
}
.head_reminder{background: url("images/headicons.png") no-repeat scroll -15px -1099px #006df0; color: #ffffff; font-size:11px;font-weight: bold;line-height: 27px;padding: 5px 40px;text-decoration: none; 
}
.head_related{background: url("images/headicons.png") no-repeat scroll -15px -1026px #006df0; color: #ffffff; font-size:11px;font-weight: bold;line-height: 27px;padding: 5px 40px;text-decoration: none; 
}
.head_document{background: url("images/headicons.png") no-repeat scroll -15px -304px #006df0; color: #ffffff; font-size:11px;font-weight: bold;line-height: 27px;padding: 5px 40px;text-decoration: none; 
}
.head_file{background: url("images/headicons.png") no-repeat scroll -15px -523px #006df0; color: #ffffff; font-size:11px;font-weight: bold;line-height: 27px;padding: 5px 40px;text-decoration: none; 
}
.head_campaign{background: url("images/headicons.png") no-repeat scroll -15px -89px #006df0; color: #ffffff; font-size:11px;font-weight: bold;line-height: 27px;padding: 5px 40px;text-decoration: none; 
}
.head_expect{background: url("images/headicons.png") no-repeat scroll -15px -449px #006df0; color: #ffffff; font-size:11px;font-weight: bold;line-height: 27px;padding: 5px 40px;text-decoration: none; 
}
.head_Voicemail{background: url("images/headicons.png") no-repeat scroll -17px -1887px #006df0; color: #ffffff; font-size:11px;font-weight: bold;line-height: 27px;padding: 5px 40px;text-decoration: none; 
}
/****  End Head Icons**********************/

/*
#load_div {
    padding-top: 3px;
    color: #8B0000;
    position: fixed;
    top: -400px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
background-color: RGBA(0, 0, 0, 0.1);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}*/
 


#load_div {
    padding-top: 3px;
    color: #8B0000;
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
background-color: RGBA(0, 0, 0, 0.1);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: baseline;
padding-top:70px;
}
 

.lds-ellipsis { display: inline-block; position: relative; width: 80px; height: 80px; } 
.lds-ellipsis div { position: absolute; top: 33px; width: 13px; height: 13px; border-radius: 50%; background: #B0C4DE; animation-timing-function: cubic-bezier(0, 1, 1, 0); } 
.lds-ellipsis div:nth-child(1) { left: 8px; animation: lds-ellipsis1 0.6s infinite; } 
.lds-ellipsis div:nth-child(2) { left: 8px; animation: lds-ellipsis2 0.6s infinite; } 
.lds-ellipsis div:nth-child(3) { left: 32px; animation: lds-ellipsis2 0.6s infinite; }
 .lds-ellipsis div:nth-child(4) { left: 56px; animation: lds-ellipsis3 0.6s infinite; }
 @keyframes lds-ellipsis1 { 0% { transform: scale(0); } 
100% { transform: scale(1); } } 
@keyframes lds-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } }
 @keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(24px, 0); } }


.priortyTab {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 550px);
    float: left;
    border-bottom: 1px solid #e5e5e5;
    padding: 0px -5px;
}
.priortyTab > a {
    background: #ccc;
    border: 0px;
    border-radius: 5px 5px 0px 0px;
    padding: 10px 20px;
    position: relative;
    margin-bottom: -1px;
    font-size: 13px;
    color: #666;
}
.priortyTab > a.grey_bt {
    background: #70AEF5 !important;
    font-weight: 600;
    color: #fff;
}
 
.addicon{
	float:right;
	background:#eee;  border-radius:10px; padding: 5px;
	margin-right:5px;
}
.addicon:hover{
	background:#d1d1d1;
}

.deleteicon{
	float:right;
	background:#eee;  border-radius:10px; padding: 2px;
	margin-right:5px;
}
.deleteicon:hover{
	background:#d1d1d1;
}


.view_dot{ 
	background:#fff;  border-radius:10px;  
	position: absolute; right: 10px; top: 5px; cursor: pointer;
}
.view_dot:hover{
	background:#eee;
}
.fncyshort{
	padding: 5px;
}
.fncyshort .head1 {
  	font-size: 17px;
  	padding: 2px;
  	margin-bottom: 0.3em;
  }
  
.status_order{ 
 	border: medium none;border-radius: 8px;color: #FFFFFF;font-size: 12px;line-height: normal;margin: 2px;padding: 0px 4px 2px 4px;
 }
.status_pick{
    background:#FFAA1D;
}
.status_picked{
    background:#0000FF;
}
.status_ship{
    background:#9F2B68;
}
.status_shipped{
    background:#5C9436;
}

.status_today{
	color: #FF0000;    
}
.status_late{
      color: #D40503;     
}



.status_delivery{ 
 	font-size: 12px;line-height: normal; font-weight:bold;  animation: blinker 1.5s linear infinite; 	
 }
 @keyframes blinker {
  90% {
    opacity: 0;
  }
}


 .status_comment{
      font-size: 14px;line-height: normal; font-weight:bold; font-style:italic; color: #D40503;  border: 1px solid #D40503;       border-radius: 6px; padding:2px; text-align:center;
}
 
.status_comment2{
      font-size: 12px;line-height: normal; font-weight:bold;   animation: blinker 2.5s linear infinite; 	 color: #8B8000;  border: 1px solid #8B8000;       border-radius: 6px; padding:2px; text-align:center;
}

 .item_attrrib{
       float:left; font-size: 11px;line-height: normal; font-weight:normal; font-style:italic; color: #333;  border: 1px solid #aaa;       border-radius: 4px; padding:2px 5px; margin:3px 5px; text-align:center;
}
.item_attrrib:hover{ border: 1px solid #666;}