/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

html,body{margin:0px;padding:0px;background:#f6f6f6;font-size:15px;letter-spacing:1px;overflow-y:auto;}
.panel-heading h1,h2,h3,h4,h5,h6{margin:0px;font-family:sans-serif;}
.panel-heading h3{margin:0px;}
.close{font-weight:bold !important;}
.background{height:auto; max-height:100%;}
.logo-container{background-color:rgba(0, 0, 0, 0.23);}
/* new start */
.logo-common{
	font-family: 'Nunito', sans-serif;
	font-size: 26px;
	font-weight: 700;
	color: #012970;
}
.navbar-new{
	transition: all 0.5s;
	z-index: 997;
	height: 50px;
	box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
	background-color: #fff;
}
.navNew .nav-item .nav-link{
	color: rgba(0, 0, 0, 0.65);
}
.navNew .nav-item:hover .nav-link{
	color: rgba(0, 0, 0, 0.8);
}
.navbar-toggler-icon{
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
	background-image: var(--bs-navbar-toggler-icon-bg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}
.navbar .navbar-collapse.collapse.in{
	overflow-y: auto !important;
}
/* new end */
.form-group input,textarea,select{border-radius:0px !important;background:initial !important;}
/*.form-group select{-webkit-appearance:none;appearance:none;-moz-appearance:none;-o-appearance:none;-mx-appearance:none;}*/
.roboto{font-family: 'Roboto', sans-serif;}
.btn{border-radius:0px;font-family: 'Roboto', sans-serif;}
.u{border-bottom:1px solid;}
.scrollTogether{ display:flex; display:-webkit-flex; }
.bg-blue{background-color:#11325f;color:white;}
img.logo{width:246px !important;margin:auto !important;}
.bg-blue a,.bg-blue a:hover,.bg-blue a:active,.bg-blue a:visited,.bg-blue a:focus{color:white;}
.arrow::before {border-style: solid;border-width: 0.25em 0.25em 0 0;content: '';display: inline-block;height: 0.45em;left: 0.15em;position: relative;top: 0.15em;transform: rotate(-45deg);vertical-align: top;width: 0.45em;}
.arrow.right:before {left: 0;transform: rotate(45deg);}
.arrow.bottom:before {top: 0;transform: rotate(135deg);}
.arrow.left:before {left: 0.25em;transform: rotate(-135deg);}
.a-none{text-decoration:none !important;}
.text-black{color:black !important;}
.text-white{color:white !important;}
.text-red{color:red !important;}
.no-margin{margin:0px !important;}
.no-padding{padding:0px;}
.margin-less-lr{margin:0px -15px;}
.colorpicker-color {height: 40px !important;}
.colorpicker-color div {height: inherit !important;}
.font-9{font-size:9px;}
.font-10{font-size:10px;}
.font-11{font-size:11px;}
.font-12{font-size:12px;}
.font-13{font-size:13px;}
.font-14{font-size:14px;}
.font-15{font-size:15px;}
.font-16{font-size:16px;}
.font-17{font-size:17px;}
.font-18{font-size:18px;}
.font-19{font-size:19px;}
.font-20{font-size:20px;}
.font-21{font-size:21px;}
.font-22{font-size:22px;}
.font-23{font-size:23px;}
.font-24{font-size:24px;}
.sub-heading{font-weight:900 !important;}
.responsive-font h1{font-size:4em;}
.margin-lr{margin:0px 15px !important;}
.margin-tb{margin:15px 0px !important;}
.margin-lr-tb{margin:15px !important;}
.padding-lr{padding:0px 15px !important;}
.padding-tb{padding:15px 0px !important;}
.padding-lr-tb{padding:15px !important;}
.colorboxicon{width: 16px;height: 16px;border: 1px solid black;line-height: 1px;float: left;}
.pointer{cursor:pointer;}
.dragscroll{cursor: grab; cursor : -o-grab; cursor : -moz-grab; cursor : -webkit-grab;}
/**************Inventory Chitboard Content and Table******************/
table.inventory-table,table.inventory-table>tr,table.inventory-table>th,table.inventory-table>td,.inventory-table>tbody>tr>td, .inventory-table>tbody>tr>th, .inventory-table>tfoot>tr>td, .inventory-table>tfoot>tr>th, .inventory-table>thead>tr>td,.inventory-table>thead>tr>th{border:1px solid !important;}
.chitboard-frame>.table>tbody>tr>td, .chitboard-frame>.table>tbody>tr>th{padding:0px !important;min-width:230px;}
table.inventory-table{margin-bottom:0px;}
table.inventory-table td{width:auto;background:#fff;height:110px;}
table.inventory-table table.inventory-table{border:none !important;}
table.inventory-table>tbody>tr>th:first-child,table.inventory-table>thead>tr>th:first-child,table.inventory-table>tbody>tr>td:first-child,table.inventory-table>thead>tr>td:first-child{border-left:none !important;}
select.btn,select.btn>option{text-align-last:center;text-align:center;}
table.inventory-table>thead>tr>th{border-top:none !important; text-align:center;font-weight:bold;font-family:initial;}
table.inventory-table>tbody>tr>td{padding:0px !important;height:110px;}
table.inventory-table>tbody>tr:last-child>td{border-bottom:none !important;}
.table .table{background-color:rgba(255,255,255,1);}
.inventory-table{display:inherit !important;}
.chit-single{font-size:14px;font-family:open sans-serif;padding:8px;word-break:break-word; border-top: 8px solid;border-bottom: 8px solid; border-color:transparent; outline:1px solid black; margin-bottom:1px;width:auto;min-width:230px;max-width:100%;}
.chit-single>p{margin:0px;}
.chitExtraFeature{position: relative;}
/*.chitExtraFeature:hover:before{content:attr(data-title);position:absolute;background:#ccc;color:black; border:1px solid red;right:0px;top:-100%;left:25%;right:25%;margin-top:-2px;width:100%; word-break:break-all;}*/
.tooltipjs{padding:12px;border-radius:10px;background:#ccc;color:black; border:1px solid red; word-break:break-all;height:auto;position:fixed;}
table.inner tr:not(:first-child) td.unl{border-top:1px solid !important;}
/****************End Of Inventory Chitboard Content and Table******************/
.form-control:focus {border-color: #e47373;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #e47373; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #e47373;}
.box{background:#fff;color:#777;}
.box-shadow{background:#fff; color:#777; box-shadow:0 0 15px 0 #C3BFBF;}
.box-title,.box-title-no-border{font-size:18px;color:#000;}
.box-with-header{border-top:3px solid #fff;border-radius:4px 4px 0 0;padding:18px 35px 0;}
.box-with-header.danger{border-color:#bf3118!important;}
.box-with-header.success{border-color:#5cb85c!important;}
.box-with-header.primary{border-color:#09F!important;}
.box-with-header.info{border-color:#15cffe!important;}
.box-with-header.default{border-color:#ccc!important;}
.box-with-header.blue{border-color:#11325f!important;}
.box-title{border-bottom:1px solid #c4c4c4;}
.box-body,.box-title{padding:5px 8px 9px;}
.box-footer{border-top:1px solid #c4c4c4;padding:15px 8px;}
footer{padding:17px 0px 8px;}
.chitboard-frame{border:8px solid #fff;margin:0px -12px;border-outline:1px solid black;background:#eeeeee;overflow: auto;-webkit-overflow-scrolling: touch;}
.chitboard-frame:before{border-left:1px solid black;position:absolute;width:20px;content:'';}
.inner-frame{border:8px solid #fff;outline:1px solid #e4e4e4;outline-style: double;}
.chitboard-content{border:8px solid #fff;outline:1px solid #e4e4e4;outline-style: double;}
.chitboard-content{padding:10px;}
::-moz-selection {color: white;background: #11325f;}/* Code for Firefox */
::selection {color: white;background: #11325f;}
::-o-selection {color: white;background: #11325f;}
::-webkit-selection {color: white;background: #11325f;}
.modal-body{overflow-y: auto ; max-height: calc(100vh - 210px);}
.form-group-text{height: 34px;line-height: 34px;}
ul.list-tree{padding-left:15px;list-style-type:none;}
ul.list-tree li:before{content:'»';position:relative;left:-10px;}
li.selectcategorylist.selected>span{background:#e47373;}
.tooltip-inner{font-size:12px;text-align:left !important;max-width: 500px!important;}
.btn span.glyphicon {opacity: 0;}
.btn.active span.glyphicon {opacity: 1;}
.btn-round{border-radius:50% !important;}
/*Pagination Start*/
.pagination-container{display: block;}
.pagination-container>*:first-child{border-radius:4px 0px 0px 4px;}
.pagination-container>*:last-child{border-radius:0px 4px 4px 0px;}
.pagination-container>a,.pagination-container>strong{padding:8px 12px;vertical-align: middle; text-decoration: none;font-weight:600;font-family: cursive; transition:.2s all;display:inline-block;border:1px solid #2d6da5;color: #fff;background: #3379b8;}
.pagination-container>a:hover,.pagination-container>a:active,.pagination-container>strong{color: #fff;background: #296091;border-color: #204e75;text-decoration: none;}
.pagination-container>strong{cursor: not-allowed;}
/*Pagination End*/
/*List as Dropdown Select Box*/
.NestedSelect{display: inline-block; min-height:34px; max-height: 250px; border: 1px Black solid; overflow-y: scroll; border-radius: 4px; width:100%;}
.NestedSelect label{display: block; cursor: pointer;margin: 0px;}
.NestedSelect label:hover{background-color: #0092ff; color: White;}
.NestedSelect input[type="radio"]{display: none;}
.NestedSelect input[type="radio"] + span{display: block; padding-left: 0px; padding-right: 5px;height: 34px; line-height:34px;}
.NestedSelect input[type="radio"]:checked + span{background-color: Black; color: White;}
.NestedSelect div{margin-left: 15px; border-left: 1px Black solid;}
.NestedSelect label > span:before{content: '- '; font-family: initial; font-size:20px; }
/*End of list as dropdown select box*/

/*****Dragable Menu Hierarchy*****/
.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .cf { zoom: 1; }
*:first-child+html .cf { zoom: 1; }
.small { color: #666; font-size: 0.875em; }
.large { font-size: 1.25em; }
/*** Nestable***/
.dd { position: relative; display: block; margin: 0; padding: 0; max-width: 600px; list-style: none; font-size: 13px; line-height: 20px; }
.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
.dd-list .dd-list { padding-left: 30px; }
.dd-collapsed .dd-list { display: none; }
.dd-item,.dd-empty,.dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; }
.dd-handle { display: block; height: 30px; font-family: Arial, Helvetica, sans-serif; margin: 5px 0; padding: 5px 10px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
    background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:         linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}
.dd-handle:hover { color: #11325f; background: #fff; }
.dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; font-family: Arial, Helvetica, sans-serif; text-align: center; font-weight: bold; }
.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
.dd-item > button[data-action="collapse"]:before { content: '-'; }
.dd-placeholder,.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                      -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                         -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:         linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                              linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
            box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}

/*** Nestable Extras ***/

.nestable-lists { display: block; clear: both; padding: 15px 0; width: 100%; border: 0; /* border-bottom:2px solid #DDD; border-top:2px solid #DDD; */}
#nestable-menu { padding: 0; margin: 20px 0; }
#nestable-output{ width: 100%; height: 7em; font-size: 0.75em; line-height: 1.333333em; font-family: Consolas, monospace; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; }

@media only screen and (min-width: 700px) {
    .dd { float: left; width: 80%; }
    .dd + .dd { margin-left: 2%; }
}
.dd-hover > .dd-handle { background: #2ea8e5 !important; }
/*** Nestable Draggable Handles ***/
.dd3-content { display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;background: #fafafa;background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);background:-moz-linear-gradient(top, #fafafa 0%, #eee 100%);background:linear-gradient(top, #fafafa 0%, #eee 100%);-webkit-border-radius: 3px;border-radius: 3px;box-sizing: border-box; -moz-box-sizing: border-box;}
.dd3-content:hover { color: #2ea8e5; background: #fff; }
.dd-dragel > .dd3-item > .dd3-content { margin: 0; }
.dd3-item > button { margin-left: 30px; }
.dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden;border: 1px solid #aaa;background: #ddd;background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);background:-moz-linear-gradient(top, #ddd 0%, #bbb 100%);background:linear-gradient(top, #ddd 0%, #bbb 100%);border-top-right-radius: 0;border-bottom-right-radius: 0;}
.dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; }
.dd3-handle:hover { background: #ddd; }

/*** Socialite ***/
.socialite { display: block; float: left; height: 35px; }
/*****End Menu Hierarchy*****/

/*Chit color css management*/
.chit-Black,.chit-Blue,.chit-Brown,.chit-Green,.chit-Magenta,.chit-Maroon,.chit-Purple,.chit-Red{color:white;}
/*end of chit color css management*/

/** Setup Wizard CSS **/
.progress .progress-bar.active {
    animation-name: animateBar;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: .4s;
}
@keyframes animateBar {
    0% {transform: translateX(-100%);}
    100% {transform: translateX(0);}
}
.popUpDirection{position: absolute !important;}
.setupPopUpContainer{background:black; color:white; border-radius:4px; padding:30px 15px; margin-bottom: 15px;}
.dropArrow {
	width: 0; 
	height: 0;
	position:absolute;
}
#popUpDirection.popUpDirection .dropArrow{
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid black;
	right:5px;
}
#popUpDirection.rightPosArrow .dropArrow{
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid black;
	left:5px;
}
.viewDisable{display: none;}
.viewActive{display: block;}
footer.footer-fixed{position: fixed;width: 100%;bottom: 0;}
/** Setup Wizard CSS **/


/*************Media Query**************/
@media screen and (max-width:767px){
	.padding-xs-2x{padding:20px 0px;}
	.padding-xs-3x{padding:30px 0px;}
	.padding-xs-4x{padding:40px 0px;}
	.padding-xs-5x{padding:50px 0px;}
	.padding-xs-6x{padding:60px 0px;}
	.center-xs{text-align:center !important;margin-bottom:10px;}
	.popUpDirection{position: relative !important;}
	#popUpDirection.rightPosArrow .dropArrow,#popUpDirection.popUpDirection .dropArrow{border-top: 10px solid #000;border-left: 10px solid transparent;border-right: 10px solid transparent; bottom:-5px; left:35px;}
	/*.modal-body{overflow-y: auto; height:auto;max-height:210px;}*/
}
@media screen and (min-width:768px) and (max-width: 991px){
	.padding-sm-2x{padding:40px 0px;}
	.padding-sm-3x{padding:50px 0px;}
	.padding-sm-4x{padding:60px 0px;}
	.padding-sm-5x{padding:70px 0px;}
	.padding-sm-6x{padding:80px 0px;}
}
@media screen and (min-width:992px) and (max-width:1199px){
	.padding-md-2x{padding:55px 0px;}
	.padding-md-3x{padding:65px 0px;}
	.padding-md-4x{padding:75px 0px;}
	.padding-md-5x{padding:85px 0px;}
	.padding-md-6x{padding:95px 0px;}
}
@media screen and (min-width:1200px){
	.padding-lg-2x{padding:65px 0px;}
	.padding-lg-3x{padding:75px 0px;}
	.padding-lg-4x{padding:85px 0px;}
	.padding-lg-5x{padding:95px 0px;}
	.padding-lg-6x{padding:110px 0px;}
}
@media screen and (min-width:320px) and (max-width:991px){
    .chitboard-content{border:0px; outline-border:0px; outline-style:none;}
    .inner-frame{border:0px; outline-border:0px; outline-style:none;}
}
/* Switch Toggle Checkbox */
.switch {position:relative;display:inline-block;width:60px;height:34px;}
.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: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #2196F3;}
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%;}
/* End Switch Toggle Checkbox */

/*  Ashutosh Code   */
div#stp .modal-body{max-height:100%;}
.from-slider {border: 3px solid #727272;}