/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.loginPage{
    height:100vh;
    overflow:hidden;
    color:#EDF2F3;
    background:url(/Content/images/login-bg.jpg);
    background-size:cover;
}
.loginSection{
    height:100vh;
    transform: skewX(-10deg);
    background: var(--primaryColor);
    padding-top: 12vh;
}
.loginShot{
    
}
.loginSection .row .col-md-7{
    transform: skewX(10deg);
}
.pt10{
    padding-top:10px;
}
.pt20{
    padding-top:20px;
}
.pb50{
    padding-bottom:50px;
}
.borBot{
    border-bottom: 2px solid #1D57A9;
}
.loginForm{
    padding-top:50px;
}
.loginForm label{
    color:#FDFDFD;
}
.loginForm button{
    width:100%;
    color:#FDFDFD;
    font-size:16px;
    font-weight:600;
    background: var(--secondaryColor);
    border-radius:25px;
    padding-top:10px;
    padding-bottom:10px;
    border:none;
    outline: none;
}
.loginBtnIcon{
    position:absolute;
    right:0;
    margin-top:auto;
    margin-bottom:auto;
    padding-right:30px;
    margin-top:-5px;
}
.borBot button:hover{
    background: #a01f2c;
    transition:0.5s;
}
.endLinks a{
    text-decoration:none;
    color:#B1BACB;
}
.endLinks a:hover{
    color:#edf2f3;
}
.loginTextColor{
    color:#FDFDFD;
}
.logFooter{
    background:none;
    position:absolute;
    bottom:0;
    color:#B1BACB;
}
.logFooter p a{
    text-decoration:none;
    color:#B1BACB;
}
.logFooter p a:hover{
    text-decoration:none;
    color:#FDFDFD;
}
.input-group-addon{
 display: flex;
 align-items: center;
 color: var(--primaryColor);
 line-height:17px;
 background: white;
 border-top-left-radius:25px;
 border-bottom-left-radius:25px;
 border:none;
 padding-right:20px;
 }
                        .loginInput{
                            background: white;
                            border:none;
                            border-top-right-radius:25px;
                            border-bottom-right-radius:25px;
                            color: black;
                            font-size: 14px;
                        }
                        .loginInput::placeholder{
                            color:#006DD9;
                        }
                        .loginInput:hover, .loginInput:active, .loginBtnIcon:focus, .loginBtnIcon:visited{
                            background: #fff !important;
                            border:none !important;
                            color: var(--secondaryColor);
                        }
                        .loginForm .form-control:focus{
                            background: #ffffff !important;
                            color: var(--primaryColor);
                        }

.logCol{
    background: var(--primaryColor);
    border-radius: 0px 0px 100% 0px;
}

@media (min-width: 768px) {
    .nav-justified > li {
        display: table-cell;
        width:auto;
        background:#FDFDFD;
    }
    .nav-justified > li.active a {
        color:#008290;
        background:#FDFDFD;
    }



}

    .mobileNav{
        display:none;
    }


.pb10{
    padding-bottom:10px;
}

.stepBtn{
    position:absolute;right:0;
}

.setup-panel li:hover a{
    background:#4c86b7;
}


    .setup-panel{
        color: #008290;
    }
    .activated h4{
        background:#003C4F;
        border-radius:5px;
        padding-top:4px;
        padding-bottom:4px;
        font-size:18px;
        transition:0.2s;
        color:#fdfdfd;
    }

    .setup-panel li:hover a{
        background:none;
    }

    .validityMsg{
        display:none;
    }

    .select2 , .select2-container{
        width:100%;
    }

    .boxLink{
                border: 1px solid var(--main-green);
                padding:15px;
                margin-top:15px;
            }
            .boxLink:hover{
                 border: 1px solid #003c4f;;
                 transition:0.5s;
            }
            .boxLink:hover a{
                text-decoration:none;
                color:#003C4F;
                transition:0.5s;
            }
            .boxLink:hover button{
                text-decoration:none;
                color:#003C4F;
                transition:0.5s;
            }
            .boxLink button{
                border:none;
                background:none;
                color:#008290;
            }
            .boxLink i{
                display:inline-block;
                width:100%;
            }
            .pad25{
                padding:25px;
            }


            

    .topBar li{
        background:#003C4F;
        padding:15px;
        border-radius:5px;
    }
    .topBar li a{
        color:#FDFDFD;
    }
    .dashboardTable{
        padding-top:10px;
        padding-bottom:10px;
    }
    .equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
    .dashboardTable .col-md-4 .col-md-12, .dashboardTable .col-md-8 .col-md-12
    {
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.31);
        border-top:1px solid rgba(0,0,0,0.31);

    }
    .dashboardTable h2{
    margin-bottom: 16px;
    font-size: 17px;
    color: #135367;
    }
    .dashboardInnerTable tr td{
        padding-top:8px;
        padding-bottom:8px;
    }
    .mainDashboardBoxes{    
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.31);
        padding:10px 15px;
        display:block;
        min-height:100px;
    }
    .mainDashboardBoxesAlter{    
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.31);
        padding:10px 15px;
        display:block;
        background:#008290;
        min-height:100px;
    }
    .mainDashboardBoxes span, .mainDashboardBoxesAlter span{
        color:#546e7a;
        font-weight:bold;
        font-size:12px;
        display:block;
        text-transform:uppercase;
    }
    .mainDashboardBoxes font,.mainDashboardBoxesAlter font{
        margin-top:10px;
        font-size:24px;
        font-weight:bold;
        color:#000;
    }
    .mainDashboardBoxesAlter span, .mainDashboardBoxesAlter font{
        color:#FDFDFD;
    }
    .dashboardIcon {
    width: 56px;
    height: 56px;
    background-color: #008290;
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 100%;
        position: absolute;
    top: 10px;
    right: 10px;
}
    .dashboardIconAlter {
    width: 56px;
    height: 56px;
    background-color: #fdfdfd;
    color:#008290;
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 100%;
        position: absolute;
    top: 10px;
    right: 10px;
}
    .dashboardIcon  i{
        color:#fdfdfd;
    }

    .shadow{
        box-shadow: 0 5px 12px rgba(0, 0, 0, 0.32);
        padding-top:10px;
        padding-bottom:10px;
    }

    .statsDash{

    }
.statsDash .box{

user-select: none;

background: white;

border: 1px solid #dedede;

padding: 18px 15px;

border-radius: 3px;

box-shadow: 0 0 8px #dad8d8;

margin: 18px 0 0;
}

.statsDash .box p{

color: #7b7b7b;

font-size: 12px;

margin-bottom: 3px;

font-weight: 600;
}
.statsDash .box .amt{

font-weight: bold;

font-size: 20px;

letter-spacing: -1px;

line-height: 1;

color: var(--skyBlue);
}

.statsDash .box i{

font-size: 19px;

color: white;

background: var(--secondaryColor);

border-radius: 110px;

height: 40px;

width: 42px;

display: flex;

align-items: center;

justify-content: center;
}

.statsDash .transBox{
    background: var(--secondaryColor);
}

.statsDash .transBox p{color: white;}
.statsDash .transBox .amt{color: white;}
.statsDash .transBox i{background: white;color: var(--secondaryColor);}
.defBox1{
    width: 100%;
    background: white;
    border: 1px solid #dedede;
    padding: 18px 15px;
    margin: 0 10px;
    border-radius: 3px;
    box-shadow: 0 0 8px #dad8d8;
    margin-bottom: 18px;
}




@media screen and (max-width: 767px) {

    .loginSection, .loginSection .row .col-md-7
    {
        transform: none;
        height: initial;
    }
    .logCol{
        margin: 15px 0;
        background: none;
    }
    .loginSection{
        padding: 20px 28px;
    }
    .loginPage{ height: initial}





}









html, body{ min-height: 100% }

html{ scroll-behavior: smooth; }

body{
	margin: 0;
	padding: 0;
	font-family: 'open sans', sans-serif;
	background: #EEEEF4;
	font-size: 14px;
}

:root{
	--main-red: #D32F2E;
	--main-green: #008290;
    --main-orange: #fd7e14;

}
a { color: var(--main-green) }
    a:hover{
        color:#0c6c76;
    }
@font-face {
  font-family: OpenSans-Regular;
  src: url(fonts/OpenSans-Regular.ttf);
}
@font-face {
  font-family: OpenSans-Bold;
  src: url(fonts/OpenSans-Bold.ttf);
  font-weight: 800;
}

br,.us{ user-select: none }

h1,h2,h3,h4,h5,h6,p{ margin: 0 }

.flex{
	display: flex;
}
.ai{
	align-items: center;
}
.jc{
	justify-content: center;
}
.jcb{
	justify-content: space-between;
}
.rel{
	position: relative;
}
.abs{
	position: absolute;
}
.inline{
	display: inline-block;
}

.f14{ font-size: 14px; }
.f15{ font-size: 15px; }
.f16{ font-size: 16px; }
.f17{ font-size: 17px; }
.f18{ font-size: 18px; }

.mb20{ margin-bottom: 20px; }
.mb5{ margin-bottom: 5px; }
.mt20{ margin-top: 20px; }

/******* Top menu bar *********/

.top-menu{
	background: none;
	padding: 19px 0;
	border-bottom: 1px solid #a9a9a9;
	/* box-shadow: 0 3px 10px #d8d8d8; */
}
.panel-title{
	color: #252525;
}
.logOptionsCont .icon{
	width: 23px;
	margin: 0 9px;
	height: 21px;
	background: url(../images/topBtn.png) no-repeat;
	background-size: cover;
}
.logOptionsCont .msg{
	background-position: 0px 0px;
}
.logOptionsCont .notify{
	background-position: -48px 0px;
}
.logOptionsCont .pos{
	font-weight: bold;
	top: -7px;
	left: -10px;
}
.logOptionsCont .msg .numb{
	background: var(--main-green);;
	font-size: 13px;
	border-radius: 100px;
	top: -5px;
	left: -8px;
	line-height: 16px;
	width: 17px;
	text-align: center;
	color: white !important;
	height: 17px;
	display: inline-block;
}

.logOptionsCont .notify .numb{
	background: var(--main-red);
}
.logOptionsCont a{
	margin: 0 0;
}
.logOptionsCont .closeBtn{
	background: var(--main-red) url(../images/topBtn.png) no-repeat;
	height: 25px;
	width: 24px;
	margin-left: 6px;
	border-radius: 300px;
	background-position: -42px 7px;
	background-size: 61px;
}
.logOptionsCont .closeBtn:hover {
    background-color: #000 ;
    background-position: -42px 7px;
    transition:0.5s;
}

/******* page title box *********/

.page-title-tab,.box1{
	background: white;
	padding: 2px 30px 110px;
	border-radius: 5px;
	box-shadow: 0 2px 5px rgba(95, 95, 95, 0.28);
}
.page-title-tab{
	padding: 22px 20px;
}

.page-title{
	color: var(--secondaryColor);
	font-size: 20px;
}
.location{ text-align: right }
.location a{
	color: grey;
	font-size: 12px;
	margin: 0 10px;
	text-decoration: none !important;
}
.location a:hover{
	color: #212121;
}
.location a:nth-child(1){ margin-left: 0; }

.location .minArrow{
	background: url(../images/arrow-left1.png) 0 no-repeat;
	width: 6px;
	height: 11px;
	background-size: 4px;
	position: relative;
	top: 2px;
}
.notificationn-msg{
	background: #D6F4F8;
	border: 1px solid #00B5F0;
	padding: 14px 16px;
	font-size: 14px;
	color: black;
	border-radius: 3px;
}
.tableContent td:nth-child(1){
	/* border: none; */
	/* background: #e5f6fb; */
}
.tableContent tr:nth-child(odd){
    background: #f1f1f1;
}
.tableContent{
	width: 100%;
}

.btnSm{
	background: #ededed url(../img/edit-dltBtn.png) no-repeat;
	background-size: 10px;
	color: black;
	font-weight: bold;
	padding: 4px 17px;
	margin: 3px 2px;
	font-size: 10px;
	outline: none;
	border-radius: 100px;
	border: 1px solid transparent;
	text-decoration: none !important;
}

.btnLg {
    font-size: 16px;
    padding: 10px 20px;
}
.tableContent .btnSm:hover{
	border: 1px solid;
}
.tableContent .edit{
    background-position: 12px 8px;
}
.tableContent .dlt{
    background-position: 12px -15px;
    color: var(--main-red);
}

.tableContent th{
	color: white;
	font-size: 13px;
	background: var(--primaryColor);
	padding: 8px 14px;
}
.tableContent td{
	padding: 5px 12px;
	border: 1px solid #d2d2d2;
	background: transparent;
	font-size: 13px;
}

.pagination a{
    color: #414151;
    text-decoration: none !important;
    padding: 1px 9px;	
    border-radius: 100px;
}
.pagination a:hover,
.pagination a:focus
{
	background: #EFEFFC;
}

.btnMain{
	padding: 7px 27px;
	display: inline-block;
	margin: 0 3px;
	border-radius: 4px;
	border: none;
	font-size: 13px;
	text-decoration: none !important;
	margin-top: 7px;
}
.btnAgree{
	background: var(--secondaryColor);
	color: white !important;
}
.btnConst{
	background: #DDDDF9;
	color: black !important;
}
.btnStop{
	background: var(--main-red);
	color: white !important;
}
.widget-head{
	font-size: 20px;
	margin-bottom: 19px;
	color: #5f5f5f;
}
.widget-para{
	font-size: 12px;
	color: #585757;	
	margin-bottom: 10px;
}
.sh{
	transition: box-shadow 0.2s ease;
}
.sh:hover{
	box-shadow: 0 5px 12px rgba(0, 0, 0, 0.32);
}

footer{
	background: var(--gray-dark);
	padding: 3px 0;
	color: #ccc;
	font-size: 10px;
	width:100%;
	position: fixed;
	bottom: 0;
}
footer p{
    line-height:4vh;
}
.formTable{
    width:100%;
}
.formDef .formTable td:nth-child(1){padding-right: 10px;}


.formTable td:nth-child(1), .formTable td:nth-child(3){
    width:10%;
}
.formTable td:nth-child(2), .formTable td:nth-child(4){
    width:38%;
}

.inp1{
	outline: none;
	padding: 6px 9px;
	font-size: 13px;
	width: 100%;
	border-radius: 3px;
	border: 1px solid #c7c7c7;
}
.inp1:hover,
.inp1:focus
{
	border-color: var(--main-green);
	background: #f5f5f5;
}
.formDef label{ margin: 0 }
.formDef td{
	padding: 6px 0;
}
.check1{
	margin-right: 10px;
	width: 15px;
	height: 15px;
	vertical-align: middle;
}
.checkDiv{
	padding: 13px 0;
}



.navColumn{
	height: 100vh;
	overflow-y:scroll;
	background:#003c4f;
	color:#DBDBEA;
}
.mobileNav{
    background:#003c4f;
	color:#DBDBEA;
}
.hamburger{
	padding:10px;
}
.mt50{
	margin-top:50px;
}
.mt10{
	margin-top:10px;
}
.mainMenu{
	position:absolute;
	left:0;
	width:100%;
}
.userImg{
	display:block;
	margin-left:auto;
	margin-right:auto;
    height: 50px;
}
.userImg img{
	border-radius:25px;
    width:50px;
    height:50px;
}
.userDetails h4{
	color:#26C9FF;
}
.userDetails p{
	padding-bottom:10px;
}
.mainMenu li{
	list-style-type: none;
	padding-top:10px;
	align-items: center;
}
.mainMenu li a{
	text-decoration: none;
	color:#DBDBEA;
	font-weight: bold;
	line-height: 1;
}
.mainMenu i{
	font-size:20px;
	padding-left:10px;
}
.mainMenu li:hover, .mainMenu li:focus{
	border-left:5px solid #006DD9;
	background: #20202F;
	transition:0.5s;
}
.mainMenu li:hover a{
    transition: 0.25s;
}
.nav-item{
	width: 100%; list-style-type:none; display:inline-block;
}

.mainMenu .active{
	border-left:5px solid #006DD9;
	background: #20202F;
}
.mainMenu .active:hover, .mainMenu .active:focus{
	border-left:5px solid #20202F;
	background: #006DD9;
    transition:0.5s;
}
.mainMenu .active:hover a, .mainMenu .active:focus a{
    background: #006DD9;
    transition:0.5s;
}
.ml20{
	margin-left:20px;
}
.dropdownMenu{
	background:#20202F;
}
.dropdownMenu li{
	padding-bottom:5px;
}

.inline{
    display: inline-block !important;
}

.formDef label {
    padding-left:5px;
}

.modal-dialog{
    margin: 0 -40%;
}

#chartNew{

}
.navColumn .dropdown{
    padding: 0;
    border-top: 1px solid gray;
    display: none;
    background: #f1f1f1;
    margin: 7px 0;
}
.dropdown  li{
    padding: 0 !important;
    font-size: 13px;
}
.dropdown  li a{

padding: 8px 0 !important;

display: block;

padding-left: 46px !important;
}

.dropdown li a:hover{
    background: #efefef !important;
}

.dropClicker a{
    background-image: url("https://i.ibb.co/8BGnDgz/right-Icon.png") !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
    background-size: 5px !important;
}
.dropClicker2 a{
        background-image: url("https://i.ibb.co/C6Whq35/right-Icon-Down.png") !important;
        background-repeat: no-repeat !important;
        background-position: center right !important;
        background-size: 10px !important;
}
.toggleShowHide{
    display: none !important;
}
table .label-success,
table .label-default{
    width: 100%;
    display:block;
    padding: 5px 0;
    user-select: none;
}





@media screen and (max-width: 886px) {
    .tableContent .edit, .tableContent button
 {
    display: block;
    width: 100% !important;
    text-align: center;
  }
.tableContent form {
    width: 100%;
}
}

.boxAjax{

padding: 16px 14px;

border: 1px solid #cac1c1;

border-radius: 4px;

user-select: none;

background: #f1f1f1;

margin-top: 15px;
}
.boxAjax:hover{ border-color: gray}
.boxAjax p{
    margin-bottom: 11px;
    font-size: 13px;
    font-weight: 600;
}
.boxAjax label{
    font-weight: normal;
    cursor: pointer;
    margin-left: 3px;
    vertical-align: middle;
}
.filterIcon{

font-size: 16px;

background: gainsboro;

display: flex;

align-items: center;

cursor: pointer;

justify-content: center;

height: 40px;

width: 40px;

border-radius: 5px;
}
.filterBox{ display: none;}

.filterToggle{
    color: white;
    background: var(--green);

}











.invHeading {
    background: #000;
    color: var(--secondaryColor);
}






/*OVERRIDES*/

/* width */
.navColumn::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.navColumn::-webkit-scrollbar-track {
  background: #fff;
}

/* Handle */
.navColumn::-webkit-scrollbar-thumb {
  background: #949494;
}

/* Handle on hover */
.navColumn::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.navColumn{ overflow-y: initial}
.headLog{
    background: var(--primaryColor);
    color: white;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 1000;
}

.barsLog{

left: 17px;

cursor: pointer;

z-index: 2000;
}
.barsLog span{

display: block;

background: white;

height: 2px;

width: 19px;

margin: 4px 0;
}
.barsLog .topBtn{

}
.headTabs a{
    
user-select: none;
    
text-decoration: none;
    
color: white;
    
margin: 3px 3px;
    
display: inline-block;
    
font-size: 12px;
    
padding: 5px 13px;
    
background: hsla(0, 0%, 100%, 0.13);
    
border-radius: 3px;
}
.headTabs a:hover{
    background: hsla(0, 0%, 100%, 0.23);
}
header .btns{

color: white;

font-size: 20px;

margin: 0 9px;

line-height: 1;

position: relative;
}
.notifyBtnBox .nmb{
    position: absolute;
    top: -8px;
    left: -13px;
    background: var(--secondaryColor);
    display: flex;
    font-size: 12px;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    border-radius: 100px;
}
.logoPart p{

margin-right: 26px;

margin-left: 39px;

width: 100%;
}
.userTop {

}
.userTop img{
    width: 41px;
    margin: 0 8px;
}

:root{
    --green: #558b2f;
}
.btnTopActive{
    background: white !important;
    color: var(--green) !important;
}
.navColumn{
    background: white;
}
.mainMenu li a{

color: inherit;

padding: 8px 0;

padding-left: 44px;

width: 172px;

background-size: 5px;
}
.mainMenu li a:hover{
    background-color: #e8e8e8 !important;
}
.mainMenu li{
    padding-top: 0;
    color: #968f8f;
}
.mainMenu .active,
.mainMenu .active:hover, .mainMenu .active:focus
{
    border: none !important;
    background: none !important;
    color: var(--primaryColor);
}

.mainMenu li:hover a{ background: none;}

.mainMenu li:hover, .mainMenu li:focus{
    background: none;
    border: none;
}
.mainMenu{
    padding: 0 9px;
    padding-top: 13px;
}
.mainMenu i{
    font-size: 16px;
    color: inherit;
    padding: 7px 10px;
    width: 37px;
    position: relative;
    z-index: 1;
    float: left;
}
.mainMenu .active:hover, .mainMenu .active:focus{
    background: none;
}
.mainMenu .active:hover a, .mainMenu .active:focus a{ background: none}

.navColumn{
    border-right: 1px solid #cecece;
    margin-right: 14px;
}
.navbarColl{/* width: 68px; */}
.mainMenu{position: static;user-select: none;}
.headLog .box{
    margin: 8px 0;
}
.flex1{ display: flex}

.rightPane{
    height: 100vh;
    width: 100%;
    overflow-y: scroll;
}


.centerImage {
    margin: auto;
    display: block;
}





@media screen and (max-width: 992px) {

.headLog .flex
{ display: block; }

.mainMenu li a
{display: block;}









}