@charset "utf-8";
/* CSS Document */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #616a72!important;
}
.navbar-white {
	background-color: #4f5962!important;}
.p-1{
    margin-top:0px;
    margin-right: 30px;
}
.p-1 .info{color:#fff;}
.sidebar-dark-primary{
	background-color: #4f5962!important;
}
.welcome{
    color:#fff;
    font-weight: 700;
    padding-top: 5px;
}
.glossymenu{
    margin: 5px 0;
    padding: 0;
    border-bottom-width: 0;
}
.glossymenu a.menuitem{
    background: #ebebeb;
    border:1px solid #9A9A9A;
    color: #000;
    display: block;
    position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
    width: auto;
    padding: 4px 0;
    padding-left: 10px;
    text-decoration: none;
    margin-bottom: 5px;
}
.glossymenu a.menuitem:last-child{
    margin-bottom: 0px;
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
    color: #000;
}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
    position: absolute;
    top: 10px;
    right: 10px;
    border: none;
}
.glossymenu a.menuitem:hover{
}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
    background: white;
    border:1px solid #ebebeb;
    padding:10px 20px;
}
.unpaid, .paid, .pending{
    padding: 1px 30px;
    font-size: 14px;
}
.order-container{
    border: 1px solid #bababa;
    padding: 20px;
}
.ord-details span{
    color:#7E7E7E;
}
.ord-entity{
    display: block;
    margin-bottom: 6px;
}
.edit-ord{
    margin-top: 20px;
}
.mm{
    padding-left: 10px;
    padding-bottom: 10px;
}
.head-text{
    color:#00499f;
    font-weight: 700;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 20px;
}
.head-text-2{
    color:#00499f;
    font-weight: 700;
    padding-top: 20px;
    border-top: 1px solid #ebebeb;
    margin-top: 20px;
}
.head-blue{
    color:#00499f;
    font-weight: 500;
    font-size: 24px;
    margin-top: 20px;
}
.padding-content-2 input:disabled {
  border: none;
}
.head-blue-sm{
    color:#00499f;
    font-weight: 500;
    padding-top: 0px;
    padding-bottom: 10px;
    font-size: 14px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 10px;
}
.content-txt{
    color:#9a9a9a;
}
.padding-cont{
    padding-top: 30px;
}
.padding-cont input[type="text"]{
    width: 100%;
}
.padding-cont textarea{
    width: 100%;
    min-height: 200px;
    resize: none;
}
.padding-cont input[type="file"]{
    padding-top: 5px;
}
.padding-cont input[type="button"]{
    background: none;
    border: none;
    color:#0955ae;
}
.padding-content-2 .blue-label{
    color:#0955ae;
    font-weight: normal;
}
.hide {
  display: none;
}

.show {
  display: block;
}
.pbb{
    margin-bottom: 20px;
}
.portal-btn{
    border: none;
    background: #00499f;
    color:#fff;
    padding: 10px 50px;
    border-radius: 5px;
    transition: all ease-in-out 0.2s;
}
.portal-btn:hover{
    background: #0955ae;
    transition: all ease-in-out 0.2s;
}
.cc{
    display: table;
    margin: auto 0 auto auto!important;
}
.txt-rr{
    text-align: right!important;
}

/*---------- Right Column Payment ----------*/

.wht-box{
    background: #fff;
    border: #0f1240 8px solid;
}
.blu-box{
    background:#0f1240;
    padding-top: 6px;
    padding-bottom: 17px;
    color:#fff;
}
.pay-now{
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}
.pay-now span{
    display: block;
    font-size: 58px;
    font-weight: 700;
    text-transform: none;
    line-height: 50px;
}
.pa-1{
    padding: 20px;
}
.pa-2{
    padding: 0px 40px;
}
.mb-2{
    margin-bottom: 5px;
    font-size: 16px;
}
.p-2{
    font-size: 15px;
}
.p-2 span{
    display: inline;
}
.actual{
    display: inline;
}
.init, .disc{
    display: block;
    margin-bottom: 10px;
}
.grey{
    font-weight: 600;
    text-align: right;
}
.disc{
    background: #27aae2;
    color:#ffffff;
    padding: 4px;
    border-radius: 5px;
}
.expiration{
    font-size: 15px;
}
.timer{
    display: inline;
}
.timer div{
    color:#0f1240;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
}
.timer-2 .smalltext{
    font-size: 14px;
    color:#000000;
    font-weight: 400;
    text-transform: uppercase;
}
.fs-1{
    font-size: 15px;
    padding-top: 1px;
    padding-left: 14px;
}
.summary-head-2{
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
    color:#dc1313;
    font-weight: 600;
}
.txt-r{
    text-align: right;
}
.cut-txt{
    text-decoration: line-through;
    text-decoration-color: #f00;
}
.cut-through{
    text-decoration: line-through;
    border: #c9c9c9 1px solid;
    padding: 0px 10px 1px 10px;
}
.curved{
    color:#ffffff!important;
    background: #0f1240;
    padding: 3px 10px;
    font-size: 14px!important;
}
.side-payment{
    padding-top: 10px;
    padding-bottom: 10px;
}
.side-payment img{
    display: table;
    margin: auto;
    max-width: 60%;
}
@media (max-width: 450px){
.bb .welcome{
    display: none;
}
.ord-details span{
    display: block;
}
.ord-details label{
    margin-bottom: 0px;
}
.wht-box{
    margin-top: 40px;
}
.disc{
    display: block!important;
}
.grey{
    display: inline;
}
.timer{
    display: block;
}
.txt-rr{
    text-align: left;
}
}