@font-face {
    font-family: FiraSans-Book;
    src: url(/National_Library/20160526010038oe_/https://signup.cloudzone.io/fonts/FiraSans-Book.ttf);
}
html {
    font-family: FiraSans-Book;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body{
    font-family: FiraSans-Book;
    color:#484848;
}
.bg_title{
  /*  background-color: #2a77bb;
    height: 2.5%;
    color: #ffffff;
    margin-bottom: 10px;*/
    /*background-color: #F5F5F5;*/
    border-radius: 9px;
    margin: 10px -5px 10px -10px;

}

.bg_title_sm{
    background-color: #2a77bb;
    height: 35px;
    color: #ffffff;
    margin-bottom: 10px;
}
.fiewld_width{
    width: 50%;
}
.tb-head{
    /*background-color: #999999;*/
    background-color: dodgerblue;
    color: white
}
.edit-td a{
    color:#3c3c3c;
    text-decoration: none;
}
.txt{
  /*  color: #ffffff;
    font-size: 30px;
    margin-left: 10px;*/
    color: #999;/*#2A77BB;*/
    font-size: 32px;
    margin-left: 10px;
    text-align: center;
}
.txt_sm{
    margin-left: 10px;
    color: #ffffff;
    font-size:25px;
}
.panel-primary>.panel-heading{
    background-color: #2a77bb;
    font-size: 18px;

}
.ui-helper-hidden { display: none; }
.hidden_ba { display: none; }
.form-control{

}
.steps{
    margin-top: 15px;
    height:65px;
    width:19.695%;
    background-color: #E2E4EA;
    color: #ffffff;
    font-size: 30px;
    float: left;
    position: relative;
    text-align: center;
    margin-right: 2px;
    border-radius: 4px;
}
.wrap-form{
    width: 40%;
    margin: auto;
}
.footer_txt{
    font-size: 75%;
}
.steps_sm{
    font-size: 40%;
}
#st1{
    background-color: #f7c027;
}
.btn_panel{
    text-align: right;
}
.td-aligh{
    text-align: center;
}
.walk{
    cursor: pointer;
}
.icons_btn{
    margin-right: 10px;
}

.condition_agreement{
    width: 100%;

}
.creditCard{
    margin-top: 5px;
}
.payWin{
    margin-left: 30%;
}
#f3_PayMethInput{
    width: 57%;
}
.opt{
    color: #999999;
    font-size: 85%;
    font-style: italic;
}
.btn-info{
    background-color: #ffffff; /*#2a77bb;*/
    color: #777;
    border-color: #777;
    border-radius: 0;
}
.btn-info:hover{
    background-color: #37c;
}
.form-control{
    border-radius: 0;
}
.ic{
    margin-left:5px;
}
.error{
   color:#CC0000;
}
.approving_div{
    margin: auto;
    width: 94%;
    height:300px;
    border: 1px solid #C1C1C1;
    overflow: auto;
}
.head_app_group{
    text-align: center;
    color: #9d9d9d;
    font-size: 1.8em;
}
.marg{
    margin-left: 4%;
}
.edit-panel{
    position: absolute;
    left: 20%;
    width: 60%;
}
.edit-services{
    position: absolute;
   /* left: 10%;
    width: 80%;*/
    z-index: 1;
}
.services{
    width: 100%;
}
#add_service{
    z-index:3;
}

iframe{
    width:100%;
    height: 485px;
    overflow-y: scroll;
    overflow-x: hidden
}
fieldset{
    margin-bottom: 15px;
}

.cong{
    text-align: center;
    font-size: 1.16em;
    text-decoration: none;
}
.spase{
    margin-top: 15px;
    margin-bottom: 15px;
    height:7px;
    background-color: #E2E4EA;
}
.win_service{
    position: absolute;
    z-index: 1;
    background-color: #2a77bb;
    width:60%;
    border: 1px solid
}
@media (max-width: 1199px) {
    .footer_txt {
        font-size: 85%;
    }
    .steps_sm{
        font-size: 40%;
    }
    .steps{
        width: 19.6%;
    }
    .txt_sm{
        color: #ffffff;
        font-size:25px;
    }
}
@media (max-width: 992px) {
    .footer_txt {
        font-size: 74%;
    }
    .wrap-form {
        width: 70%;
        margin: auto;
    }
    .steps_sm{
        font-size: 40%;
    }
    .steps{
        width: 19.51%;
    }
    .txt_sm{
        color: #ffffff;
        font-size:25px;
    }
}
@media (max-width: 767px) {
    .footer_txt {
        font-size: 85%;
    }
    .steps_sm{
        font-size: 40%;
    }
    .steps{
        width: 19.3%;
    }
    .wrap-form {
        width: 60%;
        margin: auto;
    }
    .txt_sm{
        color: #ffffff;
        font-size:25px;
    }
}
@media (max-width: 480px) {
    .footer_txt {
        font-size: 58%;
    }

    .steps_sm {
        font-size: 40%;
    }

    .txt_sm{
        color: #ffffff;
        font-size:20px;
    }

}
@media (max-width: 280px) {
    .footer_txt {
        font-size: 38%;
    }

    .steps_sm{
        font-size: 27%;
    }
    .txt_sm{
        color: #ffffff;
        font-size:16px;
    }
}

.equalBtns{
    width: 150px;
}


.admin-container{
    margin-right: 0px !important;
    margin-left: 0px !important;
    /*background-color: #f4f4f4;*/
}

.li-labels{

    font-weight: bold;
    position: relative;
    display: block;
    padding: 10px 15px;
    color: #337ab7;
    text-decoration: none;

}

.li-labels:hover{
    cursor: hand;
    background-color: rgb(213,218,223, 0.8);
    color: black;
    /*font-weight: bold;*/
}

.customHR{
    margin-bottom: 3px;
    margin-top: 3px;
}

.bolded{
    font-weight: bold;
}

.smallTh{
    width: 15%;
}

.create_user{
    background-color: #003399;
    color: #ffffff;
    border: 1px solid black;
    border-radius: 2px;
    width: 40px;
}

#client-table_filter{
  /*  display: none;*/
}

#wt-table_filter{
   /*display: none;*/
}

#ret-table_filter{
    /*display: none;*/
}

.mainHeader{
    /*color: #cacaca;*/
    /*background-color: #f8f8f8;*/
    background-color: dodgerblue;
    color: white
}

.txt-ar{
    width:300px;
}
.srv-pop{
    width:801px;
}

.jQtooltip {
    position: relative;
    cursor: help;
    border-bottom: 1px dotted;
}
.jQtooltip div {
    display: none;
    position: absolute;
    bottom: -1px;
    left: -1px;
    z-index: 1000;
    width: 250px;
    padding: 8px 12px;
    text-align: left;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    box-shadow: 0 1px 3px #C4C4C4;
    border: 1px solid #DBB779;
    background: #FFF6BD;
    border-radius: 2px;
}