//*Template Name:BucketAdmin Dashboard build with Bootstrap v3.0.3Template Version:1.0Author:ThemeBucket*/
/* Import fonts */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);
@import url(bucket-ico-fonts.css);
/*@font-face {  
  font-family: 'Glyphicons Halflings';  
  src: url('../fonts/glyphicons-halflings-regular.eot');  
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');  
} */ 


html { text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; }
body { color:#333; background:url(../images/bg-light.png) repeat #f1f2f7; font-family:'Open Sans', sans-serif; padding:0px; margin:0px 0 3em 0; font-size:13px; text-rendering:optimizeLegibility; }
ul li { list-style:none; }
a, a:hover, a:focus { text-decoration:none; outline:none; }
::selection { background:#b70704; color:#fff; }
::-moz-selection {
 background:#b70704;
 color:#fff;}
.brand { width:auto; float:left;}
.brand .brand-logo img{max-height:60px;}
img{max-width:100%; height:auto; display:inline-block;}
.top-nav { width:auto; background: #fff; float: right; height:auto;margin-top:15px; }
#container { width:100%; height:100%; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition: all .3s ease-in-out; overflow:hidden; }
/*login page*/
.login-body { background:#32323A; background-size:cover; width:100%; height:100%; }
.form-signin { max-width:330px; margin:0 auto; background:#fff; border-radius:5px; -webkit-border-radius:5px; }
.form-signin h2.form-signin-heading { margin:0; padding:20px 15px; text-align:center; /*background:#aa0907;*/background:#fff; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; color:#fff; font-size:18px; text-transform:uppercase; font-weight:300; font-family:'Open Sans', sans-serif; border-bottom:10px solid #999; }
.form-signin h2.form-signin-heading img {max-height: 60px;}
.form-signin .checkbox { margin-bottom:14px; }
.form-signin .checkbox { font-weight:normal; color:#b6b6b6; font-weight:300; font-family:'Open Sans', sans-serif; }
.form-signin .form-control { position:relative; font-size:16px; height:auto; padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.form-signin .form-control:focus { z-index:2; }
.form-signin input[type="text"], .form-signin input[type="password"] { border-radius:5px; -webkit-border-radius:5px; border:1px solid #eaeaea; box-shadow:none; font-size:12px; }
label.error {    color: red;}
.form-signin .btn-login { background:#1fb5ac; color:#fff; text-transform:uppercase; font-weight:300; font-family:'Open Sans', sans-serif; margin:20px 0 5px; }
.form-signin p { text-align:left; color:#b6b6b6; font-size:16px; font-weight:300; }
.form-signin a, .form-signin a:hover { color:#1fb5ac; }
.form-signin a:hover { text-decoration:underline; }
.login-wrap { padding:20px; position:relative; }
.user-login-info { /*background:#eaeaec; margin:-20px -20px 20px -20px; padding:20px; */}

.login-wrap input#captcha {margin-top: 10px;}

button#btnClear {    background: #b7b7b733;    color: #000;}
.user-login-info .form-control:last-child { margin-bottom:0 !important; }
.registration { position:absolute; right:0; bottom:-35px; color: #b8bab9; }
/*sidebar navigation*/
#sidebar { width:240px; height:100%; position:fixed; background:#32323a; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
#sidebar ul li { position: relative; }
/*LEFT NAVIGATION ICON*/
.dcjq-icon { height:17px; width:17px; display:inline-block; background:url(../images/nav-expand.png) no-repeat top; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position:absolute; right:10px; }
.active .dcjq-icon { background:url(../images/nav-expand.png) no-repeat bottom; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.right-side-accordion .dcjq-icon { height:17px; width:17px; display:inline-block; background:url(../images/acc-expand.png) no-repeat top; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position:absolute; right:10px; }
.right-side-accordion .active .dcjq-icon { background:url(../images/acc-expand.png) no-repeat bottom; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius: 3px; }
/*---*/
.nav-collapse.collapse { display:inline; }
ul.sidebar-menu, ul.sidebar-menu li ul.sub { margin:-2px 0 0; padding:0; }
ul.sidebar-menu { margin-top:80px; }
#sidebar>ul>li>ul.sub { display:none; }
#sidebar .sub-menu>.sub li a { padding-left:46px; }
#sidebar>ul>li.active>ul.sub, #sidebar>ul>li>ul.sub>li>a { display:block; }
ul.sidebar-menu li ul.sub li { background:#28282e; margin-bottom:0; margin-left:0; margin-right:0; }
ul.sidebar-menu li ul.sub li a { font-size:12px; padding-top:10px; line-height:normal; height:40px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; color:#aeb2b7; }
ul.sidebar-menu li ul.sub li a:hover, ul.sidebar-menu li ul.sub li.active a { color:#b70704; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; display:block; background:#202025; }
ul.sidebar-menu li { border-bottom:1px solid rgba(255,255,255,0.05); }
ul.sidebar-menu li.sub-menu { line-height:15px; }
ul.sidebar-menu ul.sub li { border-bottom:none; }
ul.sidebar-menu li a span { display:inline-block; }
ul.sidebar-menu li a { color:#aeb2b7; text-decoration:none; display:block; padding:18px 0 18px 25px; font-size:13px; font-weight:600; text-transform:uppercase; outline:none; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
.form-horizontal .control-label { font-size:12px!important; font-weight:600; }
ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus { background:#28282e; color:#fff; display:block; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
ul.sidebar-menu li a i { font-size:15px; padding-right:6px; }
ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i { color:#1FB5AD; }
ul.sidebar-menu li a.active i { color:#1FB5AD; }
.mail-info, .mail-info:hover { margin:-3px 6px 0 0; font-size: 11px; }
/*main content*/
#main-content {/*margin-left:240px;*/ -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;float:left; width:100%;}
.footer { min-height:60px; padding:0 15px; }
.header { left:0; right:0; z-index:1002; background:#fff; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; /*padding-bottom:1em;*/ }
.header-top{ float:left; width:100%; margin:0;/*max-height:80px;*/ padding:10px 20px;}
.navigation{ float:left; width:100%; margin:0;}
.merge-header { margin-right:240px; }
.fixed-top { position:fixed; box-shadow:1px 0 3px rgba(0,0,0,.15); }
.wrapper { display:inline-block; margin-top:9em; padding:15px; width:100%; }  
/*notification*/
#top_menu .nav>li, ul.top-menu>li { float:left; }
.notify-row { float:left; margin-top:23px; margin-left:25px; }
ul.top-menu { /*margin-right:15px; margin-top: 20px;*/ }
ul.top-menu li.dropdown { margin-top:5px; }
ul.top-menu>li>a { color:#666666; font-size:16px; background:#f6f6f6; padding:4px 8px; margin-right:15px; border-radius:50%; -webkit-border-radius:50%; padding-right:8px !important; }
ul.top-menu>li>a:hover, ul.top-menu>li>a:focus { background:#32D2C9; text-decoration:none; color:rgba(0,0,0,0.3) !important; padding-right:8px !important; }
.notify-row .badge { position:absolute; right:-10px; top:-10px; z-index:100; }
.dropdown-menu.extended { max-width:320px !important; min-width:160px !important; top:42px; width:300px !important; padding:0 10px; box-shadow:0 0px 5px rgba(0,0,0,0.1) !important; border-radius:5px; -webkit-border-radius:5px; background:#fff; border:none; left:-10px; }
.notify-row .notification span.label { display:inline-block; height:21px; padding:5px; width:22px; font-size:12px; margin-right:10px; }
.dropdown-menu.extended .alert-icon, .noti-info { float:left; }
.noti-info { padding-left:10px; padding-top:6px; color:#414147; }
.dropdown-menu.extended .alert { margin-bottom:10px; }
.dropdown-menu.extended .alert-icon { border-radius:100%; display:inline-block; height:35px; width:35px; }
.dropdown-menu.extended .alert-icon i { font-size:16px; width:35px; line-height:35px; height:35px; }
.dropdown-menu.extended.inbox li a, .dropdown-menu.extended.tasks-bar li a { background:#f1f2f7; border-radius:5px; -webkit-border-radius:5px; padding:10px; margin-bottom:10px; float:left; width:100%; }
.dropdown-menu.extended li p { margin:0; padding:10px 0; border-radius:0px; -webkit-border-radius:0px; }
.dropdown-menu.extended li a { font-size:14px; list-style:none; }
.dropdown-menu.extended.logout { padding:10px; }
.dropdown-menu.extended.logout li a { padding:10px; }
.dropdown-menu.extended li a:hover { color:#32323a; }
.dropdown-menu.tasks-bar .task-info .desc { font-size:13px; font-weight:normal; float:left; width:80%; }
.dropdown-menu.tasks-bar .task-info .desc h5 { color:#32323a; text-transform:uppercase; font-size:12px; font-weight:600; margin-bottom:5px; margin-top:0; }
.dropdown-menu.tasks-bar .task-info .desc p { padding-top:0; color:#8f8f9b; font-weight:300; }
.dropdown-menu.tasks-bar .task-info .percent { width:20%; float:right; font-size:13px; font-weight:600; padding-left:10px; line-height:normal; }
.dropdown-menu.tasks-bar .progress { background:#fff; }
.dropdown-menu.extended .progress { margin-bottom:0 !important; height:10px; }
.dropdown-menu.inbox li a .photo img { border-radius:2px 2px 2px 2px; -webkit-border-radius:2px 2px 2px 2px; float:left; height:40px; margin-right:10px; width:40px; }
.dropdown-menu.inbox li a .subject { display:block; }
.dropdown-menu.inbox li a .subject .from { font-size:12px; font-weight:600; }
.dropdown-menu.inbox li a .subject .time { font-size:11px; font-style:italic; font-weight:bold; position:absolute; right:20px; }
.dropdown-menu.inbox li a .message { display:block !important; font-size:11px; }
.top-nav ul.top-menu>li .dropdown-menu.logout { width:170px !important; }
.top-nav li.dropdown .dropdown-menu { float:right; right:0; left:auto; }
.dropdown-menu.extended.logout>li { float:left; width:100%; }
.log-arrow-up { background:url("../images/top-arrow.png") no-repeat; width:18px; height:10px; margin-top:-20px; float:right; margin-right:15px; }
.dropdown-menu.extended.logout>li>a { border-bottom:none !important; }
.full-width .dropdown-menu.extended.logout>li>a:hover { background:#F1F2F7 !important; color:#32323a !important; }
.dropdown-menu.extended.logout>li>a:hover { background:#F1F2F7 !important; border-radius:5px; }
.dropdown-menu.extended.logout>li>a:hover i { color:#971604; }
.dropdown-menu.extended.logout>li>a i { font-size:14px; color:#999 }
.dropdown-menu.extended.logout>li>a>i { padding-right:10px; }
.top-nav .username { font-size:13px; color:#282828;  text-transform:capitalize }
.top-nav ul.top-menu>li>a { border-radius:100px; -webkit-border-radius:100px; padding:0px; background:none; margin-right:0; background:#fff; }
.top-nav ul.top-menu>li.language>a { margin-top:-2px; padding:4px 12px; line-height:20px; }
.top-nav ul.top-menu>li.language>a img { border-radius:0; -webkit-border-radius:0; width:18px; }
.top-nav ul.top-menu>li.language ul.dropdown-menu li img { border-radius:0; -webkit-border-radius:0; width:18px; }
.top-nav ul.top-menu > li { margin-left:10px; margin-top:0; }
.top-nav ul.top-menu>li>a:hover, .top-nav ul.top-menu>li>a:focus { border:none; background:#eee !important;}
.top-nav .dropdown-menu.extended.logout { top:50px; }
.top-nav .nav .caret { border-bottom-color:#282828; border-top-color:#282828; }
/*.top-nav ul.top-menu>li>a:hover .caret { border-bottom-color:#fff; border-top-color: #fff; }*/
/*form*/
.position-center { width:60%; margin: 0 auto; }
/*----*/
.notify-arrow { background:url("../images/top-arrow.png") no-repeat; width:18px; height:10px; margin-top:0; opacity:0; position:absolute; left:16px; top:-20px; transition:all 0.25s ease 0s; z-index:10; margin-top:10px; opacity: 1; }
/*search*/
.search { width:20px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; border:1px solid #fff; box-shadow:none; background:#f6f6f6 url("../images/search-icon.png") no-repeat 10px 8px; padding:0 5px 0 30px; color:#fff; border-radius:100px; -webkit-border-radius:100px; }
.search:focus { width:180px; border:1px solid #f6f6f6; box-shadow:none; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; color:#c8c8c8; font-weight: 300; }
/*--sidebar toggle---*/
.sidebar-toggle-box { float:left; margin-top:23px; margin-left:-15px; background:#32d2c9; border-radius:50%; -webkit-border-radius:50%; width:30px; height:30px; position:absolute; right:-14px; }
.sidebar-toggle-box .fa-bars { cursor:pointer; display:inline-block; font-size:15px; padding:8px; color:rgba(0,0,0,.3); }
.sidebar-toggle-box:hover { background:#F6F6F6; }
.hide-left-bar { margin-left:-240px !important; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
.open-right-bar { right:0px !important; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
.merge-left { margin-left:0px !important; }
.hide-right-bar { margin-right:-240px !important; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
.toggle-right-box { float:left; background:#f6f6f6; border-radius:50%; -webkit-border-radius:50%; width:35px; height:35px; }
.toggle-right-box:hover { background:#32D2C9; }
.toggle-right-box:hover .fa-bars { color:rgba(0,0,0,0.3); }
.toggle-right-box .fa-bars { cursor:pointer; display:inline-block; font-size:15px; padding:10px; color: #bfbfc1; }
/*right sidebar*/
.right-sidebar { background:#32323A; width:240px; position:fixed; height:100%; z-index:1000; right:-240px; top:0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
.open-right-panel { margin-left:-240px !important; }
.right-sidebar .search-row { padding:20px; }
.right-sidebar .search-row input { background:rgba(0,0,0,0.3); border:none; color:#707076; font-size:12px; }
.right-side-accordion { margin-top:6px; }
.right-side-accordion .head { padding:18px 10px; text-transform:uppercase; width:100%; font-weight:600; font-size:13px; display:inline-block; }
.right-side-accordion .red-bg { background:#aa0907; color:#fff; }
.right-side-accordion .terques-bg { background:#45c9c4; color:#fff; }
.right-side-accordion .purple-bg { background:#a48ad4; color:#fff; }
.right-side-accordion .yellow-bg { background:#f3c022; color:#fff; }
.prog-row { border-bottom:1px solid #3C3C44; display:inline-block; padding:20px 0; width:100%; }
.simple-list li { border-bottom:1px solid #3C3C44; display:block!important; padding:8px 10px!important; }
.simple-list li:last-child { margin-bottom:20px!Important; }
.simple-list li a { color: #AEB2B7; font-size:11px; font-weight:600!important; }
.simple-list li a:hover { color:#fff; }
.prog-row .progress { margin-bottom:0; }
.prog-row h4 { margin:0; font-size:12px; text-transform:uppercase; color:#fff; font-weight:400; }
.user-details h4 { text-transform:none; font-size:14px; font-weight:300; }
.prog-row p { font-size:10px; color:#8f8f9b; margin-bottom:0; }
.mtop10 { margin-top:10px; }
.user-thumb, .user-details, .user-status, .rsn-details { float:left; }
.user-thumb { width:30px; margin:0 10px 0 20px; }
.user-thumb img { border-radius:50%; -webkit-border-radius:50%; width:30px; height:30px; }
.user-details { width:150px; }
.rsn-details { width:170px; }
.rsn-details a, .rsn-details a:hover { color:#a48ad4; font-size:11px; }
.user-details a { color:#fff; }
.user-status { width:25px; margin-top:5px; }
.view-btn, .view-btn:hover { color:#6c6c72; margin:10px 0; display:inline-block; }
.view-btn:hover { text-decoration:underline; }
.rsn-activity i { font-size: 30px; }
/*state overview*/
.state-overview .symbol, .state-overview .value { display:inline-block; text-align:center; }
.state-overview .value { float:right; }
.state-overview .value h1, .state-overview .value p { margin:0; padding:0; color:#c6cad6; }
.state-overview .value h1 { font-weight:300; }
.state-overview .symbol i { color:#fff; font-size:50px; }
.state-overview .symbol { width:40%; padding:25px 15px; -webkit-border-radius:4px 0px 0px 4px; border-radius:4px 0px 0px 4px; }
.state-overview .value { width:58%; padding-top:21px; }
.state-overview .terques { background:#6ccac9; }
.state-overview .red { background:#ff6c60; }
.state-overview .yellow { background:#f8d347; }
.state-overview .blue { background: #57c8f2; }
/*main chart*/
.border-head h3 { border-bottom:1px solid #c9cdd7; margin-top:0; margin-bottom:20px; padding-bottom:5px; font-weight:normal; font-size:18px; display:inline-block; width:100%; font-weight:300; }
.custom-bar-chart { height:290px; margin-top:20px; margin-left:10px; position:relative; border-bottom:1px solid #c9cdd7; }
.custom-bar-chart .bar { height:100%; position:relative; width:4.3%; margin:0px 2%; float:left; text-align:center; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0x; border-radius:5px 5px 0 0; z-index:10; }
.custom-bar-chart .bar .title { position:absolute; bottom:-30px; width:100%; text-align:center; font-size:12px; }
.custom-bar-chart .bar .value { position:absolute; bottom:0; background:#bfc2cd; color:#bfc2cd; width:100%; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
.custom-bar-chart .bar .value:hover { background:#e8403f; color:#fff; }
.y-axis { color:#555555; position:absolute; text-align:right; width:100%; }
.y-axis li { border-top:1px dashed #dbdce0; display:block; height:58px; width:100%; }
.y-axis li:last-child { border-top:none; }
.y-axis li span { display:block; margin:-10px 0 0 -25px; padding:0 10px; width:40px; }
.y-axis { color:#555555; text-align: right; }
/*spark line*/
.chart { display:inline-block; text-align:center; width:100%; }
.chart .heading { text-align:left; }
.chart .heading span { display:block; }
.panel.green-chart .chart-tittle { font-size:16px; padding:15px; display:inline-block; font-weight:normal; background:#99c262; width:100%; -webkit-border-radius:0px 0px 4px 4px; border-radius:0px 0px 4px 4px; }
#barchart { margin-bottom:-15px; display:inline-block; }
.chart-tittle .title { }
.panel.green-chart .chart-tittle .value { float:right; color:#c0f080; }
.panel.green-chart { background:#a9d96c; color:#fff; }
.panel.terques-chart { background:#41cac0; color:#fff; }
.panel.terques-chart .chart-tittle .value { float:right; color:#fff; }
.panel.terques-chart .chart-tittle .value a { color:#fff; font-size:12px; }
.panel.terques-chart .chart-tittle .value a:hover, .panel.terques-chart .chart-tittle .value a.active { color:#55f2e7; font-size:12px; }
.panel.terques-chart .chart-tittle { font-size:16px; padding:15px; display:inline-block; font-weight:normal; background:#39b7ac; width:100%; -webkit-border-radius:0px 0px 4px 4px; border-radius:0px 0px 4px 4px; }
.inline-block { display:inline-block; }
.gen-case { text-transform: none; }
/**/
/*personal task*/
.task-thumb { width:90px; float:left; }
.task-thumb img { border-radius:4px; -webkit-border-radius:4px; }
.task-thumb-details { display:inline-block; margin:25px 0 0 10px; }
.task-progress { float:left; }
.task-thumb-details h1, .task-thumb-details h1 a, .task-progress h1, .task-progress h1 a { color:#39b5aa; font-size:18px; margin:0; padding:0; font-weight:400; }
.task-thumb-details p, .task-progress p { padding-top:5px; color:#a4aaba; }
.personal-task tbody tr td { padding:11px 15px; border-color:#eeeff1; }
.personal-task tbody tr td i { font-size:20px; color:#c7cbd4; }
.personal-task.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th { background-color:#f7f8fc; }
.personal-task.table-hover>tbody>tr:hover>td i { color:#39b5aa; }
.personal-task>tbody>tr>td:last-child { text-align:right; }
.task-option { float:right; }
.task-option select { height:35px; border:1px solid #eaeaea; border-radius:4px; -webkit-border-radius:4px; padding:8px; color:#a4abbb; }
.progress-panel { padding-bottom: 5px; }
/*badge*/
.badge.bg-primary { background:#8075c4; }
.badge.bg-success { background:#a9d86e; }
.badge.bg-warning { background:#FCB322; }
.badge.bg-important { background:#ff6c60; }
.badge.bg-info { background:#41cac0; }
.badge.bg-inverse { background: #2A3542; }
/*timeline*/
.timeline { border-collapse:collapse; border-spacing:0; display:table; position:relative; table-layout:fixed; width:100%; }
.timeline .time-show { margin-right:-75px; margin-top:30px; position:relative; margin-bottom:30px; }
.timeline .time-show.first { /*margin-top:-80px;*/ }
.time-show .btn { width:150px; }
.timeline .time-show a { color:#fff; }
.timeline:before { background-color:#d8d9df; bottom:0px; content:""; left:50%; position:absolute; top:30px; width:1px; z-index:0; }
h3.timeline-title { margin:0; color:#C8CCD7; font-size:20px; font-weight:400; margin:0 0 5px; text-transform:uppercase; }
.t-info { color:#C8CCD7; }
.timeline-item:before, .timeline-item.alt:after { content:""; display:block; width:50%; }
.timeline-item { display:table-row; }
.timeline-desk { display:table-cell; vertical-align:top; width:50%; }
.timeline-desk h1 { font-size:16px; font-weight:300; margin:0 0 5px; }
.timeline-desk .panel { display:block; margin-left:45px; position:relative; text-align:left; background:#fff; }
.timeline-item .timeline-desk .arrow { border-bottom:8px solid transparent; border-top:8px solid transparent; display:block; height:0; left:-7px; position:absolute; top:13px; width:0; }
.timeline-item .timeline-desk .arrow { border-right:8px solid #fff !important; }
.timeline-item.alt .timeline-desk .arrow-alt { border-bottom:8px solid transparent; border-top:8px solid transparent; display:block; height:0; right:-7px; position:absolute; top:13px; width:0; left:auto; }
.timeline-item.alt .timeline-desk .arrow-alt { border-left:8px solid #fff !important; }
.timeline .timeline-icon { left:-60px; position:absolute; top:5px; }
.timeline .timeline-icon { background:#C7CBD6;/*box-shadow:0 0 0 3px #C7CBD6;*/ }
.timeline-desk span a { text-transform:uppercase; }
.timeline-desk h1.red, .timeline-desk span a.red { color:#EF6F66; }
.timeline-desk h1.green, .timeline-desk span a.green { color:#39B6AE; }
.timeline-desk h1.blue, .timeline-desk span a.blue { color:#56C9F5; }
.timeline-desk h1.purple, .timeline-desk span a.purple { color:#8074C6; }
.timeline-desk h1.light-green, .timeline-desk span a.light-green { color:#A8D76F; }
.timeline-desk h1.yellow, .timeline-desk span a.yellow { color:#fed65a; }
.timeline .timeline-icon.red { background:#EF6F66; }
.timeline .timeline-icon.green { background:#39B6AE; }
.timeline .timeline-icon.blue { background:#56C9F5; }
.timeline .timeline-icon.purple { background:#8074C6; }
.timeline .timeline-icon.light-green { background:#A8D76F; }
.timeline .timeline-icon.yellow { background:#fed65a; }
.timeline .timeline-icon { border-radius:50%; -webkit-border-radius:50%; display:block; height:30px; width:30px; text-align:center; color:#fff; }
.timeline .timeline-icon i { margin-top:9px; }
.timeline-item.alt .timeline-icon { left:auto; right:-60px; }
.timeline .time-icon:before { font-size:16px; margin-top:5px; }
.timeline .timeline-date { left:-245px; position:absolute; text-align:right; top:12px; width:150px; display:none; }
.timeline-item.alt .timeline-date { left:auto; right:-245px; text-align:left; display:none; }
.timeline-desk h5 span { color:#999999; display:block; font-size:12px; margin-bottom:4px; }
.timeline-item.alt:before { display:none; }
.timeline-item:before, .timeline-item.alt:after { content:""; display:block; width:50%; }
.timeline-desk p { font-size:14px; margin-bottom:0; color:#999; }
.timeline-desk a { color:#b70704; }
.timeline-desk .panel { margin-bottom:5px; }
.timeline-desk .album { margin-top:20px; }
.timeline-item.alt .timeline-desk .album { margin-top:20px; float:right; }
.timeline-desk .album a { margin-right:5px; float:left; }
.timeline-item.alt .timeline-desk .album a { margin-left:5px; float:right; }
.timeline-desk .notification { background:none repeat scroll 0 0 #FFFFFF; margin-top:20px; padding:8px; }
.timeline-item.alt .panel { margin-left:0; margin-right:45px; }
.mbot30 { margin-bottom:30px; }
.timeline-item.alt h1, .timeline-item.alt p { text-align: right; }
/*---revenue----*/
.revenue-head { background:#ff6c60; -webkit-border-radius:4px 4px 0px 0px; border-radius:4px 4px 0px 0px; color:#fff; line-height:50px; }
.revenue-head span { background:#e56155; padding:16px; -webkit-border-radius:4px 0px 0px 0px; border-radius:4px 0px 0px 0px; }
.revenue-head span i { font-size:18px; }
.revenue-head h3 { display:inline; padding:0 10px; font-size:16px; font-weight:300; }
.revenue-head span.rev-combo { background:#e56155; padding:16px; line-height:normal; -webkit-border-radius:0px 4px 0px 0px; border-radius: 0px 4px 0px 0px; }
/*easy pie chart*/
.easy-pie-chart { display:inline-block; padding:30px 0; }
.chart-info, .chart-info .increase, .chart-info .decrease { display:inline-block; }
.chart-info { width:100%; margin-bottom:5px; }
.chart-position { margin-top:70px; }
.chart-info span { margin:0 3px; }
.chart-info .increase { background:#ff6c60; width:10px; height:10px; }
.chart-info .decrease { background:#f2f2f2; width:10px; height:10px; }
.panel-footer.revenue-foot { background-color:#e6e7ec; -webkit-border-radius:0px 0px 4px 4px; border-radius:0px 0px 4px 4px; border:none; padding:0; width:100%; display: inline-block; }
table.table tr td{text-transform:capitalize}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Chrome */
    .panel-footer.revenue-foot { margin-bottom:-4px; }
}
.panel-footer.revenue-foot ul { margin:0; padding:0; width:100%; display:inline-flex; }
.panel-footer.revenue-foot ul li { float:left; width:33.33%; }
.panel-footer.revenue-foot ul li.first a:hover, .panel-footer.revenue-foot ul li.first a { -webkit-border-radius:0px 0px 0px 4px; border-radius:0px 0px 0px 4px; }
.panel-footer.revenue-foot ul li.last a:hover, .panel-footer.revenue-foot ul li.last a { -webkit-border-radius:0px 0px 4px 0px; border-radius:0px 0px 4px 0px; border-right:none; }
.panel-footer.revenue-foot ul li a { display:inline-block; width:100%; padding:14px 15px; text-align:center; border-right:1px solid #d5d8df; color:#797979; }
.panel-footer.revenue-foot ul li a:hover, .panel-footer.revenue-foot ul li.active a { background:#fff; position:relative; }
.panel-footer.revenue-foot ul li a i { color:#c6cad5; display:block; font-size:16px; }
.panel-footer.revenue-foot ul li a:hover i, .panel-footer.revenue-foot ul li.active a i { color:#ff6c60; display:block; font-size: 16px; }
/*flatlab carousel model*/
.flat-carousal { background:#58c9f3; -webkit-border-radius:4px 4px 0px 0px; border-radius:4px 4px 0px 0px; padding:10px; color:#fff; position:relative; }
.flat-carousal h1 { text-align:center; font-size:16px; margin:30px 20px; line-height:20px; font-weight:300; font-style:italic; }
a.view-all { color:#fff; background:rgba(0,0,0,0.1); padding:8px 15px; text-align:center; border-radius:25px; -webkit-border-radius:25px; margin-bottom:18px; display:inline-block; text-transform:uppercase; font-size:12px; }
ul.ft-link { margin:0; padding:0; }
ul.ft-link li { border-right:1px solid #E6E7EC; display:inline-block; line-height:30px; margin:8px 0; text-align:center; width:24%; }
ul.ft-link li a { color:#74829c; text-transform:uppercase; font-size:12px; }
ul.ft-link li a:hover, ul.ft-link li.active a { color:#58c9f3; }
ul.ft-link li:last-child { border-right:none; }
ul.ft-link li a i { display: block; }
/*product post*/
.post-wrap aside { display:table-cell; float:none; height:100%; padding:0; vertical-align:top; }
.pro-box { border-collapse:collapse; border-spacing:0; display:table; table-layout:fixed; width:100%; }
.post-info { position:relative; }
.arrow-pro.right:after { border-left-color:#FFFFFF; border-right-width:0; top:85px; content:" "; }
.arrow-pro.left:after { border-right-color:#FFFFFF; border-left-width:0; top:80px; content:" "; }
.arrow-pro.left { left:-8px; }
.arrow-pro:after { border-width:7px; content:""; }
.arrow-pro, .arrow-pro:after { border-color:rgba(0,0,0,0); border-style:solid; display:block; height:0; position:absolute; width:0; right:-5px; }
.post-highlight.yellow { background:#f8d347; border-radius:0px 4px 4px 0px; -webkit-border-radius:0px 4px 4px 0px; }
.post-highlight.terques { background:#41cac0; border-radius:4px 0px 0px 04px; -webkit-border-radius:4px 0px 0px 04px; }
.post-info h1 { margin:0; font-size:18px; color:#a19899; font-weight:300; }
.post-highlight.terques h2 { font-size:16px; color:#fff; font-style:italic; padding:0 20px; line-height:22px; margin:0; font-weight:300; }
.post-highlight.terques h2 span, .post-highlight.terques h2 a { color:#92faf3; }
.post-info h1 strong { text-transform:uppercase; color:#937b7b; }
.post-info .desk { display:inline-block; }
.post-info .desk h3 { font-size:16px; }
.post-info .desk.yellow h3 { color:#f8d347; }
.post-btn { }
.post-btn a { float:left; margin-right:8px; font-size:18px; color:#9a9a9a; }
.post-btn a:hover { color:#727272; }
.pro-thumb { text-align:center; display:inline-block; border-radius:50%; -webkit-border-radius:50%; border:10px solid rgba(256,256,256,0.4); }
.pro-thumb img { text-align:center; width:112px; height:112px; border-radius:50%; -webkit-border-radius:50%; }
.v-align { vertical-align:middle !important; }
.twite h1 { margin:50px 0; }
.social-footer { display:inline; text-align:center; }
.social-footer ul { text-align:center; margin:0; padding:0; }
.social-footer ul li { display:inline-block; margin:0 20px; }
.social-footer ul li a { font-size:25px; color:#ceced0; }
.social-footer ul li a:hover i.fa-facebook, .social-footer ul li.active a i.fa-facebook { color:#486eac; }
.social-footer ul li a:hover i.fa-twitter, .social-footer ul li.active a i.fa-twitter { color:#58c9f3; }
.social-footer ul li a:hover i.fa-google-plus, .social-footer ul li.active a i.fa-google-plus { color:#4a4a4a; }
.social-footer ul li a:hover i.fa-pinterest, .social-footer ul li.active a i.fa-pinterest { color: #d1282d; }
/*pie chart */
.pie-foot { background:#6b6b6b; padding:18px 15px; color:#fff; border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; text-align:center; font-size:16px; font-weight: 300; }
/*follower*/
.follower { background:#01a89e; color:#fff; text-align:center; border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; }
.follower-foot { padding:8px 5px 5px 5px; color:#757575; border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; font-weight:300; }
.follower-foot ul { padding:0; margin:0; }
.follower-foot ul li { display:inline-block; text-align:center; width:48%; line-height:normal; }
.follower-foot ul li h5 { margin:5px 0 0 0; }
.follower h4 { margin:0 0 10px 0; font-size:15px; font-weight:300; }
.follow-ava { border-radius:50%; -webkit-border-radius:50%; border:5px solid #18b2a6; display:inline-block; }
.follower img { border-radius:50%; -webkit-border-radius:50%; width:62px; height:62px;/*display: inline-block;*/ }
/*weather*/
.weather-bg { background:#8175c7; border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; color:#fff; text-align:center; font-size:16px; font-weight:300; }
.weather-bg i { font-size:60px; display:block; }
.weather-bg .degree { font-size:60px; }
.weather-category { padding:15px 0; color:#74829C; }
.weather-category ul { padding:0; margin:0; display:inline-block; width:100%; }
.weather-category ul li { display:inline-block; width:32%; text-align:center; border-right:1px solid #e6e6e6; display:inline-block; }
.weather-category ul li h5 { margin:0 0 5px 0; text-transform:uppercase; font-weight:300; }
.weather-category ul li a { }
.weather-category ul li:last-child { border-right: none; }
/*fontawesome*/
.fontawesome-icon-list h2 { margin-top:0; font-size:20px; font-weight:300; }
.fontawesome-icon-list .col-sm-4, .fontawesome-icon-list .col-md-3, .fontawesome-icon-list .col-xs-6 { margin-bottom:10px; }
.fontawesome-icon-list .page-header { border-bottom:1px solid #C9CDD7; }
.fontawesome-icon-list a { color:#797979; }
.fontawesome-icon-list a:hover { color:#35404D; }
.fontawesome-icon-list i { font-size:16px; padding-right:10px; }
#web-application, #text-editor, #directional, #video-player, #brand, #medical, #currency { margin-top: 10px; }
/*mail inbox*/
.mail-nav { margin:15px -15px 0 -15px; }
.mail-nav li a { border-radius:0; -webkit-border-radius:0; border-top:1px solid #f2f3f6; padding:15px; border-right:3px solid rgba(0,0,0,0); }
.mail-nav>li>a:hover, .mail-nav>li>a:focus { background:#fafafa; color:#b70704; border-right:3px solid #b70704; }
.mail-nav>li.active>a, .mail-nav>li.active>a:hover, .mail-nav>li.active>a:focus { background:#fafafa; color:#b70704; border-right:3px solid #b70704; }
.mail-nav>li+li { margin-left:0; margin-top:0px; }
.mail-nav i { font-size:16px; margin-right:10px; }
.inbox-notification { margin-top:-2px; }
.user-head .inbox-avatar { width:65px; float:left; }
.user-head .inbox-avatar img { border-radius:4px; -webkit-border-radius:4px; }
.user-head .user-name { display:inline-block; margin:0 0 0 10px; }
.user-head .user-name h5 { font-size:14px; margin-top:15px; margin-bottom:0; font-weight:300; }
.user-head .user-name h5 a { color:#fff; }
.user-head .user-name span a { font-size:12px; color:#87e2e7; }
a.mail-dropdown { background:#80d3d9; padding:3px 5px; font-size:10px; color:#01a7b3; border-radius:2px; margin-top:20px; }
.inbox-body { padding:20px; }
.btn-compose { background:#b70704; padding:12px 0; text-align:center; width:100%; color:#fff; }
.btn-compose:hover, .btn-compose:focus { background:#1ca59e; color:#fff; }
ul.inbox-nav { display:inline-block; width:100%; margin:0; padding:0; }
.inbox-divider { border-bottom:1px solid #d5d8df; }
.inbox-action { margin-top:50px; }
.src-position { margin-top:-7px; }
ul.labels-info { border-bottom:1px solid #f1f2f7; margin-bottom:10px; }
ul.inbox-nav li { display:inline-block; line-height:45px; width:100%; }
ul.inbox-nav li a { color:#6a6a6a; line-height:45px; width:100%; display:inline-block; padding:0 20px; }
ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.inbox-nav li a:focus { color:#6a6a6a; background:#d5d7de; }
ul.inbox-nav li a i { padding-right:10px; font-size:16px; color:#6a6a6a; }
ul.inbox-nav li a span.label { margin-top:13px; }
ul.labels-info li h4 { padding-top:5px; color:#5c5c5e; font-size:15px; text-transform:uppercase; }
ul.labels-info li { margin:0; }
ul.labels-info li a { color:#6a6a6a; border-radius:0; padding-left:0; padding-right:0; }
ul.labels-info li a:hover, ul.labels-info li a:focus { color:#6a6a6a; background:none; }
ul.labels-info li a i { padding-right:10px; }
.nav.nav-pills.nav-stacked.labels-info p { margin-bottom:0; padding:0 22px; color:#9d9f9e; font-size:11px; }
.inbox-head { padding:20px; background:#41cac0; color:#fff; border-radius:0 4px 0 0; -webkit-border-radius:0 4px 0 0; min-height:80px; }
.inbox-head h3 { margin:0; display:inline-block; padding-top:6px; font-weight:300; }
.inbox-head .sr-input { height:40px; border:none; box-shadow:none; padding:0 10px; float:left; border-radius:4px 0 0 4px; color:#8a8a8a; }
.inbox-head .sr-btn { height:40px; border:none; background:#00a6b2; color:#fff; padding:0 20px; border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; }
.wht-bg { background:#fff; }
.wht-bg h4 { font-size:24px; color:#a2a2a2; font-weight:300; }
.table-inbox-wrap { margin:0 -15px; }
.mail-checkbox { margin-right:10px; }
.table-inbox { margin:0; }
.table-inbox tr td { padding:12px !important; }
.table-inbox tr td:first-child { width:5%; }
.table-inbox tr td:first-child .icheckbox_minimal { margin-left:15px; }
.table-inbox tr td:hover { cursor:pointer; }
.table-inbox tr td .fa-star.inbox-started, .table-inbox tr td .fa-star:hover { color:#f78a09; }
.table-inbox tr td .fa-star { color:#d5d5d5; }
.table-inbox tr.unread td { font-weight:600; background:#f7f7f7; }
ul.inbox-pagination { float:right; }
ul.inbox-pagination li { float:left; }
.mail-option { display:inline-block; margin-bottom:10px; width:100%; }
.mail-option .chk-all { float:left; }
.mail-option .chk-all, .mail-option .btn-group { margin-right:5px; }
.mail-option .chk-all, .mail-option .btn-group a.btn { border:1px solid #e7e7e7; padding:5px 10px; display:inline-block; background:#fcfcfc; color:#afafaf; border-radius:3px !important; -webkit-border-radius:3px !important; }
.inbox-pagination a.np-btn { border:1px solid #e7e7e7; padding:5px 15px; display:inline-block; background:#fcfcfc; color:#afafaf; border-radius:3px !important; -webkit-border-radius:3px !important; }
.mail-option .chk-all input[type=checkbox] { margin-top:0; }
.mail-option .btn-group a.all { padding:0; border:none; }
.inbox-pagination a.np-btn { margin-left:5px; }
.inbox-pagination li span { display:inline-block; margin-top:7px; margin-right:5px; }
.fileinput-button { border:1px solid #e6e6e6; background:#eeeeee; }
.inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea { border:1px solid #e6e6e6; box-shadow:none; }
.btn-send, .btn-send:hover { background:#00A8B3; color:#fff; }
.btn-send:hover { background:#009da7; }
.modal-header h4.modal-title { font-weight:300; font-family:'Open Sans', sans-serif; }
.modal-body label { font-weight:400; font-family: 'Open Sans', sans-serif; }
/*404 page*/
.body-404 { background:#35bcb5; color:#fff; }
.error-head { background:#fff; height:280px; }
.error-wrapper { text-align:center; }
.error-wrapper h1 { font-size:90px; font-weight:300; margin:-141px 0 0 0; text-align:center; }
.error-wrapper h2 { font-size:58px; font-weight:300; margin:0; text-transform:uppercase; }
.error-desk { background:rgba(0,0,0,0.05); margin-top:-27px; padding:30px 0; }
.error-wrapper p, .error-wrapper p a { font-size:18px; font-weight:300; margin:0; }
.error-wrapper p.nrml-txt { color:#03f1e4; font-size:40px; margin:0; }
.back-btn, .back-btn:hover { border:1px solid rgba(255,255,255,.5); padding:10px 15px; margin-top:100px; display:inline-block; border-radius:5px; -webkit-border-radius:5px; color:#fff; font-size:16px; font-weight:300; }
.back-btn:hover { background:#fff; color: #02a9a0; }
/*500 page*/
.body-500 { background:#a48ad4; color:#fff; }
.error-wrapper p.page-500 { color:#afa5f1; }
.body-500 .back-btn:hover { background:#fff; color:#a48ad4; }
.error-wrapper p.nrml-txt-alt { color:#fff; font-size:34px; margin:0; text-transform:uppercase; }
.sp-link, .sp-link:hover { color:#ffef3b; text-decoration:underline; }
.sp-link:hover { text-decoration: none; }
/*profile*/
.profile-information .profile-pic img { width:160px; height:160px; border-radius:50%; -webkit-border-radius:50%; border:10px solid #f1f2f7; margin-top:20px; }
.profile-information .profile-desk { border-right:1px solid #ddd; padding-right:30px; }
.profile-information .profile-desk h1 { color:#b70704; font-size:24px; font-weight:bold; margin-bottom:0; }
.profile-information .profile-desk span, .profile-information .profile-desk p { padding-bottom:25px; display:inline-block; }
.profile-information .profile-statistics h1 { color:#757575; font-size:24px; font-weight:400; margin-bottom:5px; }
.profile-information .profile-statistics p { margin-bottom:15px; display:inline-block; }
.profile-information .profile-statistics ul { margin-top:10px; }
.profile-information .profile-statistics ul li { float:left; margin-right:10px; }
.profile-information .profile-statistics ul li a { background:#f6f6f6; text-align:center; border-radius:50%; -webkit-border-radius:50%; width:30px; height:30px; line-height:30px; float:left; }
.profile-information .profile-statistics ul li a:hover { color: #b70704; }
/*-----*/
.profile-nav .user-heading { color:#fff; border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; padding:30px; text-align:center; }
.profile-nav .user-heading.round a { border-radius:50%; -webkit-border-radius:50%; border:10px solid rgba(256,256,256,0.3); display:inline-block; }
.profile-nav .user-heading a img { width:112px; height:112px; border-radius:50%; -webkit-border-radius:50%; }
.profile-nav .user-heading h1 { font-size:20px; font-weight:300; margin-bottom:5px; }
.profile-nav .user-heading p { font-size:16px; color:#8b8b8b; line-height:25px; }
.profile-nav ul { margin-top:1px; }
.profile-nav ul>li { border-bottom:1px solid #ebeae6; margin-top:0; line-height:30px; }
.profile-nav ul>li:last-child { border-bottom:none; }
.profile-nav ul>li>a { border-radius:0; -webkit-border-radius:0; color:#89817f; }
.profile-nav ul>li>a:hover, .profile-nav ul>li>a:focus, .profile-nav ul li.active a { background:#f8f7f5 !important; color:#89817f !important; }
.profile-nav ul>li:last-child>a:last-child { border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; }
.profile-nav ul>li>a>i { font-size:16px; padding-right:10px; color:#bcb3aa; }
.r-activity { margin:6px 0 0; font-size: 12px; }
/*-----*/
.recent-act { border-collapse:collapse; border-spacing:0; display:table; position:relative; table-layout:fixed; width:100%; }
.recent-act:before { background-color:#eeeeee; bottom:0; content:""; left:50%; position:absolute; top:50px; width:2px; z-index:0; }
.recent-act h1 { text-align:center; color:#b70704; font-size:16px; font-weight:bold; text-transform:uppercase; }
.activity-icon.terques { background:#8fd6d6; }
.activity-icon.red { background:#EF6F66; }
.activity-icon.purple { background:#bda4ec; }
.activity-icon.green { background:#aec785; }
.activity-icon.yellow { background:#fed65a; }
.activity-icon { border-radius:50%; -webkit-border-radius:50%; color:#FFFFFF; height:30px; line-height:30px; text-align:center; width:30px; margin:20px auto 20px; position:relative; }
.activity-icon { background:#C7CBD6; }
.activity-desk { padding:15px 30px; background:#f2f2f2; border-radius:5px; -webkit-border-radius:5px; position:relative; text-align:center; }
.activity-desk h2 { color:#b70704; font-size:14px; font-weight:bold; margin:0 0 10px 0; text-transform:uppercase; }
.activity-desk .terques { color:#b70704; }
.activity-desk .red { color:#EF6F66; }
.activity-desk .purple { color:#bda4ec; }
.activity-desk .green { color:#aec785; }
.activity-desk .yellow { color:#fed65a; }
.activity-desk .blue { color:#20aaf1; }
.photo-gl { margin-top:10px; display:inline-block; }
.photo-gl a { margin:0 10px; }
.photo-gl a img { border:1px solid #c8c8c8; width:150px; height:120px; }
.prf-box { display:inline-block; width:100%; margin-bottom:30px; }
.prf-border-head { color:#b70704; border-bottom:1px solid #f1f2f7; font-size:16px; font-weight:bold; padding-bottom:10px; margin-bottom:20px; text-transform:uppercase; }
.wk-progress { border-bottom:1px solid #f1f2f7; margin-bottom:20px; width:100%; display:inline-block; }
.pf-status { padding-bottom:25px; }
.tm-avatar img { width:50px; height:50px; border-radius:50%; -webkit-border-radius:50%; }
.tm-membr { padding-bottom:12px; margin-bottom:10px; }
.tm-membr .tm { padding-top:10px; display:inline-block; padding-left: 10px; }
/*profile contact*/
.prf-contacts h2 { color:#b70704; font-size:16px; margin-top:0; text-transform:uppercase; }
.prf-contacts h2 span { width:40px; height:40px; line-height:42px; background:#b70704; color:#fff; border-radius:50%; -webkit-border-radius:50%; display:inline-block; text-align:center; margin-right:15px; }
.prf-contacts h2 span i { font-size:16px; }
.prf-contacts .location-info { margin-left:60px; }
.prf-contacts .location-info p { padding-bottom:30px; }
.prf-map { width:430px; height:430px; border-radius:50%; -webkit-border-radius:50%; border:10px solid #e6e6e6; margin-top:50px; }
.sttng h2 { margin: 20px 0; }
/*invoice*/
.invoice p { line-height:25px; color:#aeaeb1; }
.invoice-header { border:1px solid #ddd; display:inline-block; width:100%; margin-bottom:40px; }
.invoice-title { background:#b70704; color:#fff; display:inline-block; }
.inv-label { color:#b70704; }
.itatic { font-style:italic; }
.inv-label h3 { font-weight:300; }
ul.amounts li.grand-total { background:#b70704; color:#fff; font-weight:bold; }
.amnt-value, .table-invoice h4 { margin:0; font-weight:400; }
.invoice-title h1 { font-size:50px; font-weight:lighter; text-align:center; margin:0; text-transform:uppercase; padding:5px; letter-spacing:2px; }
.invoice-list { margin-bottom:30px; }
.invoice-info, .invoice-title { padding:20px; }
.invoice-info { margin-top:5px; }
.invoice-list h4 { font-weight:300; font-size:16px; }
.invoice-to h2 { margin:0; font-size:24px; color:#73737b; font-weight:600; }
.table-invoice { margin-top:30px; border-spacing:5px; border-collapse:separate; }
.table-invoice>thead>tr>th { border-bottom:none; }
.table-invoice>tbody>tr>td { border-top:none; }
.table-invoice thead tr th { background:#e8e9f0; border-radius:5px; -webkit-border-radius:5px; vertical-align:middle; }
.table-invoice thead tr th:first-child, .table-invoice tbody tr td:first-child { text-align:center; }
.table-invoice tbody tr td { background:#f5f6f9; border-radius:5px; -webkit-border-radius:5px; vertical-align:middle; }
.invoice-block { text-align:right; }
.payment-method p { margin-bottom:0; }
ul.amounts li { background:#f5f6f9; margin-bottom:5px; padding:10px; border-radius:4px; -webkit-border-radius:4px; font-weight:300; font-size:16px; }
.invoice-btn { margin-top:30px; }
.invoice-btn a { font-weight:300; margin:0 5px; font-size:16px; }
.corporate-id { margin-bottom: 30px; }
/*panel heading color*/
.panel-primary>.panel-heading.navyblue { background-color:#2A3542; border-color:#2A3542; color: #FFFFFF; }
/*table*/
.table-advance tr td { vertical-align:middle !important; }
.no-border { border-bottom:none; }
.dataTables_length, .dataTables_filter { padding:0 0 10px 0; }
.dataTables_info { padding:15px 0; text-align:left; }
.dataTables_filter { float:right; }
.dataTables_length select { width:65px; padding:5px 8px; }
.dataTables_length label, .dataTables_filter label { font-weight:400; text-transform: capitalize;}
.dataTables_filter label { width:100%; float:right; margin-top:4px; }
.dataTables_filter label input { width:98%; float:right; margin-top:-4px; }
.border-top { border-top:1px solid #ddd; }
.dataTables_paginate.paging_bootstrap.pagination li { float:left; margin:0 1px; border:1px solid #ddd; border-radius:3px; -webkit-border-radius:3px; }
.dataTables_paginate.paging_bootstrap.pagination li.disabled a { color:#c7c7c7; }
.dataTables_paginate.paging_bootstrap.pagination li a { color:#797979; padding:5px 10px; display:inline-block; }
.dataTables_paginate.paging_bootstrap.pagination li:hover a, .dataTables_paginate.paging_bootstrap.pagination li.active a { color:#797979; background:#eee; border-radius:3px; -webkit-border-radius:3px; }
.dataTables_paginate.paging_bootstrap.pagination { float:right; margin-top:-5px; margin-bottom:15px; }
.dataTable tr:last-child { border-bottom: 1px solid #ddd; }
/*calender*/
.has-toolbar.fc { margin-top:50px; }
.fc-header-title { display:inline-block; margin-top:-45px; vertical-align:top; }
.fc-header-center { text-align:left; }
.fc-header-left { text-align:left; width:18%; }
.fc-view { margin-top:-50px; overflow:hidden; width:100%; }
.fc-state-default, .fc-state-default .fc-button-inner { background:#F3F3F3 !important; border-color:#DDDDDD; border-style:none solid; color:#646464; }
.fc-state-active, .fc-state-active .fc-button-inner, .fc-state-active, .fc-button-today .fc-button-inner, .fc-state-hover, .fc-state-hover .fc-button-inner { background:#32323A !important; color:#fff !important; }
.fc-event-skin { background-color:#b70704 !important; border-color:#b70704 !important; color:#FFFFFF !important; }
.fc-grid th { height:50px; line-height:50px; text-align:center; background:#e4e4e4 !important; }
.fc-header-title h2 { font-size:18px !important; color:#474752; font-weight:300; padding:0 10px; }
.external-event { cursor:move; display:inline-block !important; margin-bottom:6px !important; margin-right:6px !important; padding:8px; }
#external-events p input[type="checkbox"] { margin:0; }
.drg-event-title { font-weight:300; margin-top:0; margin-bottom:15px; border-bottom:1px solid #ddd; padding-bottom:10px; }
.fc-content .fc-event { border-radius:4px; webkit-border-radius:4px; padding: 4px 6px; }
.fc-corner-left { /*border-radius:4px 0 0 4px;*/ /*-webkit-border-radius:4px 0 0 4px;*/
}
.fc-corner-right { /*border-radius:0 4px 4px 0;*/ /*-webkit-border-radius:0 4px 4px 0;*/
}
.drp-rmv { padding-top:10px; margin-top: 10px; }
/*button*/
.btn-row { margin-bottom: 10px; }
/*tabs*/
.tab-head { background:#7087a3; display:inline-block; width:100%; margin-top:60px; }
.tab-container { margin-top:10px; }
.tab-head .nav-tabs>li>a { border-radius:0; margin-right:1px; color:#fff; }
.tab-head .nav-tabs>li.active>a, .tab-head .nav-tabs>li>a:hover, .tab-head .nav-tabs>li.active>a:hover, .tab-head .nav-tabs>li.active>a:focus { background-color:#f1f2f7; border-color:#f1f2f7; color: #797979; }
/*general page*/
.progress-xs { height:10px; }
.progress-sm { height:12px; }
.panel-heading .nav { border:medium none; font-size:13px; margin:-15px -15px -15px; }
.tab-bg-dark-navy-blue ul>li>a { display:block; padding:20px 15px !important; }
.tab-bg-dark-navy-blue { background:#e0e1e7; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-bottom:none; }
.panel-heading .nav>li>a, .panel-heading .nav>li.active>a, .panel-heading .nav>li.active>a:hover, .panel-heading .nav>li.active>a:focus { border-width:0; border-radius:0; }
.panel-heading .nav>li>a { color:#898989; }
.panel-heading .nav>li.active>a, .panel-heading .nav>li>a:hover { color:#b70704; background:#fff; }
.panel-heading .nav>li:first-child.active>a, .panel-heading .nav>li:first-child>a:hover { border-radius:4px 0 0 0; -webkit-border-radius:4px 0 0 0; }
.tab-right { height:58px; }
.panel-heading.tab-right .nav>li:first-child.active>a, .tab-right.panel-heading .nav>li:first-child>a:hover { border-radius:0; -webkit-border-radius:0; }
.panel-heading.tab-right .nav>li:last-child.active>a, .tab-right.panel-heading .nav>li:last-child>a:hover { border-radius:0 4px 0 0; -webkit-border-radius:0 4px 0 0; }
.panel-heading.tab-right .nav-tabs>li>a { margin-left:1px; margin-right:0px; }
.m-bot20 { margin-bottom:20px; }
.m-bot-none { margin-bottom:0; }
.wht-color { color:#fff; }
.close-sm { font-size: 14px; }
/*carousel*/
.carousel-indicators li { background:rgba(0,0,0,0.2); border:none; transition:background-color 0.25s ease 0s; -moz-transition:background-color 0.25s ease 0s; -webkit-transition:background-color 0.25s ease 0s; }
.carousel-indicators .active { background:#333; height:10px; margin:1px; width:10px; }
.carousel-indicators.out { bottom:-5px; }
.carousel-indicators.out { bottom:-5px; }
.carousel-control { color:#999999; text-shadow:none; width:45px; }
.carousel-control i { display:inline-block; height:25px; left:50%; margin-left:-10px; margin-top:-10px; position:absolute; top:50%; width:20px; z-index:5; }
.carousel-control.left, .carousel-control.right { background:none; filter:none; }
.carousel-control:hover, .carousel-control:focus { color:#CCCCCC; opacity:0.9; text-decoration:none; }
.carousel-inner h3 { font-weight:300; font-size:16px; margin:0; }
.carousel-inner { margin-bottom: 15px; }
/*gritter*/
.gritter-close { left:auto !important; right: 3px !important; }
/*form*/
.sm-input { width:175px; }
.form-horizontal.bucket-form .form-group { border-bottom:1px solid #eff2f7; padding-bottom:15px; margin-bottom:15px; }
.form-horizontal.bucket-form .form-group:last-child { border-bottom:none; padding-bottom:0px; margin-bottom:0px; }
.form-horizontal.bucket-form .form-group .help-block { margin-bottom:0; }
.round-input { border-radius:500px; -webkit-border-radius:500px; }
.m-bot15 { margin-bottom:15px; }
.form-horizontal.bucket-form .checkbox-inline>input { margin-top:1px; border:none; }
.btn.btn-info.dropdown-toggle { border-left: 1px solid #1fadea; }
/*custom checkox & radio btn*/
.icheck div, .icheck .disabled { float:left; }
.icheck div { margin-right:10px; }
.icheck label { font-weight:normal; }
.icheck .checkbox, .icheck .radio { margin-bottom:10px; }
.icheck .single-row { display:inline-block; width: 100%; }
/*form validation*/
.cmxform .form-group label.error { display:inline; margin:5px 0; color:#B94A48; font-weight:400; }
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus, .cmxform .form-group input.error, .cmxform .form-group textarea.error {
 border-color:#B94A48 !important;
}
#signupForm label.error { display:inline; margin:5px 0px; width:auto; color:#B94A48; }
.checkbox, .checkbox:hover, .checkbox:focus { border: none; }
/*slider*/
.slider-table tr td { padding:30px 0 !important; border: none !important; }
/*date picker*/
.add-on { float:right; margin-top:-37px; padding:3px; text-align:center; }
.add-on .btn { padding:9px; }
.daterangepicker .ranges .range_inputs>div:nth-child(2) { margin-bottom:10px; padding-left:0px; }
.daterangepicker .ranges label { padding-bottom:0; padding-top:8px; }
.daterangepicker td.active, .daterangepicker td.active:hover, .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active.active:hover, .datepicker td.active.disabled, .datepicker td.active.disabled:hover, .datepicker td.active[disabled], .datepicker td.active[disabled]:hover, .datepicker td span.active:hover, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] { background:#41CAC0; }
.daterangepicker .calendar th, .daterangepicker .calendar td { font-family:'Open Sans', sans-serif; font-weight:300; text-align:center; white-space:nowrap; }
.daterangepicker td.active, .daterangepicker td.active:hover, .datepicker td.active, .datepicker td.active:hover, .datepicker td span.active { text-shadow:none; }
.datepicker th.switch { width:125px; }
.datepicker td span { height:40px; line-height:40px; }
.bootstrap-timepicker table td input { border:1px solid #ccc; border-radius:3px; -webkit-border-radius: 3px; }
/*ck editor*/
.cke_top, .cke_bottom { background:#F5F5F5 !important; background:-moz-linear-gradient(center top, #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important; background:-webkit-linear-gradient(center top, #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important; background:-o-linear-gradient(center top, #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important; box-shadow:none; padding:6px 8px 2px; }
.cke_top { border-bottom:1px solid #cccccc !important; }
.cke_chrome { display:block; padding: 0; }
/*widget*/
.user-heading.alt { display:inline-block; width:100%; text-align:left; }
.alt.gray-bg { background:#474751; }
.terques-bg { background:#b70704; }
.profile-nav.alt.green-border ul>li>a:hover i { color:#b70704; }
.user-heading.alt a { float:left; margin-right:15px; margin-left:-10px; display:inline-block; border:5px solid rgba(255,255,255,0.3); border-radius:50%; -webkit-border-radius:50%; }
.user-heading.alt a img { width:85px; height:85px; border-radius:50%; -webkit-border-radius:50%; }
.twt-feed { border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; color:#FFFFFF; padding:40px 10px 10px; position:relative; min-height:170px; }
.corner-ribon { text-align:center; width:71px; height:71px; position:absolute; right:0; top:0; font-size:20px; }
.corner-ribon i { padding:10px 0 0 35px; color:#fff; }
.blue-ribon { background:url("../images/twitter_corner_blue.png") no-repeat; }
.black-ribon { background:url("../images/twitter_corner_black.png") no-repeat; }
.twt-feed.blue-bg { background:#58C9F3; }
.twt-feed h1 { font-size:18px; font-weight:300; margin-bottom:5px; }
.twt-feed a { border-radius:50%; -webit-border-radius:50%; float:left; margin:0 10px; }
.twt-feed a img { height:85px; width:85px; border-radius:50%; -webit-border-radius:50%; }
.twt-category { display:inline-block; margin-bottom:11px; margin-top:10px; width:100%; }
.twt-feed .wtt-mark { color:rgba(255,255,255,0.15); font-size:160px; position:absolute; top:10px; left:40%; }
.twt-category ul li { color:#bdbdbd; font-size:13px; }
.twt-category h5 { font-size:18px; font-weight:400 !important; }
.twt-write .t-text-area { background:#f4f4f6; border-radius:4px; -webkit-border-radius:4px; border:none; height:40px; color:#c9c9c9; margin-bottom:20px; padding-top:10px; }
.twt-footer { padding:12px 15px; }
.twt-footer, .twt-footer a { color:#d2d2d2; }
.twt-footer i { padding-right:10px; }
.btn-space { padding-left:11.6%; padding-right:11%; }
.p-head { color:#f77b6f; font-weight:400; font-size:14px; }
.cmt-head { font-weight:400; font-size:13px; }
.p-thumb img { width:50px; height:50px; border-radius:3px; -webkit-border-radius:3px; }
.tasi-tab .media-body p { /*color:#b8bac6;*/ }
.feed-box { position:relative; }
.feed-box img { border-radius:50%; -webkit-border-radius:50%; width:85px; height:85px; }
.feed-box h1 { font-size:20px; color:#8b8b8b; font-weight:400; }
.feed-box a { color:#3ac7f9; }
.profile-nav .user-heading.clock-row { padding:20px; }
.clock-row { text-transform:uppercase; min-height:170px; }
ul.clock-category { padding:15px 0; }
ul.clock-category li { display:inline-block; width:24%; text-align:center; border:none; }
ul.clock-category li a span { display:block; line-height:normal; }
ul.clock-category li a i { font-size:30px; padding-right:0; }
ul.clock-category li a:hover, ul.clock-category li a.active { color:#b70704 !important; background:none !important; }
ul.clock-category li a:hover i, ul.clock-category li a.active i { color:#b70704 !important; }
.clock-row h1 { font-size:22px !important; font-weight:400 !important; letter-spacing:1px; margin:0 0 5px 0!important; letter-spacing:1px; }
.clock-row p { font-size:18px; font-weight:300; color:#fff !important; margin:0; }
.wdgt-row { text-align:center !important; }
.wdgt-row i { font-size:50px; }
.wdgt-value h1 { color:#c7cbd6; font-size:30px; font-weight:400; margin:0; }
.wdgt-value p { color:#c7cbd6; font-size:14px; font-weight:300; margin:0; }
.red-bg { background:#fa8564; }
.purple-bg { background:#9466b5; color:#fff; }
.weather-box { float:left; width:100%; }
.weather-box .symbol { border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; padding:61px 15px; width:50%; float:left; text-align:center; }
.weather-box .symbol i { font-size:70px; text-shadow:-5px 6px 5px rgba(0,0,0,0.3); }
.weather-box .value { float:right; width:50%; text-align:center; padding:33px 0; font-size:14px; color:#bdbdbd; }
.weather-box .value i { font-size:20px; }
.wdgt-row, .prd-img { position:relative; }
.wdgt-row img { width:100%; border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; }
.wdt-head { text-transform:uppercase; font-size:16px; font-weight:400; text-shadow:0 0 3px rgba(0,0,0,0.8); color:#fff; position:absolute; left:20px; bottom:15px; }
.country-select { position:absolute; top:10px; right:10px; }
.weather-full-info { color:#cbcbcb; }
.weather-full-info h1 { font-size:14px; font-weight:600; margin:0 0 10px 0; text-transform:uppercase; }
.weather-full-info h2 { font-size:14px; font-weight:300; margin:0 0 5px 0; }
.weather-full-info .today-status i { font-size:40px; color:#b70704; }
.weather-full-info .degree { font-size:30px; font-weight:600; display:inline-block; padding-left:20px; }
.weather-full-info .degree:after { content:"o"; position:relative; top:-12px; font-size:16px; }
.weather-full-info ul { margin-bottom:0; }
.weather-full-info ul li { display:inline-block; width:16%; text-align:center; border-left:1px solid #f1f2f7; }
.weather-full-info ul li i { font-size:25px; }
.weather-full-info .statistics { padding-top:5px; }
.weather-full-info .statistics:after { content:"o"; position:relative; top:-5px; font-size:10px; }
.prd-row { position:relative; }
.btn-add-cart { bottom:9px; padding:12px; position:absolute; right:15px; }
.prd-row img { width:100%; }
.prd-row .action { width:100px; height:45px; position:absolute; bottom:10px; right:-35px; background:rgba(0,0,0,0.5); border-radius:5px; -webkit-border-radius:5px; }
.prd-row .action .part1 { width:50%; float:left; text-align:center; line-height:45px; color:#fff; font-size:18px; }
.yellow-bg-prd { background:#ffdd00; border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; }
.prd-row h1 { font-size:24px; font-weight:400; color:#5f6165; margin:5px 0; }
.prd-row p { margin:0; color:#bfc2c4; }
.prd-row p.normal { color:#bfc2c4; }
.prd-row p.terques { color:#b70704; }
.prd-row .price { margin-top:20px; margin-bottom:20px; }
.prd-row .price .amnt { color:#b70704; font-size:25px; font-weight:600; }
.prd-row .price .amnt:after { content:".00"; position:relative; top:-10px; font-size:12px; }
.clock-place { margin:-76px auto 0; }
.btn-gap button { margin-right: 10px; }
/*custom select*/
span.customSelect { font-size:12px; background-color:#ffffff; padding:6px 10px; border:1px solid #EAEAEA; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; color:#A4AABA; text-align:left; }
span.customSelect.changed { background-color:#fff; }
.customSelectInner { background: url(../images/customSelect-arrow.gif) no-repeat center right; }
/*Timeline chat*/
.chat-form { margin-top:25px; clear:both; }
.chat-form .input-cont { margin-bottom:10px; }
.chat-form .input-cont input { margin-bottom:0px; }
.chat-form .input-cont input { border:1px solid #d3d3d3 !important; margin-top:0; min-height:45px; }
.chat-form .input-cont input { background-color:#fff !important; }
.chat-features a { margin-left:10px; }
.chat-features a i { color:#d0d0d0; }
.timeline-messages h3 { margin-bottom:30px; color:#b70704; font-size:16px; text-transform:uppercase; background:#fff; padding:20px; margin-top:-3px; position:relative; }
.timeline-messages:before { background:rgba(0,0,0,0.05); bottom:0; top:0; width:2px; }
.timeline-messages:before, .msg-time-chat:before, .msg-time-chat .text:before { content:""; left:20px; position:absolute; top:-2px; }
.timeline-messages, .msg-time-chat, .timeline-messages .msg-in, .timeline-messages .msg-out { position:relative; }
.timeline-messages .msg-in .arrow { border-right:8px solid #949496 !important; }
.timeline-messages .msg-in .arrow { border-bottom:8px solid transparent; border-top:8px solid transparent; display:block; height:0; left:-8px; position:absolute; top:25px; width:0; }
.timeline-messages .msg-out .arrow { border-right:8px solid #41cac0 !important; }
.timeline-messages .msg-out .arrow { border-bottom:8px solid transparent; border-top:8px solid transparent; display:block; height:0; left:-8px; position:absolute; top:25px; width:0; }
.msg-time-chat:first-child:before { margin-top:27px; }
.msg-time-chat:before { background:#CCCCCC; border:2px solid #FAFAFA; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; height:16px; margin:35px 0 0 -7px; width:16px; }
.msg-time-chat:hover:before { background:#41cac0; }
.msg-time-chat:first-child { padding-top:0; }
.message-img { float:left; margin-right:30px; overflow:hidden; }
.message-img img { display:block; height:44px; width:44px; }
.message-body { margin-left:50px; display: inline-block; }
.msg-time-chat .msg-in .text { /*border:1px solid #e3e6ed;*/ /*padding:10px;*/
    border-radius:4px; -webkit-border-radius:4px; margin-top:14px; }
.msg-time-chat .msg-in .text .first { background:#949496; padding:10px; color:#fff; float:left; border-radius:4px; -webkit-border-radius:4px; margin-right:5px; width:120px; text-align:right; }
.msg-time-chat .msg-in .text .second { background:#8fd6d6; padding:10px; color:#fff; float:left; border-radius:4px; -webkit-border-radius:4px; }
.msg-time-chat .msg-out .text { border:1px solid #e3e6ed; padding:10px; border-radius:4px; -webkit-border-radius:4px; }
.msg-time-chat p { margin:0; }
.msg-time-chat .attribution { font-size:11px; margin:0px 0 5px; }
.msg-time-chat { overflow:hidden; padding:8px 0; }
.msg-in a, .msg-in a:hover { color:#b64c4c; text-decoration:none; border-radius:4px; -webkit-border-radius:4px; margin-right:10px; font-weight:400; font-size:13px; }
.msg-out a, .msg-out a:hover { color:#288f98; text-decoration:none; border-radius:4px; -webkit-border-radius:4px; margin-right:10px; font-weight:400; font-size:13px; }
.bg-terques { background:#8fd6d6 !important; }
.bg-red { background:#ffa991 !important; }
.bg-purple { background:#bda4ec !important; }
.bg-green { background:#aec785 !important; }
.bg-yellow { background:#fed65a !important; }
.bg-blue { background: #99cce3 !important; }
/*boxed page */
.boxed-page { background-color:#000 !important; }
.box-head { background:none; }
.boxed-page .container { background:#32323A; padding-left:0; padding-right:0; }
.boxed-page>.container { overflow:hidden; }
.boxed-page .container #sidebar { position:inherit; }
.boxed-page .container .header .container { background:#fff; }
.boxed-page .container aside { float:left; }
.boxed-page .container .wrapper { background:#F1F2F7; min-height:900px; }
.boxed-page .brand { margin-left: 0; }
/*collapsible*/
.tools a { margin-left:10px; color:#a7a7a7; font-size: 12px; }
/* google maps */
.gmaps { height:300px; width:100%; }
.ullist { border-bottom:#ccc 1px solid; margin-left:20px; }
.ullist li { display:inline-block; margin-left:5px; }
.ullist li a { display:inline-block; padding:10px 20px !important; border-top:#ccc 1px solid; border-left:#ccc 1px solid; border-right:#ccc 1px solid; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; background:#f1f1f1; }
.ullist li.active a { background:#fff; border-bottom:#fff 1px solid; position:relative; top:1px; margin-bottom: -1px; }
/* star rating */
.rating { unicode-bidi:bidi-override; direction:rtl; font-size:30px; }
.rating span.star, .rating span.star { font-family:FontAwesome; font-weight:normal; font-style:normal; display:inline-block; }
.rating span.star:hover, .rating span.star:hover { cursor:pointer; }
.rating span.star:before, .rating span.star:before { content:"\f006"; padding-right:5px; color:#BEC3C7; }
.rating span.star:hover:before, .rating span.star:hover:before, .rating span.star:hover ~ span.star:before, .rating span.star:hover ~ span.star:before {
 content:"\f005";
 color: #41CAC0;
}
/*ckEditor*/
#editor-container { width:100%; margin:10px auto 0; }
#header-editor { overflow:hidden; padding:0 0 30px; border-bottom:1px solid #eaeaea; position:relative; }
#headerLeft, #headerRight { width:49%; overflow:hidden; }
#headerLeft { float:left; padding:10px 1px 1px; }
#headerLeft h2, #headerLeft h3 { margin:0; overflow:hidden; font-weight:normal; font-family:'Open Sans', sans-serif; }
#headerLeft h2 { font-size:2.6em; line-height:1.1em; text-transform:capitalize; color:#314558; margin-bottom:20px; }
#headerLeft h3 { font-size:1.5em; line-height:1.1em; margin:.2em 0 0; color:#757575; }
#headerRight { float:right; padding:1px; }
#headerRight p { line-height:1.8em; text-align:justify; margin:0; }
#headerRight p+p { margin-top:20px; }
#headerRight>div { padding:20px; margin:0 0 0 30px; font-size:1.1em; color:#757575; }
#columns { color:#757575; overflow:hidden; padding:20px 0; }
#columns h3 { color:#314558; }
#columns>div { float:left; width:33.3%; }
#columns #column1>div { margin-left:1px; }
#columns #column3>div { margin-right:1px; }
#columns>div>div { margin:0px 10px; padding:10px 20px; }
#columns blockquote { margin-left:15px; }
#taglist { display:inline-block; margin-left:20px; font-weight:bold; margin:0 0 0 20px; }
.cke_editable.cke_editable_inline.cke_focus { background:#fcfcfc; border:1px solid #eaeaea; cursor:text; outline: medium none; }
/*advanced table*/
.general-table .progress { margin-bottom:0; }
.adv-table table tr td { padding:10px; }
.adv-table table.display thead th { border-bottom:1px solid #DDDDDD; padding:10px; }
tr.odd.gradeA td.sorting_1, tr.odd td.sorting_1, tr.even.gradeA td.sorting_1 { background:none; }
td.details { background-color:#eee; }
td.details table tr td, .dataTable tr:last-child { border:none; }
.adv-table table.display tr.odd.gradeA { background-color:#F9F9F9; }
.adv-table table.display tr.even.gradeA { background-color:#FFFFFF; }
.adv-table .dataTables_filter label input { float:right; margin-left:10px; width:78%; }
.adv-table .dataTables_filter label { line-height:33px; width:100%; }
.adv-table .dataTables_length select { display:inline-block; margin:0 10px 0 0; padding:5px 8px; width:65px; }
.adv-table .dataTables_info, .dataTables_paginate { padding:10px 0 0px 15px; }
.adv-table .dataTables_length, .adv-table .dataTables_filter { padding:15px 15px 0px 0; }
.cke_chrome { border:none !important; }
.editable-table .dataTables_filter { width:80%; }
tr.odd.gradeX td.sorting_1, tr.even.gradeX td.sorting_1, table.display tr.even.gradeX, table.display tr.gradeX, tr.even.gradeU td.sorting_1, tr.even td.sorting_1, table.display tr.even.gradeC, table.display tr.gradeC, tr.odd.gradeC td.sorting_1, table.display tr.even.gradeU, table.display tr.gradeU, tr.odd.gradeU td.sorting_1 { background: none !important; }
/*flot chart*/
.flot-chart .chart, .flot-chart .pie, .flot-chart .bars { height: 300px; }
/*xchart*/
.demo-xchart { height:400px; width: 100%; }
/*Horizontal menu*/
.full-width #main-content { margin-left:0; }
.horizontal-menu { margin-top:18px; float:left; }
.horizontal-menu .navbar-nav>li { margin-right:5px; }
.horizontal-menu .navbar-nav>li>a { padding:10px 20px; border-radius:30px; -webkit-border-radius:30px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
.horizontal-menu>.navbar-nav>li>.dropdown-menu { margin-top:23px; box-shadow:0 0 5px rgba(0,0,0,0.1) !important; border:none; }
.full-width .navbar-header { width:100%; }
.full-width .nav>li>a:hover, .full-width .nav li.active a, .full-width .nav li.dropdown a:hover, .full-width .nav li.dropdown.open a:focus, .full-width .nav .open>a, .full-width .nav .open>a:hover, .full-width .nav .open>a:focus { background-color:#b70704; text-decoration:none; color:#fff; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; border-radius:30px; -webkit-border-radius:30px; }
.full-width .dropdown-menu { box-shadow:none; }
.full-width .dropdown-menu>li>a { padding:10px 20px; font-size: 13px; }
/*advanced form*/
.form-body { padding: 20px; }
/*multiselect*/
.ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover { background-color:#2A3542; color:#FFFFFF; cursor:pointer; text-decoration:none; }
.ms-container .ms-list, .ms-container .ms-list.ms-focus { box-shadow:none !important; }
.ms-container .ms-list.ms-focus { border:1px solid #2A3542; }
.ms-selectable .search-input, .ms-selection .search-input { margin-bottom: 10px; }
/*spinner*/
.spinner-buttons.btn-group-vertical .btn { height:17px; margin:0; padding-left:6px; padding-right:6px; text-align:center; width:22px; }
.spinner-buttons.btn-group-vertical .btn i { margin-top:-3px; }
.spinner-buttons.btn-group-vertical .btn:first-child { border-radius:0 4px 0 0 !important; -webkit-border-radius:0 4px 0 0 !important; }
.spinner-buttons.btn-group-vertical .btn:last-child { border-radius:0 0 4px !important; -webkit-border-radius: 0 0 4px !important; }
/**/
.wysihtml5-toolbar .btn-default { background:#fff; color: #757575; }
/*lock screen*/
.lock-screen { background:#1fb3a3 url("../images/lock-screen.jpg"); background-size:cover; background-repeat:repeat; background-position:top; }
.lock-wrapper { margin:10% auto; max-width:500px; }
.lock-box { position:relative; }
.lock-name { background:#fff; width:50%; float:left; height:50px; line-height:50px; margin-top:55px; padding:0 20px; text-align:left; border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; color:#b70704; }
.lock-pwd { background:#fff; width:50%; float:right; height:50px; line-height:50px; margin-top:55px; padding:0 0 0 80px; border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; color:#b70704; }
.lock-pwd input { width:75%; margin-top:6px; color:#626f81; }
.lock-pwd input:focus, .lock-pwd input:hover { border-color:#fff; }
.lock-wrapper img { position:absolute; left:33%; border-radius:50%; -webkit-border-radius:50%; border:10px solid #fff; width:160px; height:160px; }
.lock-wrapper .locked { margin-bottom:20px; display:inline-block; color:#026f7a; }
.btn-lock, .btn-lock:hover { background:#fff; color:#626f81; margin-top:-8px; }
.lock-input { width:83%; border:none; float:left; margin-right:3px; }
#time { width:100%; color:#fff; font-size:125px; margin-bottom:50px; display:inline-block; text-align:center; font-family:'Lato', sans-serif; font-weight: 100; }
/*language*/
.language { margin-top:4px; }
.language .dropdown-menu { border:none; box-shadow:0 0 5px rgba(0,0,0,0.1) !important; margin-top: 18px; }
.language .dropdown-menu li a { /*border-bottom:1px solid #eee;*/ padding:10px; }
.language .dropdown-menu li:last-child a { border-bottom:none; }
.language .dropdown-menu li a { font-size:13px; padding:10px; }
.language .dropdown-menu li a:hover { background:#F1F2F7; color:#32323a; }
.language-menu { margin-top:15px !important; padding:0; }
.lang-arrow-up { background:url("../images/top-arrow.png") no-repeat; width:18px; height:10px; margin-top:-15px; float:right; margin-right: 15px; }
/*breadcrumbs-alt*/
.breadcrumbs-alt { list-style-type:none; margin:0px 0 20px; overflow:hidden; padding:0; width:100%; }
.breadcrumbs-alt li { float:left; margin:0 25px 0 0; transition:all 0.3s ease-in-out 0s; }
.breadcrumbs-alt a:before { border-color:#E0E1E7 #E0E1E7 #E0E1E7 rgba(0,0,0,0); border-style:solid; border-width:1.5em 0 1.7em 1em; content:""; left:-1em; margin-top:-1.6em; position:absolute; top:50%; transition:all 0.3s ease-in-out 0s; }
.breadcrumbs-alt a:after { border-bottom:1.5em solid rgba(0,0,0,0); border-left:1em solid #E0E1E7; border-top:1.5em solid rgba(0,0,0,0); content:""; margin-top:-1.5em; position:absolute; right:-1em; top:50%; transition:all 0.3s ease-in-out 0s; }
.breadcrumbs-alt a { background:#E0E1E7; color:#444444; float:left; font-size:12px; padding:10px; position:relative; text-decoration:none; transition: all 0.3s ease-in-out 0s; }
/*active and hover*/
.breadcrumbs-alt a:hover:before, .breadcrumbs-alt a.current:before { border-color:#b70704 #b70704 #b70704 rgba(0,0,0,0); border-style:solid; border-width:1.5em 0 1.7em 1em; content:""; left:-1em; margin-top:-1.6em; position:absolute; top:50%; transition:all 0.3s ease-in-out 0s; }
.breadcrumbs-alt a:hover:after, .breadcrumbs-alt a.current:after { border-bottom:1.5em solid rgba(0,0,0,0); border-left:1em solid #b70704; border-top:1.5em solid rgba(0,0,0,0); content:""; margin-top:-1.5em; position:absolute; right:-1em; top:50%; transition:all 0.3s ease-in-out 0s; }
.breadcrumbs-alt a:hover, .breadcrumbs-alt a.current { background:#b70704; color:#fff; float:left; font-size:12px; padding:10px; position:relative; text-decoration:none; transition: all 0.3s ease-in-out 0s; }
/*footer*/
.footer-section { background:#32323A; color:#fff; padding:10px 0; /*position:fixed;*/ bottom:0; width:100%; margin-top:30px; }
.go-top { margin-right:1%; float:right; background:rgba(0,0,0,.4); width:25px; height:25px; border-radius:2%; -webkit-border-radius:2%; }
.go-top i { color:#fff; font-size:18px; padding-top:2px; }
.site-min-height { min-height: 900px; }
/*pricing table*/
.price-head { padding:10px 0 50px; }
.price-head h1 { font-size:32px; font-weight:normal; color:#b70704; }
.pricing-table { background:#F1F2F7; text-align:center; padding:0 0 25px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.pricing-table.most-popular { position:relative; }
.most-popular { background:#f1f2f7; color:#7d7d7d; }
.most-popular .pricing-head { background:#b70704; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; position:relative; height:170px; }
.most-popular .pricing-quote, .most-popular ul li i { color:#b70704; }
.most-popular ul li { }
.most-popular .price-actions .btn { background:#b70704 !important; cursor:pointer; }
.pricing-table .price-actions .btn { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#7d7d7d; color:#fff; border:none; box-shadow:none; text-shadow:none; padding:10px 20px; cursor:pointer; }
.pricing-head { background:#7d7d7d; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; position:relative; height:170px; }
.pricing-head h1 { font-size:24px; font-weight:300; padding-top:30px; color:#fff; text-transform:uppercase; }
.pricing-quote { background:#fff; padding:22px 0; color:#7d7d7d; font-size:45px; font-weight:100; width:150px; height:150px; border-radius:50%; -webkit-border-radius:50%; margin:-85px auto; z-index:100; position:relative; }
.pricing-quote:after { width:170px; height:170px; border-radius:50%; -webkit-border-radius:50%; border:10px solid rgba(255,255,255,0.5); margin:-85px auto; z-index:100; position:absolute; content:""; left:-10px; top:75px; }
.pricing-table ul { margin:120px 0 50px; padding:0; }
.pricing-table ul li { margin:0 2em; padding:1em 0; text-align:left; font-weight:300; }
.pricing-table ul li i { margin-right:10px; }
.pricing-quote span.note { display:inline; font-size:18px; line-height:0.8em; position:relative; top:-18px; }
.pricing-quote p { font-size:16px; color:#d2d2d6; }
.pricing-quotation, .team-info { background:#EEEEEE; padding:20px 20px 35px 20px; margin-bottom:100px; display:inline-block; width:100%; text-align:center; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.pricing-quotation h3, .team-info h3 { font-weight:300; }
.pricing-quotation p, .team-info p { margin-bottom:0px; }
.pricing-plan, .team-info-wrap { position:relative; }
.pricing-quotation:before, .team-info:before { background-color:#EEEEEE; border-color:#EEEEEE; border-image:none; border-right:1px solid #EEEEEE; border-style:none; top:-7px; content:""; display:block; height:14px; left:48%; position:absolute; transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); width: 15px; }
/*dragable portlet*/
.sortable .panel .panel-heading { cursor: move; }
/*switch btn*/
.has-switch span.switch-left, .has-switch span.switch-right { border-radius:40px; -webkit-border-radius: 40px; }
/*toggle style*/
.toggle-heading h3 { font-size:16px; margin:0 0 10px 0; /*border-bottom:1px solid #ddd;*/ padding-bottom:10px; font-weight:300; }
/*tags input*/
.tagsinput { height:40px !important; min-height:41px !important; margin:0 !important; overflow:auto !important; padding:5px !important; }
div.tagsinput span.tag { background:none repeat scroll 0 0 #CDE69C !important; border:0 none !important; color:#638421 !important; margin-bottom:4px !important; padding:5px 6px !important; }
.hd-title { font-size:16px; margin: 10px 0; }
/*DASHBOARD -jaman*/
.main-chart { width:100%; height:265px; }
#flotTip { background:#fff; border:#ccc 1px solid; padding:10px; }
#legendcontainer26 { padding:10px 0px; }
#legendcontainer26 .legendColorBox { padding-right:5px; }
#legendcontainer26 .legendColorBox div { border-radius:100% !important; }
.widget-h { color:#afaebc; font-size:16px; text-transform:uppercase; margin:0px 0px 10px 0px; text-align:center; }
.gauge-canvas { text-align:center; }
.gauge-value { color:#fa8564; font-size:16px; font-weight:bold; padding-left:20px; }
.gauge-title { color:#ccc; font-size:14px; padding-right:20px; }
.gauge-meta { margin:0px; padding-top:7px; }
.daily-visit { text-align:center; }
.daily-visit-spark { padding:10px 0px; }
.sm-pie .legendColorBox { padding-right:5px; }
.sm-pie .legendColorBox>div { border:#fff 0px solid !important; }
.sm-pie .legendColorBox div { border-radius:100% !important; }
.epie-chart { position:relative; display:inline-block; width:80px; height:80px; text-align:center; }
.epie-chart canvas { position:absolute; top:0; left:0; }
.percent { display:inline-block; line-height:80px; z-index:2; }
.pc-epie-chart { position:relative; display:inline-block; width:50px; height:50px; text-align:center; }
.pc-epie-chart canvas { position:absolute; top:0; left:0; }
.pc-epie-chart .percent { display:inline-block; line-height:50px; z-index:2; font-size:10px; color:#5bc6f0; }
.percent:after { content:'%'; margin-left:0.1em; font-size:.8em; }
.chart-meta { margin:0px; }
.visit-chart-value { font-size:18px; color:#3acdc7; font-weight:600; padding-top:10px; }
.visit-chart-title { font-size:16px; padding-top:10px; color:#ccc; }
.visit-chart-title i { color:#3acdc7; }
.top-stats-panel { min-height:164px; }
.top-stats-panel .sm-pie { margin-top:30px; }
.sm-pie { height:100px; width:100%; display:block; }
.target-sell { height:40px; width:100%; display:block; }
.side-graph-info { float:left; padding-top:7px; padding-bottom:7px; padding-left:15px; }
.side-mini-graph { float:right; width:70px; margin-right:10px; text-align:center; }
.side-graph-info.payment-info { padding-top:10px; }
.monthly-stats { -webkit-border-radius:4px 4px 0px 0px; border-radius:4px 4px 0px 0px; margin:-15px -15px 15px -15px; padding:15px; }
.monthly-stats.pink { background-color:#9972b5 !important; ; }
.sparkline { text-align:center; }
.monthly-stats h4 { color:#fff; font-weight:normal; text-transform:uppercase; margin:0px; padding:5px 0px 10px 0px; }
.circle-sat ul { text-align:center; }
.circle-sat ul li { display:inline-block; }
.circle-sat ul li span { display:block; text-transform:uppercase; }
.left-stat-label span, .right-stat-label span { display:block; }
.left-stat-label { text-align:right; font-size:11px; position:relative; top:10px; padding-right:10px; }
.right-stat-label { text-align:left; font-size:11px; position:relative; top:10px; padding-left:10px; }
.left-stat-label .sell-percent { color:#f9a10c; font-size:14px; }
.right-stat-label .sell-percent { color:#36d8c0; padding-top:30px; font-size:14px; }
.spark-bar-label span { display:block; color:#bbb; }
.bar-label-value { font-size:20px; color:#666 !important; }
.prospective-spark-bar { margin:0px; }
.prospective-spark-bar li { padding:20px 0px 20px 0px; }
.jqstooltip:after { top:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(136,183,213,0); border-top-color:rgba(0,0,0,0.6); border-width:4px; margin-left:-4px; }
.stat-btn { padding:3px; background-color:#eee6f5; border-radius:3px; height:24px; color:#cab1d9; }
.stat-btn:hover { background-color:#422c50; color:#cab1d9; }
.stat-btn.active { background-color:#422c50; color:#cab1d9; }
.region-earning-stats { text-align:center; color:#6d6d6d; text-transform:uppercase; padding:40px 30px; font-family:'Open Sans', sans-serif; font-weight:600; }
.region-earning-stats span { display:block; color:#b0c781; font-size:20px; }
.location-earning-stats { text-align:center; font-family:'Open Sans', sans-serif; font-weight:600; margin-bottom:30px; }
.location-earning-stats li { padding:0px 15px; }
.location-earning-stats li { display:inline-block; text-transform:uppercase; font-size:12px; }
.location-earning-stats li span { display:block; font-size:14px; }
.stat-divider { border-right:#dadada 1px dashed; }
.vector-stat { height:150px; margin-top:20px; }
.alert-icon { width:40px; height:40px; display:inline-block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; }
.alert-icon i { width:40px; height:40px; display:block; text-align:center; line-height:40px; font-size:20px; color:#fff; }
.notification-info { margin-left:56px; margin-top:-40px; }
.notification-meta { margin-bottom:3px; }
.notification-info p { margin:0px; color:#999; font-size:12px; }
.alert-info .alert-icon { background-color:#99cce3; }
.alert-danger .alert-icon { background-color:#fcb1ae; }
.alert-success .alert-icon { background-color:#98d7ad; }
.alert-warning .alert-icon { background-color:#ffe699; }
.notification-sender { color:#414147; }
.notification-time { font-style:italic; color:#999; }
.alert-info .notification-info a { color:#45a2c9; }
.alert-danger .notification-info a { color:#fb6f6b; }
.alert-success .notification-info a { color:#42b663; }
.alert-warning .notification-info a { color:#e6cb76; }
.alert-info.bucket-notification { background-color:#eef7fd; }
.alert-danger.bucket-notification { background-color:#fef3f2; }
.alert-success.bucket-notification { background-color:#eef8f8; }
.alert-warning.bucket-notification { background-color: #fff7e1; }
/*=Chat=*/
.conversation-list li { margin-bottom:24px; }
.conversation-list .chat-avatar { width:40px; display:inline-block; text-align:center; float:left; }
.conversation-list .chat-avatar i { font-size:12px; font-style:normal; }
.conversation-list .ctext-wrap i { display:block; font-style:normal; font-weight:bold; position:relative; font-size:12px; color:#2cb9b3; }
.conversation-list .conversation-text { display:inline-block; font-size:12px; float:left; margin-left:12px; width:70%; }
.conversation-list .ctext-wrap { padding:10px; background:#d5f2ef; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; position:relative; display:inline-block; }
.conversation-list .ctext-wrap p { margin:0px; padding-top:3px; }
.conversation-list .ctext-wrap:after { right:100%; top:20%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(213,242,239,0); border-right-color:#d5f2ef; border-width:5px; margin-top:-5px; }
.conversation-list .odd .chat-avatar { float:right !important; }
.conversation-list .odd .conversation-text { width:70% !important; margin-right:12px; text-align: right; float:right !important; }
.conversation-list .odd .ctext-wrap { background:#eeeef2 !important; }
.conversation-list .odd .ctext-wrap i { color:#acacac; }
.conversation-list .odd .ctext-wrap:after { left:100% !important; top:20% !important; border-color:rgba(238,238,242,0)!important; border-left-color:#eeeef2!important; }
.chat-send { padding-left:0px; }
.chat-send button { width: 100%; }
/*=Event Calendar=*/
.event-calendar { background:#1fb5ac; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; min-height:474px; }
.calendar-block { float:right !important; -webkit-border-radius:0 5px 5px 0px; -moz-border-radius:0 5px 5px 0px; border-radius:0 5px 5px 0px; background:#fff; }
.event-list-block { -webkit-border-radius:5px 0px 0px 5px; -moz-border-radius:5px 0px 0px 5px; border-radius:5px 0px 0px 5px; }
.calendar-block .clndr { margin:40px 0; }
.calendar-block .clndr { margin:0px 0; }
.calendar-block .clndr-controls { margin:15px 0px !important; }
.calendar-block .day-contents { width:30px; margin:auto; }
.today .day-contents { width:30px; background:#1fb0ab; cursor:pointer; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.calendar-block .day-contents:hover { width:30px; background:#1fb0ab; cursor:pointer; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.event-list li { background:rgba(255,255,255,.2); padding:10px 30px 10px 10px; color:#fff; margin-bottom:5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; position:relative; }
.event-close { display:inline-block; font-size:20px; color:#fff; position:absolute; right:4px; top:8px; }
.cal-day { font-size:30px; font-weight:300; text-transform:uppercase; color:#fff; padding-top:15px; padding-bottom:30px; }
.cal-day span { font-size:14px; display:block; }
.evnt-input, .evnt-input:focus { background:none; border:none; border-bottom:#fff 1px solid; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; color:#fff; padding-left:0px; margin-top:10px; }
.widget-head { position:relative; }
.widget-collapse { width:20px; height:20px; display:block; text-align:center; position:absolute; right:10px; }
.widget-collapse i { width:20px; height:20px; display:block; text-align:center; line-height:20px; font-size:8px; }
.mini-stat { background:#fff; padding:20px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-bottom:20px; }
.mini-stat-icon { width:60px; height:60px; display:inline-block; line-height:60px; text-align:center; font-size:30px; background:#eee; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; float:left; margin-right:10px; color:#fff; }
.mini-stat-info { font-size:12px; padding-top:2px; }
.mini-stat-info span { display:block; font-size:24px; font-weight:600; }
.orange { background:#fa8564 !important; }
.tar { background:#1fb5ac !important; }
.mini-stat .green { background:#aec785 !important; }
.pink { background:#a48ad4 !important; }
.yellow-b { background: #fdd752 !important; }
/*== Weather Widget ==*/
.weather-widget { background:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-bottom:20px; padding:12px 15px; }
.weather-info { margin:0px; }
.weather-info li { font-size:14px; color:#ccc; }
.weather-icon { margin-right:10px; padding-right:10px; }
.weather-icon canvas { margin-top:15px; }
.weather-cent span { font-size:30px; font-weight:700; color:#aec785; }
.weather-cent span:after { content:"o"; font-size:16px; position:relative; top:-15px; }
.bar-stats { height:80px; margin-top:20px; border-bottom:#aec785 2px solid; position:relative; }
.progress-stat-bar { padding-left:10px; }
.progress-stat-bar li { height:78px; width:20px; background:#f1f1f1; position:relative; margin-right:5px; float:left; }
.progress-stat-percent { background:#aec785; display:block; position:absolute; bottom:0px; left:0px; width:100%; }
.bar-legend { position:absolute; top:0px; right:0px; }
.bar-legend li { font-size:11px; margin-bottom:5px; }
.bar-legend-pointer { height:10px; width:10px; display:inline-block; position:relative; top:1px; margin-right:5px; }
.bar-legend-pointer.green { background:#AEC785; }
.daily-sales-info { color:#ccc; }
.daily-sales-info span { display:inline-block; }
.daily-sales-info span.sales-count { font-size:18px; color:#aec785; font-weight:600; }
.daily-sales-info { padding-top:6px; }
.daily-sales-info span.sales-label { position:relative; top:-2px; }
.todo-title { margin-right:70px; }
.to-do-list li { background:#f3f3f3; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; position:relative; padding:13px; margin-bottom:5px; cursor:move; }
.to-do-list li p { margin-bottom:0px; }
.todo-actionlist { position:absolute; right:15px; top:13px; }
.todo-actionlist a { height:24px; width:24px; display:inline-block; float:left; }
.todo-actionlist a i { height:24px; width:24px; display:inline-block; text-align:center; line-height:24px; color:#ccc; }
.todo-actionlist a:hover i { color:#666; }
.todo-done i { font-size:14px; }
.todo-remove i { font-size:10px; }
.line-through { text-decoration:line-through; }
.todo-action-bar { margin-top:20px; }
.drag-marker { height:17px; display:block; float:left; width:7px; position:relative; top:2px; }
.drag-marker i { height:2px; width:2px; display:block; background:#ccc; box-shadow:5px 0 0 0px #ccc, 0px 5px 0 0px #ccc, 5px 5px 0 0px #ccc, 0px 10px 0 0px #ccc, 5px 10px 0 0px #ccc, 0px 15px 0 0px #ccc, 5px 15px 0 0px #ccc; -webkit-box-shadow:5px 0 0 0px #ccc, 0px 5px 0 0px #ccc, 5px 5px 0 0px #ccc, 0px 10px 0 0px #ccc, 5px 10px 0 0px #ccc, 0px 15px 0 0px #ccc, 5px 15px 0 0px #ccc; -moz-box-shadow: 5px 0 0 0px #ccc, 0px 5px 0 0px #ccc, 5px 5px 0 0px #ccc, 0px 10px 0 0px #ccc, 5px 10px 0 0px #ccc, 0px 15px 0 0px #ccc, 5px 15px 0 0px #ccc; }
/* To-Do Check*/
.to-do-list li .todo-check input[type=checkbox] { visibility:hidden; }
.todo-check { width:20px; position:relative; margin-right:10px; margin-left:10px; }
.todo-check label { cursor:pointer; position:absolute; width:20px; height:20px; top:0; left:0px; -webkit-border-radius:2px; border-radius:2px; border:#ccc 1px solid; }
.todo-check label:after { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; content:''; position:absolute; width:13px; height:8px; background:transparent; top:3px; left:3px; border:3px solid #cfcfcf; border-top:none; border-right:none; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); }
.todo-checklabel:hover::after { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); opacity:0.3; }
.todo-check input[type=checkbox]:checked+label:after { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; }
.btn-todo-select button, .btn-add-task button { width:100%; }
.todo-search-wrap { padding:0px; }
.todo-search { -moz-border-radius:3px !important; -webkit-border-radius:3px !important; border-radius:3px !important; }
.side-mini-stat { padding:10px 0 !important; }
.notification-pie-chart { position:relative !important; display:block; height:50px; width:50px; }
.notification-pie-chart .pie-percent, .notification-pie-chart .percent { width:50px !important; height:50px !important; display:block; line-height:52px !important; text-align:center; margin-left:0px !important; padding-left:0px !important; position:absolute; top:0px; font-size:11px !important; font-weight:normal !important; color:#666; }
.legendLabel { padding-bottom:3px; }
.notification-pie-chart .percent:after { content:'%'; margin-left:0.1em; font-size:.8em; }
.first-city { color:#7bd0d1; }
.second-city { color:#c5cc73; }
.third-city { color:#e47578; }
.top-menu .dropdown-menu:after, .top-menu .dropdown-menu:before { bottom:100%; left:9%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.top-menu .dropdown-menu:after { border-color:rgba(255,255,255,0); border-bottom-color:#ffffff; border-width:7px; margin-left:-7px; }
.top-menu .dropdown-menu:before { border-color:rgba(238,238,238,0); border-bottom-color:#eeeeee; border-width:8px; margin-left:-8px; }
.pull-right.top-menu .dropdown-menu:after, .pull-right.top-menu .dropdown-menu:before { bottom:100%; left:90%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.pull-right.top-menu .dropdown-menu:after { border-color:rgba(255,255,255,0); border-bottom-color:#ffffff; border-width:7px; margin-left:-7px; }
.pull-right.top-menu .dropdown-menu:before { border-color:rgba(238,238,238,0); border-bottom-color:#eeeeee; border-width:8px; margin-left: -8px; }
/*Chart JS*/
.chartJs { width:100%; display:block; }
#gmap-list, #gmap-tabs { height:450px; }
#graph-area-line>svg, #graph-bar>svg { width:100% !important; }
.task-info .desc p { padding-bottom:0px !important; }
.task-info .desc h5 { padding-top:8px; }
.evnt-input:-moz-placeholder {
 color:#fff !important;
 font-size:12px;
}
.evnt-input::-moz-placeholder {
 color:#fff !important;
 font-size:12px;
}
.evnt-input:placeholder {
 color:#fff !important;
 font-size:12px;
}
.evnt-input::-webkit-input-placeholder {
 color:#fff !important;
 font-size: 12px;
}
/*---------CUSTOM CSS----------*/
/*.glyphicon-calendar:before {
    content: "\1f4c5";
}*/

.cl-left { clear:left; }
.ln-height { line-height:40px; }
.panel-heading span.head { padding-top: 13px; padding-bottom:13px; }
.table-leave { width:10% !important }
.table-leave th, .table-leave td { text-align:center !important; padding:5px !important; }
.input-group.date .input-group-addon span { cursor: pointer; display: block; height: 16px; width: 16px; }
/* Override to make the feedback icons shown properly */
    .form-horizontal .has-feedback .form-control-feedback { top: 0; right: -15px; }
.form-horizontal .has-feedback .input-group .form-control-feedback { top: 0; right: -30px; }
/*.glyphicon-ok:before {
    content: "\e013";
}	

.glyphicon-time:before {
    content: "\e023";
}*/

.clr { clear:both; }
.links { }
ul.top-menu > li > a.ico_dash { padding-right:0 !important; }
.page_heading { float:left; margin-left:1%; font-size:1.5em; margin-top: 2em; }
/*.glyphicon-ok:before {
content: "\e013";
}
.glyphicon-remove:before {
content: "\e014";
}*/
.has-error .form-control-feedback { color: #a94442; }
.has-feedback .form-control-feedback { position: absolute; top: 0px; right: 10px; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; }
.red { color:#F00; }
.bg_red { background:#F00; border:1px solid #C00; }
.bg_grn { background:#0B0; border:1px solid #090; }
table.tablesorter thead { cursor: pointer; }
table.table thead .sorting, table.table thead .sorting_asc, table.table thead .sorting_desc, table.table thead .sorting_asc_disabled, table.table thead .sorting_desc_disabled { cursor: pointer; }
div.dataTables_paginate { float: right; margin: 0; }
table td.action a, table td.action em { display: inline-block; vertical-align: text-top; }
table td.action a { color: #00A8EC; text-align:center !important;font-size:12px; padding:0 4px 0 2px; }
table td.action a:hover { color: #FF0000; text-align:center !important; /*font-weight:300;*/ }
.confirmation-tab a { color: #fff !important; text-align:center !important; text-decoration:none !important; }
.confirmation-tab a:hover { color: #fff !important; text-align:center !important; text-decoration:none !important; font-weight:300 !important; }
table td.action em { background: none repeat scroll 0 0 #CCCCCC; height: 15px; margin:-2px 0px 0px; vertical-align: middle; width: 1px; }
/*.glyphicon-search:before {
    content: "\e003";
}*/
/*.glyphicon {
    display: inline-block;
    font-family:FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    position: relative;
    top: 1px;
}*/

h2.trigger { background: url("../images/trigger.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0); color: #333333; cursor: pointer; font-size: 1.2em; font-weight: normal; height: 30px; line-height: 30px; margin: 0; padding: 0; text-align: left; width: 100%; }
h2.trigger:hover { color: #666666; }
h2.active span { background: url("../images/up_arrow.png") no-repeat scroll 10px center rgba(0, 0, 0, 0); }
h2.trigger span { background: url("../images/down_arrow.png") no-repeat scroll 10px center rgba(0, 0, 0, 0); padding-left: 30px; }
/* main icons */

.main_icons { list-style:none; float: right; margin:0; margin-right:1.0em; /*margin-top:3em;*/ position:relative; z-index:1; }
.main_icons ul { position:absolute; list-style:none; width: 140px; background:#d6edff; padding:6px 0px 0px 6px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #acb2b4; left: -54px; top: 48px; display:none; z-index:9; /*text-align:center;*/ }
.main_icons > li { display:inline-block; margin:3px 2px 0; position:relative; width:40px; height:40px; float:left	 }
.main_icons > li:hover > ul { display:block; }
.main_icons > li:hover > .pointer { display:block; }
.main_icons ul li { display:inline-block; padding:0px 0px; width:40px; height:35px; }
.main_icons > li a, .main_icons ul li a { /*display:inline-block;*/ width:40px; height:40px; background-repeat:no-repeat; background-position:0 0; margin:0; padding:0; }
.main_icons > li button { /*display:inline-block;*/ width:40px; height:auto; background-repeat:no-repeat; background-position:0 0; margin:0; padding:0; border:none; /*background:none*/ }
.main_icons > li img{}
.main_icons.item-search-icon{}
.main_icons.item-search-icon > li{ padding:8px 0px; height:48px; float:left; }
.main_icons.item-search-icon > li.first{margin-right:5px}
.main_icons.item-search-icon > li.last{margin-top:-4px}

.main_icons.item-search-icon > li a, 
.main_icons.item-search-icon ul li a{width:34px;}
.main_icons.item-search-icon > li .btn.btn-success{float:right; padding:6px 8px}



a.mi1 { background:url(../images/mi1.png) }
a.mi2 { background:url(../images/mi2.png) }
a.mi3 { background:url(../images/mi3.png) }
a.mi4 { background:url(../images/mi4.png) }
a.mi5 { background:url(../images/mi5.png) }
a.mi6 { background:url(../images/mi6.png) }
a.mi7 { background:url(../images/mi7.png) }
a.mi8 { background:url(../images/mi8.png) }
a.mi9 { background:url(../images/mi9.png) }
a.mi10 { background:url(../images/mi10.png) }
a.mi11 { background:url(../images/mi11.png) }
a.mi12 { background:url(../images/mi12.png) }
a.mi13 { background:url(../images/mi13.png); }
a.si1 { background:url(../images/si1.png) }
a.si2 { background:url(../images/si2.png) }
a.si3 { background:url(../images/si3.png) }
em.pointer { display:none; position:absolute; top: 38px; z-index: 9999; right: 13px; width:16px; height:11px; background:url(../images/pointer.png) }
/**** savebutton***/

.save_button { float:left; margin-left:-2px; background:none; border:none; }
.draft_button { float:left; margin-left:-2px; background:none; border:none; }
/**** FOOTER ***/

footer { display:block; width:100%; clear:both; bottom:0; left:0; position:fixed; background:#333; color:#FFF; padding:10px 0; z-index:9999; }
footer span { padding:0 0 0 15px; display:block; }
footer span strong { font-weight:bold !important; }
.pull-lft { float:left; width:50%;padding-right:30px; }
.pull-rgh { float:right; width:50%;padding-left:30px; }
.pull-lft-1 { float:left; width:100%; }
.pull-lft-3 { float:left; width:30%; margin-left:30px; }
.pull-lft-3-sub { float:left; width:25%; }
.pull-cnt-3 { float: left; width:30%; margin-left:30px; }
.pull-cnt-3-sub { float: left; width:40%; }
.pull-rgt-3 { float: left; width:30%; margin-left:30px; }
.pull-rgt-3-sub { float: left; width:27%; }
.pull-lft-4 { float:left; width:30%; }
.pull-rgt-4 { float:right; width:70%; }
.pull-lft-5 { float:left; width: 88%; }
.pull-rgt-5 { float:left; width: 10%; }
.cont-set-info { float:left; width:100%; }
.center-tabs { float:left; width:100%; text-align:center; }
.emp-list-cont { float:left; width:100%; margin:0px auto; text-align:center; height:auto; }
.emp-lft-but-act1 { margin-bottom:1em; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(0, 169, 236)), color-stop(1, rgb(0, 97, 176))); background-image: -o-linear-gradient(bottom, rgb(0, 169, 236) 0%, rgb(0, 97, 176) 100%); background-image: -moz-linear-gradient(bottom, rgb(0, 169, 236) 0%, rgb(0, 97, 176) 100%); background-image: -webkit-linear-gradient(bottom, rgb(0, 169, 236) 0%, rgb(0, 97, 176) 100%); background-image: -ms-linear-gradient(bottom, rgb(0, 169, 236) 0%, rgb(0, 97, 176) 100%); background-image: linear-gradient(to bottom, rgb(0, 169, 236) 0%, rgb(0, 97, 176) 100%); font-size:13px; float:left; font-weight:bold; text-align:center; margin: 0px; width:100%; padding:15px 20px; border-radius: 0px; border: 0px solid #000000; }
.emp-lft-but-act1:hover { background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.43, rgb(0, 144, 201)), color-stop(1, rgb(1, 70, 122)) ); background-image: -o-linear-gradient(bottom, rgb(0, 144, 201) 43%, rgb(1, 70, 122) 100%); background-image: -moz-linear-gradient(bottom, rgb(0, 144, 201) 43%, rgb(1, 70, 122) 100%); background-image: -webkit-linear-gradient(bottom, rgb(0, 144, 201) 43%, rgb(1, 70, 122) 100%); background-image: -ms-linear-gradient(bottom, rgb(0, 144, 201) 43%, rgb(1, 70, 122) 100%); background-image: linear-gradient(to bottom, rgb(0, 144, 201) 43%, rgb(1, 70, 122) 100%); -webkit-box-shadow: 1px 5px 5px -2px rgba(0,0,0,0.4); -moz-box-shadow: 1px 5px 5px -2px rgba(0,0,0,0.4); box-shadow: 1px 5px 5px -2px rgba(0,0,0,0.4); cursor:pointer; }
.emp-lft-but-act2 { background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(209, 211, 212)), color-stop(1, rgb(241, 242, 242))); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(209, 211, 212)), color-stop(1, rgb(188, 190, 192))); background-image: -o-linear-gradient(bottom, rgb(209, 211, 212) 0%, rgb(188, 190, 192) 100%); background-image: -moz-linear-gradient(bottom, rgb(209, 211, 212) 0%, rgb(188, 190, 192) 100%); background-image: -webkit-linear-gradient(bottom, rgb(209, 211, 212) 0%, rgb(188, 190, 192) 100%); background-image: -ms-linear-gradient(bottom, rgb(209, 211, 212) 0%, rgb(188, 190, 192) 100%); background-image: linear-gradient(to bottom, rgb(209, 211, 212) 0%, rgb(188, 190, 192) 100%); font-size:13px; background-color:#ccc; float:left; text-align:center; margin: 0px; width:100%; padding:15px 20px; border-radius: 0px; border: 0px solid #000000; }
.emp-lft-but-act2:hover { -webkit-box-shadow: 1px 5px 5px -2px rgba(0,0,0,0.4); -moz-box-shadow: 1px 5px 5px -2px rgba(0,0,0,0.4); box-shadow: 1px 5px 5px -2px rgba(0,0,0,0.4); cursor:pointer; }
/* main icons */
	



	




.controls { width: 40px; float: left; margin: 10px; }
.controls a { background-color: #222222; border-radius: 4px; border: 2px solid #000; color: #ffffff; padding: 2px; font-size: 14px; text-decoration: none; display: inline-block; text-align: center; margin: 5px; width: 20px; }
.search-box-position { width: 100%; float: left; }
.search-box-click { width: 4%; float: right; margin-right: 4%; }
.panel-second-heading { border-bottom:1px solid #eff2f7; font-size: 14px; color: #aa0907; font-weight: 600; background: #fafafa; text-transform: uppercase; padding:12px 30px; display: table; z-index: 999; width: 100%; text-align: left; position: static; margin-top: 15px; margin-bottom: 15px; float:left; }
.create-vacancy { position: absolute; z-index: 1030; display: block; filter: alpha(opacity=0); visibility: visible; background:url(../images/mi13.png); background-repeat:no-repeat; width:100%; height:100%; border: none; }
.create-vacancy-button { opacity: 0; position: absolute; display: block; filter: alpha(opacity=0); visibility: visible; background-repeat:no-repeat; width:100%; height:100%; border: none; }
.guidelines { font-size: 13px; color: #aa0907; font-weight: 600; text-transform: uppercase; width: 20%; text-align: left; margin-left: 30px; }
.guidelines-point { font-size:13px; margin-left: 30px; margin-right: 30px; margin-top: 14px; font-weight: 500; line-height: 23px; }
.drop-box { width:100% !important; }
.create-employee-tab { width:280px !important; }
/***********24-12-14**************/
.col-left, .col-right { border:1px solid #eee; border-radius: 5px; margin:28px 0px; background:#eee; padding:10px 0; }
#stickyheader { width: 100%; top:116px; }
.first { width:15%; display:inline }
.second { width:15%; display:inline }
.third { width:66%; float:right; margin-right:0; display:inline }
.form-horizontal label.control-label { min-height:20px; }
.activecl a { color:#fff; }
.formbg { border:1px solid #eee; border-radius: 10px 10px 0px 0px; margin-top: 20px; width:100%; }
.left-mag { margin-left:11px; }
.journal .panel { background:#fff; margin:0 }
.journal .left-col { }
.journal .panel-heading { background:#fafafa; color: #aa0907; border-bottom:1px solid #eff2f7; overflow:hidden; padding:5px 15px }
.journal .panel-heading .title { float:left;/* margin-top:7px;*/ }
.journal .panel-heading .title h2 { font-size:16px; font-weight:600; float:left; margin:0 2px 0 0;  }
.journal .panel-heading .title h2 .form-control{ width:100px;}
.journal .panel-heading .title span { font-size:13px; font-weight:600; color:#444; float:left; margin:1px 0 0 5px; }
.journal .panel-heading .title span small { font-size:13px; font-weight:400; }
.journal .panel-heading .date { float: left; font-size: 13px; font-weight: 600; text-align: left; width: auto; }
.journal .panel-heading .date .form-control{ width:80% !important;}
.journal .panel-heading .date .days { float:left; width:100%; font-weight:400; color:#444 }
.journal .table { float:left; }
.journal .table ul { padding:0; margin:0; list-style:none; }
.journal .heading { /*border-bottom:1px solid #999;*/ width:100%; float:left; padding:5px 0 0px 0; font-size:13px; font-weight:600; color:#333 }
.journal .heading .blank { width:35px; float:left; }
.journal .heading .detail { float:left; padding-left:30px; margin-right:30px; }
.journal .heading .amount{ text-align:right;}
.journal .heading .blank-big { width:38%;display:none;}
.journal .heading .last { text-align:right; }
.journal .heading .credit { float:left; }
.ui-widget.finance_ledger{font-family:'Open Sans', sans-serif; font-size:13px; color:#333;}
.journal .conant-box { font-family:'Open Sans', sans-serif; font-size:13px; color:#333; width:100%; float:left;min-height:180px; }
.journal .conant-box li { float:left; width:100%; margin:0; padding:10px 0; border-bottom:1px solid #eee }
.journal .conant-box .finance_ledger_chk input.ledger_id_class_chk{float:left; background:#fff; padding:3px; border:1px solid #ddd; border-top:1px solid #bbb;font-family:'Open Sans', sans-serif; font-size:13px; color:#333;}
.journal .conant-box input{float:left; background:#555; padding:3px; border:1px solid #222; border-top:1px solid #000;font-family:'Open Sans', sans-serif; font-size:13px; color:#fff;}

.journal .num { float:left; width:auto; text-align:left; margin:0 0 0 15px;font-family:'Open Sans', sans-serif; font-size:12px; color:#333; }
.journal .particulars { /*width:33.33%;*/}
.journal .particulars .name { font-weight:400; }
.journal .particulars .holer_ledger{ font-weight:400; font-size:13px}
.holer_ledger_chk{/*float:left*/ display:block;}
.journal .particulars .balnce { display:block; margin:0 0 0 10px; font-weight:600; font-size:13px; color:#222 }
.ui-widget.finance_ledger_chk{font-family:'Open Sans', sans-serif; font-size:13px; }
.journal .particulars .balnce small { font-size:13px; font-style:italic; font-weight:400; margin-right:8px; }
.journal .particulars .account { font-size:11px;  }
.journal .price { text-align:right; min-height:20px; position: inherit; }
.journal .conant-box li .price input.price-input{float:right;width:70px; text-align:right;}	
.journal .price .blank { float:left; height:35px; width:100% }
.journal .blank-div { width:38%; float:left; }
.journal .total { font-size:13px; font-weight:400; float:left; width:100%; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:10px 0;margin-top:1em; }
.journal .total .left-panel {margin-left:35px; }
.journal .total .credit_total { text-align:right; }
.journal .total .blank { float:left; width:76.5% }
.journal .right-side { margin:0 20px 0 0; }
.journal .debit { text-align:right; display:none;}
.journal .debit .blank { float:left; height:35px; width:100% }
.journal .credit { text-align:right; display:none}
.journal .credit span{display:none;}
.journal .credit .blank { float:left; height:35px; width:100% }
.journal .right-col { display: none; background:#999; float:left; margin:0; height:100%; border-left:1px solid #888; padding:0 }
.journal .right-col ul { list-style:none; padding:0; margin:0; }
.journal .right-col ul li { padding:5px 10px; border-bottom:1px solid #888; font-size:12px; font-weight:600; }
.journal .right-col ul li span { float:left; margin:0 5px 0 0; color:#222 }
.journal .right-col ul li a { display:block; text-decoration:none; color:#ddd }
.journal .right-col ul li a:hover { color:#ccc }
.journal .cr_dr_class { width: 30px !important; float: left !important; line-height: 18px !important; }
/*******12-3-15*********/
.journal .table .ul_conant_box ul{}
.journal .table .ul_conant_box ul li{ text-transform:capitalize; border:none; font-size:12px;padding:0 !important;}
.journal .table .ul_conant_box ul li .type-ref{float:left; width:auto; margin:0 10px;}
.journal .table .ul_conant_box ul li .bill_id_link{float:left; width:auto; margin:2px 10px 0 0; font-weight:600 }
.journal .table .ul_conant_box ul li .date {float:left; width:auto; margin:2px 15px 0 0;}
.journal .table .ul_conant_box ul li .amount {float:left; width:auto; margin:2px 0px 0 0; font-weight:600}
.delete_cart_mini{ float:right; min-height:20px; margin-right:15px;}
.journal.journal-panel .conant-box > li{min-height:10px; padding:20px 0}
.journal.journal-panel .conant-box > li:nth-child(even) {background: #fff}
.journal.journal-panel .conant-box > li:nth-child(odd) {background: #f9f9f9}
.journal.journal-panel .left-col.align-center{ float:none; margin:0 auto;}
.journal.journal-panel .table{border:1px solid #e2e2e4; border-top:none;}


.journal.journal-panel .journal-header{  background: #ddd;background: -moz-linear-gradient(top, #666 0%, #555 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, #666), color-stop(100%, #555));background: -webkit-linear-gradient(top, #666 0%, #555 100%);background: -o-linear-gradient(top, #666 0%, #555 100%);background: -ms-linear-gradient(top, #666 0%, #555 100%);background: linear-gradient(to bottom, #666 0%, #555 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#555', GradientType=0 ); color: #aa0907; overflow:hidden; padding:0px 0 0; border:1px solid #444; }
.journal.journal-panel .panel-heading{padding:10px 15px 10px; background:none; border-bottom:1px solid #555;margin: 0;}
.journal.journal-panel .panel-heading .branch-name{ float:left; width:auto;}
.journal.journal-panel .panel-heading .branch-name select { padding:0 5px; margin:-1px 0 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background: #eee; font-size:13px; color:#555; border:none; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; border:1px solid #d9d9d9; height:34px; width:265px;}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
.journal.journal-panel .panel-heading .branch-name label { position:relative }
.journal.journal-panel .panel-heading .branch-name label:after { content:'';  font-size:12px; padding:0 0 2px; position:absolute; pointer-events:none; }
.journal.journal-panel .panel-heading .branch-name label:before { content:''; right:0px; top:0px; width:33px; height:33px; background: url(../images/select_button.png) no-repeat #eee; border-radius:0 4px 4px 0; position:absolute; pointer-events:none; display:block; }
.journal.journal-panel .panel-heading .right-side{float:right; width:auto; margin:0;}
.journal.journal-panel .panel-heading .right-side input{background:#eee;}
.journal.journal-panel .panel-heading .date{ width:142px; float:right;}
.journal.journal-panel .panel-heading .date input{background:#fff; width:100% !important;}
.journal.journal-panel .heading { float:left; width:100%; margin:0; padding:0px 0; color:#eee; }
.journal.journal-panel .heading .blank-big { width:30%;display:block;}
.journal.journal-panel .blank-div { width:30%; float:left; }
.journal.journal-panel .num .ui-widget{/*display:table-cell; height:56px; */vertical-align:middle;}
.journal.journal-panel .particulars .name {/*display: table-cell;height: 56px;*/vertical-align: middle;}
.journal.journal-panel .particulars .name .ui-widget input{width:100%;}
.journal.journal-panel .price .price-box {/*display: table-cell; height: 56px;*/vertical-align: middle;}


.journal.journal-panel .price span{/*display:none;*/}
.journal.journal-panel .debit .blank{height:auto;display:none;}
.journal.journal-panel .credit .blank{height:auto;display:none;}
.journal.journal-panel .credit { text-align:right; display:block}
.journal.journal-panel .credit span{display:table-cell; height:56px; width:71px; vertical-align:middle;}
.journal.journal-panel .debit { text-align:right; display:block;}
.journal.journal-panel .debit span{/*display:table-cell; height:56px;*/width:71px; vertical-align:middle;}
.journal.journal-panel .total{margin:0em 0 1.5em; background:#555; color:#eee; font-weight:600;}
.journal.journal-panel .total .number{ float:left; width:35px;}
.journal.journal-panel .total .left-panel{margin-left:0;padding-left:30px; margin-right:30px; }
.journal.journal-panel .total .debit_total{text-align:right;}
.journal.journal-panel .select-box { float:left; width:100%;}
.journal.journal-panel .select-box select { padding:5px 33px 5px 5px; margin: 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:url(../images/select_button.png) no-repeat right center #fff; color:#555; border:none; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; border:1px solid #e2e2e4; height:33px; width:100%; }
.journal.journal-panel .select-box label { position:relative;float:left; width:100%; }
/*
.journal.journal-panel .select-box label:after { content:; font:11px "Consolas", monospace; padding:0 0 2px; position:absolute; pointer-events:none; }
.journal.journal-panel .select-box label:before { content:''; right:0px; top:0px; width:33px; height:33px; background: url(../images/select_button.png) no-repeat; position:absolute; pointer-events:none; display:block; }*/

.delete_icon{ /*display:table-cell; height:56px;*/ vertical-align:middle;}
.journal.journal-panel .conant-box.reciept-page{}
.journal.journal-panel .conant-box.reciept-page .price span{display:inline-block;}

.journal.journal-panel .conant-box.reciept-page li.row_main_heading{min-height:1px; background: #ddd;background: -moz-linear-gradient(top, #666 0%, #555 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, #666), color-stop(100%, #555));background: -webkit-linear-gradient(top, #666 0%, #555 100%);background: -o-linear-gradient(top, #666 0%, #555 100%);background: -ms-linear-gradient(top, #666 0%, #555 100%);background: linear-gradient(to bottom, #666 0%, #555 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#555', GradientType=0 ); color: #eee; overflow:hidden; padding:0px; border:1px solid #444;}

.journal.journal-panel .conant-box.payment-page{}

.journal.journal-panel .conant-box.payment-page .price span{display:inline-block;}
.journal.journal-panel .conant-box.payment-page li.row_main_heading{min-height:1px; background: #ddd;background: -moz-linear-gradient(top, #666 0%, #555 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, #666), color-stop(100%, #555));background: -webkit-linear-gradient(top, #666 0%, #555 100%);background: -o-linear-gradient(top, #666 0%, #555 100%);background: -ms-linear-gradient(top, #666 0%, #555 100%);background: linear-gradient(to bottom, #666 0%, #555 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#555', GradientType=0 ); color: #eee; overflow:hidden; padding-left:0px !important; border:1px solid #444;}
/***************3/01/15******************/
.form-horizontal.row-border h5 { font-size:13px; font-weight:bold; }
ul.ui-helper-reset { }
ul.ui-helper-reset li label { font-size:12px; float:left; width:100%; padding:0 }
ul.ui-helper-reset li label input[type="checkbox"] { float:left; }
ul.ui-helper-reset li label span { float:left; margin:8px 0 -3px 5px; font-size:12px; }
#btn_ajax_add.btn.btn-primary { margin-left:15px; }
#btn_ajax_add.btn.btn-primary.margin-left { margin-left:0; }
.back-button { margin-left:15px; }
.product-purchase { background:none; position:inherit; }
.product-purchase td{position:inherit !important;}
.product-purchase table, .product_purchase_third table { /*max-width:100%;*/ }
.product-purchase table .last-item-td { width:150px; }
.product-purchase table .last-item-th { width:230px; }
.product-purchase table .quantity-item-td { width:330px; }
.product-purchase .form-control { /*max-width:75%;*/ float:left; }
.product-purchase td small { float:left; margin:10px 0 0 10px }
.product-purchase .order_tb2 .form-control { max-width:100%; }
.panel-body.panel-padd { padding:0 }
#frm_fourth .product_purchase_final h1 { font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:15px; font-weight:600; }
#frm_fourth .product_purchase_final h1 a { color:#006ab7 }
ul.list_total_quote { }
ul.list_total_quote li { display:inline-block; float:left; margin:0 5px; }
ul.list_total_quote li span { font-size:12px; float:left; font-weight:600; color:#222; margin-right:5px; }
ul.list_total_quote li small { font-size:12px; float:left; margin:0 }
.order_dist_tbl.table.table-striped.table-bordered td { /*position:relative;*/ }
.my_tip_moq { color: #000; text-decoration: underline !important; font-weight: bold; cursor:pointer; }
.my_moq_div { position:fixed; top:50%;transform: translateY(-50%); /*left: 100px; */background-color:#eee; margin: 0; padding:10px; color: #333; text-align:center; width:530px; z-index:99; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #fff; box-shadow:0 0 5px #555;}
/*.my_moq_div:after { position: absolute; display: block; content: ""; border-right: 10px solid #428bca; border-top: 10px solid transparent; border-bottom: 10px solid transparent; height:0; width:0; position:absolute; right:100%; top:50%; margin-top:-10px; }*/
.my_moq_div h1{ font-size:20px; margin:10px 0;}
.our_uqo_grid{ float:left; width:100%; border:1px solid #ccc;}
.our_uqo_grid li{ float:left; width:25%; border-right:1px solid #ccc; padding:0;}
.our_uqo_grid li:last-child{border-right:none;}
.our_uqo_grid li span{ padding:8px 5px; float:left; width:100%; border-bottom:1px solid #ccc}
.our_uqo_grid li small{padding:8px 5px; float:left; width:100%; margin:0;}
.closebox_chart{ background:#999; border-radius: 90px; color: #fff; font-size: 12px; font-weight: bold; height: 20px; position: absolute; right: -10px;top: -10px; width: 20px;}
.pre_book_the_vpo_excess{ display:inline-block; background-color:#ccc; border:1px solid #bbb; border-radius:3px; margin: 0; color:#000; padding:3px 8px 16px; text-align: center; text-shadow:0 1px #eee;}
.activeopen{ background-image:url(../images/up-arrow.png); background-repeat:no-repeat; background-position:center bottom;}
.inactiveclose{background-image:url(../images/down-arrow.png);background-repeat:no-repeat; background-position:center bottom;}
.pre_book_the_vpo_excess_detail > div{float:left; width:100%; border:1px solid #ccc; margin-top:15px;}
.pre_book_the_vpo_excess_detail .head_title{  border-bottom: 1px solid #ccc; font-size: 14px; font-weight: bold; padding: 10px;}
.pre_book_the_vpo_excess_detail ul{float: left; padding:20px 10px 10px; width: 100%;}
.pre_book_the_vpo_excess_detail ul li{float:left; width:100%; margin-bottom:10px;}
.pre_book_the_vpo_excess_detail ul li label{float: left; font-weight: normal; margin: 6px 0 0; width: auto;}
.pre_book_the_vpo_excess_detail ul li .form-control{ float:right; width:50%;}

.loader_im_div{background:url(../images/loader_im_div-bg.png) repeat; height: 100%; margin: 0 auto; position: absolute; width: 100%; z-index: 99999;}
.loader_im_div img{ position:absolute; left:50%; top:50%; margin:-16px 0 0 -16px;}
#chk_all{ display:inline-block; width:13px; height:13px; overflow:hidden; text-indent:-50em;}
.chk_all{background:url(../images/check-button.png) no-repeat center top;}
.chk_all_no{background:url(../images/check-button.png) no-repeat center bottom ;}


.prebook_items_btn{
background-image: -webkit-gradient(	linear,	left top, left bottom, color-stop(0, rgb(209, 211, 212)), color-stop(1, rgb(241, 242, 242)));
background-image: -webkit-gradient(	linear,	left top, left bottom, color-stop(0, rgb(209, 211, 212)), color-stop(1, rgb(188, 190, 192)));
background-image: -o-linear-gradient(bottom, rgb(209, 211, 212) 0%, rgb(188, 190, 192) 100%);
background-image: -moz-linear-gradient(bottom, rgb(209, 211, 212) 0%, rgb(188, 190, 192) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(209, 211, 212) 0%, rgb(188, 190, 192) 100%);
background-image: -ms-linear-gradient(bottom, rgb(209, 211, 212) 0%, rgb(188, 190, 192) 100%);
background-image: linear-gradient(to bottom, rgb(209, 211, 212) 0%, rgb(188, 190, 192) 100%);
text-align:center;background-color:#ccc; font-size:14px;color:#333; text-shadow:0 1px #fff; border-radius:3px; padding:8px; margin:10px 0 0;  border:1px solid #bbb; min-width:100px; display:inline-block}
.prebook_items_btn:hover{-webkit-box-shadow: 1px 5px 5px -2px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 5px 5px -2px rgba(0,0,0,0.4);
box-shadow: 1px 5px 5px -2px rgba(0,0,0,0.4); cursor:pointer; }
.panel-body{width:100%; float:left}
/************ mini cart ****************/
.mini_cart_my { position:relative; }
.mini_cart_container { position:absolute; opacity: 1.8; background:#fff; width:260px; float: left; padding: 10px; top: 0px; right: -39px; border-radius: 5px; z-index: 999; border-top:3px solid #f26027; box-shadow:0 0 2px #333; }
.mini_cart_container:after{border-color:#f26027 rgba(0, 0, 0, 0); border-style:solid; border-width:0 10px 10px; content:""; display:block; right:50px; position:absolute; top:-10px; width:auto }
.mini_cart_row{ float:left; width:100%; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #eee; }
.img_cart_mini { float:left; width:50px; padding:5px; background:#fff; border:1px solid #ccc; margin:0 10px 0 0;}
.product-details{ float:left; width:130px; margin:0 10px 0 0;}
.name_cart_mini{ font:400 13px calibri, Arial, Helvetica, sans-serif; color:#555; margin-bottom:5px;}
.qty_cart_mini{ float:left; width:auto; margin:0 10px 0 0; font-size:13px; font-weight:400}
.price_cart_mini{ color:#f26027; font-size:13px; font-weight:400}
.button_row{ float:right; width:16px;}
.delete_cart_mini .prod_del{ float:right;background: url(../images/streamline.png) no-repeat 0 0; width:16px; height:16px; overflow:hidden; text-indent:-50em; margin:5px 2px 0 0}
.delete_cart_mini .row_del{ float:right;background: url(../images/streamline.png) no-repeat 0 0; width:16px; height:16px; overflow:hidden; text-indent:-50em; /*margin: -16px -6px 0 0*/;}

.configure_cart_mini .prod_edit{ float:right;background: url(../images/pencil-icon.png) no-repeat 0 0; width:16px; height:16px; overflow:hidden; text-indent:-50em;}
.mini-link-checkout{background: rgb(239,92,32); /* Old browsers */ background: -moz-linear-gradient(top, rgba(239,92,32,1) 0%, rgba(213,72,14,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(239,92,32,1)), color-stop(100%, rgba(213,72,14,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(239,92,32,1) 0%, rgba(213,72,14,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(239,92,32,1) 0%, rgba(213,72,14,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(239,92,32,1) 0%, rgba(213,72,14,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(239,92,32,1) 0%, rgba(213,72,14,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef5c20', endColorstr='#d5480e', GradientType=0 ); /* IE6-9 */
border-radius:3px; margin:0px 0 0 0; padding:5px 7px 4px ; text-align:center; color:#fff; font-size:10px; font-weight:normal; border:0; font-family:calibri, Arial, Helvetica, sans-serif; text-transform:uppercase; box-shadow:0px 1px 3px #bdbdbd; cursor:pointer; float:right; margin-left:5px;}
.mini-link-checkout:hover{background: #686868; /* Old browsers */
background: -moz-linear-gradient(top,  #000000 0%, #686868 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#686868)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #000000 0%,#686868 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #000000 0%,#686868 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #000000 0%,#686868 100%); /* IE10+ */
background: linear-gradient(to bottom,  #000000 0%,#686868 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#686868',GradientType=0 ); /* IE6-9 */}
.rt-wrapper .fb_button_ps { display:none; }
.close_cart{ background: url(../images/close-button.png) no-repeat center center #fff; float:right;height: 20px;position:relative;border-radius: 100%;width: 20px;text-align: center;top: -9px;left: 9px;cursor:pointer; overflow:hidden; text-indent:5em;}
.table-responsive{/*float:left; */width:100%; margin:0px; overflow: auto;}
.responsive-table{overflow-X: auto; padding-bottom:15px}
.table-full-width table{max-width:100%;}
h5.full-width{float:left; width:100%; margin-bottom:15px;}
.expect_date{float:right;width:98%;}


/*#content #tab_basic{margin:0 -15px;}
#content #tab_product{margin:0 -15px;}*/
#content #tab_product .quotation_detail{float:none; width:auto; margin:0 25px; overflow:hidden; text-align:center;}
#content #tab_product .quotation_detail .grid{float:none; display:inline-block;}
#content .other_tax_charg .quotation_detail{float:none; width:auto; margin:0 25spx; overflow:hidden; text-align:center;}
#content .other_tax_charg .quotation_detail .grid{float:none; display:inline-block;}
.float-lt{float:left;}
.add-button{float:left; margin-left:7px;}
.other_tax_charg{width:100%; max-width:100%;}
.other_tax_charg .table{margin-bottom:0}
#grid_cin_div .table{margin-bottom:0}
.table-responsive button.btn-primary.btn {margin-right:10px; float:right}
.btn-primary-right{float:right; margin:10px 25px 0 0;}
.bottom-col{float:left; width:100%; margin:0}
.my_vpo_list_div_name{ position:relative; width:100%; float:left;}
.my_vpo_list_div_name li{position:static ;}
.my_vpo_list_div_name li ul.my_second_div{ list-style: none; margin: 0; padding:0px; position: absolute; top:100%; left:2px; z-index: 99999; }
.my_vpo_list_div_name li ul.my_second_div li{margin:0 5px 0 0; background:none; border:1px solid #ccc; padding:0}
.my_vpo_list_div_name li ul.my_second_div li a{ color:#222;white-space: nowrap; padding:5px 8px; display:block;}
.my_vpo_list_div_name li ul.my_second_div li:hover{box-shadow:none; background:#eee;}

/************20/3/15******************/
.product_wrapper_div{}
.product_wrapper_div ul{ float:left; width:100%; margin:0;}
.product_wrapper_div ul li{ float:left; margin-right:3px;}
.product_wrapper_div ul li a{ background:#fff; color:#333; margin:0; border:1px solid #ddd; border-bottom:none; border-radius:2px 2px 0 0; font-size:13px; padding:8px 15px; font-weight:400;}
.product_wrapper_div ul li a.activecl{ background:#ededed;font-weight:400;}
.product_wrapper_div ul li a:hover{ box-shadow:none; background:#ededed;color:#333;font-weight:400;} 
.product_div_section{}
.row_list_div_ppc{width:50%;float:left;}
.product_wrapper_div ul li.delete_button{ margin-bottom:10px;}
.product_wrapper_div ul li.delete_button .row_list_div_ppc{ width:44%;}
.product_wrapper_div ul li.delete_button .delete_cart_mini{ margin:8px 0 0}
.product_wrapper_div ul li.delete_button .delete_cart_mini a{border:none; padding:0;}
.product_wrapper_div ul li.delete_button .delete_cart_mini a:hover{background: url(../images/streamline.png) no-repeat 0 0;}
/*************25/3/15****************/
.table-margin{}
.table-margin .table-bordered{border-top:none; margin-bottom:0;}
.table-margin .table-bordered.first-table{border-top:1px solid #ddd}
.table-margin .other_tax_charg{margin-bottom:0px;}
.table-margin .other_tax_charg input[type="textbox"]{padding:3px  5px; border:1px solid #ddd; border-top:1px solid #bbb; border-radius:0; max-width:177px; float:none; display:inline-block}
.table-margin .other_tax_charg input[type="checkbox"]{ margin:0}
.table-margin .other_tax_charg .quotation_detail{display:none;}
.table-margin th{background:#eee;}
.table-margin th,
.table-margin td{ width:16.5%;}

.table-margin th:first-child,.table-margin td:first-child{ width:7% !important;}
.table-margin td span.head_main{ text-align: left !important;width: 100%;float: left;}


.table-dim-product table th,
.table-dim-product table td{ width:20%;}
.table-dim-product input[type="text"]{padding:5px;width:50px; float:none; display:inline-block; text-align:center}
.action_width_man{width:150px !important;}
#dim_det{width:100%; float:left; margin:0 0 15px;}
#container_contact_detail input+input { float:right}

.table-margin.table-padding th:first-child, .table-margin.table-padding td:first-child{width:32% !important;}
.table-margin.table-padding th.table-left{text-align:left}
.table-margin.table-padding th.table-right{text-align:right}
.table-margin.table-padding td.table-left{text-align:left}
.table-margin.table-padding td.table-right{text-align:right}
.table-margin.table-padding th, .table-margin.table-padding td{width:11%;min-width:150px;}
.table-margin.table-padding.new th, .table-margin.table-padding td{width:9%;min-width:99px;}
.table-margin.table-padding .other_tax_charg input[type="textbox"]{text-align:right}
.table-margin.table-padding td .tbl_tax_rule td{padding-right:20px !important;}


.table-margin.table-padding9 th:first-child{width:280px !important;max-width:280px;} 
.table-margin.table-padding9 td:first-child{width:274px !important;max-width:274px;}
.table-margin.table-padding9 th.table-left{text-align:left}
.table-margin.table-padding9 th.table-right{text-align:right}
.table-margin.table-padding9 td.table-left{text-align:left}
.table-margin.table-padding9 td.table-left strong{font-size:12px;}
.table-margin.table-padding9 td.table-right{text-align:right}
.table-margin.table-padding9 th{width:120px; max-width:120px;} 
.table-margin.table-padding9 td{width:121px; max-width:121px;}
.table-margin.table-padding9 .other_tax_charg input[type="textbox"]{text-align:right}
.table-margin.table-padding9 td .tbl_tax_rule td{padding-right:20px !important;}
/*************20/4/15**************/
.new-popup{}
.new-popup .against_reference .bill_detail_heading{padding:0}
.new-popup .against_reference .bill_detail_reference{padding:0;max-height: 300px;overflow: auto;}
.new-popup .against_reference{z-index:99}
.journal.new-popup .against_reference .table ul{padding:0}
.journal.new-popup .conant-box li{padding:10px!important;text-align: left;}
.journal.new-popup .conant-box li:nth-child(even) {background: #fff}
.journal.new-popup .conant-box li:nth-child(odd) {background: #f9f9f9}
.journal.new-popup .panding-bill {width:530px;}
.journal.new-popup .panding-bill .contant-box{padding:0;max-height: 220px;overflow: auto;}
.journal.journal-panel.new-popup .panding-bill li{min-height:30px;}
.journal.journal-panel.new-popup .panding-bill .date{text-align: left;}
.journal.new-popup .panding-bill .name{width:90px;word-wrap: break-word;}
.journal.new-popup .panding-bill .type{width:140px; float:left;}
.journal.new-popup .panding-bill .date{width:100px;}
.journal.new-popup .panding-bill .aftercd{width:100px; float:left;}
.journal.new-popup .panding-bill .balance{width:auto;margin:0}
.journal.new-popup .panding-bill .contant-box .name,
.journal.new-popup .panding-bill .contant-box .type,
.journal.new-popup .panding-bill .contant-box .date,
.journal.new-popup .panding-bill .contant-box .aftercd,
.journal.new-popup .panding-bill .contant-box .balance{font-weight:normal}
.journal.new-popup .panding-bill .contant-box .type label {font-weight:normal}
.journal.new-popup .panding-bill .contant-box .type input[type="radio"]{ margin: 1px 3px 0 0;}
.journal.journal-panel .against_reference h5 span{ display:inline-block;}
.journal.journal-panel .particulars .name .ui-widget.finance_ledger_chk{float:left}
.reciepts-name{ float: left; font-size: 12px; margin: 4px 10px 0 0;font-weight: 600;}
.journal.new-popup .conant-box .ul_conant_box li{background:none;}
.journal.new-popup .conant-box .ul_conant_box li:nth-child(even) {background:none}
.journal.new-popup .conant-box .ul_conant_box li:nth-child(odd) {background:none}


.against_reference{width:100%;max-width:600px; float:left; background:#eee; border:1px solid #f9f9f9; box-shadow:0 0 5px #333; position:absolute; top:2%; left:50%;-moz-transform: translate(-50%, 0%);-ms-transform: translate(-50%, 0%);-webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); z-index:999 }
.closebox{ background:#ccc; position:absolute; top:-10px; right:-10px; width:20px; height:20px; border-radius:90%; text-align:center; color:#333;}
.closebox:hover{ background:#0063b1; color:#fff;}
.against_reference h5{font-size:14px; font-weight:normal; line-height:20px; text-align:center; color:#222}
.against_reference .cr_dr_name_1{font-weight:bold;}
.against_reference .cr_dr_current_val_1{font-weight:bold;}
.bill_detail_heading{float:left; width:100%; border-top:1px solid #999; border-bottom:1px solid #999; padding:2px 0}
.bill_detail_heading li{float:left; padding:0 5px !important; border:none !important; font-size:11px;color:#222}
.bill_detail_heading .type-ref{float:left; width:20%; min-width:90px; text-align:left;}
.bill_detail_heading .name{float:left !important;width:30%; text-align:center;}
.bill_detail_heading .date{float:left; text-align:center;width:30%;}
.bill_detail_heading .amount{float:right; text-align:right}
.bill_detail_reference{float:left; width:100%; padding:10px 0}
.bill_detail_reference li{padding:3px 5px !important; font-size:11px;color:#222; border:none !important;}
.bill_detail_reference .type-ref{float:left; width:20%; min-width:90px; text-align:left;}
.bill_detail_reference .type-ref .reference_type_class{ float:left !important; text-align:left !important; width:70px; padding:3px; border:1px solid #222; border-top:1px solid #000;}

.bill_detail_reference .name{float:left;width:160px; text-align:center; font-weight:bold; word-break:break-all;}
.bill_detail_reference .bill_id_link{float:left;/*width:80px;*/ width:30%; font-weight:bold; text-align:center;word-break: break-all}
.bill_detail_reference .date{float:left; text-align:center;width:30%;}
.bill_detail_reference .date strong{ float:left; width:100%; text-align:right; padding-right:15px;}
.bill_detail_reference .date small{ width:100%; text-align:right; font-size:11px; float:left; padding-right:20px;}
.bill_detail_reference .amount{float:right; text-align:right; font-weight:bold}
.reference_bill_class{ float:left; padding:3px; width:70px;}
.bill_detail_total{float:left; width:100%; margin:15px 0 15px;}
.bill_detail_total .total{ margin:0 !important; float:right; border-top:1px solid #999; border-bottom:double #999; font-size:11px;font-weight:bold !important; width:auto;color:#222; padding:1px 5px 1px 20px; }

.panding-bill{  background:#eee; border: 1px solid #f9f9f9; box-shadow: 0 0 5px #333; float: left; position: absolute; top:50%;left:50%; transform:translate(-50%, -50%); width:265px; z-index:10}
.closebox-inner{ background:#ccc; position:absolute; top:-10px; right:-10px; width:20px; height:20px; border-radius:90%; text-align:center; color:#333;}
.closebox-inner:hover{ background:#0063b1; color:#fff;}
.panding-bill .heading{ text-align:center; background:#999; color:#fff;}
.panding-bill .head{ background:#ccc; float:left; width:100%;}
.panding-bill .head li{}
.panding-bill .contant-box{ float:left; width:100%; padding:15px 0 10px;}
.panding-bill .contant-box li{font-style: italic; font-weight: normal; float:left; width:100%; padding:6px 5px !important; cursor:pointer;}
.panding-bill .contant-box li:hover{background:#ddd;}
.panding-bill .name{width:60px; text-align:left}
.panding-bill .date{ width:80px; text-align:right;}
.panding-bill .balance{float: right; margin-left: 10px; text-align: right; width: 90px;}
.panding-bill .name input[type="radio"]{ float:left !important; width:auto !important; margin:1px 3px 0 0}
.panding-bill .name label{ float:left; width:auto; font-style:normal; font-weight:normal;}
.form-horizontal .form-group.form-group-marg{margin:0 15px;}
.form-horizontal .form-group.form-group-marg1{margin:0 10px;}
/**************************************************/
/**************************************************/
select.form-control { padding:5px 33px 5px 5px; margin: 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:url(../images/select_button.png) no-repeat right center #fff; color:#555; border:none; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; border:1px solid #e2e2e4; height:33px; width:100%; }
.table > thead > tr > th:first-child{ width:52px;}
.table > thead > tr > th.auto-width:first-child{ width:auto !important;}
.form-inline select.form-control {padding-right: 20px;width: 60px;}
.panel-body.top{padding-bottom:0px;}
.panel-heading{margin-bottom:10px;}
.panel-heading.heading{float:left;}
.row1{margin-left:-15px; margin-right:-15px;}
.form-horizontal .form-group{/*margin:0 0 10px*/}
.form-horizontal .form-group .col-md-6 {padding-left:0}
.form-horizontal .pull-lft .form-group >.col-md-12{padding-left:0; padding-right:0;}
.form-horizontal .pull-rgh .form-group >.col-md-12{padding-left:0; padding-right:0;}

.form-horizontal .pull-lft .form-group > div .col-md-12{padding-left:0; padding-right:0;}

.pull-rgh >.col-md-12 {padding-left:0}
.form-horizontal .form-group > .col-md-4 {padding-left:0}
.form-horizontal .form-group > .col-sm-4 {padding-left:0}
.form-horizontal .form-group > .col-sm-3 {padding-left:0}
.form-horizontal .form-group > .col-md-5 {padding-left:0}
.panel-body .col-sm-6 .col-md-12{/*padding:0*/} 
.bottom-textarea{float:left; width:100%; margin-top:20px;}
.table-responsive .row{margin:0;}
.table-responsive .row .numbers .col-md-6.col-sm-5{padding-left:0}
.table-responsive .row .numbers .col-md-6.col-sm-7{padding-right:0}
.button-row{width:100%; float:left; margin:0 0 20px 0;}
.button-section{width:100%; float:left; margin:0 0 20px 0;}
.small-input{width:20%; float:left; margin:0 1% 0px 0}
.small-input.last{margin:0 0 0px 1%}
.big-input{width:43%; float:left; margin:0 0 0px 0}
.bigest-input{width:58%; float:left; margin:0 0 0px 0}
.biger-input{width:79%; float:left; margin:0 0 0px 0}
.left-input{width:35%; float:left; margin:0 1% 0px 0}
.right-input{width:64%; float:left; margin:0 0 0px 0}
.small-box-input{width:30%; float:left; margin:0}
.big-box-input{width:45%; float:left; padding-right:0; margin:0}
.small-box-inpt{width:30%; float:left; margin:0}
.biger-box-inpt{width:69%; float:right; margin:0}
.inpt-boxL{width:49%; margin-right:1%; float:left;}
.inpt-boxR{width:49%; margin-left:1%; float:right;}
.bigt-inpt{width:38%; margin:0 1%; float:left;}
.smal-inpt{width:30%; float:left; margin:0}

select.form-control.small-box-inpt{width:30%; float:left; margin:0 1% 5px 0}
select.form-control.biger-input-inpt{width:69%; float:left; margin:0 0 5px 0}

select.form-control.select-boxL{width:49%; margin-right:1%; float:left;}
select.form-control.select-boxR{width:49%; margin-left:1%; float:right;}

.control-label-1{width:100%; float:left;font-weight:600; font-size:12px;}
.control-label-1 .form-control{float:left; width:auto;margin:2px 4px 0 0; }
input[type="checkbox"].float-ltf{float: left; text-align: left; width: auto;}
.product-purchase.full-width{width:100%; float:left;}
#btn_ajax_add.btn.btn-primary.margin-left{margin-left:0}
.table-section{margin: 30px 0;}
.table-section th{padding:5px;border:1px solid #428bca}
.table-section td{padding:5px;}
.blank-section{display:none;}
.display-none{display:none;}
.radio-button input[type="radio"]{margin: 9px 5px 0;}
input[type="radio"], input[type="checkbox"]{margin-right:2px;}
.form-horizontal .form-group .col-md-12 label.col-md-4.control-label{width:25%;}
.form-horizontal label.control-label.pading-top{padding-top:0 !important}
.nurration_div{float: left; padding: 0 20px; width: 100%;}
.instrument_div{float: left; padding: 0 20px 15px; width: 100%;}
.form-horizontal .new-div .form-group .col-md-12 label.col-md-4.control-label {width: 29%;}
.journal.journal-panel .heading.heading-bg{padding:5px 0;background:#666;}
.table tr th{font-size:13px;white-space:nowrap;}
.table tr td{padding:3px 10px !important; font-size:13px;}
.form-horizontal .form-group .col-md-12 label.col-md-4.control-label.display{display:none;}
.form-horizontal .form-group  .col-md-4.control-label.display-blank{display:none;}
.form-horizontal .form-group .col-sm-4 .col-md-8{padding-right:0}
.form-horizontal .form-group .col-sm-3 .col-md-8{padding-right:0}
.full-width{width:100%; float:left; margin:0;position: relative; z-index:1;}
.full-width .col-md-12{padding-left:0}
.full-width .col-md-12 .col-md-2.control-label{width:12.3%}
.full-width .col-md-12 .col-md-10{padding-right: 0; width: 87.7%;}
.full-width .col-md-12 .col-md-10.left-pading{padding-left:0}
.todate{width:33.33%; float:left;}
.fromdate{width:33.33%; float:left;}
.col-md-1.control-label.date{text-align:center; padding-left:0; padding-right:0}
.col-sm-1.control-label.date{text-align:center; padding-left:0; padding-right:0}

/********************/
#grid_dispatch_div.table-dim-product table th, 
#grid_dispatch_div.table-dim-product table td{width:18%}
strong{font-weight: 600;}
.activecl, .activecl2{margin-bottom:5px;}
.button-row.button-row-padding{margin:0 0 5px;}
.button-row.button-row-padding .col-md-12{padding:0 0 10px; float:left; width:100%;}
.new-section{ float:left; width:100%;}
.form-horizontal  .new-section .form-group > .col-md-4{padding:0 15px;}
.form-horizontal .form-group .col-md-6.left-pad{padding-left:15px;padding-right:0;float:left;}
.form-horizontal .form-group .col-md-5.left-pad{padding-left:15px;padding-right:0;float:left;width:48%;}
.col-md-4.half-width{width:37.5%; float:left}
.col-md-3.half-width{width:33.33%; float:left}
.col-md-4.left{padding-right:0;width:33.33%;}
.col-md-4.right{padding-right:0;width:33.33%;}


.form-horizontal .form-group .col-md-2.right-pad{padding:0; float:right; width:auto;}
.copy-button-section{float:left; width:100%; margin:0 0 10px 0}
#btn_ajax_add.btn.btn-primary.add-btn{margin:0 0 10px;}
.add-bton{margin-bottom:10px;}
.col-md-12.pad-non{padding:0}
.table-full-width{float:left; width:100%;}
.col-md-5.din-pro-qty{width:45%;float:left;}
.col-md-3.radio-btn{width:auto;float:left;}
.form-group.ful-width{}
.form-group.ful-width > .col-md-6{ float: left; padding:0 30px 0 0;width: 50%;}
.form-group.ful-width > .col-md-6.right{ padding:0 0 0 30px;}
.form-group.ful-width > .col-md-6 label.col-md-4.control-label{width:25%;}
.form-group.ful-width > .col-md-6 > .col-md-8{width:75%;}
.form-group.ful-width > .col-md-6.right .col-md-7.left-pad{width:62%; float:left; padding-right:0}
.form-group.ful-width > .col-md-6.right .col-md-2.right-pad{padding-right:15px;}
.form-horizontal .pull-rgh .form-group > .col-md-12 > .col-md-7.pad-left{float: left;padding-right: 0; width:62%;}
.form-horizontal .pull-rgh .form-group > .col-md-12 > .col-md-7.pad-left.butn{width:60%;}
.form-horizontal .pull-rgh .form-group > .col-md-12 > .col-md-2.pad-right{float: right;
padding-left: 0; width: auto;}
#content #tab_product .quotation_detail.quotation_detail-1{margin:0}
.add-button.add-btn{margin-left:0}
.table-responsive button.btn-primary.btn.rgh-margin{margin-right:0}
.btn-primary-left {float: left; margin: 10px 0 0 0;}
.small-div{width:20%; float:left; padding-right:0}
.big-div{width:40%; float:left; padding-right:0}
.last-div{width:auto; float:right;padding-left:0}
.other_charge_table.varriable_discount .table > thead > tr > th:first-child{width:auto !important;}
.form-horizontal .pull-rgh .form-group > .col-md-12 > .col-md-7.pincode-text{width:60%; float:left;}
.form-horizontal .pull-rgh .form-group > .col-md-12 > .col-md-1.add-btn{padding:0 15px 0 0; width:auto; float:right;}
.input-append{position: relative;}
.input-append .add-btn{width:auto; float:left;padding-left:0}
.input-append .add-on { float: right;
    margin-top: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 3px;
    z-index: 999;
}
.input-append .add-on i{ background:url(../images/date-icon.png) no-repeat center center; float:left; width:30px; height:28px; }	

.timepicker-picker .btn { display:inline-block; *display:inline;
padding:4px 12px; margin-bottom:0; *margin-left:.3em;
font-size:14px; line-height:20px; color:#333; text-align:center; text-shadow:0 1px 1px rgba(255,255,255,0.75); vertical-align:middle; cursor:pointer; background-color:#f5f5f5; *background-color:#e6e6e6;
background-image:-moz-linear-gradient(top, #fff, #e6e6e6); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6)); background-image:-webkit-linear-gradient(top, #fff, #e6e6e6); background-image:-o-linear-gradient(top, #fff, #e6e6e6); background-image:linear-gradient(to bottom, #fff, #e6e6e6); background-repeat:repeat-x; border:1px solid #bbb; *border:0;
border-color:#e6e6e6 #e6e6e6 #bfbfbf; border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); border-bottom-color:#a2a2a2; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
*zoom:1;
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05) }

.timepicker-picker .icon-chevron-up {
display:inline-block;
width:14px;
height:14px;
margin-top:3px;
*margin-right:.3em;
line-height:14px;
vertical-align:text-top;
background-image:url("../images/uparrow.png");
background-position:center center;
background-repeat:no-repeat
}

.timepicker-picker .icon-chevron-down {
display:inline-block;
width:14px;
height:14px;
margin-top:3px;
*margin-right:.3em;
line-height:14px;
vertical-align:text-top;
background-image:url("../images/downarrow.png");
background-position:center center;
background-repeat:no-repeat
}
.bootstrap-datetimepicker-widget{ padding:8px;}
.bootstrap-datetimepicker-widget:before {
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    right: 6px;
    position: absolute;
    top: -7px;
}
.bootstrap-datetimepicker-widget:after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    right: 7px;
    position: absolute;
    top: -6px;
}


.bootstrap-datetimepicker-widget td{text-align:center;font-size: 16px;font-weight: bold;}
.bootstrap-datetimepicker-widget td span{
border-radius: 4px;
    cursor: pointer;
    display: block;
    float: left;
    height:40px;
    line-height:40px;
    margin: 2px;
    width:35px;}
.bootstrap-datetimepicker-widget td span:hover{background:#eee;}
.table.ppc-table > thead > tr > th{width:50%;}
.table.ppc-table > thead > tr > th:first-child{width:50% !important;}
.pull-lft .control_label{padding:0 15px;margin-left:25%; margin-bottom:10px;}
.pull-rgh .control_label{padding:0;margin-bottom:10px;}
.min-height{min-height:35px;}
.question-btn{ width:100%; float:left;text-align:right; margin-bottom:10px;}
.form-grp{margin:0 -15px;}
.form-horizontal .form-grp .form-group{margin:0 0 10px;}
.form-horizontal .form-grp .form-group .col-md-8{padding-right:0}
.form-horizontal .form-grp .form-group .col-md-12.control-label{padding-left:0}
.tools.pull-right{padding:5px 0;}

.form-horizontal .form-group .col-md-12 .employer-type label.col-md-4.control-label{width:33.33%;font-size:11px !important;padding-left:0 }
.form-horizontal .form-group .col-md-12 .employer-type label.col-md-4.control-label input[type="radio"]{float:left; margin: 2px 5px 8px 0;}

.type-radio{}
.form-horizontal .type-radio .control-label{width:22%; float:left;font-size: 11px !important;}
.form-horizontal .type-radio .col-sm-5.control-label{width:30%; float:left;}
.form-horizontal .type-radio .control-label input[type="radio"]{float:left; margin: 2px 5px 8px 0;}


.form-horizontal .profile-summary .form-group .col-md-12 label.col-md-4.control-label{width:22%;}
.form-horizontal .pull-rgh .form-group > .col-md-12 .experience{width:39%;float:left;} 


.profile-summary .form-group .col-md-12{padding:0}
.profile-summary .form-group .col-md-12 .col-md-2.control-label{width: 10.7%;float:left;}
.profile-summary .form-group .col-md-12.four-Select-box .col-md-4{width:22.325%; float:left;}
.profile-summary .form-group .col-md-12.three-Select-box .col-md-4{width:29.765%; float:left;}
table.table-text-align th,
table.table-text-align td{text-align:center}
.button-align {text-align:center}
.button-align .activecl{float:none; display:inline-block }

.table.table-new > thead > tr > th:first-child{width:170px !important}

.table.new-table td input[type="text"]{width:16%;min-width:44px; float:left; margin:5px 5px 5px 0; padding:3px 5px; border:1px solid #ddd; border-top:1px solid #bbb;}
.emp-left { float:left; width:15%; }
.emp-right { float:left; width:85%; padding-left:20px;}
.emp-list-cont-page {}
.emp-list-cont-page  .col-md-5.control-label{padding-left:0}
.emp-list-cont-page  .col-md-7{padding-right:0}

.emp-list-cont.emp-cont .form-group.last{}
.form-horizontal .emp-list-cont.emp-cont .form-group.last .col-md-12 label.col-md-4.control-label{width:22%;}
.form-horizontal .emp-list-cont.emp-cont .pull-lft .form-group > .col-md-12 > .col-md-8{width:78%}
.form-horizontal .emp-list-cont.emp-cont .pull-rgh .form-group > .col-md-12 > .col-md-8{width:78%}
.form-horizontal .emp-list-cont.emp-cont .pull-lft .form-group > .col-md-12 > .col-md-6{width:53%; padding-left:15px;}
.form-horizontal .emp-list-cont.emp-cont .pull-rgh .form-group > .col-md-12 > .col-md-6{width:53%; padding-right:15px;}
.formgroup .col-md-6.left{padding-left:0}
.formgroup .col-md-6.right{padding-right:0}
.panelbody{float:left; width:100%;}
.buttonRow{float:right; width:100%; margin-bottom:10px; position: relative; z-index:9}
.buttonRow input[type="button"]{background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(0, 169, 236)),color-stop(1, rgb(0, 97, 176)));
background-image: -o-linear-gradient(bottom, rgb(0, 169, 236) 0%, rgb(0, 97, 176) 100%);
background-image: -moz-linear-gradient(bottom, rgb(0, 169, 236) 0%, rgb(0, 97, 176) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(0, 169, 236) 0%, rgb(0, 97, 176) 100%);
background-image: -ms-linear-gradient(bottom, rgb(0, 169, 236) 0%, rgb(0, 97, 176) 100%);
background-image: linear-gradient(to bottom, rgb(0, 169, 236) 0%, rgb(0, 97, 176) 100%);
font-size:13px; line-height: 30px; border-radius:2px; float:right;   padding:0 10px; color: #FFFFFF;text-align:center;  border:none; font-weight:600; width:30px;margin:0 0 0 5px;}
.buttonRow input[type="button"]:hover{opacity:0.9}
#div_temp_goal .buttonRow.left input[type="button"]{float:left;margin:0 5px 0 0;}

#div_temp_goal input[type="button"]{background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(0, 169, 236)),color-stop(1, rgb(0, 97, 176)));
background-image: -o-linear-gradient(bottom, rgb(0, 169, 236) 0%, rgb(0, 97, 176) 100%);
background-image: -moz-linear-gradient(bottom, rgb(0, 169, 236) 0%, rgb(0, 97, 176) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(0, 169, 236) 0%, rgb(0, 97, 176) 100%);
background-image: -ms-linear-gradient(bottom, rgb(0, 169, 236) 0%, rgb(0, 97, 176) 100%);
background-image: linear-gradient(to bottom, rgb(0, 169, 236) 0%, rgb(0, 97, 176) 100%);
font-size:13px; line-height: 30px; border-radius:2px; float:none;   padding:0 10px; color: #FFFFFF;text-align:center;  border:none; font-weight:600; width:30px;margin:0 0 0 5px;}
#div_temp_goal  input[type="button"]:hover{opacity:0.9}




.form-horizontal .form-group.benefit .col-md-6{padding-left:15px;}
.form-horizontal .form-group.benefit .col-md-12 label.col-md-4.control-label{width:33.33%}
.panel.top{margin-bottom:10px;}
.years{float:left; width:36%;}
.month{float:right; width:36%;}
.star{float:left; width:auto; padding:0;}
.exerience_year{float:left; width:48%;}
.exerience_month{float:right; width:48%;}
.exerience-yrs{float:left; width:33.33%; padding-right:0}
.exerience-month{float:right; width:33.33%; padding-right:0}
.cont-set-info .col-md-12{padding-left:0}
.cont-set-info label.col-md-2.control-label{width:11%; float:left}
.cont-set-info .col-md-10{width:89%; float:left;padding-right:0;}
.cont-set-info .col-md-10 select {border:1px solid #e2e2e4; width:47%; padding:5px;}
.cont-set-info .col-md-10 .controls input[type="button"]{background-image: -o-linear-gradient(bottom, rgb(0, 169, 236) 0%, rgb(0, 97, 176) 100%);background-image: -moz-linear-gradient(bottom, rgb(0, 169, 236) 0%, rgb(0, 97, 176) 100%);background-image: -webkit-linear-gradient(bottom, rgb(0, 169, 236) 0%, rgb(0, 97, 176) 100%);
background-image: -ms-linear-gradient(bottom, rgb(0, 169, 236) 0%, rgb(0, 97, 176) 100%);
background-image: linear-gradient(to bottom, rgb(0, 169, 236) 0%, rgb(0, 97, 176) 100%);text-align:center;background-color:#ccc; font-size:14px;color:#ffffff; border-radius:2px;float:left; padding:5px 8px; border-color: #428bca; margin:2px 0; border:none;}
.cont-set-info .col-md-10 .controls input[type="button"]:hover{opacity:0.9}
.col-md-12.text-align{text-align:left;}
.panel{float:left; width:100%; min-height:350px;}
.form-group.form-up .col-md-12{padding-left:0}
.form-horizontal .form-group.form-up .col-md-12 label.col-md-4.control-label{width:33.33%; float:left;}
.form-group.form-up .col-md-12 .col-md-8{width: 66.6667%; padding-right:0; float:left;}
.panel-heading.heading span.head{padding-top:10px; padding-bottom:10px;} 
.cont-set-info .col-md-10 .controls.control-button{width:25px; margin: 5px;}
.form-group.upload .col-md-12 {padding:0;}
.form-group.upload .col-md-12 .col-md-9{padding:0;}
.form-group.accept .col-md-12 .col-md-9{padding:0;}
.table-width{min-width:1000px;}	
.width-20 .form-group .col-sm-4{width:20%; float:left}
.width-20 .form-group .col-sm-4 label.col-md-4.control-label{display:none}
.form-horizontal .width-20 .form-group .col-sm-4 .col-md-8 {width:100%;margin-bottom:8px;}

.form-horizontal .form-group.pad .col-md-12{padding-left:0}
.form-horizontal .col-md-11 label.control-label{font-size: 16px !important;}
ul.bullet{padding-left:20px;}
ul.bullet li{font-weight:bold; margin-bottom:5px; line-height:20px; list-style:circle; list-style-position:outside}
.pading-left{padding-left:0}
.content-text{text-transform:none; font-size:13px; color:#333; font-weight:400; padding:10px 15px 10px 0; line-height:20px;}
.table-container.pad{padding:0 15px;float:left; width:100%;}
.table-container.pad .table-heading{margin-bottom:10px;}
.table-container.pad .table-row{float:left; width:100%;border-bottom:1px solid #eff2f7; padding:10px 0;}
.table-container.pad .table-row .table-col{float:left; width:70%;}
.table-container.pad .table-row .table-col.right{float:right;width:180px;}
.table-subheading {float:left; width:100%; background: #fafafa ; border-bottom:1px solid #eff2f7; padding:10px 0;}
.table-subheading .table-col{float: left; font-weight: 600; padding-left: 10px;}
.table-heading{}
.table-heading h4{margin:0 0 10px;}
.header-status, .status-box{width:75px !important; min-width:75px;}
.header-action, .action-width{width:150px !important; min-width:150px;}

.table-margin th.action-width {width:150px !important; min-width:150px;}

.action_width_man{width:150px !important; min-width:150px;}
.statusbox{width:150px !important; min-width:150px;}
.action-box{width:180px !important; min-width:180px;}
.action-width{width:150px !important; min-width:150px;}
th.header.action-width{ min-width:150px;}
.panel-second-heading.mob-view{display:none;}
.full-width .btn-section{margin-bottom:10px;}
.table-responsive.desktop-view{overflow: auto;margin-bottom:15px;position: relative}
th.header{min-width:100px;}
th.accordian_dpr.header,
td.accordian_dpr{width:200px;}
th.accordian_dpr2.header,
td.accordian_dpr2{width:200px;}
th.accordian_dprs.header,
td.accordian_dprs{width:200px;}
.stripe th.header{min-width:50px;}



.product_detail{display:none}
.basic_detail{display:none}

.instrument_div.new-div{padding:15px 20px;} 
.instrument_div.new-div .col-md-4{}
.instrument_div.new-div .col-md-4 label.col-md-4.control-label{ width:35%}
.instrument_div.new-div .col-md-4 .col-md-8{ width:65%;padding-right:0;}

.nurration_div.new-div{}
.form-horizontal .nurration_div.new-div  .pull-lft .form-group .col-md-12 .col-md-8{width:71%}
.form-horizontal .nurration_div.new-div  .pull-rgh .form-group .col-md-12 .col-md-8{width:71%}

.form-horizontal .instrument_div.new-div .pull-lft .form-group .col-md-12 .col-md-8{width:71%}
.form-horizontal .instrument_div.new-div .pull-rgh .form-group .col-md-12 .col-md-8{width:71%}
.panel.min-height{min-height:580px;}
.inputbox{float:right;padding: 6px 5px;  border: 1px solid #e2e2e4;display: block;
    font-size: 12px;
    line-height: 1.428571429;
    color: #555;
    line-height: 20px;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-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;
	margin:0 0 10px;
}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
   width: 37%;
	top: 20%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closer:hover,
.closer:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.closer2:hover,
.closer2:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.closer {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.closer2{
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


.printcopy
{
	background-color: rgb(0, 136, 208);
color: white;
padding: 10px;
width: 20%;
border: none;
font-weight: 600;
margin: 10px auto;
text-align: center;
display: inline-block;
max-width: 100%;
}
.printcopy:hover
{
	background-color:#231F20;
color: white;
padding: 10px;
width: 20%;
border: none;
font-weight: 600;
margin: 10px auto;
text-align: center;
display: inline-block;
max-width: 100%;
}



.submit_button
{
	max-width: 100px;
    /* float: right; */
    display: inline-block;
    /* position: static; */
    width: 100%;
    right: 0px;
    right: 50%;
    margin: auto;
    width: 100%;
    display: block;
	    margin-top: 10px;
	}


.draft-color
{	color: rgb(255, 106, 0);
	
}
.approval-color
{
	color:#14CDEA;
}
.red-color
{
	color:#ff0000;
}

.ppc-table.table > thead > tr > th.item-pmwb{width:40% !important;}
.ppc-table.table > tbody > tr > td.textalign{text-align: left;}
.ppc-table.table > thead > tr > th.qty-pmwb{width:20% !important}
.ppc-table.table > thead > tr > th.process-pmwb{width:40% !important}

.table-margin .table-bordered .table-right input {text-align: right;}

.table-responsive.scroll{ width:100%; overflow-Y:hidden; overflow-x:auto}
table.table-row {}
table.table-row th,
table.table-row td{white-space: nowrap;}
table.table-row th.header{min-width:10px;}
.btn-primary.refresh{height:auto; padding:8px 0}
#parent{max-height: 300px; margin-bottom:30px;}
.col-3{ float:left; width:30%; min-width:70px;}
.table.new-table th,
.table.new-table td{white-space:nowrap}
.table.new-table.new-cpo th.text-align.width90{ min-width:260px;}
.table.new-table.new-cpo td input[type="text"]{width:30%; min-width:70px;}
.td-align-left {text-align:left!important;}
.th-align-left  {text-align:left!important;}
.td-align-right {text-align:right!important;}
.th-align-right  {text-align:right!important;}

::-moz-placeholder {color:#333;opacity:1}
:-ms-input-placeholder {color:#333;opacity:1}
::-webkit-input-placeholder {color:#333;opacity:1}

.table-bg{ background:#ccc; width:300px; margin:0 5px 20px; float:left;}
.table-bg table{}
.table-bg table th{ background:#0091d8; padding:5px; text-align:center; color:#fff; }
.table-bg table th input[type="checkbox"]{}
.table-bg table td{ background:#fff; padding:5px; word-wrap: break-word; max-width:150px; }
.table-bg table td input{ width:80px; background:#f8f8f8; border:1px solid #ccc; width:100%; padding:3px;}

.panel-body.product_detail .form-group{float:left;width:100%}
.panel-body.product_detail.bottom .form-group{float:none;width:auto}
.table_responsive { float: left; width: 100%; margin: 0px; overflow: auto;position: relative; }
.table-wrapper { overflow-x:scroll; overflow-y:visible;  width:auto; margin-left: 324px;}
.table-wrapper .table  td, .table-wrapper .table th {  padding:5px 10px !important;  width: 170px; min-width:150px;}
 .table-wrapper .table th {padding:10px !important;background:#eee}
.table-wrapper td.head-col,
.table-wrapper th.head-col  {position: absolute; left: 5px; width:320px;text-align:left}
.table-wrapper td.head-col.last{    border-bottom: 2px solid #ddd; min-height: 33px; margin-top: -1px; border-top: 2px solid #ddd;}
.table-wrapper .table > thead > tr > th.head-col{width:320px !important; border-top:1px solid #ddd; margin-top:-1px}

.table-wrapper .table-left{text-align:left !important}
.table-wrapper .table-right{text-align:right !important}

.value.col-md-6{ padding-right:0}
.value .col-md-7{width:50%;}
.value .col-md-5{width:48%; padding-right:0}
.agg .col-md-4{ text-align:left}
.agg .col-md-8{ padding-right:0;width:40% !important;}
.text-align-left {text-align:left!important;}
.text-align-right {text-align:right!important;}
/*.col-md-7 {width:113.333%!important;}*/


.input-row{ margin:0 -2px;}
.input-row .input25{float:left; width:25%; padding:0 2px;}
.input-row .input25 .small-input{width:100%;}
div.dataTables_wrapper {width:100%;margin: 0 auto;}

ul.box-footer-total{float: left; width:100%; margin:0 0 20px;}
ul.box-footer-total li{float: left; width:auto; text-align: left;padding: 10px 15px; border: 1px solid #ddd; font-size: 14px;}
.DTFC_LeftBodyLiner,
.DTFC_RightBodyLiner{/*overflow:hidden !important; width:auto!important;*/}

hr{border-color:#ddd}
label.radio-btn{float: left; width:auto; margin:8px 20px 0 0;}
label.radio-btn input{ float:left;width:auto; margin:2px 5px 0 0}
.float-right{float:right}
#div_tds_data strong{float:left;width:auto; margin:6px 15px 0 0}
#div_tds_data span{float:left;width:auto; border:1px solid #eee; padding:5px 15px; text-align:center;margin-right:20px;border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.box{float: left; width:100%; border:1px solid #ddd}
.box label.title{ border-bottom: 1px solid #ddd; text-align: center;padding:0px;}
.box label.title a{ padding:10px;background:#eee; display:block}
.box label.title a:hover{background:#ddd;}
.box label.control-label{padding-top:15px;padding-bottom:15px;}
/*
.table-scroll { position:relative; width:100%; margin:auto; overflow:hidden; border:1px solid #000; }
.table-wrap1 { width:100%; overflow:auto; }
.table-scroll table { width:100%; margin:auto; border-collapse:separate; border-spacing:0; }
.table-scroll th, .table-scroll td { padding:5px 10px; border:1px solid #000; background:#fff; white-space:nowrap; vertical-align:top; }
.table-scroll thead, .table-scroll tfoot { background:#f9f9f9; }
.clone { position:absolute; top:0; left:0; pointer-events:none; }
.clone th, .clone td { visibility:hidden }
.clone td, .clone th { border-color:transparent }
.clone tbody th { visibility:visible; color:red; }
.clone .fixed-side { border:1px solid #000; background:#eee; visibility:visible; }
.clone thead, .clone tfoot { background:transparent; }*/
.form-horizontal .pull-lft .form-group input.fld_gst_no,
.form-horizontal .pull-rgh .form-group input.fld_gst_no{border-radius: 4px 0 0 4px; border-right: 0 none; padding-right: 0;width:105px; float:left;}
.form-horizontal .pull-lft .form-group .fld-gst-no2,
.form-horizontal .pull-rgh .form-group .fld-gst-no2{float: left; width: calc(100% - 105px);}
.form-horizontal .pull-lft .form-group .fld-gst-no2 input,
.form-horizontal .pull-rgh .form-group .fld-gst-no2 input{border-left:none; border-radius: 0 4px 4px 0; padding-left: 0}

.table-absolute{position: absolute;top: 0;left:0;bottom: 17px;background: #ffffff;overflow: hidden;}
.table-absolute .table-responsive{overflow: hidden;}
.all-item-wrp{position: relative;}


ul.login-form li {    display: inline-block;}
ul.login-form li input {color: #333;background:transparent;border:none;
    font-family: 'Open Sans', sans-serif;
    padding: 0px;
    font-weight: bold;
    text-decoration: underline;
    margin-left: 5px;
    font-size: 13px;}

    /* CSS ADDED FOR LOGIN PAGE 28-OCT-2021 */
    /* Login Page css  */
.loginPg {
    background: url(../images/kiosk-bg.jpg);
    background-size: cover;
}

.loginPg .innerRow {
    min-height: 100vh;
    align-items: center;
}

.loginPg .form-signin {
    margin: 0px;
    margin-top: 0px;
    max-width: 100%;
}

/* .loginPg .login-wrap{
    padding: 30px;
} */

.loginPg .form-signin .input-group-addon {
    border-color: #dddddd;
}

.loginPg .form-signin #captcha_image {
    margin-top: 30px;
}

.loginPg .login-wrap input#captcha {
    margin-top: 30px;
}

.loginPg .form-signin .btn-login,
.loginPg .form-signin .btn-login2 {
    background: #efb758;
    color: #ffffff;
    text-transform: capitalize;
    margin: 30px 0 0px;
    font-weight: 600;
    width: 100%;
    letter-spacing: 1.5px;
}

.loginPg .form-signin .btn-login2.mt-15 {
    margin-top: 15px;
    font-size: 13px !important;
    height: 44px;
    letter-spacing: 0.5px;
}

.loginPg .form-signin .forgotPass {
    text-align: center;
    letter-spacing: 0.6px;
    font-size: 14px;
    font-weight: 600;
}

.loginPg .form-signin .logoWrapper {
    margin: 0;
    padding: 5px;
    text-align: center;
    background: #fff;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-bottom: 10px solid rgba(0, 0, 0, .5);
}

.loginPg .form-signin .logoWrapper img {
    max-width: 200px;
}

.loginPg .form-signin h5 {
    letter-spacing: 0.6px;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 20px;
    color: #212121;
}

.loginPg .largeHeading {
    margin: 0px;
    color: #fff;
    font-size: 64px;
    letter-spacing: 5px;
    line-height: 1.3;
    font-weight: 800;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
}

.loginPg .largeHeading::before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 25%;
    height: 5px;
    background: #efb758;
}

.loginPg .largeHeading sup {
    font-size: 13px;
    width: 26px;
    height: 26px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    letter-spacing: normal;
    top: -30px;
    font-weight: 600;
}

.loginPg .left-section p {
    margin-bottom: 30px;
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1.7;
    width: 80%;
    font-weight: 500;
}

.loginPg .left-section ul {
    margin-bottom: 0px;
}

.loginPg .left-section ul li {
    padding-left: 30px;
    position: relative;
    margin-bottom: 30px;
}

.loginPg .left-section ul li::before {
    content: "\f00c";
    position: absolute;
    left: 0px;
    top: 0px;
    font-family: FontAwesome;
    color: #efb758;
}

.loginPg .left-section ul li:last-child {
    margin-bottom: 0px;
}

.loginPg .left-section ul p {
    margin-bottom: 0px;
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: normal;
    width: 100%;
    font-weight: 500;
}

/* Login Page Responsive */
@media only screen and (min-width: 990px) {
    .loginPg .innerRow{
        display: flex;
    }
  }
  @media only screen and (max-width: 990px) {
    .proximo_left{
        margin-bottom: 50px;
        margin-top: 10px;
        padding: 10px;
    }
    .proximo_right{
        padding: 0px 20px;
        margin-bottom: 20px;
    }
    .loginPg .left-section{
        padding: 10px;
    }
}