@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700);

@font-face{font-family:"linea-ecommerce-10";src:url(fonts/linea-ecommerce-10.eot);src:url(fonts/linea-ecommerce-10.eot?#iefix) format("embedded-opentype"),url(fonts/linea-ecommerce-10.ttf) format("truetype"),url(fonts/linea-ecommerce-10.svg#linea-ecommerce-10) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:"linea-basic-10";src:url(fonts/linea-basic-10.eot);src:url(fonts/linea-basic-10.eot?#iefix) format("embedded-opentype"),url(fonts/linea-basic-10.ttf) format("truetype"),url(fonts/linea-basic-10.svg#linea-basic-10) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:"linea-arrows-10";src:url(fonts/linea-arrows-10.eot);src:url(fonts/linea-arrows-10.eot?#iefix) format("embedded-opentype"),url(fonts/linea-arrows-10.ttf) format("truetype"),url(fonts/linea-arrows-10.svg#linea-arrows-10) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:"linea-basic-elaboration-10";src:url(fonts/linea-basic-elaboration-10.eot);src:url(fonts/linea-basic-elaboration-10.eot?#iefix) format("embedded-opentype"),url(fonts/linea-basic-elaboration-10.ttf) format("truetype"),url(fonts/linea-basic-elaboration-10.svg#linea-basic-elaboration-10) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:"linea-software-10";src:url(fonts/linea-software-10.eot);src:url(fonts/linea-software-10.eot?#iefix) format("embedded-opentype"),url(fonts/linea-software-10.woff) format("woff"),url(fonts/linea-software-10.ttf) format("truetype"),url(fonts/linea-software-10.svg#linea-software-10) format("svg");font-weight:400;font-style:normal}
[class^="icon-ecommerce-"]:before,[class*=" icon-ecommerce-"]:before{font-family:"linea-ecommerce-10"!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
[class^="icon-basic-"]:before,[class*=" icon-basic-"]:before{font-family:"linea-basic-10"!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
[class^="icon-arrows-"]:before,[class*=" icon-arrows-"]:before{font-family:"linea-arrows-10"!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
[class^="icon-arrows-"]:before,[class*=" icon-arrows-"]:before{font-family:"linea-arrows-10"!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
[class^="icon-basic1-elaboration-"]:before,[class*=" icon-basic1-elaboration-"]:before{font-family:"linea-basic-elaboration-10"!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
[class^="icon-software-"]:before,[class*="icon-software-"]:before{font-family:"linea-software-10"!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.fl{float:left}
.fr{float:right}
.custom_bold,.bold{font-weight:bold !important}
.custom_italic, .italic{font-style: italic !important}
.custom_underline, .underline{text-decoration: underline !important}


body{font-family:'Lato', Arial, sans-serif; font-weight:400; font-size:13px;background:#f1f1f1}
.uppercase{text-transform:uppercase}
input[type=text]::-ms-clear {display: none}
[class^="ico_"],[class*="ico_"]{background:url(../images/icon.png) no-repeat;vertical-align:middle; display:inline-block}
#wrapper{background:#f1f1f1; min-width:1200px}
button:focus{outline:0 !important;box-shadow:none !important}
a:hover, a:focus{text-decoration:none; color:#fe6368}
canvas { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
.noWrap{white-space:nowrap}
.paging{text-align:center}
input::-webkit-input-placeholder{color:#a9a9a9}input:-moz-placeholder{color:#a9a9a9}
input:focus{outline:0 !important}
.red{color:#ff0000 !important}
.icon-basic-question:before{content:"~"}
.icon-basic-gear:before{content:"P"}
.icon-basic-calendar:before{content:"r"}
.icon-basic-magnifier:before{content:"#"}
.icon-basic-home:before{content:"Z"}
.icon-ecommerce-safe:before{content:"/"}
.icon-ecommerce-banknote:before{content:"k"}
.icon-ecommerce-money:before{content:"Z"}
.icon-basic-book-pencil:before{content:"o"}
.icon-basic-postcard:before{content:"{"}
.icon-arrows-left:before{content:"\e03f"}
.icon-arrows-right:before{content:"\e04b"}
.icon-arrows-down:before{content:"\e019"}
.icon-basic-mail:before{content:"&"}
.icon-basic-upload:before{content:"\e020"}
.icon-basic-download:before{content:"F"}
.icon-arrows-squares:before{content:"\e078"}
.icon-arrows-remove:before{content: "\e04a"}
.icon-arrows-circle-plus:before{content:"\e00d"}
.icon-basic-printer:before{content:"}"}
.icon-basic1-elaboration-browser-upload:before { content: "w";}
.icon-basic-trashcan:before{font-family:"linea-arrows-10"!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e04a"}
.topBtn .icon-basic-trashcan:before{font-family:"linea-basic-10"!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; content:"\e01c"}
.icon-basic-calendar:before{content:"r"}
.icon-basic1-elaboration-briefcase-download:before {content: "f"}
.icon-basic-todo-txt:before{content:"\e019"}
.icon-basic-smartphone:before{content:"\e00d"}
.icon-basic-anticlockwise:before{content:"d"}
.icon-basic-chronometer:before{content:"v"}
.icon-basic-clessidre:before{content:"w"}
.icon-arrows-square-plus:before{content:"\e072"}
.icon-arrows-circle-right:before{content:"\e00f"}
.icon-arrows-circle-down:before{content:"\e008"}
.icon-arrows-square-down:before{content:"\e06d"}
.icon-basic-lock:before{content:"9"}
.icon-basic-lock-open:before{content:"!"}
.icon-basic-floppydisk:before{content:"M"}
.icon-basic1-elaboration-browser-download:before{content:"p"}
.icon-arrows-right-double:before{content:"\e04c"}
.icon-arrows-left-double-32:before{content:"\e040"}
.icon-arrows-circle-left:before{content:"\e00b"}
.icon-ecommerce-banknote:before{content:"k"}
.icon-basic-mail-open-text:before{content:")"}
.icon-arrows-hamburger-2:before{content:"\e032"}
.icon-basic1-elaboration-browser-search:before {content: "u"}
.icon-arrows-slide-right2:before{content:"\e061"}
.icon-basic-sheet-txt:before{content:"\e00b"}
.icon-software-pencil:before{content: "-";}
.icon-ecommerce-graph1:before{content:"Q"}
.icon-ecommerce-banknotes:before{content: "l";}
.icon-basic-anticlockwise:before{content: "d";}
.icon-arrows-move2:before{font-family:"linea-arrows-10"!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; content:"\e026"}
.icon-arrows-plus:before{content:"\e048"}
.icon-arrows-left-double-32:before {content: "\e040"}
.toggled .icon-arrows-left-double-32:before {content: "\e04c"}
.icon-basic-eye-closed:before{content:"I"}
.icon-basic-sheet-multiple:before{content:"\e008"}
.icon-basic-eye:before{content:"H"}
.ico_employee{width:20px;height:17px;display:inline-block;background-position:0 0;position:relative;top:-2px !important}
.ico_bell{width:28px;height:30px;display:inline-block;background-position:0 -304px; position: relative; top:-5px}
.ico_addSquare{width:18px;height:18px;margin-left:5px; background-position:-39px -31px;display:inline-block}
.ico_admin{width:17px;height:17px; background-position:0 -101px; display:inline-block; position:relative; top:-2px !important}
.selected .ico_admin,.selected a:focus .ico_admin{background-position: -30px -101px}
.ico_payment{width:21px;height:25px; display:inline-block; background-position:-95px -130px}
.ico_editor{width:17px;height:20px; display:inline-block; background-position:-92px -162px;position:relative; top:-2px}
.ico_quickAction{width:30px;height:30px;display:inline-block;background-position:-93px -260px}
.ico_customize{width:17px;height:17px;background-position:-107px -219px; top:-2px !important}
.ico_goBack{width:24px;height:24px;background-position:-160px -128px; }
.ico_file{width:17px;height:17px; display:inline-block; background-position:0 -219px; position:relative; top:-2px !important}
.ico_refund{width:17px;height:17px; background-position:-31px -219px;top:-2px !important }
.ico_applyCredit{width:17px;height:17px; background-position:-70px -219px; top:-2px !important}
.ico_helpQuestion{width:15px;height:15px; display:inline-block; background-position:-185px -236px; position:relative; top:-2px;margin-left:3px; cursor:pointer}
.ico_helpQuestion:hover{background-position:-165px -236px}
.ico_roleList{width:16px;height:16px; background-position:-61px -260px; position: relative; top:0 !important}
.ico_resetPassword{width:16px;height:16px; background-position: -33px -260px; position: relative; top:0 !important}
.primaryBtn .ico_resetPassword{background-position: -33px -282px}
.ico_viewTransaction{width:18px;height:17px; background-position: 0 -260px; position: relative; top:0 !important}
.primaryBtn .icon-arrows-circle-plus:before{content:"\e048"}
.ico_showChange{width:19px;height:15px;display:inline-block; background-position:-171px -258px; top:-2px !important}
.icon-arrows-minus:before{content:"\e041"}
.ico_search{width:24px;height:22px; display:inline-block; background-position:-94px -306px; top:-2px !important}
.open .ico_search{background-position:-137px -306px}
.ico_loadMemorise{width:20px;height:17px;display:inline-block; background-position:-47px -347px}
a:hover .ico_loadMemorise{background-position:-47px -375px}

#header{height:48px; position:fixed; top:0; z-index:999; width:100%;background:#fff; min-width:1024px;border-bottom:solid 1px #ddd}
#header.fixed{box-shadow:0 1px 2px rgba(0,0,0,.15);-moz-box-shadow:0 1px 2px rgba(0,0,0,.15);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.15);}
#header .navbar_fixed{padding-right:0}
.logo{margin:10px 0 10px 0; display:inline-block; float:left}
.navbar_fixed{padding-left:20px; padding-right:20px}
.nav_project{margin:32px 0 0 30px; color:#fff;}
.user_info{}
.top_noti{list-style:none}
.top_noti li{float:left; position:relative}
.top_noti li a{padding:0 15px}
.top_noti li.user_noti a.u_action{padding:15px 15px 10px;border-left:solid 1px transparent; border-right:solid 1px transparent; display:inline-block;height:47px}
.top_noti li.user_noti.u_info a.u_action{width:63px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;overflow:hidden; white-space:nowrap; height:47px }
.top_noti li.user_noti.u_info.open a.u_action,.top_noti li.user_noti.u_info a.u_action:hover,.top_noti li.user_noti a.u_action:hover{background:#f1f1f1}

/*.top_noti li.user_noti.u_info a.u_action:hover,.top_noti li.user_noti.u_info.open a.u_action{width:230px}*/
/*.top_noti li.user_noti.open a.u_action{border-left:solid 1px #e0e0e0; border-right:solid 1px #e0e0e0;background:#e2e2e2}*/
.top_noti li.user_noti.open a.u_action .ico_bell{background-position:-43px -304px}
.top_noti li a.u_action{position:relative}
.top_noti li a.u_action i{/*font-size:26px;display:inline-block; color:#fff*/}
.top_noti li a.u_action .noti-num{background:#ff5a5f; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;padding:0 3px; font-size:12px; color:#fff; position:absolute; top:4px; left:29px; z-index:9}
.top_noti li .notiAlert{color:#505050; font-size:14px; padding:15px 20px}
.top_noti li.noNewNoti a.u_action .noti-num{display:none}
.top_noti li.noNoti ul, .top_noti li.noNoti .notiFooter,.top_noti li .notiAlert{display:none !important}
.top_noti li.noNoti .notiAlert{display:block !important}
.top_noti li.u_info a.dropdown-toggle{padding:8px 15px}
.user-ava{position:relative; margin-right:0; border-radius:100px; moz-border-radius:100px;-webkit-border-radius:100px;}
.user-name{color:#333; position:relative;padding-right:35px;font-weight:700;font-size:14px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:none}
.user-name:after{content:"\e019";position:absolute;display:inline-block; top:0;right:0;font-family: "linea-arrows-10"!important;font-style: normal!important;font-weight: 400!important ;font-variant: normal!important;text-transform: none!important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size:20px}
.user-name .role{color:#919191; font-size:12px;font-weight:400}
.top_noti li.user_noti{border-left:solid 1px #ebebeb}
.top_noti li.user_noti.u_info:hover .user-name{ }
.top_noti li a i{font-size:20px;color:#000}
.top_noti li a:hover i{color:#ff5a5f}
.top_noti li a.basic_ico{padding:12px 10px; display:inline-block}
.top_noti li a.basic_ico i{position:relative; top:-7px}
.top_noti li.quickSC.open a.basic_ico,.top_noti li.quickSC a.basic_ico:hover,.top_noti li.quickSC.openDropdown a.basic_ico{color:#FFF;  background:#ff5a5f;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;}
.top_noti li.open a.basic_ico i, .top_noti li a.basic_ico:hover i{color:#fff}
.top_noti li.open a.basic_ico i.ico_quickAction,.top_noti li a.basic_ico:hover i.ico_quickAction,.top_noti li.openDropdown a.basic_ico i.ico_quickAction{background-position:-130px -260px}
.top_noti li.user_noti .dropdown-menu{width:334px;top:58px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:0; border:solid 1px #ddd; right:0; left:auto}
.top_noti li.user_noti .dropdown-menu:after,.top_noti li.user_noti .dropdown-menu:before{bottom:100%;right:20px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.top_noti li.user_noti .dropdown-menu:after{border-color:rgba(136,183,213,0);border-bottom-color:#fff;border-width:7px;margin-left:-7px}
.top_noti li.user_noti .dropdown-menu:before{border-color:rgba(194,225,245,0);border-bottom-color:#ddd;border-width:9px;margin-left:-8px; right:18px}


.top_noti li.user_noti .dropdown-menu .view_all{background:#f1f1f1; font-size:11px;color:#9b9b9b;padding:7px 20px;border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0; min-height:52px}
.top_noti li.user_noti .dropdown-menu .view_all span{position:relative; top:10px}
.top_noti li.user_noti .dropdown-menu .view_all a{border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;padding:5px 10px;background:#e0e0e0; position:relative; top:5px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.top_noti li.user_noti .dropdown-menu .view_all a:hover, .block-title a.pull-right:hover, .btn-border:hover,.top_noti li.user_noti .dropdown-menu .view_all a:focus, .block-title a.pull-right:focus, .btn-border:focus{background:#ff5a5f; color:#fff !important; border-color:#ff5a5f}
.top_noti li.user_noti .dropdown-menu .notiHeader{margin:0 20px;padding:15px 0; border-bottom:solid 1px #ebebeb;font-size:18px; font-weight:700; color:#303030}
.top_noti li.user_noti .dropdown-menu .notiFooter{text-align:center; border-top:solid 1px #ebebeb;padding:13px 0; margin:0 20px; clear:both;display:inline-block;width:calc(100% - 40px)}
.top_noti li.user_noti .dropdown-menu .notiFooter a.btn{padding:6px 12px;}
.top_noti li.user_noti.quickSC .dropdown-menu{min-width:200px}
/*.top_noti li.user_noti.quickSC .dropdown-menu .ddBlock{width:200px}*/
.quickSC{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;}
.openDropdown .dropdown-menu{display:block}
.quickSC .dropdown-menu .checkbox{margin-top:0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;}
.quickSC .dropdown-menu .checkbox label[for]{}
.quickSC .dropdown-menu .checkbox label[for]{cursor:move}


.quickSC .dropdown-menu .checkbox{padding-left:20px}
.quickSC .dropdown-menu .checkbox a{width: auto !important}
.quickSC .dropdown-menu li.actionLink{cursor:move}
.quickSC .dropdown-menu .checkbox label[for]::after, .quickSC .dropdown-menu .checkbox label[for]::before{opacity:1}
.notiHeader a.editLink{color:#808080; font-size:13px;font-weight:400;padding:0; position:relative;top:3px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;}
.notiHeader a.editLink:hover{color:#ff5a5f}
.top_noti li.user_noti.quickSC .notiFooter{display:none}
.top_noti li.user_noti.quickSC .notiFooter{display:inline-block}
.quickSC .dropdown-menu li.hide{display: block}
.quickSC .dropdown-menu li:hover a, .quickSC .dropdown-menu li a:hover{color:#606060 !important;}

.top_noti li.user_noti .dropdown-menu .view_all a i{font-size:10px; margin-left:5px}
.top_noti li.user_noti .dropdown-menu ul{list-style:none; margin:0; padding:10px 0; display: inline-block; width:100%; max-height: 410px; overflow-y: auto; overflow-x: hidden}
.top_noti li.user_noti .dropdown-menu ul li{padding:3px 20px; width:100%; margin-bottom:10px;}
.top_noti li.user_noti .dropdown-menu ul li.new a{font-weight:700;color:#000}
.top_noti li.user_noti .dropdown-menu ul li a i{font-size:14px;display:inline-block; max-width:160px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; top:5px;padding-right:2px}
.top_noti li.user_noti .dropdown-menu ul li a.quickIc{position:absolute; right:18px;  width:auto; top:0}
.top_noti li.user_noti .dropdown-menu ul li a.quickIc i{font-size:18px;top:0}
.top_noti li.user_noti .dropdown-menu ul li.actionLink.userRoleView,.top_noti li.user_noti .dropdown-menu ul li.actionLink.hide.userRoleView,.top_noti li.user_noti .dropdown-menu ul li.actionLink.hide.userRoleView, .userRoleView{display: none !important;}

.top_noti li.user_noti .dropdown-menu ul li a{font-size:14px; line-height:21px; color:#606060; display:inline-block; width:100%; margin-bottom:0;padding:0}
.top_noti li.user_noti .dropdown-menu ul li a:hover,.top_noti li.user_noti .dropdown-menu ul li a:focus{color:#ff5a5f !important}
.top_noti li.user_noti .dropdown-menu ul li span.notifyDate{color:#a8a8a8; font-size:11px}
.top_noti li.user_noti .dropdown-menu ul li.userLine{}
.top_noti li.user_noti .dropdown-menu ul li.userLine span.userName{color:#606060; font-size:14px; line-height:21px;border-bottom:solid 1px #ebebeb;display:inline-block; width:100%;padding-bottom:10px;font-weight:700}
.top_noti li.u_info .dropdown-menu{width:200px}
.top_noti li.u_info .dropdown-menu li a i{margin-right:6px}
#content{position:relative;top:49px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; padding-left:95px;min-height:calc(100vh - 49px);padding-bottom:44px}
.sidebarDiv{position:absolute; bottom:46px; padding:10px;display:inline-block;width:100%;left:0;border-top:solid 1px #484848; background:#363636}
.sidebar_toggle{background:none; border:none; width:32px;height:25px; display:inline-block;text-align:center; line-height:19px; color:#b2b2b2; float:right;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:99;border-left:none;font-size:22px;}
.sidebar_toggle i{position:relative}
.sidebar_toggle:hover{color:#fff}
/*#content.toggled .sidebar_toggle i:before{content:'\e04b'}*/
.sidebar_toggle .ico_hide{display:inline-block; width:36px;height:36px; background-position:0 -100px; }
.sidebar{list-style:none;height:100%;margin:0 0 0 -95px;overflow-y:auto;padding:0;position:fixed;top:48px;width:95px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;background:#363636}
.toggled #content .sidebar{width:65px !important; left:65px !important;margin:0 0 0 -65px !important}
.toggled #content .sidebar ul.ul_sidebar li a span{display:none}
.toggled #content .sidebar_toggle{margin-right:10px}
.toggled #content .sidebar .left_search{padding:0 19px}
.toggled .sidebar_toggle .icon-arrows-left:before{content:"\e04b"}
.sidebar ul.ul_sidebar{width:80px; list-style:none;padding:0;margin:0;float:left}
.sidebar ul.ul_sidebar li{}
.hasChild a{position:relative}
.hasChild a:after{content:"\e048";font-family:"linea-arrows-10"!important;font-style:normal!important;font-weight:700!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute; right:16px;top:19px;font-size:18px}
.hasChild.selected a:after{content:"\e041"}
.hasChild ul li a:after{display:none}
.sidebar ul.ul_sidebar li a{display:inline-block; width:100%; padding:15px 0 15px 20px;font-size:14px; color:#fff; text-transform:uppercase}
.sidebar ul.ul_sidebar li.active a i.ico_employee,.sidebar ul.ul_sidebar li a:focus i.ico_employee{background-position:-37px 0}
.sidebar ul.ul_sidebar li a i{display:inline-block; width:20px;position:relative; top:5px; margin-right:11px; color:#fff;font-size:21px}
.sidebar ul.ul_sidebar li a i.ti-home{top:0}
.ul_submenu{display:none;list-style:none;padding:0}
.ul_submenu li{position:relative}

.sidebar ul.ul_sidebar li .ul_submenu li a{padding:10px 0 10px 53px; text-transform:none}
.sidebar ul.ul_sidebar li.active a,.sidebar ul.ul_sidebar li.active a i,.sidebar ul.ul_sidebar li.active ul.ul_submenu li.active a,.sidebar ul.ul_sidebar li.active ul.ul_submenu li.active,.sidebar ul.ul_sidebar li.active ul.ul_submenu li.active a i,.sidebar ul.ul_sidebar li a:focus,.sidebar ul.ul_sidebar li a:focus i{color:#ff5a5f}
.sidebar ul.ul_sidebar li a:hover{background:#464646}
.sidebar ul.ul_sidebar li.active ul.ul_submenu li a{color:#b2b2b2}
.left_search{padding:0 30px; position:relative; display:inline-block; width:100%}
.left_search .ip_search{background:#fff; border:solid 1px #ddd; width:100%;height:36px;padding:0 30px 0 10px;border-radius:2px;-webkit-border-radius:2px;font-size:12px}
.left_search .search_btn{position:absolute; right:30px;border:none; background:transparent; top:8px;font-size:18px;color:#808080}
.searchWrapper{display: inline-block}
.wrapper_content{position:relative;background:#f1f1f1}
.top{display:inline-block; width:100%;padding:10px 0 0; float:left; position:relative;border-bottom:solid 1px #e5e5e5}
.top.hasTab{margin-bottom:10px;border-bottom:none}
.tab-pane.noBarControl .content.padding30{margin-top:-10px}
.linkBack{position:absolute; left:270px;top:19px; cursor:pointer; z-index:9}
.toggled .linkBack{left:85px}
.page_name{font-weight:300;color:#505050;font-size:30px; line-height:33px; position:relative; top:3px; padding:0 20px 0 52px; margin-bottom:19px}
.noHistory .page_name{padding-left:20px}
.noHistory .linkBack{display:none}
.top.hasTab .page_name{margin-bottom:0}
.select_daterange{position:relative; margin-right:30px; width:240px}
.daterangepicker .calendar th i.icon-arrows-left,.daterangepicker .calendar th i.icon-arrows-right{font-size:16px}
.dateRange{background:#f1f1f1; height:34px; min-width:250px; padding:0 10px 0 40px;border:solid 1px transparent;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; color:#515151}
.select_daterange .icon-basic-calendar{font-size:16px; color:#808080; position:absolute; left:10px; top:9px}
.dateRangeSelect{position:relative}
.dateRangeSelect:after{font-size:22px; color:#181818;content:"\e019";font-family: "linea-arrows-10"!important;font-style: normal!important;font-weight: 400!important ;font-variant: normal!important;text-transform: none!important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; margin-left:20px; position:absolute; top:5px; right:8px}
.date_ip:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,174,189,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,174,189,.6);background:#fff}
.ui-autocomplete{max-height:300px;overflow-y:scroll;overflow-x:hidden}

.main_content{display:inline-block; width:100%; /*box-shadow:0 1px 2px rgba(0,0,0,.15);*/}
.bar_control{display:inline-block; width:100%;/*border-bottom:solid 1px #e5e5e5;*/ float:left;padding:20px 20px 0; min-height:40px}
.ul_control_left{display:inline-block; margin-bottom:0;padding-left:0; float:left }
.ul_control_left .dropdown-menu{top:32px}
.ul_control_left .dropdown-menu li{width:100%}
.ul_control_left li{float:left; list-style:none; position:relative; margin-right:10px}
.ul_control_left li ul li+li{padding-left:0;border-left:0}
.ul_control_left li ul li+li:before{display:none}
.ul_control_left a{font-size:14px;color:#505050; display:inline-block}
.topBtn.customizeDashboard a{font-size:15px}
.topBtn.customizeDashboard a:hover{color:#505050}
.ul_control_left .topBtn a{padding:3px 10px; height:34px;line-height:24px;font-size:14px;color:#515151; display:inline-block;border-radius:3px;background:#fff;border:solid 1px #ddd;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.ul_control_left .topBtn a:hover,.ul_control_left .topBtn a:focus{border-color:#ccc;box-shadow:0 1px 2px rgba(0,0,0,.2); color:#505050}
.ul_control_left .primaryBtn a{background:#ff5a5f;border:solid 1px #ff5a5f; color:#fff}
.ul_control_left .primaryBtn a:hover,.ul_control_left .primaryBtn a:focus{border-color:#e8474c;box-shadow:0 1px 2px rgba(0,0,0,.2); color:#fff; background:#e8474c}
.ul_control_left .primaryBtn ul li a:hover,.ul_control_left .primaryBtn ul li a:focus,.ul_control_left .topBtn ul li a:hover,.ul_control_left .topBtn ul li a:focus{border:none; box-shadow:none; color:#ff5a5f; background:#f8f8f8}
.ul_control_left .topBtn ul li a{background:#fff;border:none; padding:6px 12px; box-shadow:none; color:#505050; border-radius:0; height:auto; line-height:21px; display:inherit; color:#505050}
.ul_control_left .topBtn ul li:hover a,.nav_control_left .topBtn ul li a:hover{color:#ff5a5f; box-shadow:none}
.ul_control_left .topBtn.primaryBtn ul li:hover a{background:#fff; color:#ff5a5f}
.miniBtn span.txtBtn,.miniBtn .icon-arrows-down{display: none}
.ul_control_left .miniBtn i{margin-right: 0}
.ul_control_left a i{font-size:17px; position:relative; top:3px; margin-right:5px}
.ul_control_left a i.icon-basic-upload{position:relative; top:5px}
.ul_control_left a i.icon-arrows-squares{font-size:17px}
.ul_control_left a i.icon-arrows-down{margin:0 0 0 10px;font-size:16px; position:relative; top:2px}
.ul_control_left a:hover{color:#ff5a5f}
.ul_control_left .tooltip{white-space: inherit; z-index: 99999}
.nav_control_left.waiting_status .partialStt a{color:#f2bc02}
.nav_control_left.waiting_status .paidStt a{color:#00a98f; line-height:32px}
.nav_control_left.waiting_status .unpaidStt a{color:#fc598b}
.ico_paid{width:15px;height:16px; display:inline-block; background-position:-74px -63px; margin-top:-12px}
.nav_control_left li.disabled a, .nav_control_left li.disabled a:hover,.nav_control_left li.disabled a:focus{color:#a9a9a9; cursor:default}
.nav_control_left.waiting_status li+li:before{display:none}
.nav_control_left .topBtn i.ico_payment{width:21px;height: 20px;display:inline-block;background-position:-95px -130px;margin-top: 9px;top: -5px !important;}
.nav_control_left .topBtn:hover i.ico_payment,.nav_control_left .topBtn:focus i.ico_payment{background-position:-130px -130px}
.nav_control_left .topBtn.primaryBtn i.ico_payment{width:21px;height: 20px;display:inline-block;background-position:-139px -211px;margin-top: 9px;top: -5px !important;}
.nav_control_left .topBtn.primaryBtn:hover i.ico_payment,.nav_control_left .topBtn.primaryBtn:focus i.ico_payment{background-position:-139px -211px}
.nav_control_left .dropdown-menu li a{font-size:13px}
.block{margin-bottom:20px}
.box_shadow{border:solid 1px #e5e5e5; box-shadow:0 1px 2px rgba(0,0,0,.08); display:inline-block; width:100%; background:#fff}
/*.block .box_shadow{margin-bottom:30px}*/
.b_content{position:relative;padding:18px 15px 20px}
.b_content .icon-arrows-remove{font-size:22px;color:#000; position:absolute;right:3px;top:10px}
.b_content .icon-arrows-remove:hover,.b_content .icon-arrows-remove:focus{color:#fe6368}
.pie-left{width:50px;height:50px; margin-right:6px}
.pie_info{width:calc(100% - 58px); font-size:14px;color:#303030; position:relative;top:5px}
.pie_info span.num{color:#919191;font-size:12px}
.b_content.add_segment{border:dashed 1px #808080 !important; min-height:70px;font-size:18px !important;color:#808080 !important; padding-top:0; cursor:pointer}
.b_content.add_segment:hover,.b_content.add_segment:focus{border-color:#ddd; color:#ff5a5f !important}
.b_content.add_segment .icon-arrows-plus{font-size:31px; position:relative;top:9px;margin-right:5px}

.ul_select_metrix{margin:0; padding:0}
.ul_select_metrix li{position:relative; list-style:none; float:left}
.ul_select_metrix li a.dropdown-toggle{background:#f1f1f1;font-size:14px;color:#303030;padding:4px 10px 7px; display:inline-block}
.ul_select_metrix li span{display:inline-block; margin:0 10px;color:#919191;font-size:12px; position:relative;top:6px}
.ul_select_metrix li .icon-arrows-down{font-size:18px;position:relative;top:5px;margin-left:15px}
.top_block{display:inline-block; width:100%;border-bottom:solid 1px #e5e5e5;padding:10px 20px; background:#f8f8f8;height:40px}
.top_block ul.nav-tabs{margin:0;border-bottom:none}
.top_block ul.nav-tabs li{font-size:13px; margin-right:0; margin-left:20px}
.top_block h2{display:inline-block;font-size:15px;font-weight:400}
.top_block .checkbox{margin:0}
.content_block{padding:20px 20px 0 /*-- padding table bottom */; display:inline-block; width:100%;position:relative}
.scrollContent{overflow:auto; max-height:500px; position:relative}
.scrollContent.hasScrollTb{max-height: inherit !important}
.scrollContent.hasScrollTb.reportTb .fht-table-wrapper,.scrollContent.hasScrollTb.reportTb .fht-table-wrapper .fht-thead,.scrollContent.hasScrollTb.reportTb .fht-table-wrapper .fht-tfoot,.scrollContent.hasScrollTb.reportTb .fht-table-wrapper .fht-fixed-column .fht-tbody,.scrollContent.hasScrollTb.reportTb .fht-table-wrapper .fht-fixed-body .fht-tbody,.scrollContent.hasScrollTb.reportTb .fht-table-wrapper .fht-tbody{max-height:650px}
.scrollContent.hasScrollTb.fullHeightTable .fht-table-wrapper,.scrollContent.hasScrollTb.fullHeightTable .fht-table-wrapper .fht-thead,.scrollContent.hasScrollTb.fullHeightTable .fht-table-wrapper .fht-tfoot,.scrollContent.hasScrollTb.fullHeightTable .fht-table-wrapper .fht-fixed-column .fht-tbody,.scrollContent.hasScrollTb.fullHeightTable .fht-table-wrapper .fht-fixed-body .fht-tbody,.scrollContent.hasScrollTb.fullHeightTable .fht-table-wrapper .fht-tbody{max-height:700px}
.scrollContent .tb_content{border-left:none;border-right:none}
.scrollContent.hasScrollTb.reportTb table{table-layout: inherit}
/*.scrollContent.hasScrollTb.reportTb .fht-table-wrapper .fht-thead{padding-right:18px}
.scrollContent.hasScrollTb.reportTb .fht-table-wrapper .fht-thead:after{width:18px; height:1px;background:#ddd; position: absolute; right:0; top:0; content:' '}*/
.fht-thead .tb_content{margin-bottom:0}
.modal .scrollContent{max-height:235px}
ul.ul_form{list-style:none;margin:0;padding:0}
ul.ul_form li{display:inline-block;width:100%}
ul.ul_form li .item{float:left; width:294px; margin-right:20px; position:relative; margin-bottom:15px}
ul.ul_form li .btn{margin-bottom:15px}
.item{position:relative}
ul.ul_form li .item.checkbox,ul.ul_form li .item.radio.full{width:294px; min-height: 48px}
ul.ul_form li .item.radio.full .first{margin-right:35px}
.item.radio.error  label[for]::before{border-color:#ff0000}
ul.ul_form li .item.radio{width:auto}
ul.ul_form li .item.half{width:137px}
ul.ul_form li .item.halfRemain{width:145px}
ul.ul_form li .item.half.radio{width:125px}
ul.ul_form li .item label,.summary_col{font-size:14px;color:#515151}
ul.ul_form li .item:last-child{margin-right:0}
ul.ul_form li.li_full .item{width:100%}
ul.ul_form li.li_full .item .form-control{width:100%}
ul.ul_form li.li_full .form-control, ul.ul_form li.li_full .txt,ul.ul_form li.li_full .chosen-container{width:260px}
ul.ul_form li .item label .note{font-size:12px; color:#999}
.summary_col{float:left; width:20%; margin:5px 0 15px}
.summary_col span{font-size:20px;font-weight:300}
.color1 span{color:#f95d8e}
.color2 span{color:#ff8868}
.color3 span{color:#58ddf9}
.color4 span{color:#00a98f}
.color5 span{color:#f2bc02}
.error .checkbox label[for]::before,.error .radio label::before{border-color:red}

.pl0{padding-left:0 !important}
.pr0{padding-right:0 !important}
.content_block.add_row_table{ margin-bottom:15px}
/*.content_block.add_row_table .tb_content{margin-bottom:15px}*/
.tb_content{width:100%; margin-bottom:20px;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd; table-layout:fixed;border-collapse: collapse !important;border-spacing: 0;}
.tb_content thead th{font-size:15px;color:#303030;padding:0 10px;background:#f1f1f1;font-weight:700;/* position:relativewhite-space:nowrap*/vertical-align:middle; height:50px;overflow: hidden; text-overflow: ellipsis}
.tb_content thead th.hasTooltip span.help{float:right;}
.tb_content thead th.hasTooltip .sortWrapper{display:inline-block; width:calc(100% - 20px)}
.tb_content thead th.hasTooltip .tooltip{white-space:initial; }
.tb_content thead th.hasTooltip .tooltip .tooltip-inner{text-align:left !important;}
.tb_content thead th:first-child{border-left:solid 1px #ddd}
.tb_content thead th:last-child{border-right:solid 1px #ddd}
.tb_content td{padding:0 10px;border-top:solid 1px #ddd; font-size:14px;color:#515151;/*word-break:break-all*/ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;height:40px; vertical-align:middle}
.tb_content td[name="actionColumn"],.tb_content td[name="actions"],.tb_content td[name="transactions"]{white-space:nowrap; overflow: visible}
.tb_content td.tdExpand{width:99%; white-space:inherit}
.tb_content td a:hover .ico_addSquare,.tb_content td a:focus .ico_addSquare{background-position:-73px -31px}
.tb_content td .form-control{max-width:240px; min-width:100%}
.tb_content thead th .checkbox{margin-top:0}
.numRight{text-align:right !important}
.tb_content tbody td .action{font-size:20px;color:#909090; display: inline-block; height: 17px}
.tb_content tbody td .action .icon-arrows-remove{position:relative; top:3px;right:5px}
.tb_content tbody td .action:hover,.tb_content tbody td .action:focus{font-size:20px;color:#303030}
.tb_content tbody td .action.disabled{color:#ddd}
.tb_content .noPadding{padding: 0 !important}
.tb_content tr.insert .colorStt{background:#5fddf7; width:100%;height:100%}
.content_block.add_row_table .tb_content{border:none;table-layout: fixed;}
.content_block.add_row_table .tb_content thead th{border-top:solid 1px #ddd}
.content_block.add_row_table .tb_content tfoot{vertical-align:middle}
.content_block.add_row_table .tb_content tfoot td{padding:0 0; border-top:none}
.addMore{font-size:18px;color:#ff5a5f; display:inline-block; position:relative; padding:0 15px 0 40px; width:100%;border:dashed 1px #ddd; cursor: pointer;height:40px;line-height:40px}
.addMore i{font-size:31px; margin-right:10px;position:absolute; left:5px; top:3px}
.ip-datepicker{position:relative;background:#fff;border-radius:2px}
.ip-datepicker .icon-basic-calendar{position:absolute; right:10px; top:6px; font-size:20px;color:#303030}
.tb_content tbody td a{font-size:14px; color:#515151}
.tb_content tbody tr:hover td a,.tb_content tbody tr td a:focus{color:#ff5a5f}
.tb_content tbody td a.u_link{color:#ff5a5f; position:relative; top:-2px}
/*.tb_content tbody td a.u_link{max-width:80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block}*/
/*.tb_content tbody tr:hover td a.link{font-weight:700}*/
.tb_content tbody tr:hover{background:#f8f8f8}
.tb_content tbody td span.vLine{display:inline-block; margin:0 0 0 5px; color:#e5e5e5;position:relative;top:-2px}
.buttonRow .btn{margin-right:5px}
.padding30{padding:20px 20px 0 20px; float:left; width:100%}
.tb_content td .checkbox,.tb_content td .radio{margin:0}
.sortWrapper{position: relative; overflow: hidden;text-overflow: ellipsis}
.asc .sortWrapper,.desc .sortWrapper{padding-right:12px}

.bar_control .left_search{width:252px;padding:0; position:relative; top:0; margin-left:10px}
.bar_control .left_search .ip_search{font-size:14px; height:34px;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.bar_control .left_search .search_btn{right:0; top:8px}
.bar_control .left_search .search_btn .icon-basic-magnifier{position:relative;right:5px}
.bar_control .left_search .ip_search:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,174,189,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,174,189,.6)}
.bar_control .btn.iconOnly{height:34px; line-height:36px;padding:0 10px; float:left; margin-right:10px}
.bar_control .btn.iconOnly i{font-size:17px}
.ip_search[disabled]{background: #e8e8e8}
.actionDropdown{position:relative; display:inline-block}
.actionDropdown .icon-arrows-down{position:relative; z-index:1; right:-3px;font-size:20px;top:2px}
.actionDropdown .dropdown-menu{left:auto;top: 30px;right: -11px;box-shadow:none;border-color:#e5e5e5; }
.actionDropdown .dropdown-menu ul{padding:0; margin:0;list-style:none; }
.actionDropdown .dropdown-menu li a{padding:10px 10px;display:inline-block; width:100%}
.actionDropdown.open .u_action{position:relative}
.actionDropdown.open .u_action:before{content:' ';width: 40px;height: 39px;display:inline-block;position: absolute;background: #fff;top: -13px;right: -10px;border-left: solid 1px #e5e5e5}
.tb_content tr:hover td .actionDropdown .dropdown-menu li a,.tb_content tr.active td .actionDropdown .dropdown-menu li a{color:#515151;}
.tb_content tr:hover td .actionDropdown .dropdown-menu li a:hover,.tb_content tr td .actionDropdown .dropdown-menu li a:focus{color:#ff5a5f}
.tb_content tr.active{background:#f8f8f8}
.tb_content tr.active a{color:#ff5a5f}
.paging .pagination li a span{position:relative;font-size:18px;top:-1px}
.paging .pagination li a.arrowPage{width:20px;height:21px;}
.paging .pagination li a.arrowPage.left span{left:-4px}
.paging .pagination li a.arrowPage.right span{right:6px}

.no_chartLeft .b_content{font-size:18px; color:#303030; min-height:108px; margin-bottom: 10px; -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;background:#fff !important; border:solid 1px #ddd !important}
.no_chartLeft .b_content.add_segment{border:dashed 1px #808080 !important}
.no_chartLeft .b_content span{font-size:30px;font-weight:300;margin:0 0 2px;display:inline-block;color:#ff5a5f;white-space: nowrap;overflow: hidden;max-width: calc(100% - 30px);text-overflow: ellipsis;}
.no_chartLeft .b_content:hover{box-shadow: 0 4px 9px rgba(0,0,0,.15)}
.indicatorTxt{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: inline-block}
.block.no_chartLeft{margin-bottom:-10px;}
.checkbox_list{margin-bottom: 0}
.checkbox_list .customize_list{background:#fff;padding:8px 20px 20px}
.customize_list .checkbox{width:25%}
.customize_btn{float:left; width:100%}
.customize_btn .btn{font-weight:500; margin-top:10px; margin-right:5px}
.bar_middle{border-top:solid 1px #e5e5e5; margin-top:30px}
.switch .bootstrap-switch{margin-left:5px}
.quote{position:relative;font-size:14px;color:#303030;display:inline-block}
.quote:before, .quote:after{display:inline-block; width:14px;height:14px; content:" "; background:url(../images/icon.png) no-repeat top left; position:relative}
.quote:before{background-position:-136px 0; left:0; top:-6px}
.quote:after{background-position:-166px 0; right:0; bottom:-10px}
.ip-datepicker .form-control{background:none; position:relative;z-index:9; cursor:pointer}
.createInvoiceTable .tb_content tbody tr td .item .ip-datepicker .form-control{z-index:inherit;}
.txt{resize:none; min-height:75px}
ul.ul_form li .textarea{width:608px; margin-bottom:15px}
.content_block.add_contactPoint{background:#f1f1f1; position:relative; margin:1px; width:calc(100% - 2px);width:-moz-calc(100% - 2px)}
.content_block.add_contactPoint .delPoint{position:absolute;font-size:18px; color:#030303;right:10px; top:10px}
.content_block.add_pointBlock{margin:0 20px 20px; padding:0 0;width:calc(100% - 40px)}
.content_block.add_contactPoint .form-control{background:#fff}

.top.hasDropdown h1{width:350px; position:relative; overflow:hidden; text-overflow:ellipsis; padding-right:20px; white-space:nowrap; cursor:pointer }
.top.hasDropdown h1:after{content:"\e019";position:absolute;display:inline-block; top:8px;right:0;font-family: "linea-arrows-10"!important;font-style: normal!important;font-weight: 700!important ;font-variant: normal!important;text-transform: none!important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size:16px}
.top.hasDropdown .list_pageName{position:absolute; min-width:350px; background:#f9f9f9; box-shadow:0 2px 3px rgba(0,0,0,.2); top:74px; z-index:9; display:none}
.top.hasDropdown .list_pageName ul{list-style:none; margin:0; padding:10px 0}
.top.hasDropdown .list_pageName ul li a{display:inline-block; width:100%; padding:8px 15px; font-size:15px;color:#808080}
.top.hasDropdown .list_pageName ul li a:hover,.top.hasDropdown .list_pageName ul li a:focus{background:#ff5a5f; color:#fff}

.content.padding30 .bar_control ul.ul_control_left{padding-left:0}
.numLeft .b_content{padding:15px}
.numLeft span{font-size:30px; font-weight:300}
.numLeft .subTxt span{font-size:12px; color:#919191}
.numLeft .subTxt{margin:4px 0 0 10px}
.numLeft .btn{margin-top:5px}
.ctRight{ float:right; text-align:right}
.ctRight .nameAccount{font-size:14px;color:#303030;margin-bottom:0}
.ctRight .contactDetail{font-size:13px;color:#808080}
.ctRight .contactDetail span.vLine{margin:0 10px}
.ctRight .contactDetail .noData, .ctRight .nameAccount .noData{color:#909090}
.ctRight .contactDetail i{font-size:18px; margin-right:5px;position:relative; top:3px; color:#191919 }
.noMarginBottom{margin-bottom:0 !important}
.note_block ul.ul_form li .textarea{width:100%}
.four_block .summary_col{width:25%}
.two_block .summary_col{width:50%}
.three_block .summary_col{width:33.3333333333%}
.five_block .summary_col{width:20%}
.six_block .summary_col{width:20%; margin-bottom: 15px}
ul.ul_form li .item.numRight span{font-weight:700; color:#808080; font-size:14px; margin-top:8px; display:inline-block}
ul.ul_form li .item.disabled .form-control{cursor:default;}
ul.ul_form li .item.disabled .form-control:focus{box-shadow:none; border-color:#ddd}
.error .form-control,.error .chosen-container-single .chosen-single, .checkbox.error label::before{border-color:#ff0000}
.required label:after{content:' '; display:inline-block; color:#ff0000;margin-left:3px;background:url(../images/icon.png) no-repeat top left; width:8px;height:7px;background-position:-110px -37px; position:relative; top:-5px}

/*-- login --*/
#loginPage{width:800px; margin:200px auto 0; height:510px; background:#fff}
.loginLeft{width:400px; background:#ff5a5f; height:100%}
.loginLeft .lg_logo{position:relative; top:160px; left:95px}
.loginRight{width:400px; padding:45px 30px 0; position:relative}
.lg_title{font-size:30px;font-weight:300;color:#808080}
.loginRight ul{padding:0; list-style:none; margin:70px 0 0 0}
.loginRight ul li{color:#515151; margin-bottom:13px;font-size:14px; display:inline-block; width:100%; clear:both}
.loginRight ul li label{display:inline-block; margin-bottom:5px;}
.forgetPass{color:#ff5a5f; display:inline-block; clear:both; margin-top:40px}
.forgetPass:hover,.forgetPass:focus{text-decoration:underline}
.forgetPass i{font-size:20px; margin-right:5px; position:relative; top:5px}
.error_msg{color:#ff0000; position:absolute; top:120px}
.filterBox .ul_form{padding:20px 0}
.filterBox .ul_form .dateRange{min-width:240px}
.filterBox .ul_form li .btn{margin-bottom: 0; float:left; margin-right:10px}
.loginRight ul li .checkbox label{font-size:13px}
.loginRight .accountSetUp ul{margin-top:28px}
#loginPage.accSetup{min-height:710px; margin-top:130px}
#loginPage.accSetup .forgetPass{margin-top:10px}
.loginRight ul li .checkbox label a{color:#ff5a5f}
.loginRight ul li .checkbox label a:hover,.loginRight ul li .checkbox label a:focus{text-decoration:underline}
#loginPage.accSetup .loginLeft .lg_logo {top:270px}

.confimSignupTxt{margin:80px 0 30px}
.confimSignupTxt p{font-size:14px; margin-bottom:10px; color:#686868;}
.confimSignupTxt p.thankTitle{font-size:15px; font-weight:700}

/*-- modal --*/

.rightAction{float:right;position:relative; margin-left:10px}
/*.rightAction:before{width:1px; height:20px;background:#e5e5e5; content:' '; display:inline-block; margin-left:10px}*/
.rightAction a{float:right; color:#515151}
.rightAction a.filterLink{height:34px; border:solid 1px #ddd;border-radius:3px;line-height:34px;padding:0 10px;font-size:14px}
.rightAction a.filterLink:hover{color:#303030}
.rightAction.active a.filterLink{background:#f1f1f1}
.rightAction a span{position:relative}
.ico_filter{width:16px;height:17px;background-position:0 -65px; display:inline-block; margin-right:10px; position:relative;top:-2px}
.filterBox{background:#f9f9f9; padding:0 20px; display:inline-block; width:100%;border-bottom:solid 1px #e5e5e5}
.row.block .filterBox{padding:0}
.filterBox .dateRange{background:#fff;border:solid 1px #ddd}
.filterBox .form-control{background:#fff}
.filterBox .txt{background:#fff;width:497px}
.inputRange{width:500px;position:absolute;background:#fff;top:19px;border:solid 1px #ddd; display:none; z-index:999}
.inputRange ul{margin:0; padding:10px 10px 0 10px}
.inputRange ul li.half{width:230px; float:left}
.inputRange ul li.half:first-child{margin-right:15px}
.inputRange ul li label{font-size:12px !important;color:#808080 !important}
.inputRange ul li .form-control{background:none !important}
.inputRange ul li.half .item{width:100%}
.inputRange ul li .btn{margin-bottom:15px !important}
.half .item{width:100%}
.inputRange ul li .btn-primary{margin-bottom:15px}

/*.main_content .nav-tabs{margin:25px 0 0; width:100%; padding:0 30px;border-bottom:solid 1px #e5e5e5}*/
.main_content .nav-tabs{margin:20px 20px 0; width:calc(100% - 40px); padding:0;border-bottom:solid 1px #ddd; position:relative;padding-top:35px}
.main_content .nav-tabs:before{height:1px;width:calc(100% + 40px); position:absolute; top:0; left:-20px; content:' '; display:inline-block; background:#ddd;}
/*.tab-pane .padding30 .bar_control{margin-bottom:30px;padding:4px 0}*/
.ctRight .chosen-container{width:252px !important; text-align:left !important}


.footer{font-size:12px;color:#515151; margin:13px 0;padding-left:20px;display: inline-block; position: absolute; bottom:0; width:calc(100% - 250px);padding-top:15px; border-top:solid 1px #ddd}
.toggled .footer{width:calc(100% - 95px)}
.nopaddingRight{padding-right:0 !important}
.nopaddingLeft{padding-left:0 !important}

#content{padding-left:250px}

.toggled #content {padding-left: 65px;}
.toggled #content .sidebar ul.ul_sidebar{width:65px !important}
.toggled #content .hasChild a:after{display:none}
.sidebar{width: 250px;left:250px;margin:0 0 0 -250px;}
.sidebar ul.ul_sidebar{width:250px;height:calc(100% - 92px); overflow-y: auto; overflow-x: hidden}

.nav-project .chosen-container-single .chosen-single{background:none; color:#fff;border-color:#0093ab}
#loadingBody{position:fixed; width:100%; height:100%; background:rgba(255,255,255,0.7); text-align:center; z-index:999999; top:0}
#loadingBody img{position:absolute; top:45%; left:48%; z-index: 99}
.alert-danger strong{color:#ff0008}
.alert-warning strong{color:#f2bc02}
.alert-success strong{color:#2d9c04}
.alert-info strong{color:#39b2cc}
.error_form{ margin-top:20px; float:left; width:100%}
.error_form .alert{margin-bottom:5px}
.error_form .alert-danger{border-left:4px solid #fb8589 !important}
.error_form .alert-success{border-left:4px solid #8cc178 !important}
.error_form .alert-warning{border-left:4px solid #d6c385 !important}
.error_form .alert-info{border-left:4px solid #8dbec7 !important}
.box_shadow .alert{margin-bottom:5px;padding:10px 20px}
.alert-block div.alert:first-child{margin-top:20px}
.errInputMsg{background:#ffc1c1; color:#515151; position:absolute;padding:10px 15px;border-radius:2px; z-index:99; top:60px;left:0; box-shadow:0 2px 2px rgba(0,0,0,.1); line-height:21px; display:none;font-size:12px; word-break: break-word; white-space: normal; width:100%}
.errInputMsg b{color:#ff0008}
.errInputMsg:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffc1c1;position:absolute;top:-6px; left:10px}
.tb_content tr td .errInputMsg{min-width:175px; max-width:200px}
.item:hover .errInputMsg{display:inline-block}
.item.textarea .errInputMsg{top:auto; bottom:-49px}
table.tb_content .errInputMsg{top:40px}
table.tb_content td.numRight .errInputMsg{left:auto; right:0; text-align: left}
table.tb_content td.numRight .errInputMsg:after{left:auto; right:10px}
.collapse_form{margin-left:20px}
.collapse_form i{font-size:20px; color:#a9a9a9; cursor:pointer}
.collapse_form i:hover{color:#333}
.row.block.less .content_block, .row.block.less .alert{display:none}
.row.block.less .box_shadow{height:59px}
.row.block .icon-arrows-square-down:before{content:"\e075"}
.row.block.less .icon-arrows-square-down:before{content:"\e06d"}
.hasTwoButton .addMore{width:calc(50% - 1px);}
.hasTwoButton .addMore.first{border-right:dashed 1px #ddd}
.hasTwoButton .addMore.second{border-left:dashed 1px #ddd; padding-left:40px}
.hasTwoButton .addMore.second i{left:5px}

.steps{float:left; width:100%; margin-bottom:30px}
.steps .colStep{float:left;  padding:30px 0 18px; position:relative; overflow:hidden;height:88px}
.steps .colStep:after{content:' '; display:inline-block; position:absolute; width:100%; height:5px; background:#ddd; bottom:0;left:1px}
.steps .colStep .stepTitle{font-size:22px;font-weight:300; color:#808080; width:40px;height:40px; border-radius:100px; background:#f1f1f1;border:solid 1px #ccc; text-align:center; line-height:38px; float:left; margin-right:10px;}
.steps .colStep .stepDes{font-size:15px;color:#808080; float:left; width:calc(100% - 65px); position:relative; top:12px}
.steps .colStep+.colStep{padding-left:1px}
.steps .colStep.active{cursor:pointer}
.steps .colStep.active .stepTitle{color:#fff; background:#ff5a5f;border-color:#ff5a5f}
.steps .colStep.active .stepDes{color:#505050; font-weight:700}
.steps .colStep.completed{cursor:pointer; background:#f1f1f1}
.steps .colStep.completed .stepTitle{background:#339600; color:#fff;border-color:#339600}
.steps .colStep.completed:after{background:#339600}
.steps .colStep.selected:after{background:#ff5a5f}
.has3Steps .colStep{width:33.333333333333333%}
.has4Steps .colStep{width:25%}
.has5Steps .colStep{width:20%}
.has6Steps .colStep{width:16.66666666666%}
ul.ul_form li .item.longItem{width:756px}
.normalLink{color:#515151;font-size:14px; float:left; margin:8px 13px 0 0}
th.hasSort{cursor:pointer}
th.hasSort:hover,th.hasSort.asc,th.hasSort.desc{background:#e6e6e6}
th.hasSort .icon-arrows-down{margin-left:5px; position: absolute;right:-4px;font-size:20px; top:0}
th.hasSort.asc .icon-arrows-down:before{content:"\e083"}
th.hasSort.desc .icon-arrows-down:before{content:"\e019"}
th.hasSort.asc.numRight .sortWrapper,th.hasSort.desc.numRight .sortWrapper{padding-right:20px}
.page{margin:0 0 15px; color:#808080}
.cA .chosen-container { width: 60px !important; margin: 0 5px 0 10px;}
.cA span{position:relative; top:2px}
.cA .chosen-container span{top:0}
.gotoPage{margin:0 23px;}
.gotoPage input{padding:0 10px;width:50px !important;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;text-align:center; display:inline-block; margin-left:8px;height:24px; line-height:24px}
.page .chosen-container-single .chosen-single{height:24px; line-height:24px}
.pagination li a i{font-size:18px; position:relative; top:2px}
.pagination li.disabled a, .pagination li.disabled a:hover, .pagination li.disabled a:focus{background:#f2f2f2; cursor:default}
.pagination li span.blank, .pagination li span.blank:hover{margin:0 5px; border:none; background:none}

.modalMainContent .row.block{margin:0}
.modalMainContent .row.block .col-md-12{margin:0;padding:0}
.modalMainContent .row.block .col-md-12 .box_shadow{border:none; box-shadow:none}
.modalMainContent .row.block .top_block{border-bottom:none;padding:16px 20px 0}
.modalMainContent .row.block .top_block h2{font-weight:700; font-size:14px}
.modalMainContent .row.block .top_block .collapse_form{display:none}
.modal .modalMainContent .tb_content{border:solid 1px #ddd !important}
.main_content .nav-tabs.dashboardTab{margin-bottom:30px;padding:0;border-bottom:solid 1px #e5e5e5}
.modalMainContent .tb_content{margin-bottom:15px}
.gridContent .col-md-4{min-width:340px; margin-bottom:15px}
.grid{width:100%; float:left;height:286px; overflow:hidden}
.grid .top_block{padding-bottom:0; min-height:40px; cursor:move}
.top_block .nav-tabs{width:auto; padding:0}
.top_block .nav-tabs>li>a{font-size:14px; padding-bottom:15px; margin-bottom:0;font-weight:400}
.chartList{padding:0; display:inline-block;width:100%}
.grid_body{padding:0 20px}
.listPieRow{float:left; width:100%; margin:18px 0}
.listPieRow .pie_left{margin-right:20px}
.listPieRow .pie_info{width: calc(100% - 60px)}
.listPieRow .pie_info .name{width:100% }
.listPieRow .pie_info span[name="currencyTxt"]{font-size: 8px !important;}
.highcharts-title{display:none !important}
.canvasjs-chart-container{position:relative}
.highcharts-background{margin-left:20px !important}
.pieChart{margin:5px auto 0}
.pieChartLegend{margin:5px 0 0; float:left; width:100%; clear:both; position:relative;z-index:9}
.pieChartLegend ul{margin:0;padding:0}
.pieChartLegend ul li{width:auto;margin-right:25px;float:left; list-style:none; margin-bottom:15px ;padding-left:18px; position:relative}
.pieChartLegend ul li a{font-size:14px; color:#505050}
.pieChartLegend ul li a:hover{color:#ff5a5f}
.pieChartLegend ul li i{content:" "; width:8px; height:8px; display:inline-block; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; background:#808080;margin-right:10px; position:absolute; left:0; top:4px}
.highcharts-container{display:inline-block; width:100%; clear:both}
.modal .content_block.add_row_table .tb_content{border:solid 1px #ddd}
.tableData{width:100%; float: left}
.tableData table{width:100%; font-size:13px; color:#808080}
.tableData table td{padding:10px 8px 5px; border-bottom:solid 1px #e5e5e5;height:39px; cursor: pointer}
.tableData.tbOneRow table td{padding:12px 8px}
.tableData table tr:last-child td{border-bottom:none}
.tableData table thead th{font-size:12px; color:#a9a9a9;font-weight:400;padding:10px 8px 5px}
.tableData table tr td:first-child, .tableData table tr th:first-child{padding-left:0}
.tableData table tr td:last-child,.tableData table tr th:last-child{padding-right:0}
.tableData table td a{color:#303030; font-size:15px}
.tableData.pcTable table td{border-bottom:none}
.tableData.pcTable table td .listItemLeft{position:relative; padding-left:18px}
.tableData.pcTable table td .listItemLeft i{width:8px;height:8px;display:inline-block; position:absolute; left:0; top:4px;border-radius:13px;}
.tableData.pcTable table td .percentage{font-size:18px; font-weight:400; color:#808080}
.tableData table tr:hover td,.tableData table tr:hover td .grayTxt,.tableData table tr:hover td .currencyTxt,.tableData table tr:hover td .percentage{color:#ff5a5f}

.tableData table tr:hover a,.tableData table td a:hover,.tableData table td a:focus{color:#ff5a5f}
.viewAll{ background:transparent; padding:7px 5px; color:#808080; border-radius:3px;margin-right: 15px;margin-top: 3px;font-size:13px;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;}
.viewAll i{font-size:18px; position:absolute; left:0; top:-2px}
.viewAll:hover,.viewAll:focus{color:#ff5a5f}
.tableData table td a i{font-size:20px;}
.tableData table td a i.icon-basic-mail-open-text{font-size:16px}
.grid.shortGrid.addGrid{border:dashed 1px #e5e5e5;box-shadow:none; font-size:14px; color:#acacac; line-height:245px; text-align:center; cursor:pointer}
.grid.shortGrid.addGrid:hover{border-color:#ddd; color:#ff5a5f; box-shadow:0 1px 2px rgba(0,0,0,0.1)}
.grid.shortGrid.addGrid .icon-arrows-circle-plus{font-size:28px; position:relative; top:8px; margin-right:10px}
.seriesTooltip td{vertical-align: bottom}
.seriesName{max-width:100px; overflow:hidden; text-overflow: ellipsis;white-space: nowrap;font-size:11px}
.seriesDot{width:5px;height:5px; display:inline-block; border-radius:15px;padding:0; margin-right:2px;font-size:11px;}

.seriesValue{padding:0 0 0 10px; text-align:right;font-size:11px}
.hasTab .padding30.indicator{border-top:solid 1px #e5e5e5;border-bottom:solid 1px #e5e5e5; margin-bottom:10px}
.hasTab .padding30.indicator .block.no_chartLeft{margin-bottom:15px}
.hasTab .padding30.indicator .block.no_chartLeft .col-md-3{margin-bottom:15px}
/**********Dung nv**********/
.chosen-container-multi .chosen-choices li{ width:auto;}
.chosen-container-multi .chosen-choices{ background:#fff;border-color: #ddd;border-radius: 2px; min-height:32px; line-height:32px; position:relative;}
.chosen-container-multi .chosen-choices:before {content: "\e019";  font-family: "linea-arrows-10"!important;  font-style: normal!important;  font-weight: 400!important;  font-variant: normal!important;  text-transform: none!important;  speak: none;  line-height: 1;  -webkit-font-smoothing: antialiased;  position: absolute;
    right: 6px;
    top: 8px;
    font-size: 16px;
}
.chosen-container-active .chosen-choices{ border-color: #66afe9 !important; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,174,189,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,174,189,.6);}
.chosen-container-multi .chosen-choices li.search-choice{ background:#eee; border-color:#ddd; margin-top:5px; margin-bottom:0;}
.chosen-container-multi.chosen-container.chosen-with-drop .chosen-drop{ margin-top:-1px; border-top:1px solid #eee;}
.chosen-container-multi .chosen-choices li.search-field input[type=text]{ padding:0 4px; /*width:100% !important;*/}
.error .chosen-container-multi .chosen-choices{border-color:#ff0000}

/*.chosen-container-multi .chosen-choices li.search-field{ display:none;}*/
.chosen-container-multi.chosen-container-active .chosen-choices li.search-field{ display:block;}

.chosen-container-multi.chosen-container-active .chosen-choices{ max-height:inherit;}

.noRowTable{float:left; width:100%;  font-weight:700; font-size:14px; padding:15px; border-bottom:solid 1px #ddd; border-top:none; margin:-20px 0 20px 0}
.numRow{float:left; margin-right:25px; position:relative; top:4px; color:#303030}
.numRow b{color:#303030}
.numberPerPage{margin-right:30px}
.numberPerPage .chosen-container{width:63px !important; margin:0 5px}
.numberPerPage .chosen-container .chosen-drop{top:auto; bottom:100%;border-radius:4px 4px 0 0; border-bottom:none}
.numberPerPage .chosen-container .chosen-drop .chosen-search{display:none}
.addNewCombobox{color:#515151; padding:6px 10px; border-top:solid 1px #ddd;cursor:pointer;}
.addNewCombobox:hover,.addNewCombobox:focus{background:#f9f9f9}
.addNewCombobox:hover, .addNewCombobox:hover::before{color:#ff5a5f}
.addNewCombobox:before{font-family: "linea-arrows-10"!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased; content: "\e072";margin-right:5px; font-size:17px;color:#0f0f0f; position:relative; top:2px }

.slCompany{width:355px; display:inline-block; margin-left:105px; float:left; position:relative; top:5px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.slCompany .chosen-single{position:relative;background:none; border:solid 1px transparent !important;box-shadow:none; display:inline-block; max-width:100%}
.slCompany .chosen-single:before{content:' '; display:inline-block; width:15px;height:17px;background:url(../images/icon.png); background-position:-138px -31px; float:left; position:relative; top:7px}
.slCompany .chosen-container-single .chosen-single span{width: calc(100% - 38px);float:left;margin-left: 10px;padding-right: 10px;font-size: 14px;font-weight:700;color:#505050;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right: 0;}
.slCompany .chosen-container-single .chosen-single div{position:inherit; display:inline-block}
.slCompany .chosen-single .icon-arrows-down{font-size:20px}
.slCompany .chosen-container-active.chosen-with-drop .chosen-single{background:none; box-shadow:none;border-color:transparent !important; background-image:none}
.slCompany .chosen-container .chosen-results li{font-size:14px; color:#505050;padding:15px 30px}
.slCompany .chosen-container .chosen-results li.active-result.result-selected{color:#333;font-weight:700; background:none }
.slCompany .chosen-container .chosen-drop{border:solid 1px #ddd;top:53px;border-radius:3px}
.slCompany .chosen-container .chosen-drop:after,.slCompany .chosen-container .chosen-drop:before{bottom:100%;left:40px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.slCompany .chosen-container .chosen-drop:after{border-color:rgba(136,183,213,0);border-bottom-color:#fff;border-width:7px;margin-left:-7px}
.slCompany .chosen-container .chosen-drop:before{border-color:rgba(194,225,245,0);border-bottom-color:#ddd;border-width:8px;margin-left:-6px; left:38px}

/*.toggled .logo img{display:none;}
.toggled .logo{width:52px;height:27px; display:inline-block; background:url(../images/short_logo.png) no-repeat top left;}
.toggled .slCompany{margin-left:40px}*/
.slCompany .addNewCombobox:before{ font-family: "linea-basic-10"!important;content:"\e028";}


ul.ul_form li .item .icon-basic1-elaboration-browser-search{position:absolute;bottom:-2px; font-size:22px;right:10px; color:#808080}
ul.ul_form li .item input[type="file"].form-control{background:none; z-index:1; position:relative}
.scrollContent.tbImport{margin:5px 0 10px}
.scrollContent.tbImport .tb_content{table-layout: inherit}

.file-caption-main .input-group .form-control,.file-caption-main .input-group-addon,.file-caption-main .input-group-btn{display:inherit}
.file-caption-main .input-group-btn{width:100%; position:absolute; left:0; text-align:right; z-index:3}
.input-group-btn .fileinput-remove.fileinput-remove-button,.input-group-btn .fileinput-upload.fileinput-upload-button{display:none}
.btn-file .hidden-xs,.glyphicon.glyphicon-file.kv-caption-icon{display:none}
.btn.btn-file{width:100%}
.form-control.file-caption{padding-right:42px}
.importInfo{display:inline-block; margin-bottom:15px}
a.downloadDoc:before{ font-family: "linea-basic-elaboration-10" !important;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important; speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size:65px; color:#000; margin-right:15px;  content: "Z";float:left}
a.downloadDoc:hover:before,a.downloadDoc:focus:before{color:#ff5a5f}
.importSum{font-size:14px; color:#515151; line-height:25px; float:left; position:relative; top:-8px}
/*******Dung nv************/
.icon-arrows-up-double-33:before {
    content: "\e084";
}
/*.nav_control_left a i.icon-arrows-left{ top:6px;} Back top bar control action*/
.item-reports{ margin-bottom:15px; cursor:pointer;min-height: 168px;padding-bottom:5px}
.item-reports .title{ font-size:20px; color:#ff5a5f; font-weight:300; margin:13px 0 10px 0;}
.item-reports .description{font-size:14px; color:#555555;line-height:20px;}
.aging-report{ clear:both;}
.aging-report .bar_control{ border-top: solid 1px #e5e5e5;}
ul.ul_form li .item.show-invoice label{ color:#808080;}
.description-chart.pieChartLegend ul li i{ border-radius:0; width:24px; height:6px; margin-bottom:1px;}
.description-chart.pieChartLegend ul li{ width:auto; margin-left:36px; font-size:12px;}
.description-chart.pieChartLegend ul li a{font-size:12px;}
.aging-report .chartDiv{ border:1px solid #ddd;}
.tb_content tbody th{ padding:10px 15px; font-size:14px;}
.td-detail .icon-arrows-slide-right2:before{ font-size:20px; color:#909090;}
.bg-gray{ background:#f5f5f5;}
.tb_content .td-detail .title{ position:relative;}
.highlight{font-weight:bold; font-size:14px !important; color:#505050 !important; background:#f9f9f9;}
.width-150{ width:150px;}
.width-250{ width:250px;}
.width-300{ width:300px;}
.width-40{ width:40px;}
.padding4{ padding:4px 12px !important;}
.width-40{ width:40px;}
td.width-40{ border-right:1px #ddd solid;}
/*.tb_content .td-detail .title:before{content:''; width:35px; height:3px; background:#f5f5f5; position:absolute; bottom:-1px; left:1px;}*/
.tb_content .td-detail td{padding: 7px 15px;border-color: #f7f7f7; height:34px;}

.tb_content .total td{ font-weight:bold; color:#333;}
/*.tb_content .total td:first-child{ position:relative; padding-left:25px;}
.tb_content .total td:first-child:before{ content:''; width:6px; height:6px; background:#ff5a5f; border-radius:500px; position:absolute; top:18px; left:10px;}*/
.tb_content .td-detail i.icon-arrows-slide-right2{ position:relative; top:4px; margin-right:12px;display: none}
.tb_content .td-detail.td-detail-1 .title{ padding-left:30px; }
.tb_content .td-detail.td-detail-2 .title{ padding-left:62px; }

.tb_content .td-detail.td-detail-3 .title{ padding-left:95px;}
.tb_content .td-detail.td-detail-4 .title{ padding-left:127px;}
.tb_content .td-detail.td-detail-5 .title{ padding-left:160px;}
.tb_content .td-detail.td-detail-6 .title{ padding-left:192px;}
.tb_content tbody + tbody{ border-top:1px solid #ddd;}
.tb_content tbody:last-child{ margin-bottom:15px;}
.icon-dot{ width:6px; height:6px; display:inline-block; background:#ff5a5f; border-radius:50px; position:relative; top:-2px !important; margin-right:10px;}
.noLine-1,.noLine-total,.noLine-2,.noLine-3,.noLine-4,.noLine-5,.noLine-6{ position:relative;}
.noLine-1:before,.noLine-2:before,.noLine-3:before,.noLine-4:before,.noLine-5:before,.noLine-6:before{ content:''; width:60px; height:1px; background:#fff; position:absolute; top:-1px; left:0;}
html>/**/body .noLine-1:before,html>/**/body .noLine-2:before,html>/**/body .noLine-3:before,html>/**/body .noLine-4:before,html>/**/body .noLine-5:before,html>/**/body .noLine-6:before, x:-moz-any-link {
    top:-2px;
}
.noLine-2:before{ width:90px;}
.noLine-3:before{ width:120px;}
.noLine-4:before{ width:150px;}
.noLine-5:before{ width:180px;}
.noLine-6:before{ width:210px;}
.tb_content tbody tr:hover .noLine-1:before,.tb_content tbody tr:hover .noLine-2:before,.tb_content tbody tr:hover .noLine-3:before,.tb_content tbody tr:hover .noLine-4:before,.tb_content tbody tr:hover .noLine-5:before,.tb_content tbody tr:hover .noLine-6:before{background: #fef3f3;}
/*******/
.groupWrapper{padding:0 20px}
.group_company{ background:#f1f1f1; border:1px solid #fff;}
.group_company + .group_company{ border-top:none;}
.group_company .top_group{ height:40px; border-bottom:1px solid #ddd; border-top:solid 1px #ddd;padding:10px 20px;}
.group_company .top_group .radio{margin:0}
.group_company .top_group .name{ font-size:14px; color:#303030; font-weight:bold; line-height:18px;}
.group_company .top_group .action{margin:0 0 0 15px; border-left:solid 1px #ddd;padding-left:15px}
.group_company .top_group .action a{ color:#000; width:24px; height:24px; text-align:center; line-height:30px; display:inline-block;}
.group_company .top_group .action a:hover,.group_company .top_group .action a:focus{ color:#ff5a5f;}
.group_company .top_group .action .edit i:before{ font-size:16px;}
.group_company .top_group .action .delete i:before{ font-size:19px;}
.group_company .cont-group{ padding:10px 20px 5px 20px;background:#fff}
.group_company .cont-group .list-item{ padding:0; margin:5px 0 0 0;}
.group_company .cont-group .list-item li{ float:left; width:25%; font-size:14px; color:#505050; list-style:none; position:relative; padding:0 30px 0 13px; margin-bottom:12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.group_company .cont-group .list-item li:before{ content:''; position:absolute; width:5px; height:5px; background-color:#ff5a5f; left:0; top:7px; border-radius:500px}
.addMore.company{ width:calc(100% - 42px); margin:0 20px 20px 20px}
.radio input[type=radio]:focus, .radio label[for]::before:focus*:focus { outline: none;}
.group_company .top_group .radio label[for]{top:2px}
.group_company .top_group .checkbox{margin:0 15px 0 0}
/*********/
.border-right{ border-right:1px #ddd solid;}
.tb_content tbody tr:hover td a.action{ color: #909090;}
.tb_content tbody tr td a.action:hover,.tb_content tbody tr td a.action:focus{ color:#ff5a5f;}
.tb_content tbody tr td a.action[name="moveButton"]{font-size: 23px; margin-top:2px; position:relative; top:2px}
/****end Dungnv********/

.downloadTemplate{color:#515151; font-size:14px; display:inline-block; margin:15px 0 35px}
.downloadTemplate i{font-size:20px; margin-right:7px; position:relative; top:3px}

.slName{float:left; margin:0 30px 19px ;max-width:400px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.slName .chosen-container .chosen-drop{width:390px !important}
.slName .chosen-single{position:relative;background:none; border:solid 1px transparent;box-shadow:none}
.slName .chosen-container-single .chosen-single span{width:100%; float:left;margin-left:0; margin-right:15px; font-size: 30px; font-weight:300;color:#808080;white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.slName .chosen-container-single .chosen-single{height:auto;padding-left:0; display:inline-block; clear:both; padding-right:15px; width:100%}
.slName .chosen-single .icon-arrows-down{font-size:20px; position:relative; top:3px}
.slName .chosen-container-active.chosen-with-drop .chosen-single{background:none; box-shadow:none;border-color:transparent; background-image:none; width:100%}
.slName .chosen-container .chosen-results li{font-size:14px; color:#505050;padding:13px 20px}
.slName .chosen-container .chosen-results li:hover, .slCompany .chosen-container .chosen-results li:hover{background:none; color:#ff5a5f}
.slName .chosen-container .chosen-results li.active-result.result-selected{color:#333;font-weight:700; background:none }
.slName .chosen-container .chosen-drop{border:none;top:56px;border-radius:3px;box-shadow:0 2px 4px rgba(0,0,0,.3);border-top:solid 1px #e5e5e5}
.slName .chosen-search{padding:20px;border-bottom:solid 1px #ddd}
.slName .chosen-results{padding:10px 0}
.slName .chosen-container .chosen-drop:after,.slName .chosen-container .chosen-drop:before{bottom:100%;left:10%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.slName .chosen-container .chosen-drop:after{border-color:rgba(136,183,213,0);border-bottom-color:#fff;border-width:8px;margin-left:-8px}
.slName .chosen-container .chosen-drop:before{border-color:rgba(194,225,245,0);border-bottom-color:#e0e0e0;border-width:9px;margin-left:-9px}
.slName .chosen-container-single .chosen-search input[type=text]{border-color:#ddd;padding:8px 10px; background:none}
.slName .chosen-container-single .chosen-search{position:relative}
.slName .chosen-container-single .chosen-search:before{font-family: "linea-basic-10"!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; content:"#";position:absolute; right:31px; top:29px;font-size:18px; color:#000}
.slideOverlay #mainDiv .modal-header .top .slName .sttName{float:left; font-size:27px; color:#505050; font-weight:300; padding-right:20px; margin:4px 20px 0 0;border-right:solid 1px #ebebeb}
.slideOverlay #mainDiv .modal-header .top .slName.hasSttName{max-width:615px}
.slideOverlay #mainDiv .modal-header .top .slName.hasSttName .chosen-container{width:auto !important; margin-top:4px}
.slideOverlay #mainDiv .modal-header .top .slName.hasSttName .chosen-container .chosen-single span{font-size:15px; font-weight:700;max-width:260px }
.totalNumber{font-size:14px; color:#505050; position:relative; top:14px; margin-right:20px}
.slideOverlay #mainDiv .modal-header .top .slName.hasSttName .subName{font-size:15px; font-weight:700; position:relative; top:13px; float:left}

.switch{margin-top:4px}
.hasChart{padding:50px 30px}
.hasChart .pieChartLegend,.noLegend .pieChartLegend{display:none}
.hasChart .chartTable, .chartDivContent .chartTable {width:calc(100% - 400px)}
.hasChart .chartDetail, .chartDivContent .chartDetail{width:400px !important}
.hasChart .chartLabel, .chartDivContent .chartLabel{font-weight:700; text-align:center; font-size:14px}
.hasChart.noChartDetail .chartTable,.noChartDetail .chartTable{width:100%}
.hasChart.noChartDetail .chartDetail,.noChartDetail .chartDetail{display:none}
.chartDivContent .highcharts-container{width:100% !important;}

.dateComment{display:none}
.dateRangeSelect{background:#f1f1f1; font-size:14px; color:#515151; float: left;padding:0; cursor:pointer; width:100%}
.dateRangeSelect i.icon-basic-calendar{float:left; margin-right:10px}
.dateRangeSelect span{position:relative; top:2px}
.primaryDateDropdown{background:#fff; position:absolute; top:45px; min-width:315px; box-shadow:0 2px 5px rgba(0,0,0,.3); z-index:99; left:0;border:solid 1px #dadada; padding:10px 0; display:none}
.primaryDateDropdown:after,.primaryDateDropdown:before{bottom:100%;left:10%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.primaryDateDropdown:after{border-color:rgba(136,183,213,0);border-bottom-color:#fff;border-width:7px;margin-left:-7px}
.primaryDateDropdown:before{border-color:rgba(194,225,245,0);border-bottom-color:#dadada;border-width:8px;margin-left:-8px}
.datepickerMenuItem{padding:0 8px 0 30px; cursor:pointer; position:relative; color:#515151; line-height:37px}
.datepickerMenuItem:hover,.datepickerMenuItem:focus{background:#f9f9f9}
.datepickerMenuItem.dateItemSelection{color:#ff5a5f; font-weight:700; background:#f9f9f9}
.datepickerMenuItem.dateItemSelection:before{width:15px;height:14px; background:url(../images/icon.png) no-repeat;display:inline-block; background-position:-172px -35px; content:' '; left:8px; position:absolute;top:13px}
.dateBox{width:83px !important;padding:0 4px;height:25px; line-height:25px; display:inline-block; background:#fff !important; font-weight:normal;border:1px solid #ddd !important}
.customeDaterange{display:inline-block; margin-left:5px; width:calc(100% - 55px)}
.customeDaterange .item{display:inline-block; float:none !important; width: auto !important; margin:0 !important}
.customeDaterange .item .ip-datepicker{background:none}
.customeDaterange .item .form-control{padding-left:5px !important}
.dateBoxSeparator{color:#777; font-size:15px; margin:0 1px }
.datepickerMenuItemFooter{padding-left:30px; padding-top:15px; border-top:solid 1px #e0e0e0}
.btn-small-2{ padding:2px 6px 0; margin-bottom:3px !important; margin-left:2px;float:none !important;margin-right: 0 !important}
.ul_form li .item.select_daterange .icon-basic-calendar{display:none}
.ul_form li .item.select_daterange .dateRangeSelect{width:100%; background:#fff;height:34px; line-height:30px; padding-top:0; font-size:13px; color:#808080}
.item.select_daterange input.form-control{cursor:pointer !important;z-index:99; position:relative}
.ul_form li .item.select_daterange .dateRangeSelect:after{float:right;top:8px}
.ul_form li .item.select_daterange .primaryDateDropdown{top:62px}
.top .item label, .top .item br,.bar_control .ul_control_left .item label,.bar_control .ul_control_left .item br{display:none}
.top .item.select_daterange input.form-control{border:none;width :100%;background:none;padding-left: 42px; z-index:99; position:relative}
.top .item.select_daterange input.form-control:focus{outline:none;box-shadow:none}

.messageError{float:left; font-weight:400;line-height:21px;margin-bottom:5px}

.confirmTxt{padding:25px 20px 15px; font-size:14px; color:#808080; text-align:center}
.confirmDialog:before{width:100vw; height:100vh; display: inline-block; content:' ';position: fixed; top:0; left:0; background:rgba(0,0,0,.8) }
.confirmDialog.modal{z-index:9999999}
.confirmDialog.modal .modal-body{padding-top:20px}
.confirmDialog.modal .modal-footer{padding-bottom:20px}
.confirmDialog .buttonRow{text-align:center}
.confirmDialog .buttonRow .btn{float:none}
.addMore:hover,.addMore:focus{background:#f9f9f9}
.createInvoiceTable .tb_content th{padding-left:15px}
.createInvoiceTable .tb_content td{padding:1px 5px 0 ;/*vertical-align:top;*/height:42px;/*overflow:hidden;*/ position:relative; overflow:visible; }
.createInvoiceTable .tb_content tbody tr td .form-control{min-width:inherit; max-width:inherit; border-color:transparent;padding:6px 8px;background:none}
.createInvoiceTable .tb_content tbody tr:hover{background:#f8f8f8}
.createInvoiceTable .tb_content tbody tr:hover td .form-control,.createInvoiceTable .tb_content tbody tr.active td .form-control{border-color:#ddd; background:#fff}
.createInvoiceTable .tb_content tbody tr td .form-control:focus{background:#fff}
.createInvoiceTable .tb_content tbody tr td .error .form-control,.createInvoiceTable .tb_content tbody tr td .error .chosen-container-single .chosen-single{border-color:#ff0000 !important;}
.createInvoiceTable .tb_content tbody tr td .chosen-container-single .chosen-single{border-color:transparent; background:none; color:#808080}
.createInvoiceTable .tb_content tbody tr:hover td .chosen-container-single .chosen-single,.createInvoiceTable .tb_content tbody tr.active td .chosen-container-single .chosen-single{border-color:#ddd;background:#fff}
.createInvoiceTable .tb_content tbody tr:hover td .chosen-container-single .chosen-single div,.createInvoiceTable .tb_content tbody tr.active td .chosen-container-single .chosen-single div{display:inline-block}
.createInvoiceTable .tb_content tbody tr td .chosen-container-active.chosen-with-drop .chosen-single{border-color:#66afe9; background:#fff}
.createInvoiceTable .tb_content tbody tr td.numRight .form-control{text-align:right; float:right}
.createInvoiceTable .tb_content tbody tr td .item label, .createInvoiceTable .tb_content tbody tr td .item br{display:none}
.createInvoiceTable .tb_content tbody tr td .item.checkbox label[for]{display:inline-block}
.visibleContent .tb_content td{overflow: visible; white-space: inherit; word-break: break-all}

.createInvoiceTable .tb_content tbody tr td .chosen-container-active .chosen-single{border:solid 1px #66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,174,189,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,174,189,.6); background:#fff}
.createInvoiceTable .tb_content tbody tr td.numRight .form-control.disabled,.createInvoiceTable .tb_content tbody tr:hover td.numRight .form-control.disabled{background:#e8e8e8}
.createInvoiceTable .tb_content tbody tr td .chosen-container .chosen-drop{min-width:250px; border-top:solid 1px #66afe9}
.createInvoiceTable .tb_content tbody tr td .chosen-container-single .chosen-single div{display:none}
.createInvoiceTable .tb_content tbody tr td .chosen-container-active.chosen-with-drop .chosen-single div ,.createInvoiceTable .tb_content tbody tr td .chosen-container-active .chosen-single div{display:inline-block}
.totalRow .uppercase{ font-size:14px; color:#ff5a5f;}
.totalRow td{background:#f1f1f1; font-weight:700;padding:25px 15px !important}
.content_block.note_block{padding-top:0}
.content_block.add_row_table.createInvoiceTable,.content_block.add_row_table{margin-bottom:0}
.createInvoiceTable .tb_content tbody tr td.numRight .item{right:0}
.highcharts-button{display:none !important}
.dropdown.open .icon-arrows-down:before,.actionDropdown.open .icon-arrows-down:before,.user_noti.u_info.open .user-name:after,.chosen-container-active.chosen-with-drop .chosen-single .icon-arrows-down:before{content:"\e083"}
.createInvoiceTable .tb_content tbody tr td .item.error{width:auto !important}
.createInvoiceTable .tb_content tbody tr td.active .item.error{width:240px !important}
.ico_back{width:15px;height:15px;display:inline-block; background-position:-140px -64px}
a:hover .ico_back,a:focus .ico_back{background-position:-175px -64px}
.content_block.add_row_table .tb_content thead tr th .checkbox{margin-top:0}
.content_block.add_row_table .tb_content .checkbox label{padding-left:5px}
.nav_control_left a i.ico_back{top:0}
.tr_child_level1 td:first-child{padding-left:38px}
.tr_child_level2 td:first-child{padding-left:63px}
/*.tdWrapper{overflow:hidden; width:100%;height:100%; position:relative; display:block}
td.active .tdWrapper{overflow:visible}
.createInvoiceTable .tb_content tbody tr td .chosen-container .chosen-drop{display:none; position:inherit}
.createInvoiceTable .tb_content tbody tr td.active .chosen-container .chosen-drop{display:block; position:absolute}*/
.createInvoiceTable .tb_content tbody tr td .icon-basic-calendar{display:none}
.modal-art{ width:1058px; background:#fff; margin:30px auto;}
.confirmDialog .modal-art{ width:450px;}
.fakeSpan{padding:0 10px}
.clickable{cursor:pointer}
.btnGroup{position:relative;width:auto; margin-right:5px;}
.btnGroup.fr{margin-right:0; margin-left:5px}
.btnGroup a.u_link{display:inline-block;padding:0 15px 0;margin-bottom:0;font-size:15px;font-weight:400;line-height:1.42857143;white-space:nowrap;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:2px 0 0 2px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;color:#fff;background-color:#ff5a5f;border:solid 1px #ff5a5f; position:relative; float:left; text-align:center;height:34px; line-height:30px}
.btnGroup a.u_link:hover,.btnGroup a.u_link:focus{background:#e8474c;border-color:#e8474c}
.btnGroup a.u_link,.btnGroup .actionDropdown .dropdown-toggle.u_action {color:#fff;}
.btnGroup .vLine{display:none}
.btnGroup .actionDropdown{float:right; position:relative;}
.btnGroup .actionDropdown .dropdown-toggle.u_action{position: relative;top: 0;right:0;width:30px;height:34px; border-radius:0 2px 2px 0;border-left:solid 1px #e4454a;background:#ff5a5f; float:right}
.btnGroup .actionDropdown .dropdown-toggle.u_action:hover, .btnGroup .actionDropdown.open .u_action{background:#e4454a}
.btnGroup .actionDropdown .dropdown-toggle.u_action .icon-arrows-down{position:relative; top:8px}
.btnGroup.fr .actionDropdown .dropdown-toggle.u_action .icon-arrows-down{right:5px}
.btnGroup .actionDropdown .dropdown-toggle.u_action .icon-arrows-down:before{font-size:19px}
.btnGroup .actionDropdown.open .u_action:before{display:none}
.btnGroup .actionDropdown .dropdown-menu{border-color:#ddd; box-shadow:0 2px 3px rgba(0,0,0,.2); top:40px;left:-93px; min-width:130px}

.btnGroup .actionDropdown .dropdown-menu:after,.btnGroup .actionDropdown .dropdown-menu:before{bottom:100%;right:10px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.btnGroup .actionDropdown .dropdown-menu:after{border-color:rgba(136,183,213,0);border-bottom-color:#fff;border-width:7px;margin-left:-7px}
.btnGroup .actionDropdown .dropdown-menu:before{border-color:rgba(194,225,245,0);border-bottom-color:#ddd;border-width:9px;margin-left:-8px; right:8px}
.btnGroup .actionDropdown .dropdown-menu li{text-align:left;border-bottom:solid 1px #f2f2f2}
.btnGroup .actionDropdown .dropdown-menu li:hover{background:#f9f9f9}
.btnGroup .actionDropdown .dropdown-menu li:last-child{border-bottom:none}
.btnGroup .actionDropdown .dropdown-menu li a{text-transform:none; color:#515151;padding:8px 15px}
.btnGroup .actionDropdown .dropdown-menu li:hover a,.btnGroup .actionDropdown .dropdown-menu li a:focus{color:#ff5a5f}
.btnGroup.up .actionDropdown .dropdown-menu{bottom:42px;top:auto;box-shadow:0 -1px 2px rgba(0,0,0,.15);}
.btnGroup.up .actionDropdown .dropdown-menu:after,.btnGroup.up .actionDropdown .dropdown-menu:before{top:100%;left:106px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.btnGroup.up .actionDropdown .dropdown-menu:after{border-color:rgba(136,183,213,0);border-top-color:#fff;border-width:7px;margin-left:-7px}
.btnGroup.up .actionDropdown .dropdown-menu:before{border-color:rgba(194,225,245,0);border-top-color:#ddd;border-width:9px;margin-left:-8px; left:104px}


#wrapper.toggled .ul_submenu{display:none !important}
#wrapper.toggled i.icon-arrow-plus{display:none}
/*.b_content.clickable:after{position:absolute; bottom:0; height:4px; width:100%; background:#ffa6a9;content:' '; display:none; left:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.b_content.clickable:hover:after{display:inline-block}*/
.add_row_table .tb_content{margin-bottom:0}

ul.ul_form li .item.longSelect{width:608px}

.createInvoiceTable .tb_content td.tableText{height: 39px; padding: 12px 15px 12px 15px;}

.configWrapper{position:absolute;width:498px; height:545px;left:745px; top:20px;}
.paymentConfigDetail{float:right; width:498px; position:relative; max-height:442px; overflow-y:auto;background:#fff;border:solid 1px #ddd}
.configWrapper:after,.configWrapper:before{right:497px;top:24px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none; z-index:9}
.configWrapper:after{border-color:rgba(136,183,213,0);border-right-color:#fff;border-width:9px;margin-left:-9px}
.configWrapper:before{border-color:rgba(194,225,245,0);border-right-color:#ddd;border-width:11px;margin-left:-10px; top:22px}
.paymentConfigDetail .dtRow{padding:0 20px;float:left; width:100%}
.paymentConfigDetail .dtRow p.pTitle{color:#515151;font-size:14px;font-weight:700;padding-top:10px}
.paymentConfigDetail .dtRow ul{margin:0 0 10px 0; display:inline-block; width:100%; border-bottom:solid 1px #ddd;padding:0 0 25px 0}
.paymentConfigDetail .dtRow ul li{list-style:none;padding:5px 0 0; float:left; width:100%;color:#515151}
.paymentConfigDetail .dtRow ul li:last-child{border-bottom:none}
.paymentConfigDetail .dtRow ul li .valNum span{font-size:9px; color:#808080}
.paymentConfigDetail .dtRow ul li.ttRow{text-transform:uppercase; margin:5px 0 0}
.paymentConfigDetail .dtRow ul li.ttRow .valNum,.paymentConfigDetail .dtRow ul li.ttRow .valNum span{color:#ff5a5f}
.ftTotalRow ul{background:#fff; text-transform:uppercase; color:#ff5a5f; list-style:none; padding:15px 20px; display:inline-block; width:100%; margin:0; float:left}
.paymentConfigDetail .dtRow ul li .item{float:left; width:100%; margin-bottom:0; position:relative}
.paymentConfigDetail .dtRow ul li .item label{float:left; margin-bottom:0; position:relative; top:6px; width:calc(100% - 200px);padding-right:20px}
.paymentConfigDetail .dtRow ul li .item .form-control{float:right;width:185px;height:30px; line-height:30px; text-align:right;background:#fff; color:#515151}
.paymentConfigDetail .dtRow ul li .item .form-control[disabled]{background:#e8e8e8}
.paymentConfigDetail .dtRow ul li.ttRow .valNum{padding-right:11px}
.paymentConfigDetail .dtRow ul li .item br{display:none}
.paymentConfigDetail .dtRow ul li .item .form-control::-webkit-input-placeholder{color:#a0a0a0}.paymentConfigDetail .dtRow ul li .item .form-control:-moz-placeholder{color:#a0a0a0}
.paymentConfigDetail .dtRow ul li .item .form-control:focus{background:#fff}
.paymentConfigDetail .dtRow ul li .item.error .errInputMsg{right:0; top:30px;max-width:230px; left:auto}
.paymentConfigDetail .dtRow ul li .item.error .errInputMsg:after{left:auto; right:10px}
.paymentConfigDetail .dtRow ul li .item.error .form-control{border-color:#ff0000}

.composeLine{position:relative;color:#515151; font-size:14px}
.composeLine span{position:absolute; top:10px; left:20px; z-index:9}
#composeEmailModal .modal-art{margin-top:150px}
.composeLine .form-control{position:relative;border:none;border-bottom:solid 1px #e5e5e5;height:38px;line-height:38px}
.ico_receipt{width:18px;height:17px; display:inline-block; background-position:-121px -100px}
.ico_subject{width:12px;height:18px;display:inline-block; background-position:-95px -100px}
.composeLine span i{position:relative; top:-3px;margin-right:6px}
.composeLine.composeTo .form-control{padding-left:70px; }
.composeLine.composeSubject .form-control{padding-left:100px}
.composeLine .form-control:focus{outline:none; box-shadow:none;border-color:#e5e5e5 !important}
.note-btn-group.btn-group>.btn{min-width:0;border-color:#ccc; margin-bottom:5px}
.note-toolbar.panel-heading{border-radius:0; border-color:transparent;padding:10px 20px 5px 20px}

.formulaRequired label:after{width:16px;height:16px; display:inline-block;background:url(../images/icon.png) no-repeat; background-position:-154px -100px; content:' '; margin-left:3px; position:absolute}
.errorMessage{color:#ff0000}
.successMessage{color:#44aa1e}
.grayTxt{color:#808080; font-size:13px;clear:both; display:inline-block; width:100%; margin-top:4px}
.tableData.hasSpanName{}
.tableData.hasSpanName table td{vertical-align:bottom; padding:7px 8px}

span[name="currencyTxt"]{font-weight:400 !important;position:relative;top: -2px;margin-left:2px;margin-top: 0 !important;font-size:12px !important;white-space: normal;}
.currencyTxt{font-size:10px !important;color:#808080; position:relative;top:-3px; margin-left:5px; font-weight:400; margin-top: 0 !important;}
.no_chartLeft span[name="currencyTxt"]{top:-15px}
.tableBarControl .bar_control{padding:20px 0;min-height: 42px;border-bottom:solid 1px #ddd;margin:0 20px; width:calc(100% - 40px)}
.tableBarControl .filterBox{padding-top:0;background:#fff;display:none;clear:both; margin:0 20px;border-bottom:solid 1px #ddd; width:calc(100% - 40px); position:relative}
.tableBarControl .filterBox:before{    border-bottom: 9px solid #ddd;border-left: 9px solid transparent;border-right: 9px solid transparent;content: "";display: inline-block;position: absolute;right: 30px;top: -9px;}
.transactionSelect .chosen-container-single .chosen-single{overflow:visible;height:34px;line-height:34px; padding-right:30px}
.transactionSelect .chosen-container-single .chosen-single span{display:inline-block;margin-right:0}
.transactionSelect .chosen-container-single .chosen-single span:before{font-family:"linea-ecommerce-10"!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"l";font-size:20px;position:relative;top:5px;margin-right:5px}
.transactionSelect .chosen-container-single .chosen-single div{right:0; color:#696969; top:1px}
.transactionSelect .chosen-container-single .chosen-drop{min-width:200px; border-top:solid 1px #66afe9}
.transactionSelect .chosen-container-active .chosen-single{box-shadow:none;border-color:#66afe9}
.transactionSelect .chosen-container-active.chosen-with-drop .chosen-single{background:none;box-shadow:none}
.tableBarControl .bar_control .transactionSelect .dropdown-menu{top:33px}
.tableBarControl .bar_control .transactionSelect .dropdown-menu:before,.tableBarControl .bar_control .transactionSelect .dropdown-menu:after{bottom:100%;right:5%;border:solid transparent;content:" ";height:0;width:0;position:absolute}
.tableBarControl .bar_control .transactionSelect .dropdown-menu:before{pointer-events:none;border-color:rgba(194,225,245,0);border-bottom-color:#e5e5e5;border-width:8px;margin-left:-8px}
.tableBarControl .bar_control .transactionSelect .dropdown-menu:after{border-color:rgba(194,225,245,0);border-bottom-color:#fff;border-width:6px;margin-left:-7px}
.lastRow,.lastRow .btn{margin-bottom:0!important}
.blankDiv{display:inline-block;height:20px;width:100%;clear:both}
.ui-autocomplete.ui-front{z-index:999999}
/*.tab-pane .padding30 .tableBarControl .bar_control{margin-bottom:0; padding:6px 20px}*/

.modalMainContent .composeEmailContent .modal{width:1058px; margin:0 auto}
.modalMainContent .composeEmailContent .modal .modal-body{padding: 20px}

/*-- no Sidebar --*/
#content.noSideBar{padding-left:0}
#content.noSideBar .footer{padding-left:30px}

span.multiselect-native-select{position:relative}
span.multiselect-native-select select{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px -1px -1px -3px !important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;left:50%;top:30px}
.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:10px 0}
.multiselect-container .input-group{margin:5px}
.multiselect-container>li{padding:2px 0}
.multiselect-container>li:hover{background:#fef3f3; color:#515151}
.multiselect-container>li.active label{font-weight:700}
.multiselect-container>li>a.multiselect-all label{font-weight:700}
.multiselect-container>li.multiselect-group label{margin:0;padding:3px 20px;height:100%;font-weight:700}
.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}
.multiselect-container>li>a{padding:0; font-size: 13px !important;}
.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 10px 3px 30px; width:100%; white-space: normal}
.multiselect-container>li>a>label.radio,.multiselect-container>li>a>label.checkbox{margin:0;font-size: 13px;color:#555}
.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}
.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]{margin-left:-20px;margin-right:0}
span.multiselect-native-select .btn-group>.btn{width:100%; border-color:#ddd; text-transform:none; text-align:left; min-width:inherit; margin-bottom:0; padding:6px 10px; color:#808080; background:#fff; font-size:14px; height: 34px}
span.multiselect-native-select .btn-group>.btn:hover{box-shadow:none}
span.multiselect-native-select .btn-group.open>.btn{border-color:#66afe9 !important;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.0),0 0 8px rgba(0,174,189,.6) !important;box-shadow:inset 0 1px 1px rgba(0,0,0,0),0 0 8px rgba(0,174,189,.6) !important; border-bottom-color:transparent !important;background: #fff !important;}
span.multiselect-native-select .btn-group{width:100%}
span.multiselect-native-select .btn-group .btn .caret{border:none}
span.multiselect-native-select .btn-group .btn .caret:before{content:"\e019";font-family:"linea-arrows-10"!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;right:6px;top:8px;font-size:16px}
span.multiselect-selected-text{white-space:nowrap; display:inline-block; width:100%; overflow:hidden; text-overflow:ellipsis; padding-right:10px}

span.multiselect-native-select .multiselect-container .checkbox input[type=checkbox]{opacity:1; margin-left:-19px}
.error span.multiselect-native-select .btn-group>.btn{border-color:#ff0000}
.multiselect-container.dropdown-menu{border: solid 1px #66afe9; padding-top:0;top:32px !important; max-height:300px; overflow-y:auto;box-shadow: 0 10px 8px rgba(0, 0, 0, 0.06);max-width:300px}
.multiselect-item.multiselect-filter .input-group{width:calc(100% - 10px)}
.multiselect-item.multiselect-filter .input-group .multiselect-search{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:url(../images/chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}
.multiselect-item.multiselect-filter{padding:0}
.multiselect-item.multiselect-filter:hover{background:none}
.tb_fixed{top:80px;position:fixed;width:auto; display:none; border:none;z-index:9;box-shadow:0 1px 2px rgba(0,0,0,.2)}

.required span.multiselect-native-select .multiselect-container label:after{display:none}
.error span.multiselect-native-select .btn-group>.btn{border-color:#ff0000}
/*.modal-body .chosen-container .chosen-results{max-height:120px !important;}*/
.modal-body .content_block.add_row_table{padding:0 20px}
.modal-body .content_block.add_pointBlock{padding:0 20px; margin:0 0 20px;width:100%}
.modal-body .content_block.add_pointBlock.hide{display: none !important}
.confirmDialog .modal-body{min-height:0; padding-bottom:20px}
.tbHasChild .tb_content .tr_parent td:first-child{padding-left: 20px}
.tbHasChild .tb_content .tr_child_level1 td:first-child{padding-left: 45px}
.tbHasChild .tb_content .tr_child_level2 td:first-child{padding-left: 95px}
.tbHasChild .treeNode{position:relative;width:18px;height:18px; display:inline-block;float:left; margin-right:10px}
.hasChildElement .treeNode:before{background:url(../images/icon.png) no-repeat; width:18px;height:18px; background-position:-31px -158px;position:absolute; left:0; top:0; cursor:pointer; content:' '; display:inline-block}
.hasChildElement.collapsed .treeNode:before{background-position:-63px -156px; width:18px; height:18px}
.blankTd{position:relative}
.blankTd:before{ content:''; width:100%; height:1px; background:#fff; position:absolute; top:-1px; left:0;}
.tb_content td.blankTd{overflow: visible}
.tbBlankSpace .tb_content tbody tr:first-child td{border-top-color:transparent}

/*-- hack firefox --*/
html>/**/body .blankTd:before, x:-moz-any-link {
    top: -2px;
}
html > body tbody tr:first-child .blankTd::before, x:-moz-any-link{
    top: 0;
}

/*-- paycheck setting --*/
.editFrame .content_block{padding:0 20px !important;margin-bottom:0 }
.editFrame .content_block.add_pointBlock{margin:0 0 20px; width:100% !important}
/*.editFrame .content_block .tb_content{border:solid 1px #ddd !important}*/
.editFrame .top_block, .previewFrame .top_block{border-bottom:none}
.editFrame .tb_content tbody td, .editFrame .tb_content tfoot td{height:43px; padding:0 13px; overflow:visible}
.editFrame .tb_content tbody td .groupAction{display:none; position:relative; cursor:default; white-space:nowrap}
.editFrame .tb_content.selectableTable tbody tr.mainRow td{overflow:visible !important;}
.editFrame .tb_content tbody td .action{font-size:19px; margin-left:8px}
.editFrame .tb_content tbody td.indexNum,.previewFrame .tb_content tbody td.indexNum{padding-right:0}
.editFrame .tb_content tbody td .action:hover .ico_editor,.editFrame .tb_content tbody tr.current .editor .ico_editor{background-position:-124px -162px}
.editFrame .tb_content tbody tr:hover td .groupAction{display:block; position:relative}
.editFrame .tb_content tbody tr.current .groupAction{display:block}
.editFrame .tb_content tbody tr.current{background:#fef3f3}
.editFrame .tb_content tbody tr.current .editTxtForm{display:inline-block; font-family:"Times New Roman", Times, serif}
.editFrame{width:calc(100% - 536px);float:left;background:#fff; border:solid 1px #ddd; margin-top:20px }
.previewFrame{width:518px; float:right; background:#fff; border:solid 1px #ddd; margin-top:20px}
.editFrame .tb_content tbody tr.parentRow ,.previewFrame .tb_content tbody tr.parentRow,.previewFrame .tb_content tfoot tr.parentRow{ font-weight:700; color:#313131; background:#f1f1f1}
.editFrame .tb_content tbody tr td:first-child + td{padding-left:30px}
.editFrame .tb_content tbody tr.parentRow td:first-child + td{padding-left:12px}
.editFrame .tb_content tbody tr td .item label,.editFrame .tb_content tbody tr td .item br{display:none}
.editFrame .tb_content tbody tr .form-control,.editFrame .tb_content tbody tr .txt{border-color:transparent; max-width:100%; color:#808080; background:transparent;font-size:13px; margin-top: 5px}
.editFrame .tb_content tbody tr:hover .form-control,.editFrame .tb_content tbody tr:hover .txt{background:#fff}
.editFrame .tb_content tbody tr:hover .form-control,.editFrame .tb_content tbody tr:hover .txt{border-color:#ddd}
.editFrame .tb_content tbody tr .form-control:focus,.editFrame .tb_content tbody tr .txt:focus{background:#fff}
.editFrame .tb_content tbody tr .chosen-container-active.chosen-with-drop .chosen-single{background:#fff}
.editTxtForm{display:none; width:147px;padding:8px 0 3px; background:#fff; box-shadow:1px 1px 1px 2px rgba(0,0,0,.1);border-radius:2px; position:absolute;left:-86px; top:-40px; cursor:default}
.editTxtForm li{float:left;list-style:none}
.jscolor{width:16px;height:16px;border:none;padding:0; margin:0 10px }
.editTxtForm li a{ font-size:14px; color:#999 !important; font-weight:400; padding:0 10px}
.editFrame .tb_content tbody tr:hover td .editTxtForm li a{color:#808080}
.editTxtForm li a.italic{font-style:italic}
.editTxtForm li a.underline{text-decoration:underline}
.editTxtForm li a.bold{font-weight:700}
.editTxtForm li a.italic.active,.editTxtForm li a.underline.active,.editTxtForm li a.bold.active{color:#000 !important}
.editTxtForm li a.closeEditForm{font-size: 17px;padding:0 3px}
.editTxtForm li a.closeEditForm:hover{color:#ff5a5f}
.previewFrame .tb_content tbody tr td:first-child + td{padding-left:30px}
.previewFrame .tb_content tbody tr.parentRow td:first-child + td{padding-left:12px}
.editTxtForm:after,.editTxtForm:before{top:100%;left:101px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.editTxtForm:after{border-color:rgba(136,183,213,0);border-top-color:#fff;border-width:6px;margin-left:-6px}
.editTxtForm:before{border-color:rgba(194,225,245,0);border-top-color:#ddd;border-width:8px;margin-left:-8px}
.editFrame .tb_content tbody tr.hasnoteTxt td{padding:3px 13px; vertical-align:top}
.editFrame .tb_content tbody tr.hasnoteTxt td div.checkbox.item{margin-top:8px}

.editFrame .tb_content tbody tr td .chosen-container{width:auto !important; max-width:100%;/* min-width:220px*/}
.editFrame .tb_content tbody tr td .chosen-single{border-color:transparent; background: transparent}
.editFrame .tb_content tbody tr td .error .chosen-single,.editFrame .tb_content tbody tr td .error .form-control{border-color:#ff0000 !important;}
.editFrame .tb_content tbody tr td .chosen-container-active .chosen-single{border-color:#66afe9}
.editFrame .tb_content tbody tr:hover .chosen-single{background:transparent}
.editFrame .tb_content tbody tr .chosen-container-single .chosen-single div{display:none}
.editFrame .tb_content tbody tr:hover .chosen-container-single .chosen-single div,.editFrame .tb_content tbody tr .chosen-container-active.chosen-with-drop .chosen-single div{display:block}
.editFrame .tb_content tbody tr .chosen-container.chosen-with-drop .chosen-drop{min-width:220px}
.previewFrame .box_shadow{background:#f1f1f1}
.previewFrame .content_block{margin:0 20px 20px; background:#fff; width:476px; box-shadow: 1px 1px 1px 2px rgba(0,0,0,.08)}
.previewFrame .content_block .tb_content{table-layout: fixed}
.netIncomeInfo td{color:#ff5a5f !important; text-transform:uppercase !important}
.previewFrame .tb_content tfoot tr.parentRow{}
.ftRow td{font-weight:700; padding:10px 10px 0}
.psName{text-transform:uppercase; color:#ff5a5f; font-size:18px; font-weight:700}
.psTime{text-transform:uppercase; color:#303030; font-weight:700}
.psCus{color:#313131; font-weight:700}
.payslipInfo{padding:20px 0}
.logoCompany{width:250px !important;text-transform:uppercase; font-weight:700 }
.logoCompany img{max-width:118px; clear:both; display:inherit; margin:0 auto 10px}
.payslipInfo table{width:100%}
.action .icon-arrows-move2{cursor:move}
.previewFrame .content_block.add_row_table .tb_content tfoot td{padding:12px 15px}
textarea.growTextArea{height:46px}
.editFrame .configInvoiceTb .tb_content tbody tr td:first-child + td{padding-left:0}
.editFrame .configInvoiceTb .tb_content tbody tr td .item.checkbox{margin-right:10px; padding-left:10px}
.editFrame .configInvoiceTb .tb_content tbody tr td .item.checkbox label{display:inline-block;vertical-align:middle;position:relative;padding-left:3px;font-size:13px;color:#515151}
.editFrame .configInvoiceTb .tb_content tbody tr td .item.checkbox label[for]::after,.editFrame .configInvoiceTb .tb_content tbody tr td .item.checkbox label[for]::before{position:absolute;margin-left:-20px;display:inline-block;left:0}
.editFrame .configInvoiceTb .tb_content tbody tr td .item.checkbox label[for]::before{content:"";width:15px;height:15px;border:1px solid #ddd;border-radius:1px;background-color:#fff;-webkit-transition:border .15s ease-in-out,color .15s ease-in-out;-o-transition:border .15s ease-in-out,color .15s ease-in-out;transition:border .15s ease-in-out,color .15s ease-in-out; top:2px}
.editFrame .configInvoiceTb .tb_content tbody tr td .item.checkbox label[for]::after{width:15px;height:15px;top:1px;padding-left:0;padding-top:0;font-size:10px;color:#fff; }

.editFrame .configInvoiceTb .tb_content tbody tr td .item.checkbox input[type=checkbox],.editFrame .configInvoiceTb .tb_content tbody tr td .item.checkbox input[type=radio]{opacity:0;z-index:1}
.editFrame .configInvoiceTb .tb_content tbody tr td .item.checkbox input[type=checkbox]:focus,.editFrame .configInvoiceTb .tb_content tbody tr td .item.checkbox input[type=radio]:focus{outline:0 !important; box-shadow:none !important}
.editFrame .configInvoiceTb .tb_content tbody tr td .item.checkbox input[type=checkbox]:focus+label::before,.editFrame .configInvoiceTb .tb_content tbody tr td .item.checkbox input[type=radio]:focus+label::before{outline-offset:-2px; border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,174,189,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,174,189,.6)}
.editFrame .configInvoiceTb .tb_content tbody tr td .item.checkbox input[type=checkbox]:checked+label::after,.editFrame .configInvoiceTb .tb_content tbody tr td .item.checkbox input[type=radio]:checked+label::after{font-family:"linea-arrows-10";content:"\e006"}
.editFrame .configInvoiceTb .tb_content tbody tr td .item.checkbox input[type=checkbox]:indeterminate+label::after,.editFrame .configInvoiceTb .tb_content tbody tr td .item.checkbox input[type=radio]:indeterminate+label::after{display:block;content:"";width:10px;height:3px;background-color:#555;border-radius:2px;margin-left:-16.5px;margin-top:7px}
.editFrame .configInvoiceTb .tb_content tbody tr td .item.checkbox input[type=checkbox].styled:checked+label:after,.editFrame .configInvoiceTb .tb_content tbody tr td .item.checkbox input[type=radio].styled:checked+label:after{font-family:"linea-arrows-10";content:"\e006";font-size:15px}
.editFrame .configInvoiceTb .tb_content tbody tr td .item.checkbox input[type=checkbox].styled:checked+label:before{border-color:#ff5a5f;background:#ff5a5f}
.editFrame .configInvoiceTb .tb_content tbody tr td.hasAction .tdWrapper{width:calc(100% - 25px); float:left;min-height:34px}
.editFrame .configInvoiceTb .tb_content tbody tr td.hasAction .groupAction{width:25px; float:right; top:9px}
.editFrame .configInvoiceTb .tb_content tbody tr:hover td.hasAction .groupAction{display:inline-block; top:9px}
.editFrame .configInvoiceTb .tb_content tbody tr.hasnoteTxt td.hasAction .groupAction,.editFrame .configInvoiceTb .tb_content tbody tr.hasnoteTxt:hover td.hasAction .groupAction{top:-27px}
.editFrame .configInvoiceTb .tb_content tbody tr td .item .icon-basic1-elaboration-browser-search{position:absolute; bottom:-2px; font-size:22px;right:10px; color:#808080}
.editFrame .configInvoiceTb .tb_content tbody tr td .item input[type="file"].form-control{background:none; z-index:1; position:relative}
.editFrame .configInvoiceTb .tb_content tbody tr td .btn.btn-file{float:left; background:none}
.editFrame .configInvoiceTb .tb_content tbody tr td .btn.btn-file .icon-basic1-elaboration-browser-search{display:none}
.editFrame .configInvoiceTb .tb_content tbody tr td .input-group-btn:after{font-family:"linea-basic-elaboration-10"!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content: "u"; position:absolute; right:-5px; font-size:20px; top:7px}
.editFrame .configInvoiceTb .tb_content tbody tr td .form-control.file-caption{background:#fff;width:calc(100% - 23px);border:solid 1px #ddd; min-width: 0}
.editFrame .configInvoiceTb .tb_content tbody tr td .form-control.file-caption:focus{-webkit-box-shadow:none;box-shadow:none; border:none}
.editFrame .configInvoiceTb .tb_content{margin-bottom:20px}
.editFrame .configInvoiceTb .tb_content tbody tr.rowInvoiceName td,.editFrame .configInvoiceTb .tb_content tbody tr.rowInvoiceName td:first-child + td{padding-left:0; overflow:visible}
.editFrame .configInvoiceTb .tb_content tbody tr.rowInvoiceName td:first-child{font-weight:700; padding-left:15px; font-size:14px}
.editFrame .configInvoiceTb .tb_content tbody tr .form-control{font-size:13px}

.editFrame.editFrameForm{background:none;border:none;width:655px}
.previewFrame.previewPdf{width:calc(100% - 677px);background:none;border:none;margin-right:20px}
.previewFrame.previewPdf .contPreview{background:#fff; padding:20px;border:solid 1px #ddd}
.previewFrame.previewPdf .title{font-size:15px}
.previewFrame.previewPdf .title .btn-default{margin-left:10px}
.previewFrame.previewPdf .title .btn-default i{margin-right:5px}
.previewFrame.previewPdf .note-editor.note-frame .note-editing-area{min-height:calc(100vh - 440px)}
.previewFrame.previewPdf .note-editor.note-frame .note-editing-area .note-editable{height:100% !important;}

.dashboardPage .row.block.checkbox_list{margin-bottom:15px}
.dashboardPage .row.block:last-child{margin-bottom:15px}
.dashboardPage .row.block .top_block h2{padding-bottom:10px; max-width:calc(100% - 75px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.draggable{border:dashed 1px #ddd;padding:0 10px; float: left; margin: 0 10px 8px; clear:both; cursor:move}
.draggable .custom_bold{font-weight:700 !important;}
.logoBox{min-width:118px;height:auto;padding:0 10px; text-align:left; font-size:14px; font-weight:700; color:#afafaf; min-height:70px; line-height:70px; margin-bottom:12px}
.logoBox img{max-width:340px;max-height:95px}
.topLeft{float:left; text-align:left}
.topRight{float:right; text-align:right}
.topRight .draggable{float:right}
.previewFrame .content_block.arrangeInfoTb{padding:15px 0 15px;height:1123px; width:794px; position:relative; font-family:Arial,sans-serif; }
.invoiceBox{color:#ff5a5f; font-weight:700;white-space: nowrap; font-size:26px}
.addBox{font-size:10.5pt; color:#303030; line-height:19px}
.addBox b{font-weight:700}
.numBox{font-size:10.5pt; color:#303030;min-width:240px; line-height:19px}
.totalBox{}
.templateDetails{}
.templateDetails .tb_content{border:none}
.templateDetails .tb_content tr th{font-size:11pt !important; font-weight:700;padding:0 10px 12px; color:#303030; background:none; border:none; border-bottom:solid 1px #888; text-align:center;border-left:solid 1px #888;border-top:solid 1px #888}
.templateDetails .tb_content tr th:last-child{border-right:solid 1px #888}
/*.templateDetails .tb_content tr th.detailTemplateHeader{min-width:100px}*/
.templateDetails .tb_content tr th.detailTemplateHeader{padding:0 0 12px}
.templateDetails .tb_content tr td{font-size:11pt}
.itemRow{text-align:left; margin-bottom:10px; line-height:35px}
.tbBoxHead{height:225px; display:inline-block; width:100%}
.templateHeaderInfo,.templateDetails{position:relative}
.invoicePreviewPage .editFrame{width:calc(100% - 857px);max-height:1221px;overflow-y: auto; overflow-x: hidden}
.invoicePreviewPage .previewFrame{width:835px}
.slideOverlay.slideAddNew .landscapeView .padding30.invoicePreviewPage{min-width:1680px}
.landscapeView .invoicePreviewPage .editFrame{width:calc(100% - 1183px); min-width:500px; max-height:892px; overflow-x: hidden; overflow-y: auto}

.landscapeView .invoicePreviewPage .previewFrame{width:1163px}
.landscapeView .invoicePreviewPage .previewFrame .content_block.arrangeInfoTb{width:1123px;height:794px}
.templateHeaderInfo{height:350px; border-bottom:dashed 1px #ddd; margin-bottom:10px}
.templateDetails{margin-bottom:10px; border-bottom:dashed 1px #ddd;padding:0 10px 10px }
.templateSummary{min-height:120px;position: relative;}
.totalTb{min-width:280px}
.totalTb td{padding:0;border-bottom:solid 1px #888; font-size:15px}
.totalTb .last td{border-bottom:none}
.templateSummary textarea.txt{font-size:12px; margin-top:5px; padding:0; border:none; min-height:50px}
.templateSummary textarea.txt:focus{box-shadow:none; outline:none; border:none; color:#303030}
/*.noteDesSummary{width:220px; display:inline-block; margin-top:5px; word-break:break-all; word-wrap:break-word}*/
.noteDesSummary{display:inline-block; word-break:keep-all; word-wrap:break-word; width:100%;font-size:10pt}
.templateDetails td.numRight{white-space:nowrap}
.numRight .sortWrapper .ico_sort{right:-13px}
.hasNoteInfo{overflow:hidden; height:100%; width:224px}
.templateFooter{position:absolute; bottom:0;padding:0 10px 10px; width:100%}
.templateFooter .numBox{border-top:solid 1px #ddd;padding-top:5px}
.templateFooter .tb_content{border:none}
.templateFooter .tb_content td{font-size:11px;border:none;padding:5px 0; line-height:19px}
.txtCenter{text-align:center}

.noteSpan{font-size:11px; color:#808080; clear:both; margin-top:5px; float:left;white-space:initial }
/*-- audit page --*/
.auditTb tr td:first-child{}
.auditTb tr.trHead td:first-child{padding-left:15px}
.trHead td{background:#f9f9f9; line-height:24px}
.auditType{}
.transType{font-size:15px; font-weight:700}
.totalTb td .currencySpan{position: relative; font-size:8pt; top:-3px; margin-left: 2px}

.dashboardPage .row.block{margin-bottom:0}
.dashboardPage .row.block:last-child{margin-bottom:15px}
.dashboardPage .row.block .top_block h2{padding-bottom:10px; max-width:calc(100% - 105px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
/*-- audit page --*/
.auditTb tr td:first-child{}
.auditTb tr.trHead td:first-child{padding-left:15px}
.trHead td{background:#f9f9f9; line-height:24px}
.auditType{}
.transType{font-size:15px; font-weight:700}

.noscroll {
    overflow: hidden !important;
}
.overlayCover{position: relative; z-index:99999}
.slideOverlay{height:100vh;width:0;position:fixed;z-index:9999;right:0;top:0;overflow-x:hidden;transition:.5s;}
.overlayBg{height:100vh;width:100%;right:0;top:0;background-color:#000;background-color:rgba(0,0,0,0.3);overflow-x:hidden;position:fixed; display:none; z-index:1111}
.slideOverlay .overlayContent{background:#f1f1f1; height:100%; float:right; width:100%; z-index:1; position:relative}
.overlay-content{position:relative;top:25%;width:100%;text-align:center;margin-top:30px}
.closebtn{display:inline-block; padding:0; float:left; height:32px; margin-left:-10px; font-size:36px; position:absolute; z-index:99999;left:20px;top:7px}
.closebtn:hover{color:#ff5a5f}
/*#mainDiv{height:100vh}*/
.slideOverlay .modal-header{background:#fff; float:left; width:100%;height:48px; position:absolute; z-index:99; left:0; top:0}
.slideOverlay .modal-header h3{display:inline-block}
.slideOverlay .modal-header span.paidStt{float:right; color:#35ab19;font-size:27px; font-weight:300; position:relative; top:3px}
.topAmount{position:relative; top:3px}
.topAmount span[name="currencyTxt"]{color:#ff5a5f; top:-10px}
/*.slideOverlay .modal-body .tableBarControl .bar_control{border-bottom:none}*/
.slideOverlay .modal-body .tableBarControl  .modalMainContent {padding:0 20px 20px}
.slideOverlay .modal-body .tableBarControl  .modalMainContent .scrollContent{border:none; width:100%; max-height:initial}
.slideOverlay .modal-body .tableBarControl  .modalMainContent .scrollContent thead{border-left:solid 1px #ddd;border-right:solid 1px #ddd}
.slideOverlay .overlayContent .modal-body{max-height:inherit;margin:48px 0 60px;background:#f1f1f1; overflow-x:hidden; float:left; height:calc(100vh - 108px); width:100%}
.slideOverlay .overlayContent .modal-body .tb_content{margin-bottom:10px}
.slideOverlay .overlayContent .modal-body .tb_content thead th{padding:10px}
.slideOverlay .overlayContent .modal-body .createInvoiceTable .tb_content thead th{padding:10px 15px}
.slideOverlay .overlayContent .modal-body .tb_content thead th .checkbox{margin-top:0}
/*.slideOverlay .overlayContent .modal-body .tb_content tr td:first-child, .modal-body .tb_content thead th:first-child{padding-left:20px}*/
.slideOverlay .overlayContent .modal-body .filterBox{margin-bottom:20px; padding: 20px 0; border-top:solid 1px #ddd}

.slideOverlay .overlayContent .modal-body .filterBox .ul_form{padding:0}
.slideOverlay .overlayContent .modal-body textarea.txt{min-height:34px}
.slideOverlay .overlayContent .modal-body .bar_control .left_search{top:inherit}
.slideOverlay .overlayContent .modal-body .buttonRow{display:inline-block; width:100%; margin-top:20px; padding:0 20px}
.slideOverlay .overlayContent .modal{padding:0 !important}
.slideOverlay .overlayContent .modal-footer{border-top:solid 1px #ddd;padding-top:13px;padding-bottom:13px}
.slideOverlay .overlayContent .modal-footer .block{margin-bottom:0}
.slideOverlay .overlayContent .modal-body .hasBackground{border-top:solid 1px #ddd;border-bottom:solid 1px #ddd; margin-bottom:20px !important;background:#fff}
.slideOverlay .overlayContent .modal-body .hasBackground:last-child{margin-bottom:0}
.slideOverlay .overlayContent .top{border-bottom:none}
.slideOverlay .overlayContent .modal-body .modal .modal-header{position: inherit; font-size:18px}
.slideOverlay .overlayContent .modal-body .modal .modal-header .close{font-size:28px}
.slideOverlay .overlayContent .modal-body .modal .modal-body{position: inherit; height:inherit; background:#fff; padding:0 20px 20px; margin: 20px 0; border-bottom:solid 1px #ddd; }
.slideOverlay .overlayContent .modal-body .modal .modal-footer{position: inherit;padding-bottom:3px}
.box-ckeditor,.composeEmailContent, .composeContent, .composeContent .composeNote,.composeEmailContent button .note-current-fontname,.note-editable.panel-body,.note-editable.panel-body p{font-family:Arial, Helvetica, sans-serif}

.slideOverlay.slideAddNew .overlayContent{width:100%}
.slideOverlay.slideAddNew .padding30{padding:0}
.slideOverlay.slideAddNew .padding30.indicator{padding:20px 20px 10px}
.slideOverlay.slideAddNew .padding30 .top_block{background:none;border-bottom:none;padding:18px 20px 0; height:auto;}
.slideOverlay.slideAddNew .padding30 .editFrame .top_block, .slideOverlay.slideAddNew .padding30 .previewFrame .top_block{padding-bottom:20px}
.slideOverlay.slideAddNew .padding30 .hasBackground .top_block{padding-bottom:10px}
.slideOverlay.slideAddNew .padding30 .top_block h2{padding-top:0}
ul.ul_form li .item label.nameSpecial,ul.ul_form li .item.mainField label{font-weight:700;font-size:16px; color:#303030; margin-top:-3px}
.slideOverlay.slideAddNew .box_shadow{background:none; box-shadow:none;border:none}
.slideOverlay.slideAddNew .hasBackground{border-top:solid 1px #ddd; border-bottom:solid 1px #ddd}
.slideOverlay.slideAddNew .hasBackground .box_shadow {background:#fff}
.slideOverlay.slideAddNew .padding30 .block{margin-bottom:0}
.totalAmount{float:right; text-align:right}
.amountRow{border-top:solid 1px #ddd; float:right;padding-top:5px; margin-top:5px; clear:both; color:#515151; position: relative}
.totalAmount table{float:right; table-layout:fixed;font-size:15px}
.totalAmount .firstRow table tr td{padding:8px 0}
.totalAmount .secondRow table tr td,.totalAmount .lastRow table tr td{font-size:16px;padding:8px 0}
.totalAmount.historyTotalAmount{}
.totalAmount.historyTotalAmount .lastAmount,.totalAmount.historyTotalAmount .lastAmount span[name="currencyTxt"]{color:#515151}
.totalAmount.historyTotalAmount .hasChange, .totalAmount.historyTotalAmount .hasChange span[name="currencyTxt"]{color:#ff5a5f;font-weight:400}
.totalAmount.historyTotalAmount .lastAmount.hasChange{font-weight:300}
.nameLeft{text-align:right}
.amountRight{width:290px;padding-right:35px}
.lastAmount{font-size:27px; color:#ff5a5f; font-weight:300; position:relative;}
.amountSpan{position: relative}
.amountRow span[name="currencyTxt"]{position:absolute; top:0; color:#515151}
.amountRow .lastAmount span[name="currencyTxt"]{color:#ff5a5f}

.totalAmount.historyTotalAmount .lastAmount span[name="currencyTxt"]{top:2px}
.itemTitle{font-weight:700; font-size:16px}
.slideOverlay.slideAddNew .hasBackground .bar_control{padding:0 20px 20px}
.slideOverlay.slideAddNew .hasBackground .bar_control .pull-left .checkbox{margin-top:7px}

.slideOverlay.slideAddNew .hasBackground .bar_control .btn-default{padding:0 8px;height:34px; line-height:34px; font-size:18px;}
.slideOverlay.slideAddNew .hasBackground .bar_control .btnGroup.fr{right:20px}
.slideOverlay.sendEmailFrame .editFrame{padding:20px;width:649px; background:none; border:none}
.slideOverlay.sendEmailFrame .previewFrame{padding:20px 20px 20px 0; width:calc(100% - 649px);height:calc(100% - 40px); background:none; border:none}
.slideOverlay.sendEmailFrame .previewFrame p.title{font-size:14px; color:#515151; margin-bottom:5px}
.slideOverlay.sendEmailFrame .previewFrame .contPreview{background:#fff; width:580px;height:100%; display:inline-block;border:solid 1px #ddd;padding:20px}
.slideOverlay.sendEmailFrame .previewFrame .contPreview ul li label{font-weight:500; color:#505050;width:100%}
.slideOverlay .previewFrame.previewPdf .contPreview ul li span{font-size:15px; color:#505050;}
.slideOverlay .previewFrame.previewPdf .contPreview ul li .txt{width:100%; min-height:300px}
.slideOverlay.sendEmailFrame.editEmailTemplate .previewFrame{display:none}

.slideOverlay .overlayContent .modal-footer{position:absolute; width:100% !important;bottom:0;right:0/*; box-shadow:0 -1px 2px rgba(0,0,0,.15)*/}
.slideOverlay .bar_middle{margin-top:0}
.slideOverlay .block.no_chartLeft{margin-bottom:0}
.historyBlock{border-top:solid 1px #ddd}
.historyBlock .content_block{position:relative}
.historyBlock .content_block .collapse_form{position:absolute; right:20px}
.box_shadow.less .content_block{display:none}
.box_shadow.less .icon-arrows-square-down:before{content: "\e06d";}
.slideOverlay .overlayContent .noFooter .modal-body{margin-bottom:0; height:calc(100vh - 48px)}

.slideOverlay .overlayContent .top{margin:0;padding:0}
.slideOverlay .overlayContent .nav-tabs{margin-bottom:0}
.slideOverlay .overlayContent .modal-header .top h1{padding-left: 25px;font-size:27px;margin-bottom: 0;color: #505050;line-height: 33px;position: relative;top: 3px;}
.slideOverlay .overlayContent .modal-header .top h1 span{font-weight:300}
.slideOverlay .overlayContent .slName{margin-bottom:0}
.slideOverlay.fullScreen{width:100% !important}
.slideOverlay.largeScreen{width:calc(100% - 250px) !important}
.slideOverlay.mediumScreen{width:1262px !important}
.slideOverlay.smallScreen{width:668px !important}
.note-toolbar.panel-heading{background:#fff; border-bottom:solid 1px #ddd}
.slideOverlay ul.ul_form li.hasToggle .item label{width:100%}
.slideOverlay ul.ul_form li.hasToggle .item label .btn-collapse{font-size:17px}
.btn-collapse.collapsed .icon-arrows-square-down:before{ content: "\e06d";}
.btn-collapse .icon-arrows-square-down:before{content: "\e075";}
.list-template{ padding:0 17px;}
.item-template{ display:block; color:#808080; padding:4px 0;}
.list-template .table>tbody>tr>td{ border-top:none;}
/*.slideOverlay .overlayContent .block{margin-bottom:0}*/

.noSearch .filterBox:before{display:none}

.circleChart .pieChartLegend{width:calc(100% - 180px); clear:none}
.circleChart .pieChartLegend ul li{width:100%; margin-right:0}
.portlet-header{ padding:1px 20px 0; display:inline-block; width:100%; position:relative}
.close-hide{ color:#000; position:absolute; top:10px; right:5px; font-size:20px; cursor:pointer}
.close-hide:hover{color:#ff5a5f}
.portlet-content{ margin:10px 0;overflow: hidden; height:224px}
.portlet{ margin-bottom:20px}
.main_content .portlet-header .nav-tabs::before{ background:none;}
.top_block .nav-tabs{ margin-right:20px !important}
/*css giong nhau*/
.top_block h2{display:inline-block;font-size:15px;font-weight:bold;padding-top:0;-webkit-transition:margin-left .5s linear,background-color .2s ease .5s;-moz-transition:margin-left .5s linear,background-color .2s ease .5s;-o-transition:margin-left .5s linear,background-color .2s ease .5s;-ms-transition:margin-left .5s linear,background-color .2s ease .5s;transition:margin-left .5s linear}
.dashboardPage .top_block h2{padding-top:10px}
.top_block .nav-tabs > li > a{ padding-top:9px; padding-bottom:5px; color:#909090;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;}
.top_block .nav-tabs > li:hover > a{color:#303030}
.top_block .nav-tabs > li.active > a {color:#303030}
/*end css giong nhau*/

.main_content .portlet-header:hover h2{ margin-left:10px}
.main_content .portlet-header h2:before{background:url(../images/icon.png) no-repeat;padding:12px 8px;background-position:-50px -180px;position:absolute;left:10px;top:10px;opacity:0;content:' ';display:inline-block;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
.main_content .portlet-header:hover h2:before{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
.pieChartLegend{ float:right}
.bar_control .ul_control_left .select_daterange{margin-right:0}
.bar_control .ul_control_left .item.select_daterange .dateRangeSelect{background:#fff}
.bar_control .ul_control_left .item.select_daterange .dateRangeSelect .icon-basic-calendar{}
.bar_control .ul_control_left .item.select_daterange input.form-control{background:none; padding-left:32px; font-size:15px; color:#505050}
.bar_control .ul_control_left .item.select_daterange input.form-control:hover{box-shadow:0 1px 2px rgba(0,0,0,.2)}
.bar_control .ul_control_left .item.select_daterange .dateRangeSelect .icon-basic-calendar{}
.bar_control .ul_control_left .item.select_daterange{width:250px}
.rightPanel.ul_control_left li{margin-right:0; margin-left:10px}
.rightPanel.ul_control_left a i{margin-right:0}

.ul_control_left .topBtn a.btn-primary{background-color: #ff5a5f;border-color: #ff5a5f;}
.ul_control_left .topBtn.disabled a,.ul_control_left .topBtn a.disabled{background:#f5f5f5}
.ul_control_left .topBtn.disabled:hover a,.ul_control_left .topBtn a.disabled:hover{box-shadow:none; border-color:#ddd}

#ui-datepicker-div{background:#fff}

/*-- audit trail --*/
.accordion-heading{float:left;width :100%; position:relative}
.topInfo{float:left;width:100%; padding-bottom:10px; border-bottom:solid 1px #ddd; margin-bottom:20px}
.topInfo p{width:25%; float:left; font-size:15px; color:#505050}
.topInfo.changeValue .hasChange{font-weight:700}
.changeValue{}
.data{color:#515151;}
.hasChange .data,.hasChange.data{color:#ff8868 !important;font-weight:700}
.blankData:before{content:' '; display: inline-block; width:10px;height:2px;background:#717171; position: relative; top:-5px}
.blankData.hasChange:before,.hasChange .blankData:before {background:#ff8868 !important}
/*.tb_content span.blankData:before{content:' '; display: inline-block; width:10px;height:2px;background:#ff8868 !important}
.tb_content tr.noChange span.blankData:before{background:#515151 !important;}*/
.showChangeOnly .noChange{display:none}
.tb_content tr.insert{}
.accordion-group.active{box-shadow:0 1px 3px rgba(0,0,0,.1)}
.accordion-group.active .accordion-heading{background:#f8f8f8}
.accordion-heading .accordion-toggle:after{border-right: 6px solid #939393;border-top: 5px solid transparent;border-bottom: 5px solid transparent;content: ""; display: inline-block;right: 20px; position: absolute;top: 16px;}
.accordion-group.active .accordion-heading .accordion-toggle:after{border-top: 6px solid #939393;border-right: 5px solid transparent;border-left: 5px solid transparent;}
.accordion-group .accordion-heading:before{position:absolute; left:0; width:5px;height:100%; content:' '; display:inline-block; border-radius:1px 0 0 0}
.accordion-group.insert .accordion-heading:before{background:#5fddf7}
.accordion-group.delete .accordion-heading:before{background:#19a88f}

.chooseItem .dropdown-menu ul{margin:5px 0 12px;padding:0; float:left; width:100%;}
.chooseItem .dropdown-menu ul li{padding:0 12px; width:calc(100% - 24px)}
.chooseItem .dropdown-menu .notiFooter{padding:10px 12px 8px; border-top:solid 1px #f1f1f1;float:left; width:100%}
.chooseItem .dropdown-menu .notiFooter .btn-primary.disabled{color:#666 !important;border-color:#ddd}
.openDropdown .icon-arrows-down:before{content:"\e083"}
.tb_content tbody tr.trParent td{padding:20px 10px 10px;height:100% }
.tb_content tbody tr.trParent td .colorStt{height:49px}
.trDivContent{position:relative; padding-left:15px; font-weight:700;font-size:16px}
.trParent .ico_showItem:before{ border-top: 6px solid #939393; border-right: 5px solid transparent; border-left: 5px solid transparent;position:absolute; left:0; top:7px; cursor:pointer; content:' '; display:inline-block}
.trParent.collapsed .ico_showItem:before{border-left: 6px solid #939393;  border-top: 5px solid transparent;  border-bottom: 5px solid transparent}

.note-editable ul li,.note-editable ol li{list-style: inherit; display: list-item; margin-bottom: 10px}
.modal.link-dialog{background:rgba(0,0,0,.8)}
.modal.link-dialog.in .checkbox input[type=checkbox],.modal.link-dialog.in  .checkbox input[type=radio]{opacity: 1; top:-2px}
.note-editor.note-frame .note-editing-area .note-editable p a,.popover-content.note-children-container a{color:#ff5a5f; cursor: pointer}
.note-editor.note-frame .note-editing-area .note-editable p a:hover,.popover-content.note-children-container a:hover{text-decoration: underline}
.popover-content.note-children-container .note-btn-group.btn-group>.btn{margin-top:5px}


ul.ul_form li.li_special label{float:left;position:relative;top:10px }
ul.ul_form li.li_special .checkbox{margin-top:5px}
ul.ul_form li.li_special .chosen-container{width:260px !important; margin-left:20px}
ul.ul_form li.li_special .checkbox label{top:0}
ul.ul_form li.li_special label, ul.ul_form li.li_special .item,ul.ul_form li.li_special .numDay{float:left; width:auto;font-size: 14px}
ul.ul_form li.li_special .item input.form-control{width:48px; margin:0 20px;float:left; text-align:center}
ul.ul_form li.li_special .item{margin-right:0}
ul.ul_form li.li_special .numDay{position:relative; top:10px}
ul.ul_form li.li_special .item span.numDay{float:left; color:#505050; font-size:15px; position:relative;top:10px}
ul.ul_form li.li_special.li_hasCheckbox span.numDay{top:5px}
.editFrame.selectReminderInvoice{}
.slideOverlay.sendEmailFrame.sendReminderTemplate .editFrame,.editFrame.selectReminderInvoice{width:calc(100% - 670px); padding:0;border:none; background:none}
.slideOverlay.sendEmailFrame.sendReminderTemplate .editFrame .content_block,.editFrame.selectReminderInvoice .content_block{padding:20px !important}
.slideOverlay.sendEmailFrame.sendReminderTemplate .previewFrame,.previewFrame.reminderEmailTemplate{width:650px; padding:0; background:none; border:none}
.slideOverlay.sendEmailFrame.sendReminderTemplate .previewFrame .content_block.arrangeInfoTb,.previewFrame.reminderEmailTemplate .content_block{box-shadow:none; width:auto; height:auto; margin:0; padding:20px}
.mainRow label{font-weight:bold; font-size:14px}
.mainRow span.indicatorDot{color:#d27144; display:inline-block; margin-right:10px}
.tb_content.noCheckBox .mainRow .checkbox{padding-left :0 !important;}
.tb_content.noCheckBox .mainRow .checkbox label{padding-left:0}
.tb_content .mainRow td{overflow: visible}
.editFrame .configInvoiceTb .tb_content.selectableTable tbody tr td .item.checkbox{margin:0; padding-left:20px}
.editFrame .configInvoiceTb .tb_content.selectableTable tbody tr td:first-child + td{padding-left:12px; overflow: hidden}

/*-- search --*/
.top_noti li.user_noti.searchDropdown{}
.top_noti li.user_noti.searchDropdown .dropdown-menu{width:595px}
.topSearch{margin:18px; position:relative}
.topSearch input{border:solid 1px #ddd;border-radius:2px;width:100%; height:34px; line-height:30px;padding:0 240px 0 12px; font-size:14px}
.topSearch .chosen-container{width:210px !important; position:absolute; right:0;top:0;border-left:solid 1px #ddd;height:33px}
.topSearch .chosen-container-single .chosen-single{border:none; background:none}
.topSearch .chosen-container-active.chosen-with-drop .chosen-single,.topSearch .chosen-container-active .chosen-single{border:none !important; outline:none; background:none;box-shadow:none}
.topSearch .chosen-container .chosen-results li{padding:8px 10px !important; margin-bottom:0 !important}
.quickSearchResult{padding:0 18px; }
.quickSearchResult .searchResultGroup a.groupHeader{border:solid 1px #ddd; padding:10px 20px; font-weight:bold;font-size:15px; width:100%;display:inline-block; background:#f1f1f1}
.top_noti li.user_noti .quickSearchResult{max-height:350px; overflow-y:auto; overflow-x:hidden; display:inline-block; width:100%; position:relative}
.top_noti li.user_noti .quickSearchResult .searchResultGroup .groupList{width:100%}
.top_noti li.user_noti .quickSearchResult .searchResultGroup .groupList tr{padding:0 !important; margin:0 !important}
.top_noti li.user_noti .quickSearchResult .searchResultGroup .groupList tr td{padding:10px; font-size:14px; vertical-align:top}
.top_noti li.user_noti .quickSearchResult .searchResultGroup .groupList tr:hover{background:#f8f8f8; cursor:pointer}
.top_noti li.user_noti .quickSearchResult .searchResultGroup .groupList tr td.first{padding-left:20px}
.top_noti li.user_noti .quickSearchResult .searchResultGroup .groupList tr td.last{padding-right:20px}
.top_noti li.user_noti .quickSearchResult .searchResultGroup .groupList tr td.dateCol{width:100px}
.top_noti li.user_noti .loadingSearch{width:100%;background:rgba(255,255,255,.8); text-align:center; display: none}
.top_noti li.user_noti .loadingSearch img{margin:15px auto 30px }
.top_noti li.user_noti .hasLoading .quickSearchResult{padding-top:90px; overflow:hidden}
.top_noti li.user_noti .hasLoading .loadingSearch{display: block}
.top_noti li.user_noti .hasLoading .quickSearchResult .loadingSearch{display: block}
.top_noti li.user_noti .hasLoading .notiFooter,.top_noti li.user_noti .hasLoading .quickSearchResult{display: none}
.topSearch .icon-basic-magnifier{position:absolute; z-index:1; right:218px; top:9px}
.topSearch .icon-basic-magnifier:before{font-size:16px}
.noResultDiv{padding:5px 20px;text-align:center; color:#888; display: none}
.dropdown-menu.noResult .noResultDiv{display: block}
.dropdown-menu.noResult .notiFooter{display:none}
.searchTitle{font-size:14px; color:#505050; margin:0 0 20px}
.searchTitle input{font-weight:700; color:#505050; border:solid 1px #ddd; height:34px;padding:6px 10px; background:none; border-radius: 2px;width:295px; margin-left: 10px}
.searchTitle input:focus{border-color:#66afe9 !important;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,174,189,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,174,189,.6);background:#fff}
.searchTitle input::-webkit-input-placeholder{color:#505050}
.has2Column{background:#fff;border:solid 1px #ddd; box-shadow:0 1px 2px rgba(0,0,0,.1); float:left; width:100%}
.leftBlock{width:220px;float:left; background:#fff;}
.leftBlock ul{list-style:none; margin:0; padding:0}
.leftBlock ul li a{width:100%; float:left; padding:15px 20px; font-size:15px; font-weight:bold;border-bottom:solid 1px #ddd; color:#505050; position:relative}
.leftBlock ul li.active a{color:#ff5a5f; cursor:default}
.leftBlock ul li.active a:hover{background:#fff}
.leftBlock ul li.active a:before{content:' '; display:inline-block; width:1px; height:100%; right:-1px;background:#fff; top:0; position:absolute}
.leftBlock ul li a:hover{background:#f8f8f8}
.rightBlock{width:calc(100% - 220px);float:left; height:100%; border-left:solid 1px #ddd; min-height:calc(100vh - 250px) }
.rightBlock .box_shadow{background:none; box-shadow:none; border:none}
.rightBlockName{font-size:20px;font-weight:700; color:#505050;margin:28px 20px 5px}
.customTabContent{display: none}
.customTabContent.active{display: block}
.downloadBtn{width:20px;height:20px; display:inline-block; position:relative; top:-4px}
.ico_download{width:18px;height:18px; display:inline-block; background-position:-180px -299px; content:' '; margin-left:12px}
.downloadBtn:hover .ico_download{background-position:-180px -325px}
.companyUpload{width:200px; float:left; margin:25px 10px 20px 20px; position:relative}
.companyDetail{width:calc(100% - 230px); float:left}
#profileContainer{width:200px;height:200px;border:solid 1px #ddd;line-height:195px; text-align:center; background:#fff}
#profileImage{max-height:198px; max-width:198px}
.uploadBtn{font-size:14px; background:#fff;border:solid 1px #ddd; padding:8px 20px; float:left; border-radius:3px;cursor:pointer; margin-top:10px}
.uploadBtn:hover{background:#f9f9f9; color:#ff5a5f;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.fileUpload{display:none !important; position:absolute; bottom:0; cursor:pointer; height:34px}

.previewEmail{position:fixed; width:100%;height:100%; right:0; top:0; background:rgba(0,0,0,0.3);z-index:99; display:none}
.previewEmail.open{display: block}
.previewEmailContent{width:610px;background:#fff; border:solid 1px #ddd; position:absolute; right:20px;top:20px; height:calc(100% - 40px); z-index:9999;padding:10px 20px; color:#515151;border-radius:4px;overflow-y:auto; overflow-x:hidden}
.previewHead{font-size:26px; font-weight:300; border-bottom:solid 1px #ddd;padding-bottom:13px; margin-bottom:15px}
.previewHead .closePreview{float:right; position:relative; right:-8px; font-size:30px}
.previewBody b{color:#313131}
.previewBody p{margin-bottom:25px; line-height:22px}
.emailContent{margin-top:20px}
.ico_preview{width:18px;height:18px;background-position:0 -348px; content:' '; display:inline-block}
.ico_preview:hover{background-position:0 -376px}
.highlightForOverdueInvoice{color:#ff5a5f !important;}

td.descriptionCell span{overflow:hidden; white-space:nowrap; display: inline-block; text-overflow: ellipsis;max-width: 200px}

/* Safari 7.1+ */
_::-webkit-full-page-media, _:future, :root .top_noti li.user_noti .dropdown-menu ul li a i {top:0}

@media (max-width: 1915px){
    .slideOverlay .overlayContent .modal-body.landscapeView{overflow-x:auto}
}
@media (max-width: 1700px){
    .portlet{ width:33.3333%}
}
@media (max-width: 1400px){
    .portlet{ width:50%; float:left}
    .indicatorTxt{font-size: 16px}
    .no_chartLeft .b_content span{font-size:28px}
    .tb_content thead th{font-size:14px}
}


@media (max-width: 1600px){
    .statistic .col-md-3, .chart .col-md-3{width:50%; margin:10px 0; float:left}
    .statistic{margin-bottom:10px}
    #step4 .stepDes{top:0}
    .item-reports .title{margin-top:0}
    /*	.pieChartLegend ul li{width:calc(50% - 15px)}*/
}
@media (min-width: 1380px) and (max-width:1420px){
    .item-reports{min-height:177px}
}
@media (min-width: 1366px) and (max-width:1600px){
    .grid .col-md-3{width:33.333333333333%}
}
@media (min-width: 1024px) and (max-width:1365px){
    .grid .col-md-3{width:50%; float:left}
    .item-reports{min-height:180px}
}

@media (max-width: 1199px){
    /*.toggled #content .sidebar{width:250px !important; left:250px !important;margin:0 0 0 -250px !important}
    .toggled #content{padding-left:250px}
    .sidebar ul.ul_sidebar li a span{display:none}
    .toggled #content .sidebar ul.ul_sidebar li a span{display:inline-block}
    .navbar_fixed{padding-left:95px}
    .sidebar ul.ul_sidebar{width:95px}
    .sidebar_toggle{margin-right:95px}
    .toggled #content .sidebar ul.ul_sidebar{width:250px}
    #content .hasChild a:after, #content .hasChild .icon-arrow-plus{display:none}
    #wrapper.toggled .hasChild a:after,#wrapper.toggled .hasChild .icon-arrow-plus{display:inline-block}*/
}

@media (max-width: 1024px){
    .grid .col-md-3{width:100%; margin-bottom:30px; float:left}
}