@charset "utf-8";
/* CSS Document */

/**=======================**/
/**=======common styles=====**/

/******* fonts *********/
@import url('../fonts/stylesheet_fonts.css');
/******* fonts *********/

body{
    font-family: 'Roboto' !important;
}

.no_padding{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.no_pad_left{
    padding-left: 0px !important;
}

.no_pad_right{
    padding-right: 0px !important;
}

.margin{
    margin-right: auto !important;
    margin-left: auto !important;
}

a{
    text-decoration: none !important;
}


/**=======================**/
/**=======common styles=====**/

/***************************************************/

/**=======================**/
/**=======header=====**/

.fixed-top-nav{
    position:fixed !important;
    left:0px !important;
    top:0px !important;
    height:auto !important;
    width:100% !important;
    z-index: 1000 !important;
}
.navbar-default {
    border-color: transparent !important;
    background-color: #0553a3 !important;
    background-image: url("../images/pattern.png");
    background-repeat: repeat !important;
    background-position: center center  !important;
    margin-bottom: 0.9%;
    border-radius: 0px !important;
}

.main_logo{
    position: absolute !important;
    z-index: 1000 !important;
    margin-top: -2px !important;
}

.header_top_col{
    text-align: right !important;
}

.navbar-default .navbar-nav>li>a {
    color: #fff !important;
}

.bg_img_body{
    /*background-image: url("../images/bg_pattern.png");*/
    /*background-repeat: no-repeat;*/
    /*background-position: bottom left ;*/
    /*padding-left: 5px;*/
    /*height: 800px;*/
}

.main_heading{
    color: #fff !important;
    font-size: 25px !important;
    padding-left: 42px !important;
}

.name_log{
    font-size: 13px !important;
    color: #fff !important;
    font-weight: 400 !important;
    text-align: right !important;
}

.nav>.collapse>li>a {
    position: relative !important;
    display: block !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 5px !important;
    padding-right: 10px !important;
}


.active_section_heading{
    padding-left: 0%;
    padding-top: 0%;
}

.panel-body {
    padding: 5px !important;
}

.panel-primary {
    border-color: transparent !important;
    background-color: transparent !important;
}

/**=======================**/
/**=======header=====**/






/***************************************************/

/**=======================**/
/**=======body=====**/

.nav_sec{
    border-right: 1px solid #d3d3d3 !important;
}

.nav_set_sec{
    padding-right: 10px !important;
}


#sidebar {
    width: inherit !important;
    min-width: 220px !important;
    max-width: 220px !important;
    background-color: transparent !important;
    float: left !important;
    height:100%;
    position:relative !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
}
#main {
    height:100%;
    overflow:auto !important;
    padding-top: 1% !important;
}

/*
 * off Canvas sidebar
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
    .row-offcanvas {
        position: relative !important;
        -webkit-transition: all 0.25s ease-out !important;
        -moz-transition: all 0.25s ease-out !important;
        transition: all 0.25s ease-out !important;
        width:calc(100% + 220px);
    }

    .row-offcanvas-left
    {
        left: -250px !important;
    }

    .row-offcanvas-left.active {
        left: 0 !important;
    }

    .sidebar-offcanvas {
        position: absolute !important;
        top: 10% !important;
    }
}


.heading{
    margin-top: -2px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    font-size: 22px !important;
    margin-bottom: 0px !important;
}
.heading2{
    margin-top: -2px !important;
    font-weight: 400 !important;
    /*text-transform: uppercase !important;*/
    font-size: 22px !important;
    margin-bottom: 0px !important;
}

.breadcom_con{
    margin-top: 10%;
}

.breadcome{
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #000000 !important;
    text-transform: uppercase !important;
    margin-top: 3px !important;
}
.breadcome2{
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #000000 !important;
    /*text-transform: uppercase !important;*/
    margin-top: 3px !important;
}

label {
    display: inline-block !important;
    max-width: 100%;
    margin-bottom: 4px !important;
    font-weight: 400 !important;
    color: #868686 !important;
}


.panel-primary>.panel-heading{
    /* fallback */
    background-color: #17a0da !important;
    background-repeat: repeat-x !important;
    border-radius: 3px !important;
    margin-bottom: 3%;

    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#17a0da), to(#0881b2));

    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #17a0da, #0881b2);

    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #17a0da, #0881b2);

    /* IE 10 */
    background: -ms-linear-gradient(top, #17a0da, #0881b2);

    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #17a0da, #0881b2);

}

.panel-primary>.panel-heading {
    color: #fff !important;
    text-transform: uppercase !important;
    font-size: 15px !important;
    font-weight: 300 !important;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none !important;
    background-color: #17a0da !important;
}

.main_sec_sub{
    background-color: transparent !important;
    border-bottom: 1px dashed #d2d2d2 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    padding-left: 5px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-right: 10px !important;
}

.active {
    color: #00b145 !important;
    background-color: transparent !important;
}


.form-control {
    display: block !important;
    width: 100%;
    height: 30px !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #555 !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #c2c2c2 !important;
    border-radius: 3px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s !important;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
}


.form-group {
    margin-bottom: 10px !important;
}

.btn-primary{
    color: #fff !important;
    background-color: #0856a5 !important;
    border-color: transparent !important;
    font-size: 15px !important;
}

.reset_btn{
    color: #a7a7a7 !important;
    background-color: transparent !important;
    border: 1px solid #a7a7a7 !important;
    font-size: 15px !important;
    margin-left: 5px !important;
}

.has-feedback label~.form-control-feedback {
    top: 18px !important;
    color: #a7a7a7 !important;
}



input[type=radio] {
    position: absolute !important;
    visibility: hidden !important;
}
label {
    display: block !important;
    position: relative !important;
    /*font-weight: 400;*/
    /*font-size: 14px;*/
    /*padding-top: 22px;*/
    /*padding-right: 25px;*/
    /*padding-left: 40px;*/
    /*padding-bottom: 25px;*/
    /*margin: 10px auto;*/
    height: 15px !important;
    z-index: 9 !important;
    cursor: pointer !important;
    -webkit-transition: all 0.25s linear !important;
    color: #FFFFFF ;
    /*text-transform: uppercase;*/
}
.check {
    display: block !important;
    position: absolute !important;
    border: 5px solid #0553a3 !important;
    border-radius: 100%;
    height: 25px !important;
    width: 25px !important;
    top: 0px !important;
    left: 20px !important;
    z-index: 5 !important;
    transition: border .25s linear !important;
    -webkit-transition: border .25s linear !important;
}
.check::before {
    display: block !important;
    position: absolute !important;
    content: '';
    border-radius: 100%;
    height: 9px !important;
    width: 9px !important;
    top: 3px !important;
    left: 3px !important;
    margin: auto !important;
    transition: background 0.25s linear !important;
    -webkit-transition: background 0.25s linear !important;
}
input[type=radio]:checked ~ .check {
    border: 5px solid #0553a3 !important;
}
input[type=radio]:checked ~ .check::before {
    background: #17a0da !important;
}
input[type=radio]:checked ~ label {
    color: #FFFFFF !important;
}


.radio-inline {
    position: relative !important;
    display: inline-block !important;
    padding-left: 50px !important;
    margin-bottom: 0 !important;
    font-weight: 400 !important;
    vertical-align: middle !important;
    cursor: pointer !important;
}


.ra_btn{
    margin-top: 2%;
}

/*************table*************/

#page-wrap {
    margin: 15px !important;
}

.responsive_table table {
    width: 100%;
    border-collapse: collapse !important;
    word-wrap: break-word !important;
}
/* Zebra striping */
.responsive_table tr:nth-of-type(odd) {
    background: #edf9ff ;
}
.responsive_table th {
    background: transparent !important;
    color: #fff !important;
    font-weight: 600 !important;
    text-transform:uppercase !important;
    /*background-color: #17a0da;*/
    background-repeat: repeat-x !important;
    border-radius: 0px !important;
    margin-bottom: 3%;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#17a0da), to(#08315b)) !important;
    background: -webkit-linear-gradient(top, #17a0da, #08315b) !important;
    background: -moz-linear-gradient(top, #17a0da, #08315b) !important;
    background: -ms-linear-gradient(top, #17a0da, #08315b) !important;
    background: -o-linear-gradient(top, #17a0da, #08315b) !important;
}

.responsive_table td, th {
    padding: 6px !important;
    border: 1px solid #1260af !important;
    text-align: center !important;
    font-size: 11px !important;
    font-weight: 400 !important;
}

/*************table*************/

.modal-title {
    margin: 0 !important;
    line-height: 1.42857143 !important;
    color: #fff !important;
}


.close {
    float: right !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #fff !important;
    text-shadow: 0 1px 0 #fff !important;
    filter: alpha(opacity=20);
    opacity: .2 !important;
}


.dual-list .list-group {
    margin-top: 8px !important;
}

.list-left li, .list-right li {
    cursor: pointer !important;
}

.list-arrows {
    padding-top: 100px !important;
}

.list-arrows button {
    margin-bottom: 20px !important;
}

.clickable{
    cursor: pointer !important;
}



.panel-heading span {
    margin-top: 0px !important;
    font-size: 15px !important;
}

.panel {
    margin-bottom: 10px !important;
    background-color: transparent !important;
    border: transparent !important;
    border-radius: 4px !important;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.0);
    box-shadow: 0 0px 0px rgba(0,0,0,.0);
}


::-webkit-file-upload-button {
    background: #0553a3 !important;
    color: #fff !important;
    padding: 5px !important;
}



.input_file{
    display: block !important;
    margin-top: -6px !important;
    margin-left: -13px !important;
}

.menu_dropdown_last{
    margin-bottom: -4% !important;
}

.main_logo02 {
    position: absolute !important;
    z-index: 1000 !important;
    margin-top: 13px !important;
    left: 30px !important;
}

/**=======================**/
/**=======body=====**/







/**=======================**/
/**=======footer=====**/
.footer_first_section{
    margin-top: 25%;
}




.footer_section{
    border-color: transparent !important;
    background-color: #0553a3 !important;
    background-image: url("../images/pattern.png");
    background-repeat: repeat !important;
    background-position: center center  !important;
    border-radius: 0px !important;
    position:fixed !important;
    left:0px !important;
    bottom:0px !important;
    height:auto !important;
    width:100%;
    z-index: 1000 !important;
}

.footer_bt01{
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    color: #fff !important;
    font-size: 11px !important;
}

.footer_bt02{
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    color: #fff !important;
    text-align: right !important;
    font-size: 11px !important;
}

.footer_bg_con{
    background-image: url(../images/bg_pattern.png);
    background-repeat: no-repeat !important;
    background-position: bottom left !important;
    padding-left: 5px !important;
    height: 809px !important;
    position:fixed !important;
    left:0px !important;
    bottom:0px !important;
    width:100%;
    z-index: -1 !important;
    margin-top: -35%;
}

.modal {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 30000 !important;
    display: none !important;
    overflow: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    outline: 0 !important;
}
.ui-tooltip .ui-widget-content{
    color: green; !important;
}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/**=======================**/
/**=======footer=====**/