@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,600,700,300&subset=latin,greek);

body { background:#f5f5f5; padding:0px; margin:0px; font-family:"Open Sans", Arial, Helvetica, sans-serif; font-size:13px;
       min-height:100%; position:relative; width:100%;}
body.modal-open{overflow: hidden !important;}
textarea { resize:none;}
a { cursor:pointer;}
.vertical-middle { vertical-align:middle;}
a:focus { outline:none !important; text-decoration:none;}
a:hover { text-decoration:none;}
.radius-clear {border-radius: 0 !important;}
.shadow-clear {box-shadow: 0 0 0 #000 !important;}
.bg-gray-lighter {background-color: #eee;color: #515253 !important;}
.row-table {display: table;table-layout: fixed;height: 100%;width: 100%;margin: 0;}
.row-table > [class*="col-"] {display: table-cell;float: none;table-layout: fixed;vertical-align: middle;}
.row-flush > [class*="col-"] {padding-left: 0;padding-right: 0;}

.bold { font-weight: bold;}
.no-margins { margin:0px;}
section { margin-bottom:0px !important; }
.legendLabel {
    padding-left: 5px;
}
.stat-list li:first-child {
    margin-top: 0;
}
.stat-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.stat-percent {
    float: right;
}
.stat-list li {
    margin-top: 15px;
    position: relative;
}
.login-bg {
    background-color: #542075;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#592578), to(#542075));
    background-image: -webkit-linear-gradient(top, #592578 0%, #542075 100%);
    background-image:      -o-linear-gradient(top, #592578 0%, #542075 100%);
    background-image:         linear-gradient(to bottom, #592578 0%, #542075 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#592578', endColorstr='#542075', GradientType=0);
    background-repeat: repeat-x;  
}
.login-bg .header { background:#fff;}

.login-bg .logo-head { color:#333;}

.copyright-wt {padding: 30px 20px 20px;font-size:12px; color:#666;margin-left: 85px}
.logo { float:left; margin-top:5px;}
.logo-head { border-left:1px solid #53267d; margin:0px 10px; display:inline-block; padding:5px 10px; vertical-align:middle; font-size:16px; color:#ffffff;}
.login-container { width:1130px; padding:5px 0px 10px;}

.header { background:#673695;}
.header-right { float:right; text-align:right; padding:10px 15px;}
.header-right .username { color:#fff; vertical-align:middle; line-height:1.7;}
.header-right a { margin:0px; padding:6px 15px; margin-left:10px;vertical-align:middle; border-radius:20px; border:none; font-size:13px;}
.navbar-collapse { position:relative;}
.last-visit { position:absolute; right:0px; color:#fff; padding:15px; top:0px; letter-spacing:0.5px;}
h3.heading { font-size:18px; margin:12px 0px;}

.navbar-nav .dropdown:hover > a.level, .navbar-nav .active a.level, .navbar-nav a.level:focus, .navbar-nav .active a.level:focus, .navbar-nav a.active:hover, .navbar-nav a.level:hover { color:#f8991d;}
.navbar-nav .dropdown:hover > .dropdown-menu { background:#f1f1f1; border:none; border-right:1px solid #cccccc; box-shadow:none; display:block; top:65px; left:261px; width:260px; position:fixed; height:100%; }

.nav-header .navbar-nav { position:fixed; left:-260px; border-right:1px solid #cccccc; background:#f1f1f1; padding:0px; height:100%; z-index:1900; top:65px;}
.nav-header:hover .navbar-nav {  left:0px;}
.nav-header .navbar-nav li { float:none; width:260px; padding:0px !important;}
.nav-header .navbar-nav li a, .navbar-nav .dropdown:hover > .dropdown-menu li a { font-size:16px; padding:10px 25px !important;}

.navbar-tab { background:#f9f9f9; width:100%; display:block; border:1px solid #e2e2e2; border-radius:4px; margin-bottom:5px;}
.navbar-tab .navbar-nav { float:none;}
.navbar-tab .navbar-nav li a { padding:8px 15px;}
.navbar-tab .navbar-nav li:first-child a { border-radius:4px 0 0 4px;}
.navbar-tab .navbar-nav li.active a { background:#673695; color:#fff;}

#tabs-contents li { display: none;}
#tabs-contents li:first-child { display:block;}

.footer { padding:0px; font-size:13px; color:#999; position:absolute; bottom:-30px;}
.footer .copyright { font-size:12px; text-align:right; margin-top:10px;}

.login-panel { margin:60px 40px 0; background:#fff; padding:10px 25px 20px; border-radius:10px; box-shadow:0px 0px 10px rgba(0,0,0,.4); font-size:15px; min-height:400px; border-top:3px solid #cccccc;}  
.login-panel .form-label { padding-bottom:5px; display:block;}
.login-panel .heading { padding:0px; font-size:24px; margin:0 0 20px; color:#673695;}
.login-panel .content { padding:0px;}
.login-panel .content .form-control { font-size:16px; padding:5px 10px;}
.login-panel .btn { margin-right:15px; font-size:16px; padding:6px 25px; border-radius:6px;}
.login-panel label { font-weight:normal;}
.login-panel .form-group { margin-bottom:15px;}
.login-panel .copyright { font-size:13px; color:#666;}

.latest-news { margin:40px 0 0; padding:20px; color:#fff; min-height:200px; }
.latest-news h3 { font-size:26px; margin:0px; padding:0px;}
.latest-news .news-list { margin:20px 0; padding:0px; list-style:none;}
.latest-news .news-list li { position:relative;}
.latest-news .news-list h4 { position:absolute; left:0px; top:0px; }
.latest-news .news-list .news-carousel { margin:0px 50px 0px 70px; padding-top:20px; text-align:justify; font-size:15px; line-height:22px; width:500px;}
.latest-news .news-list .date { display:block; margin-top:10px; color:rgba(255,255,255,.8); }

.app-store { padding:0px 25px; color:#fff; position:relative;}
.app-store h3 { margin:0 10px 10px 0; font-size:18px; color:#fff;}
.app-store .app-link { margin:0px;}
.app-store a  { color:#fff; padding:0px; margin:0 10px 0 0;  font-size:16px; border-radius:4px; text-align:center; display:inline-block;}
.app-store a:hover { text-decoration:none;}

.ads-blocks { margin:0px 0px 20px; }
.ads-blocks .divider { height:2px; margin-left:2%; background:#008eff; border-top:1px solid #333; display:block; width:90%; margin-bottom:10px;}
.ads-blocks ul { list-style:none; margin:0px; padding:0px;}
.ads-blocks ul li { float:left; margin:0px; width:48%; color:#fff; padding:15px; line-height:20px; }
.ads-blocks ul div { display:block; font-size:16px; line-height:20px; margin:0px; padding:0px;}
.ads-blocks a { padding:0px 10px; margin:0px; color:#ff8a00; font-weight:bold;}

.ads-banner a { margin-right:20px;}
.captcha-group .form-control { width:130px; display:inline-block;}
.captcha-group div { display:inline-block; vertical-align:top; width:45%; position:relative; margin-top:-10px; height:40px;}
.captcha-group div:first-child { float:right; width:60%; padding-left:3%;}
.captcha-group img { width:100%; height:100%; border-radius: 4px;}
.captcha-group div a { position:absolute; right:-10px; top:10px; font-size:20px;}

.captcha-box { text-align:center; display:block; border:1px solid #e2e2e2; height:50px; margin-bottom:5px; display:block; width:231px; border-radius:4px; padding:0px; background:#fff;}
.captcha-box img { margin-right:20px;}
.captcha-box a { vertical-align:middle; font-size:20px;}

.captcha-list div:first-child { float:none; width:231px; border:1px solid #e2e2e2; border-radius: 4px; background:#fff; padding:0;}
.captcha-list div { display:block; width:231px;}

.agree-group { line-height:18px; font-size:13px;}
.agree-group input { margin:3px 0px 0px; vertical-align:top;}
.agree-group label { margin-bottom:0px; margin-left:5px;}
.a-middle { margin-top:10px; display:inline-block; width:200px;}

.action-button button { padding:3px 5px; }
.action-button button:hover, .action-button button:focus { background:#673695; color:#fff;  border-color: #673695; box-shadow:none !important; border-radius:3px;}

.dashboard-block .panel { margin:0 0 15px; position:relative;}
.dashboard-block .panel .h2 { margin:10px 0 0; font-size:20px; font-weight:bold;}
.dashboard-block .panel .text-uppercase { margin-bottom:10px; font-size:13px;}
.dashboard-block .panel-date .h2 { margin:0 0 10px; }
.dashboard-block .panel-date .text-sm { margin-top:8px;}
.dashboard-block .panel-date .text-muted { margin:2px 5px;}
.dashboard-block .panel-date .text-uppercase { margin-bottom:0px; margin-top:8px;}
.dashboard-block .panel:hover .bg-gray-lighter { background:#733c97; border-radius:4px 0 0 4px;}
.dashboard-block .panel:hover .bg-gray-lighter em { color:#fff;}
.dashboard-block .panel-date:hover .bg-gray-lighter .text-sm,
.dashboard-block .panel-date:hover .bg-gray-lighter .h2 { color:#fff;}

.dashboard-block .unit-panel { color:#333;}
.dashboard-block .unit-panel:hover { text-decoration:none;}
.dashboard-block .unit-panel em { position:absolute; right:15px; top:14px; font-size:30px;}
.dashboard-block .unit-panel:hover em { color:#733c97;}

.fill-data { margin:0px 15px 10px; padding:5px 15px 5px 90px; background:#eee; border:1px solid #ddd; border-radius:4px; position:relative;}
.fill-data .form-control { display:inline-block; width:200px; vertical-align:middle; margin-right:5px; padding:3px 5px 4px !important; height:auto !important; font-size:14px; }
.fill-data .title {position:absolute; left:0px; top:0px; background:#673695; color:#fff; font-weight:bold; margin:0px; display:inline-block; padding:10px 10px 11px; border-radius:4px 0 0 4px;}
.fill-data .title:after { content:''; width:0px; height:0px; position:absolute; right:-18px; top:11px; border:10px solid transparent; border-color:transparent transparent transparent #673695;}
.fill-data .btn { margin-right:5px; padding:3px 10px; vertical-align:top; line-height:normal;}
.fill-data .rdoBox { margin-top:5px;}
.fill-data .rdoBox input { margin:4px 5px 0 0 !important; vertical-align:top;}
.fill-data .rdoBox .mandatory { margin-right:15px;}

.search-box { margin:0 0 10px; padding:5px 15px 5px 90px; background:#eee; border:1px solid #ddd; border-radius:4px; position:relative;}
.search-box .form-control { display:inline-block; width:190px; vertical-align:middle; padding:3px 5px 4px !important; height:auto !important; font-size:14px;}
.search-box select.form-control { padding:3px 5px 2px !important;}
.search-box .formlabel, .search-box .formlable { margin-left:10px; vertical-align:middle;} 
.search-box .rdoBox { margin-top:4px; display:inline-block; margin-left:10px; vertical-align:middle;}
.search-box .title { margin-top:10px; height:100%;  position:absolute; left:0px; top:0px; background:#673695; color:#fff; font-weight:bold; margin:0px; display:inline-block; padding:10px 10px 11px; border-radius:4px 0 0 4px;}
.search-box .title:after { content:''; width:0px; height:0px; position:absolute; right:-18px; top:11px; border:10px solid transparent; border-color:transparent transparent transparent #673695;}
.search-box input { margin-left:5px; line-height:20px;}
.search-box .rdoBox input { margin:5px 5px 0 0 !important;}
.search-box .btn { padding:4px 10px; vertical-align:middle;  line-height:normal;}
.search-box a.btn { padding:4px 10px;}
.search-box .btn-sm, .search-box .btn-group-sm > .btn { font-size:14px;}
.filter-box { padding-left:135px;}
.filter-box .tCount { float:right; margin-top:5px;}

.table { margin-bottom:0px; font-size:13px;}
.table th { background:#eee;}
.mt-sm { margin-top:10px;}
.mt-md { margin-top:15px;}
.mt-lg { margin-top:20px;}
.mr { margin-right:15px;}
.ml { margin-left:9px;}
.ml1 { margin-left:15px;}

span[id*="ReportViewer"] table[style='border-collapse:collapse;'] tr:nth-child(2) td { background: #673695; }

#HTMLTable { width:100%;}
.table td .btn-icon { box-shadow:1px 1px 0px rgba(0,0,0,.5); background:#f1f1f1 url("../images/view.png") no-repeat center 1px; width:30px; height:24px; border:1px solid #bbb;}
.table td .btn-icon:hover { background-position:center -20px; background-color:#673695; border-color:#41165d;}
.table td .btn-process {background-image:url("../images/view.png"); }
.table td .btn-print {background-image:url("../images/print.png"); }
.table td .btn-edit {background-image:url("../images/edit.png"); }
.table td .btn-verify {background-image:url("../images/verify.png"); }
.table td .btn-reject {background-image:url("../images/reject.png"); }
.table td .btn-assign {background-image:url("../images/assign.png"); }
.table td .btn-select {background-image:url("../images/select.png"); }
.table td .btn-delete {background-image:url("../images/delete.png");}

.pagingBox .viemorelink { margin:0 0 20px; padding:5px; background:#eee; border:1px solid #ddd; text-align:center !important;}
.pagingBox td { padding:0px 2px; vertical-align:middle;}
.pagingBox input { background:#fff; border:1px solid #bbb !important; border-radius:4px;}
.pagingBox input:hover { border:1px solid #aaa !important;}
.pagingBox input[type="image"] { padding:3px; width:26px; height:26px;}


.pagingListBox table { margin:0px 10px !important;}
.pagingListBox table td { padding:5px 0px;}
.pagingListBox table a { background:#fff; border:1px solid #bbb !important; border-radius:4px; padding:2px 6px; margin-left:5px;}
.pagingListBox table span { padding:2px 6px; display:block;}

.formContentBox { background:#fcfcfc; border:1px solid #ddd; padding:15px; border-radius:4px; font-size:14px;}
.formContentBox table td { padding:2px 0; vertical-align:top;}
.formContentBox .table { background:#fff;}
.formContentBox .input-sm { padding:2px; height:25px;}
.formContentBox .formlabel { font-weight:bold;}

.form-page { background:#f9f9f9; padding:15px; border:1px solid #e2e2e2; box-shadow:0 1px 1px rgba(0, 0, 0, 0.05); border-radius:4px; font-size:13px;}
.form-page .form-row { clear:both; float:none; display:block; padding:0px;}
.form-page .form-label { float:left; width:20%; font-weight:bold; padding-right:15px; margin-bottom:6px;}
.form-page .control { float:left; width:30%; margin-bottom:6px;}

.form-page .control .btn-xs { vertical-align:top; padding:2px 4px;}
.form-page .form-control { width:231px; display:inline-block; padding:0px 5px !important; height:25px; line-height:20px; font-size:13px; }
.form-page .form-control:focus { background:#f8f1fe;}
.form-page .full-control { width:80%;}
.form-page .list-control { width:70.5%;}
.form-page .full-control .form-control { display:inline-block; width:231px;}
.form-page .formgrouptitle span { margin-bottom:10px;}
.mandatory { color:#ff0000; }

.form-responsive { padding:30px 15px; font-size:14px;}
.form-responsive .formlabel { font-weight:bold;}
.form-responsive .form-control { width:100%; display:inline-block; padding:0px 10px !important; height:30px; line-height:20px; }
.form-responsive .form-group { clear:both; float:none; margin:0px; padding-bottom:10px; overflow:auto;}

.inline { display:inline-block; width:auto !important; }
.rdoBox input { margin:3px 3px 0 0 !important; vertical-align:top;}
.rdoBox label { margin-right:15px; vertical-align:top;}
.smalltext { font-size:12px; color:#888;}
.input-date { width:105px !important;}
.input-mobile { width:62% !important;}
.input-address { width:88.6% !important;}
.formgrouptitle span { display:block; font-size:14px; color:#673695; font-weight:bold; padding:3px 5px !important; margin:0px; margin-left:-5px; background:#f1f1f1; border-bottom: 1px solid #ddd;}
.dn { color:#f26539; padding-top:5px; display:inline-block;}
.button-group .btn { margin-left:10px; font-size:14px;}
.button-group { margin-bottom:10px;}
.DisplayNone { display:none;}
.mr-name { margin-right:22px;}
.price-label { font-size:18px;}

.list-group-sm { margin-bottom:5px;}
.list-group-sm .list-group-item { padding:5px 10px;} 

.report-viewer iframe {background:#fcfcfc; border:1px solid #444; padding:0px; }
.form-calendar { background:#fff !important;}

.table-name { margin:5px 0px 10px; }
.table-name td { padding:0px !important; line-height:14px !important;}
.form-upload, .form-page .form-upload { border:none; background:none !important; padding:0px !important; box-shadow:none !important;}
.search-box .form-upload { padding:0px !important;}

.failure-section { width:450px; margin:50px auto; text-align:center; }
.failure-box { clear:both; margin:30px 0px; padding:30px; background:#f9f9f9; border:1px solid #ddd; border-radius:4px;}
.failure-box h3 { font-weight:normal; font-size:20px; margin-bottom:20px;}

.btnTop { float:right; margin:0px 15px 10px;}

.messageBox { color:#f36f24; padding:5px 10px !important; border:1px solid #e2e2e2;}
.text-purpel { color:#673695 !important;}
.btn-right-action { position:absolute; right:15px; top:12px; z-index:1;}
.error-msg table th { text-align:center;}
.error-msg table td { color:#a94442;}

.right-menulink { margin-left: -20px;}
.right-menulink .right-nav { background:#fff; border: 1px solid #ddd; border-radius: 4px;margin:0;padding:0px;position: relative;}
.right-menulink .right-nav h3 {font-size: 16px; margin:0px; padding:7px 12px; background:#eee; border-bottom:1px solid #ddd;}
.right-menulink .right-nav ul { list-style:none; margin:0px; padding:10px 0px;}
.right-menulink .right-nav ul li a { padding:6px 12px; display:block;}
.right-menulink .right-nav ul li a:hover, .right-menulink .right-nav ul li a:focus {background: #673695; color:#fff; text-decoration:none; font-weight:600;}

.advanceSearch-box .form-control { display:inline-block; width:230px; margin-right:10px; }
.radio-group .title { margin-right:10px; font-weight:bold;}
.radio-group label { margin:0px 10px 0px 3px;}

.form-text { height:100px; word-wrap:break-word; word-break:break-all; background:#f8f1fe !important; border:1px solid #003366;}
.input-edit[readonly="readonly"] { background:none !important; border:none; padding:0px; height:auto; box-shadow:none; border-radius:0px;}


/* */
.top15{ margin-top:15px;}
.top10{margin-top:10px}
.navbar-nav .dropdown > .dropdown-menu > li{width:250px}
.date-control {position:relative; display:inline-block;}
.date-control .form-control { width: auto !important;}
.date-control img{position:absolute;right: 8px;top:6px;}
.leavemaster .date-control .form-control { width:100% !important}
.addemployee .date-control .form-control { width:100% !important}

.employeelist { border:1px solid #ddd; margin-top:10px; border-radius:4px; padding:5px;}

.session-select { margin-top:30px;}
.session-select .form-group { margin-bottom:0px;}
.session-select label { font-size:14px;}

/* form validation style */
.message-error { color:#ff0000;}

.form-table td {padding:5px 0px}
.buttonRow{ margin:0px 0px 20px 0px}

.filter-actions a{margin-left:3px}

.inv-textheader-customerinfo { background:#f9f9f9 ; margin-top:3px; padding:5px; border-radius:4px;}
.inv-textheader-customerinfo .icon { margin-right:5px;}
.inv-textheader-customerinfo .icon img { vertical-align:baseline;}
.accordian-content { padding:10px 5px;}
.error-msg { color:#ff0000;}

.chkgroup label { margin-right:15px; }
.lbl {padding:5px 5px 5px 0px; float:left}
.form-body { padding:5px;}
.form-body .form-group { margin-bottom:10px;}
.divSearchText{width: 76%; margin-left: 47px; float:left}
.paddtop5{ padding-top:5px}

.tabheadsmallactive { border-radius:4px; font-weight: bold;color:#fff !important;font-size: 13px;padding: 5px 10px;background-color: #673695; text-decoration:none !important;}
.tabheadsmall {font-weight: bold; color: #00448d;font-size: 13px;  padding:5px 10px; text-decoration:none !important;}

.changepassword  .form-control { font-size:15px; padding:4px 8px;}
.changepassword .btn {  font-weight:bold; font-size:15px; padding:4px 15px;}
.changepassword .info {color:#ff0000; padding:10px 0px; }

.form-inline label {margin-right:10px}

.mgTpBtm{margin-top:5px ; margin-bottom:5px}

.modal-form { padding:15px;}
.modal-form .form-group { margin-bottom:10px; }

.panel-body .fxdHgt283{ overflow:auto; height:265px; max-height:283px}

.table-form td {padding:2px 5px; font-size:13px;}
.table-form td strong { font-weight:normal !important;}

.button-left .btn { margin-right:5px; }
.button-right .btn { margin-left:5px; }

#tabs-contents {list-style: none; padding:10px}
.serach-modal .form-control{width:100%;}
.serach-modal #searchtext{margin-left:0px !important;}
.download-box{margin-top:15px;}
.dateWidth .control-full .form-control{width:120px !important;}
.dateWidth .form-control { width:120px !important;}
.label-aligner{padding-left:39px;}
#download.btn{font-size:inherit;}
.js-example-basic-single {border: 1px solid #e3e3e3 !important;cursor:not-allowed !important;}
@media (max-width: 1024px)
{.form-page .form-control { width:200px; }
 .form-page .full-control .form-control { display:inline-block; width:200px;}
 .input-address { width:90% !important;}
}

@media (min-width: 768px){
    .modal-dialog.invoice-popup {
        width: 463px;
    }
    .invoice-popup .modal-header{
        padding:10px 15px 5px;
    }
    .invoice-popup .modal-body{
        padding: 15px 15px 0;
    }
    .invoice-popup .modal-form{
        padding:10px 15px 5px;
    }
}
@media (max-width: 768px) 
{
    .chkgroup label {margin:0px}    
    .panel-xs-box{ padding:5px }

    .date-control .form-control {   width: 100% !important;}
    .form-group {margin-bottom: 0px;}
    .col-xs-form-group{ margin-bottom:10px}
    .dashboard-block .panel .text-uppercase {margin-bottom: 10px;font-size: 11px;}

    .header {padding:0 15px;}
    .header-right {margin:0px !important; padding:10px; color:#fff;}    
    .header-right .username { font-size:14px; }
    .navbar-nav {  margin: 0px;}
    .navbar-toggle { margin:3px; font-size:18px;padding:7px 10px }
    .login-panel { margin:30px 0px 15px;}  
    .dashboard-block .panel { margin-bottom:10px;}
    .dropdown-menu {border-radius: 0px ; box-shadow:none}
    .dropdown-menu li{      width: 100% !important;}
    .dropdown-menu li:hover{background-color: #f36f24 !important;}
    .form-page .form-label, .form-page .control, .input-address  { float:none; width:100% !important;}
    .inline, .form-page .full-control .form-control { display:block; width:85%; }
    .form-page .form-control { width:100%;}
    .form-page .control { margin-bottom:5px;}
    .navbar-nav {padding-bottom:10px;}
    .navbar-nav .dropdown-menu { position:relative; float:none; width:99.3%; left:auto !important; top:0px !important; border:none !important; }

    .modal-form { padding:0px;}
    .date-control { display:block;}
    .search-report label { display:block;}
    .search-report .form-group { margin-bottom: 10px;}
    .change-password .form-group { margin-bottom: 10px;}    
    .login-container { width:100%;}

    .invoice-form{margin-left:20px;}
    .invoice-form .controls{width:90% !important;}
    .date-control img{right:10px !important;}
    .invoice-btn{ margin-left:10px;}
    #productsdiv{padding:0px;}
    .control-full .form-control {width: 44% !important;}
    .fixed-message-box {left:5% !important; width:90% !important;}
    .search-box { margin:0 0 10px; padding:5px 15px 10px 10px; text-align:left;}	
    .search-box .title { position:relative; background:none; color:#333;display:block; padding:5px;}
    .search-box .form-control { width:100%; margin-bottom:5px;}
    .search-box .title:after { display:none;}
    .align-left{padding-left:5px;}
    .table-product .active-checkbox {position:relative !important;left:0 !important;top:0 !important;display:inline;}
    .table-product .product-button {position:relative !important;right:0 !important;top:0 !important;display:inline-block;margin-bottom:5px !important;}
    .report-box #searchfilter{margin-left:0px !important;margin-top:10px;}
    .report-box .ml{margin-left:0px !important;}
    .report-box .label-chooser{margin-left:0px !important;display:block;margin-top:5px;}
    .report-box  .btn{display:inline;}
    #submitbtn{margin-top:5px !important;}
    .modal-box .form-control{width:100% !important;}
    .modal-box .filter-colomn{padding-bottom:5px;}
    .modal-box  #searchtext{margin-left:0px !important;margin-bottom:5px;	}
    .modal-box label.ml{margin-left:0px !important;}
    .modal-box .form-label{padding-left:0px !important;}
    .download-box{margin-top:0px !important;padding:15px;}
    .table-responsive{overflow-y:scroll;}
    .ibox {margin-bottom: 15px !important;}
    .ibox-title h1{font-size:24px !important;margin-bottom:5px !important;}
    .form-inline .form-control{ width:100% !important;}
    .invoice-form .controls { width:90% !important;}
    #products.form-control,.select2-container{ width:160px !important;}
    .form-btn-group .btn{width:100%;}
    .dateWidth .form-control { width:100% !important;}
    .dateWidth .control-full .form-control{width:100% !important;}
    .label-aligner{padding-left:0px;}
    .right-menulink { margin-left:0px;}
    .footer { position:relative; bottom:0px; padding:0px;}
    .page-sidebar { position:absolute !important;}
}

.popup-error-container, .popup-success-container, .popup-warning-container, .popup-notice-container {
    padding:8px 15px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.popup-success-container {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.popup-notice-container {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.popup-warning-container {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.popup-error-container {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.containerrepositorysubmenu{
    display: none;
    position: absolute;
    left: 119px;
    padding: 5px;
    background-color:#ffffff;
    border:#ddd 1px solid;
}

.containerrepository{
    color:#764098;
}
.containerrepository:hover{
    background-color:#673695;
    color:white;    
}

.containerrepository:hover .containerrepositorysubmenu   {
    display: block;
}

.repository a{
    color:#764098;    
}
.repository{
    width: 255px;
    display: block;
    padding: 2px 10px 2px 10px;
    color: white;
}
.statustextstyle{color: #ff0000;}
.fixed-message-box { position:fixed; top:5px; left:35%; width:400px; display:block; z-index:9999;}
#clientviewdiv .modal-dialog{ width: 90%;}
#dashboarddetailsgrid { margin: 0;}
.endclientcolor { background: red;}
.display-box { margin-left:10px;}
h4.title { font-size:16px; margin:0 0 10px;}
h4.sub-title { font-size:14px; margin:10px 0; font-weight:bold;}
.form-section { margin-bottom:10px; border-bottom:1px solid #e2e2e2;clear: both;}
.control-full {width: 100%;}
.control-full .form-control {width: 100% !important;}
.copy-link { position:absolute; right:-70px; top:10px;}

.new-invoice-box { background:#f1f1f1; margin:-20px -20px 15px; padding:10px 0px 0px; border-radius:4px 4px 0 0; border-bottom:1px solid #e2e2e2;}
.new-invoice-box .form-label { font-weight:bold; margin-left:20px;}
.dashboard-table td, .dashboard-table th { padding:15px !important;}

.product-tabs li a { background:#e2e2e2; padding:10px 20px;}
.product-tabs li a.active { background:#673695; color:#fff;}

.table-product { position:relative;}
.table-product .active-checkbox { position: absolute; left:430px; top:3px; z-index:10;}
.table-product .product-button { position: absolute; right:15px; z-index:10;}
.table-product .active-checkbox label { margin-right:10px;}
.table-product .dataTables_length { margin-bottom:10px;}
.table-product .dataTables_filter { float:left !important; margin-left:20px; margin-top:2px;}

.text-left { text-align:left !important;}

.gridlimit { height: 350px; width:100%;	 padding: 0px; border:1px solid #e2e2e2;}
.gridlimitmnginvoice { height: 350px; /*width: 1232px;*/ width:100%; padding:0px; border:1px solid #e2e2e2;}
.gridlimitadvance { height: 170px; /*width: 850px;*/ width:100%; padding: 0px; border:1px solid #e2e2e2;}
fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
    box-shadow:  0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: normal !important;
    text-align: left !important;
    width:inherit; 
    padding:0 10px; /* To give a bit of padding on the left and right */
    border-bottom:none;

}

.desc-panel{box-shadow:none !important;margin:60px 0 0; color: #fff;}
.desc-panel .content .text-content{ font-size:32px;line-height:40px;padding-top:100px;}
.desc-panel .content .text-content-desc{font-size:20px;font-weight:300;padding-top:20px;}

.dashboard-page { padding:10px 25px !important;}

.ibox-content {
    clear: both;
}
.ibox-content h1 { font-size:26px;}
.ibox-heading {
    background-color: #f3f6fb;
    border-bottom: none;
}
.ibox-heading h3 {
    font-weight: 200;
    font-size: 24px;
}
.ibox-title h5 {
    font-size: 14px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
}
.ibox-title h1 {
    font-size:32px;
    margin-bottom:15px;
}
.ibox-title .label {
    float: left;
    margin-left: 4px;
}
.ibox-tools {
    display: block;
    float: none;
    margin-top: 0;
    position: relative;
    padding: 0;
    text-align: right;
}
.ibox-tools a {
    cursor: pointer;
    margin-left: 5px;
    color: #c4c4c4;
}
.ibox-tools a.btn-primary {
    color: #fff;
}
.ibox-tools .dropdown-menu > li > a {
    padding: 4px 10px;
    font-size: 12px;
}
.ibox .ibox-tools.open > .dropdown-menu {
    left: auto;
    right: 0;
}

.ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
}
.ibox.collapsed .ibox-content {
    display: none;
}
.ibox.collapsed .fa.fa-chevron-up:before {
    content: "\f078";
}
.ibox.collapsed .fa.fa-chevron-down:before {
    content: "\f077";
}
.ibox:after,
.ibox:before {
    display: table;
}
.ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-width: 2px 0 0;
    margin-bottom: 0;
    padding: 15px 15px 7px;
    min-height: 48px;
    border-radius:10px;
}
.ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
}
.ibox-footer {
    color: inherit;
    border-top: 1px solid #e7eaec;
    font-size: 90%;
    background: #ffffff;
    padding: 10px 15px;
}


/*-----------------------------------------------------------
  Page Layout - Sidebar, Chat API toggle interactions
-----------------------------------------------------------*/
.page-container.container-fluid {
    padding: 0px;
}
.main-wrapper{
    margin-top:50px;
    display:inline-block;
    width:100%;
    padding:5px 15px;
    margin-left: 0px;
    margin-right: 0px;
    position:relative;
}
.page-sidebar {
    width: 60px;
    margin-left: 0px !important;
    z-index: 99;
}
#main-content {
    margin-left: 60px;
    display: block;
}

/*----------------------------------------
  Page Top Bar
------------------------------------------*/
.page-topbar {
    min-height: 50px;
    width: 100%;
    position: fixed;
    background-color: #673695;
    top: 0px;
    left: 0px;
    z-index: 1000;
    box-shadow: 0 2px 4px rgba(33,33,33,.2);
    -webkit-box-shadow: 0 2px 4px rgba(33,33,33,.2);
    -moz-box-shadow: 0 2px 4px rgba(33,33,33,.2);
    -o-box-shadow: 0 2px 4px rgba(33,33,33,.2);
    -ms-box-shadow: 0 2px 4px rgba(33,33,33,.2);
    max-height: 60px;
}
.page-topbar .logo {
    width: 260px;
    display: block;
    float: left;
    margin-left:15px;
}

.user-dropdown-menu a.btn-toggle { padding:8px 9px !important;}
.user-dropdown-menu .dropdown-menu { border-radius:6px !important; padding:10px 0px !important;}
.user-dropdown-menu:hover .dropdown-menu { display: block;}
.user-dropdown-menu .dropdown-menu li { color: #333; padding:4px 15px; }
.user-dropdown-menu .dropdown-menu li a { display:block; color:#673695; padding:0px; margin:0px !important; background: none !important;}
.user-dropdown-menu .dropdown-menu li:hover { background:none !important;}
/*----------------------------------------
  Sidebar Main Menu
------------------------------------------*/

.page-sidebar {
    height: auto;
    position: fixed;
    margin-top:50px;
    background-color: #353535;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgba(33,33,33,.2);
    -webkit-box-shadow: 0 0 10px 0 rgba(33,33,33,.2);
    -moz-box-shadow: 0 0 10px 0 rgba(33,33,33,.2);
    -o-box-shadow: 0 0 10px 0 rgba(33,33,33,.2);
    -ms-box-shadow: 0 0 10px 0 rgba(33,33,33,.2);
    min-height: 100%;
}

#main-menu-wrapper ul {
    padding: 0px;
    margin: 0px;
    padding-left: 0px;
    list-style-type: none;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
}
#main-menu-wrapper ul.wraplist {
    padding-bottom: 0px;
    margin-top: -10px;
}
#main-menu-wrapper li ul.sub-menu {
    padding-left: 0px;
}
#main-menu-wrapper li ul.sub-menu ul.sub-menu {
    padding-left: 20px;
}
#main-menu-wrapper li ul.sub-menu {
    display: none;
    list-style-type: none;
    font-size: 14px;
    width: 100%;
}
#main-menu-wrapper li a {
    display: block;
    line-height: 42px;
    min-height: 42px;
    height: auto;
    color: #f1f1f1;
    color: #424242;
    text-decoration: none;
    padding-left: 5px;
    clear: both;
    border-left: 4px solid transparent;
    white-space: nowrap;
}
#main-menu-wrapper li .sub-menu a {
    line-height: 36px;
    min-height: 36px;
}
#main-menu-wrapper li .sub-menu a {
    color:#444 !important;
    margin-bottom: 1px;
    padding-left: 55px;
    border-left: 4px solid transparent;
}
#main-menu-wrapper li.open .sub-menu a.active, #main-menu-wrapper li.open .sub-menu a:hover, #main-menu-wrapper li .sub-menu a:hover {
    background-color: rgba(33, 33, 33, 0.1);
    border-left: 4px solid #673695;
    color:#000 !important;
}

#main-menu-wrapper li.open .sub-menu a{
    border-left: 4px solid transparent;
}

#main-menu-wrapper li a:hover {
    background-color: rgba(33, 33, 33, 0.1);
    border-left: 4px solid #673695;
    /*color: #ffffff;*/
}
#main-menu-wrapper li.open a {
    background-color: rgba(33, 33, 33, 0.1);
    border-left: 4px solid #673695;
}
#main-menu-wrapper li a:hover .arrow:before, #main-menu-wrapper li.open a .arrow:before {
    color: #757575;
}
#main-menu-wrapper li .sub-menu a:hover .arrow:before, #main-menu-wrapper li.open .sub-menu a .arrow:before {
    color: rgba(194, 198, 203, 0.65);
}
#main-menu-wrapper li.open .sub-menu a {
    background-color: transparent;
    color: #616161;
}
#main-menu-wrapper li a i {
    display: inline-block;
    width: 45px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    top: 0px;
    position: relative;
    color:#fff;
}
#main-menu-wrapper li a .arrow:before {
    float: right;
    margin-top: 1px;
    margin-right: 20px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
    text-shadow: none;
    color: #757575;
}
#main-menu-wrapper li.open a .arrow.open:before {
    content: "\f107";
}
#main-menu-wrapper li a .arrow {
    float: right;
    position: absolute;
    right: 0px;
}
#main-menu-wrapper .fa {
    font-size: 14px;
}

#main-menu-wrapper li .label{
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding: 3px 7px;
    float: right;
    margin: 15px 15px 0 0;
    position: absolute;
    right: 30px;
}

#main-menu-wrapper li .label.nosubmenu{
    right: 25px;
    margin-top: 13px;
}


.page-sidebar #main-menu-wrapper li .label{
    display: none;
}

.page-sidebar #main-menu-wrapper li:hover .label{
    display: inline-block;
    margin-top: 13px;
    right: 0px;
}

#main-menu-wrapper .menusection{
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 40px;
    padding-left: 24px;
    margin: 10px 0 0px 0;
    color: #9e9e9e;
    text-transform: uppercase;
}

.page-sidebar #main-menu-wrapper .menusection{
    color: transparent;
    height: 1px;
    background: rgba(33,33,33,0.1);
    width: 44px;
    overflow: hidden;
    margin: 10px 8px 10px 8px;
}

.page-sidebar #main-menu-wrapper .menusection:first-child{
    background-color: transparent;
}

.page-sidebar .menustats{
    padding: 15px 15px 15px 20px;
}

.page-sidebar .menustats h5{
    font-size: 13px;
}

.page-sidebar .menustats .progress{
    height: 5px;
    background-color: #eeeeee;
    margin-bottom: 25px;
}

.page-sidebar .menustats{
    content: " ";
    height: 50px;
    overflow: hidden;
    color: transparent;
    opacity: 0;
}

/*--------------------------------------------
  COLLAPSED MENU
---------------------------------------------*/

.page-sidebar .wraplist {
    background-color: #353535;
    width: 60px;
}
.page-sidebar .wraplist .sub-menu {
    display: none;
}
.page-sidebar .wraplist li {
    position: relative !important;
}
.page-sidebar .wraplist li .title, .page-sidebar .wraplist li .arrow {
    display: none;
}
.page-sidebar .wraplist li:hover {
    background: rgba(33,33,33,0.1);
}
.page-sidebar .wraplist .sub-menu li:hover {
    background: transparent;
}
.page-sidebar #main-menu-wrapper .wraplist .sub-menu li a:hover {
    background-color: #212026;
    border-left: 3px solid #673695;
    color: rgba(174, 178, 183, 1.0);
}
.page-sidebar #main-menu-wrapper .wraplist .sub-menu li.open a, .page-sidebar #main-menu-wrapper .wraplist .sub-menu li.open .sub-menu a {
    background-color: transparent;
    border-left: 3px solid transparent;
    color: rgba(174, 178, 183, 1.0);
}
.page-sidebar .profile-info {
    width: 60px;
    margin: 0;
    padding: 10px 12px 25px 0px;
}
.page-sidebar .profile-info .profile-image {
    width: 100%;
    padding: 0;
}
.page-sidebar .profile-info .profile-image img {
    height: 40px;
    width: 40px;
    top: 10px;
}
.page-sidebar .profile-details {
    display: none;
}
.page-sidebar .project-info {
    display: none;
}


.page-sidebar #main-menu-wrapper .wraplist li:hover .sub-menu {
    display: block;
}
.page-sidebar #main-menu-wrapper .wraplist li:hover .sub-menu .sub-menu {
    display: none;
}
.page-sidebar .wraplist li:hover i { color: #333 !important;}
.page-sidebar .wraplist li:hover .sub-menu {
    position: absolute;
    left: 60px;
    top: 0px;
    width: 200px !important;
    background: #eeeeee;
    box-shadow: 0 0 20px 0 rgba(33,33,33,.2);
    -webkit-box-shadow: 0 0 20px 0 rgba(33,33,33,.2);
    -moz-box-shadow: 0 0 20px 0 rgba(33,33,33,.2);
    -o-box-shadow: 0 0 20px 0 rgba(33,33,33,.2);
    -ms-box-shadow: 0 0 20px 0 rgba(33,33,33,.2);
}

.page-sidebar .wraplist li:hover .sub-menu .sub-menu{
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
}

.page-sidebar .wraplist li:hover .sub-menu .sub-menu {
    position: relative;
    left: 0px;
    top: 0px;
    width: auto !important;
    background: #ffffff;
}
.page-sidebar .wraplist li:hover .sub-menu .sub-menu {
    position: relative;
    margin-top: 0px;
}
.page-sidebar, .page-sidebar #main-menu-wrapper {
    overflow: visible !important;
}
.page-sidebar .ps-scrollbar-y-rail {
    display: none;
}
.page-sidebar #main-menu-wrapper {
    padding-top: 0px;
}
.page-sidebar .wraplist li:hover .title {
    float: left;
    padding-left: 15px;
    width: 196px;
    background: transparent;
    display: inline-block !important;
    position: relative;
    z-index: 2;
}
.page-sidebar .wraplist li:hover .sub-menu .title {
    padding-left: 0px;
    background: transparent;
    display: inline-block;
    width: auto;
}
.page-sidebar .wraplist li:hover .sub-menu .arrow {
    display: inline-block;
}
.page-sidebar #main-menu-wrapper .wraplist li .fa {
    float: left;
    font-size: 17px;
    height: 42px;
    line-height: 42px;
    width: 53px;
    top: 0px;
}
.page-sidebar #main-menu-wrapper .wraplist li:hover a {
    width: 260px;
    background: #ffffff;
    box-shadow: 0 0 20px 0 rgba(33,33,33,.2);
    -webkit-box-shadow: 0 0 20px 0 rgba(33,33,33,.2);
    -moz-box-shadow: 0 0 20px 0 rgba(33,33,33,.2);
    -o-box-shadow: 0 0 20px 0 rgba(33,33,33,.2);
    -ms-box-shadow: 0 0 20px 0 rgba(33,33,33,.2);
    position: relative;
    z-index: 2;
}
.page-sidebar #main-menu-wrapper .wraplist li a {
    padding-left: 0px;
}
.page-sidebar #main-menu-wrapper .wraplist li .sub-menu a {
    padding-left: 20px;
}
.page-sidebar .wraplist li:hover .sub-menu {
    padding-top: 42px !important;
    padding-left: 0px !important;
    background: #ffffff;
}
.page-sidebar .wraplist li:hover .sub-menu .sub-menu {
    margin-top: 0px !important;
    padding-left: 0px !important;
    padding-top: 0px !important;
    display: none;
    left: 0px;
}
.page-sidebar #main-menu-wrapper .wraplist li:hover .sub-menu a {
    width: 200px;
    color: #616161;
    background: #ffffff;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;


}
.page-sidebar #main-menu-wrapper .wraplist li.open .sub-menu a:hover, .page-sidebar #main-menu-wrapper .wraplist li .sub-menu a:hover {
    background-color: #e5e5e5;
    border-left: 3px solid #673695;
    color: #616161;
    padding-left: 21px;
}
.page-sidebar .wraplist li:hover .sub-menu li {
    padding-left: 0px !important;
}
.page-sidebar .wraplist li:hover .sub-menu li .title {
    padding-left: 0px !important;
}
.page-sidebar .wraplist li:hover .sub-menu li li .title {
    padding-left: 15px !important;
}
.page-sidebar .wraplist li:hover .sub-menu li li li .title {
    padding-left: 30px !important;
}
.page-sidebar .wraplist li:hover .sub-menu li li li li .title {
    padding-left: 45px !important;
}
.page-title h4,.head-align{font-size:16px !important;}

.select2-container--disabled .select2-selection--single { border-color:#ccc !important;cursor:not-allowed !important;}
.select2-container--disabled .select2-selection__rendered { color:#999 !important; }
.ul-listing { overflow:auto; width: 100%;}
.ul-listing li { float:left; font-size:15px; margin-right:40px; }

#main-menu-wrapper li.menu-scroll:hover a { width:280px !important;}
#main-menu-wrapper li.menu-scroll .sub-menu { height:310px; overflow-y:scroll; width:236px !important; z-index:1 !important;}
#main-menu-wrapper li.menu-scroll .sub-menu a { width:auto !important;}
.domestic,.foreign{ box-shadow: 0 1px 12px -1px #dbdbdb;border-radius: 10px;border: 1px solid #e9e9e9; border-style: double;}
.tally{ box-shadow: 0 1px 12px -1px #dbdbdb;border-radius: 0px;border: 1px solid #e9e9e9; border-style: double;}
.switch {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 25px;
}

.switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #ffa226;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}
.filterNav a:active,.filterNav a:focus,.filterNav a.active { font-size:14px;}
.pickweek {color: #000;}
.pickweek:hover {color: #008eff;}
.active{color: orange;}
.canvasjs-chart-credit{display: none}
#no-data{position: absolute;top: 50%;left: 0;right: 0;}
.foreign,.domestic{min-height: 258px;}
.chart-data.no-data{height:155px !important;}
.domestic-chart-data.no-data{height:155px !important;}
.checkbox-element .form-group,.form-group.mbt{margin-bottom:5px;}
fieldset.scheduler-border{padding:5px 15px 7px 15px !important}
#myProgress {
    width: 80%;
    background-color: #ddd;
}

#myBar {
    width: 1%;
    height: 30px;
    background-color: #4CAF50;
}
.tallygridlimit { height: 197px; width:100%;	 padding: 0px; border:1px solid #e2e2e2;}

h4.title1 { font-size:16px; margin:0 0 10px; margin-left: -6px
}

@media (min-width: 992px){
    .modal-note {
        width: 560px !important;
    }
    .modal-note-new {
        width: 660px !important;
    }
}

.login-office-divider .divider { border-bottom:1px solid #f1f1f1; position:relative; padding:5px 0px; display: block; }
.login-office-divider .divider span { position: absolute; left:45%; top:-5px; background:#f1f1f1; border-radius:100%; padding:7px; font-size:11px;}
.login-office-divider .btn-form { margin:30px 0px 20px; text-align: center;}
.login-office-divider .btn-form .office { border:none; width:auto; background: transparent; padding:0px;}


.login-office { margin:30px 0px;}
.login-office .btn-form { margin:40px 0px; text-align: center;}
.login-office .btn-form .office { border:none; width:auto; background: transparent; padding:0px;}
.credit-note{margin-right:20px;}
.credit-note label{vertical-align: top;}
.credit-section select{width: 250px;padding: 5px 5px;border: 1px solid #c9c9c9;}
.product-master tr.odd {height: 40px;}
.product-master tr.even {height: 40px;}
.btn-excel{margin-top: 2px;}

/* Remove SSO Login */

.d-flex {
    display: flex !important;
}

.flex-column {
    flex-direction: column !important;
}

.justify-content-center {
    justify-content: center !important;
}

.loginPageMinHeight {
    min-height: calc(100vh - 66px);
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

/*--- -------------- ------------------------------------------------*/
/* Set hover effect and transition for a smooth appearance */
.nav-tabs .nav-link {
    color: #495057; /* Default Bootstrap text color */
    font-weight: bold; /* Make the tabs bold */
    border: 1px solid transparent; /* Ensure consistent borders */
    border-radius: 5px; /* Rounded corners */
    transition: all 0.3s ease-in-out; /* Smooth transitions */
}

.nav-tabs .nav-link:hover {
    color: #f9b19a; /* White text on hover */

    /* border-color: #dc5328;  Orange border */
}

.product-tabs li a { background:#e2e2e2; padding:10px 20px;}
.product-tabs li a.active { background:#673695; color:#fff;}

.nav-tabs .nav-link.active {
    color: #fff; /* White text for active tab */
    background-color: #673695;;
    border-color: #dc5328;/* Match border color */
}