@media (min-width: 1200px){
.container {
    width: 1170px !important;
}
}
.login-page{
    background: #fff;
    padding: 36px 36px 36px;
}
.login-register-page{
    background: #006859;
}

.login-register-container .heading h2{
    color: #fff;
}
.margin2 {
    margin-top: 20px;
    margin-right: 5px;
}
.collapse.in{
    visibility: visible !important
}

@media (max-width: 991px){
    .login-register-container{
        margin-top: 30px;
        margin-bottom: 60px;
    }
    }

@media (min-width: 992px){
.login-register-container{
    margin-top: 50px;
    margin-bottom: 60px;
}
}

/* -----Cover Spin Start-------*/

.cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999999 !important;
    /*display:none;*/
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}
.cover-spin h2{
 clear:both;
 float:left;
 position:absolute;
 top:50%; 
 left: 0;
 right:0;
 color:#006859;
 text-align:center;
}
.cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:#006859;
    border-top-color:transparent;
    border-width: 6px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

/* -----Cover Spin End-------*/

.hide{
    display:none;
}
.green_box1 ul li a i{
    margin-right: 5px;
}
.green_box1 li a.active {
    color: #fc7832;
    font-weight: bold;
}

/*** Card css ***/
.card {
    -webkit-box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
    box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
    background-color: #fff;
    margin-bottom: 20px;
    border-color: #ebedf2;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
}
.card .card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 12px 25px;
    border-bottom: 1px solid #ebedf2;
    min-height: 50px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: transparent;
}
.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.card .card-body {
    padding: 20px 25px;
    border-radius: 4px;
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}
/*** END ***/
.bg-green{
    background-color: #006859 !important;
}

.text-white{
    color:#ffff;
}

/*** Modal ***/
.modal{
    margin-top:-30px !important;
}
.fade.in{
    opacity: 1 !important;
    z-index: 999999 !important;
    display: block !important;
}
#myModal_vendor.fade.in {
    background: rgba(0,0,0,.9);
}
.task_box{min-height: auto !important;}
.back-btn{margin-right:10px;}
.mt-50{margin-top: 50px;}
ul.nav li:hover{cursor:pointer;}
.home_top span{
    background: #ff634f;
    padding: 4px;
    font-size: 14px;
    border-radius: 4px;
    color: #fff;
}
#file-modal.fade.in {
    background: rgba(0,0,0,.9);
}
#file-modal h5 span{
    font-weight:bold;
}
.action-btn .btn_new2{
    margin-right: 10px;
}
/*** End ***/